.action-host[data-action-room="garden"] *{ box-sizing: border-box; }
.action-host[data-action-room="garden"] button{ font: inherit; color: inherit; cursor: pointer; }
.action-host[data-action-room="garden"] :focus-visible{ outline: 2px solid var(--accent); outline-offset: 3px; }
.action-host[data-action-room="garden"] .back{ border: none; background: none; padding: 6px 0; color: var(--ink-2); font-size: 15px; }
.action-host[data-action-room="garden"] .title{ margin: 0; font-family: var(--display); font-weight: 400; font-size: 34px; line-height: 1.05; letter-spacing: .04em; text-transform: uppercase; color: #FFF2F6; text-shadow: 0 0 18px var(--accent-soft); text-wrap: balance; }
.action-host[data-action-room="garden"] .caps{ font-size: 11px; font-weight: 500; letter-spacing: .32em; text-transform: uppercase; color: var(--muted); }
.action-host[data-action-room="garden"] .head .caps{ display: block; margin-top: 8px; }
.action-host[data-action-room="garden"] .mood{ margin: 14px 0 0; text-align: center; font-family: var(--serif); font-style: italic; font-size: 15px; color: var(--ink-2); }
.action-host[data-action-room="garden"] .howto{ margin: 6px 0 0; text-align: center; font-size: 13px; color: var(--muted); }
.action-host[data-action-room="garden"] .reaction{ min-height: 26px; margin: 12px 0 0; text-align: center; font-family: var(--serif); font-style: italic; font-size: 17px; color: #FFE8EF; opacity: 0; transition: opacity .3s ease; }
.action-host[data-action-room="garden"] .reaction.on{ opacity: 1; }
.action-host[data-action-room="garden"] .read{ margin-top: 16px; padding: 18px; border-radius: 22px; border: 1px solid var(--accent-soft); background: linear-gradient(180deg, rgba(40,18,30,.9), rgba(18,9,20,.95)); }
.action-host[data-action-room="garden"] .read-h{ margin: 16px 0 0; font-family: var(--ui); font-size: 11px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; color: var(--accent); }
.action-host[data-action-room="garden"] .read-h:first-of-type{ margin-top: 12px; }
.action-host[data-action-room="garden"] .read p{ margin: 6px 0 0; font-family: var(--serif); font-size: 17px; line-height: 1.5; color: #F6E9EE; }
.action-host[data-action-room="garden"] .q{ display: block; margin-top: 20px; font-family: var(--serif); font-weight: 600; font-size: 21px; line-height: 1.3; color: #fff; }
.action-host[data-action-room="garden"] textarea{ width: 100%; min-height: 104px; margin-top: 12px; padding: 14px 16px; border-radius: 18px; border: 1.5px solid var(--accent-soft); background: #120A14; color: #fff; font-family: var(--serif); font-size: 16px; resize: none; }
.action-host[data-action-room="garden"] textarea:focus{ outline: none; border-color: var(--accent); box-shadow: 0 0 20px var(--accent-soft); }
.action-host[data-action-room="garden"] .primary{ width: 100%; min-height: 58px; margin-top: 18px; border: none; border-radius: 29px; font-family: var(--serif); font-size: 19px; color: #22061A;
  background: linear-gradient(180deg, #FF9ACB 0%, #FF5FA2 45%, #E23A84 100%); box-shadow: 0 8px 28px rgba(255,79,154,.45); }
.action-host[data-action-room="garden"] .primary:disabled{ opacity: .45; cursor: default; }
.action-host[data-action-room="garden"] .ghost{ width: 100%; min-height: 54px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); font-family: var(--serif); font-size: 17px; }
.action-host[data-action-room="garden"] .note{ margin-top: 14px; text-align: center; font-size: 12px; color: var(--muted); }
.action-host[data-action-room="garden"] .spacer{ flex-grow: 1; }
.action-host[data-action-room="garden"] .branch{ position: relative; margin-top: 18px; padding: 18px 8px 10px; border-radius: 24px; background: rgba(20,10,20,.55); border: 1px solid var(--line); }
.action-host[data-action-room="garden"] .fruits{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.action-host[data-action-room="garden"] .fruit{ display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 10px 14px; border-radius: 18px; border: 1px solid var(--line); background: var(--card); text-align: left; font-size: 14px; line-height: 1.3; transition: transform .5s cubic-bezier(.5,0,.3,1), opacity .5s ease, border-color .2s, box-shadow .2s; }
.action-host[data-action-room="garden"] .fruit:last-child:nth-child(odd){ grid-column: 1 / -1; }
.action-host[data-action-room="garden"] .fruit i{ flex: none; width: 28px; height: 28px; border-radius: 50% 50% 50% 50% / 58% 58% 42% 42%; background: radial-gradient(circle at 35% 30%, #FFE1EF, #FF4F9A 45%, #5A0A2A 100%); box-shadow: 0 0 12px rgba(255,79,154,.6); }
.action-host[data-action-room="garden"] .fruit.on{ border-color: var(--accent); box-shadow: 0 0 18px var(--accent-soft); }
.action-host[data-action-room="garden"] .fruit.drop{ transform: translateY(60px) rotate(12deg); opacity: 0; pointer-events: none; }
.action-host[data-action-room="garden"] .count{ margin-top: 10px; text-align: center; font-size: 13px; color: var(--muted); }
.action-host[data-action-room="garden"] .slider{ margin-top: 20px; }
.action-host[data-action-room="garden"] .slider label{ display: block; font-family: var(--serif); font-weight: 600; font-size: 19px; color: #fff; }
.action-host[data-action-room="garden"] .slider input{ width: 100%; margin-top: 14px; accent-color: var(--accent); height: 28px; }
.action-host[data-action-room="garden"] .ticks{ display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 4px; margin-top: 4px; font-size: 12px; color: var(--muted); text-align: center; }
.action-host[data-action-room="garden"] .ticks span.on{ color: var(--accent); font-weight: 600; }
.action-host[data-action-room="cabinet"] *{ box-sizing: border-box; }
.action-host[data-action-room="cabinet"] button{ font: inherit; color: inherit; cursor: pointer; }
.action-host[data-action-room="cabinet"] :focus-visible{ outline: 2px solid var(--accent); outline-offset: 3px; }
.action-host[data-action-room="cabinet"] .back{ border: none; background: none; padding: 6px 0; color: var(--ink-2); font-size: 15px; }
.action-host[data-action-room="cabinet"] .dice{ width: 22px; height: 22px; border-radius: 6px; background: #1A0A14; display: grid; grid-template-columns: repeat(3, 1fr); padding: 3px; box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset; }
.action-host[data-action-room="cabinet"] .dice b{ width: 4px; height: 4px; border-radius: 50%; background: var(--accent); align-self: center; justify-self: center; visibility: hidden; }
.action-host[data-action-room="cabinet"] .dice b.on{ visibility: visible; }
.action-host[data-action-room="cabinet"] .title{
  margin: 0; font-family: var(--display); font-weight: 400;
  font-size: 34px; line-height: 1.05; letter-spacing: 0.04em; text-transform: uppercase;
  color: #FFF2EA; text-shadow: 0 0 18px var(--accent-soft);
  text-wrap: balance;
}
.action-host[data-action-room="cabinet"] .caps{ font-size: 11px; font-weight: 500; letter-spacing: 0.32em; text-transform: uppercase; color: var(--muted); }
.action-host[data-action-room="cabinet"] .head .caps{ display: block; margin-top: 8px; }
.action-host[data-action-room="cabinet"] .mood{ margin: 14px 0 0; text-align: center; font-family: var(--serif); font-style: italic; font-size: 15px; color: var(--ink-2); }
.action-host[data-action-room="cabinet"] .howto{ margin: 6px 0 0; text-align: center; font-size: 13px; color: var(--muted); }
.action-host[data-action-room="cabinet"] .deck{ position: relative; height: 230px; margin-top: 18px; touch-action: pan-y; }
.action-host[data-action-room="cabinet"] .card{
  position: absolute; inset: 0;
  display: flex; flex-direction: column; justify-content: center; gap: 14px;
  padding: 24px 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, #221019, var(--card));
  border: 1px solid var(--line);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
  user-select: none;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .35s ease;
}
.action-host[data-action-room="cabinet"] .card.is-back{ transform: translateY(12px) scale(0.95); opacity: 0.5; }
.action-host[data-action-room="cabinet"] .card.is-back > *, .action-host[data-action-room="cabinet"] .card.is-back2 > *{ visibility: hidden; }
.action-host[data-action-room="cabinet"] .card.is-back2{ transform: translateY(24px) scale(0.9); opacity: 0.25; }
.action-host[data-action-room="cabinet"] .card.is-top{ cursor: grab; z-index: 3; }
.action-host[data-action-room="cabinet"] .card.dragging{ transition: none; cursor: grabbing; }
.action-host[data-action-room="cabinet"] .card .n{ font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var(--accent); }
.action-host[data-action-room="cabinet"] .card .text{ margin: 0; font-family: var(--serif); font-weight: 600; font-size: 24px; line-height: 1.3; color: #fff; text-wrap: balance; }
.action-host[data-action-room="cabinet"] .stamp{
  position: absolute; top: 20px; padding: 6px 12px; border-radius: 10px;
  font-family: var(--ui); font-weight: 600; font-size: 14px; letter-spacing: .18em; text-transform: uppercase;
  opacity: 0; transform: rotate(-8deg);
}
.action-host[data-action-room="cabinet"] .stamp.true{ right: 20px; color: var(--pink); border: 2px solid var(--pink); box-shadow: 0 0 16px var(--pink-soft); transform: rotate(8deg); }
.action-host[data-action-room="cabinet"] .stamp.lie{ left: 20px; color: var(--lie); border: 2px solid var(--lie); box-shadow: 0 0 16px var(--lie-soft); }
.action-host[data-action-room="cabinet"] .reaction{ min-height: 28px; margin: 14px 0 0; text-align: center; font-family: var(--serif); font-style: italic; font-size: 17px; color: #FFE2D3; opacity: 0; transition: opacity .3s ease; }
.action-host[data-action-room="cabinet"] .reaction.on{ opacity: 1; }
.action-host[data-action-room="cabinet"] .controls{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.action-host[data-action-room="cabinet"] .ctrl{
  min-height: 56px; border-radius: 18px; font-family: var(--serif); font-size: 18px;
  background: var(--card); border: 1px solid var(--line);
}
.action-host[data-action-room="cabinet"] .ctrl.lie{ border-color: var(--lie-soft); color: #D4DDFF; }
.action-host[data-action-room="cabinet"] .ctrl.true{ border-color: var(--pink-soft); color: #FFD3E6; }
.action-host[data-action-room="cabinet"] .ctrl:hover{ filter: brightness(1.15); }
.action-host[data-action-room="cabinet"] .idk{ display: block; margin: 10px auto 0; border: none; background: none; color: var(--muted); font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.action-host[data-action-room="cabinet"] .progress{ display: flex; justify-content: center; gap: 6px; margin-top: 16px; }
.action-host[data-action-room="cabinet"] .progress span{ width: 22px; height: 3px; border-radius: 2px; background: rgba(255,255,255,.12); }
.action-host[data-action-room="cabinet"] .progress span.on{ background: var(--accent); box-shadow: 0 0 8px var(--accent); }
.action-host[data-action-room="cabinet"] .verdicts{ list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.action-host[data-action-room="cabinet"] .verdicts li{ display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); font-family: var(--serif); font-size: 15px; color: var(--ink-2); }
.action-host[data-action-room="cabinet"] .tag{ flex: none; padding: 2px 8px; border-radius: 8px; font-family: var(--ui); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.action-host[data-action-room="cabinet"] .tag.true{ color: var(--pink); border: 1px solid var(--pink-soft); }
.action-host[data-action-room="cabinet"] .tag.lie{ color: var(--lie); border: 1px solid var(--lie-soft); }
.action-host[data-action-room="cabinet"] .tag.idk{ color: var(--muted); border: 1px solid var(--line); }
.action-host[data-action-room="cabinet"] .read{ margin-top: 16px; padding: 18px; border-radius: 22px; border: 1px solid var(--accent-soft); background: linear-gradient(180deg, rgba(40,18,24,.9), rgba(18,9,20,.95)); }
.action-host[data-action-room="cabinet"] .read-h{ margin: 16px 0 0; font-family: var(--ui); font-size: 11px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; color: var(--accent); }
.action-host[data-action-room="cabinet"] .read-h:first-of-type{ margin-top: 12px; }
.action-host[data-action-room="cabinet"] .marks{ margin-top: 14px; }
.action-host[data-action-room="cabinet"] .marks summary{ cursor: pointer; padding: 10px 2px; font-size: 14px; color: var(--ink-2); }
.action-host[data-action-room="cabinet"] .marks .verdicts{ margin-top: 6px; }
.action-host[data-action-room="cabinet"] .read p{ margin: 6px 0 0; font-family: var(--serif); font-size: 17px; line-height: 1.5; color: #F6E9EE; }
.action-host[data-action-room="cabinet"] .q{ display: block; margin-top: 20px; font-family: var(--serif); font-weight: 600; font-size: 21px; line-height: 1.3; color: #fff; }
.action-host[data-action-room="cabinet"] textarea{
  width: 100%; min-height: 104px; margin-top: 12px; padding: 14px 16px;
  border-radius: 18px; border: 1.5px solid var(--accent-soft); background: #120A14;
  color: #fff; font-family: var(--serif); font-size: 16px; resize: none;
}
.action-host[data-action-room="cabinet"] textarea:focus{ outline: none; border-color: var(--accent); box-shadow: 0 0 20px var(--accent-soft); }
.action-host[data-action-room="cabinet"] .primary{
  width: 100%; min-height: 58px; margin-top: 18px; border: none; border-radius: 29px;
  font-family: var(--serif); font-size: 19px; color: #22061A;
  background: linear-gradient(180deg, #FF9ACB 0%, #FF5FA2 45%, #E23A84 100%);
  box-shadow: 0 8px 28px rgba(255, 79, 154, 0.45);
}
.action-host[data-action-room="cabinet"] .primary:disabled{ opacity: .45; cursor: default; }
.action-host[data-action-room="cabinet"] .note{ margin-top: 14px; text-align: center; font-size: 12px; color: var(--muted); }
.action-host[data-action-room="cabinet"] .spacer{ flex-grow: 1; }
.action-host[data-action-room="market"] .why{ margin-top: 14px; padding: 14px 16px; border-radius: 18px; background: rgba(255,196,107,.08); border: 1px solid var(--accent-soft); font-family: var(--serif); font-size: 15px; line-height: 1.5; color: #F6E9D8; }.action-host[data-action-room="market"] .step{ margin-top: 6px; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--accent); }.action-host[data-action-room="market"] .picks{ display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }.action-host[data-action-room="market"] .pick{ display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 10px 16px; border-radius: 16px; border: 1px solid var(--line); background: var(--card); text-align: left; font-size: 15px; }.action-host[data-action-room="market"] .pick .box{ flex: none; width: 22px; height: 22px; border-radius: 6px; border: 1.5px solid rgba(255,255,255,.3); display: flex; align-items: center; justify-content: center; font-size: 14px; color: #1A0E06; }.action-host[data-action-room="market"] .pick.on{ border-color: var(--accent); box-shadow: 0 0 14px var(--accent-soft); }.action-host[data-action-room="market"] .pick.on .box{ background: var(--accent); border-color: var(--accent); }.action-host[data-action-room="market"] .pick.no.on{ text-decoration: line-through; text-decoration-color: var(--accent); }.action-host[data-action-room="market"] .scale{ position: relative; height: 150px; margin-top: 12px; }.action-host[data-action-room="market"] .beam{ position: absolute; left: 10%; right: 10%; top: 28px; height: 3px; border-radius: 2px; background: var(--accent); box-shadow: 0 0 10px var(--accent); transition: transform .6s cubic-bezier(.3,1.4,.5,1); }.action-host[data-action-room="market"] .post{ position: absolute; left: 50%; top: 28px; width: 3px; height: 80px; transform: translateX(-50%); background: rgba(255,196,107,.4); }.action-host[data-action-room="market"] .pan{ position: absolute; top: 0; width: 40%; transition: transform .6s cubic-bezier(.3,1.4,.5,1); text-align: center; }.action-host[data-action-room="market"] .pan.l{ left: 3%; }.action-host[data-action-room="market"] .pan.r{ right: 3%; }.action-host[data-action-room="market"] .pan .bowl{ height: 26px; margin-top: 46px; border-radius: 0 0 60px 60px; border: 2px solid var(--accent); border-top: none; }.action-host[data-action-room="market"] .pan .num{ font-family: var(--display); font-size: 22px; color: #FFE7C2; }.action-host[data-action-room="market"] .pan .lab{ margin-top: 4px; font-size: 12px; line-height: 1.3; color: var(--ink-2); }

.action-host[data-action-room="fog"] *{ box-sizing: border-box; }
.action-host[data-action-room="fog"] button{ font: inherit; color: inherit; cursor: pointer; }
.action-host[data-action-room="fog"] :focus-visible{ outline: 2px solid var(--accent); outline-offset: 3px; }
.action-host[data-action-room="fog"] .back{ border: none; background: none; padding: 6px 0; color: var(--ink-2); font-size: 15px; }
.action-host[data-action-room="fog"] .title{ margin: 0; font-family: var(--display); font-weight: 400; font-size: 34px; line-height: 1.05; letter-spacing: .04em; text-transform: uppercase; color: #FFF2F6; text-shadow: 0 0 18px var(--accent-soft); text-wrap: balance; }
.action-host[data-action-room="fog"] .caps{ font-size: 11px; font-weight: 500; letter-spacing: .32em; text-transform: uppercase; color: var(--muted); }
.action-host[data-action-room="fog"] .head .caps{ display: block; margin-top: 8px; }
.action-host[data-action-room="fog"] .mood{ margin: 14px 0 0; text-align: center; font-family: var(--serif); font-style: italic; font-size: 15px; color: var(--ink-2); }
.action-host[data-action-room="fog"] .howto{ margin: 6px 0 0; text-align: center; font-size: 13px; color: var(--muted); }
.action-host[data-action-room="fog"] .reaction{ min-height: 26px; margin: 12px 0 0; text-align: center; font-family: var(--serif); font-style: italic; font-size: 17px; color: #FFE8EF; opacity: 0; transition: opacity .3s ease; }
.action-host[data-action-room="fog"] .reaction.on{ opacity: 1; }
.action-host[data-action-room="fog"] .read{ margin-top: 16px; padding: 18px; border-radius: 22px; border: 1px solid var(--accent-soft); background: linear-gradient(180deg, rgba(40,18,30,.9), rgba(18,9,20,.95)); }
.action-host[data-action-room="fog"] .read-h{ margin: 16px 0 0; font-family: var(--ui); font-size: 11px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; color: var(--accent); }
.action-host[data-action-room="fog"] .read-h:first-of-type{ margin-top: 12px; }
.action-host[data-action-room="fog"] .read p{ margin: 6px 0 0; font-family: var(--serif); font-size: 17px; line-height: 1.5; color: #F6E9EE; }
.action-host[data-action-room="fog"] .q{ display: block; margin-top: 20px; font-family: var(--serif); font-weight: 600; font-size: 21px; line-height: 1.3; color: #fff; }
.action-host[data-action-room="fog"] textarea{ width: 100%; min-height: 104px; margin-top: 12px; padding: 14px 16px; border-radius: 18px; border: 1.5px solid var(--accent-soft); background: #120A14; color: #fff; font-family: var(--serif); font-size: 16px; resize: none; }
.action-host[data-action-room="fog"] textarea:focus{ outline: none; border-color: var(--accent); box-shadow: 0 0 20px var(--accent-soft); }
.action-host[data-action-room="fog"] .primary{ width: 100%; min-height: 58px; margin-top: 18px; border: none; border-radius: 29px; font-family: var(--serif); font-size: 19px; color: #22061A;
  background: linear-gradient(180deg, #FF9ACB 0%, #FF5FA2 45%, #E23A84 100%); box-shadow: 0 8px 28px rgba(255,79,154,.45); }
.action-host[data-action-room="fog"] .primary:disabled{ opacity: .45; cursor: default; }
.action-host[data-action-room="fog"] .ghost{ width: 100%; min-height: 54px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); font-family: var(--serif); font-size: 17px; }
.action-host[data-action-room="fog"] .note{ margin-top: 14px; text-align: center; font-size: 12px; color: var(--muted); }
.action-host[data-action-room="fog"] .spacer{ flex-grow: 1; }
.action-host[data-action-room="fog"] .paths{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-top: 18px; }
.action-host[data-action-room="fog"] .path{ position: relative; overflow: hidden; padding: 12px 10px; border-radius: 20px; background: var(--card); border: 1px solid var(--line); min-width: 0; }
.action-host[data-action-room="fog"] .path h3{ margin: 0 0 8px; font-family: var(--ui); font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); text-align: center; }
.action-host[data-action-room="fog"] .fogl{ position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 50% 60%, rgba(190,170,255,.5), rgba(120,100,200,.25) 60%, rgba(10,7,16,0) 90%); transition: opacity .7s ease; }
.action-host[data-action-room="fog"] .fear{ position: relative; margin-top: 8px; padding: 10px; border-radius: 14px; background: rgba(10,7,16,.72); border: 1px solid var(--line); }
.action-host[data-action-room="fog"] .fear p{ margin: 0; font-size: 13px; line-height: 1.3; }
.action-host[data-action-room="fog"] .fear .btns{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; margin-top: 8px; }
.action-host[data-action-room="fog"] .fear button{ min-height: 40px; border-radius: 10px; border: 1px solid var(--line); background: #140C1C; font-size: 12px; color: var(--ink-2); padding: 0 4px; }
.action-host[data-action-room="fog"] .fear button.on.s{ border-color: var(--accent); color: #fff; background: rgba(169,139,255,.22); }
.action-host[data-action-room="fog"] .fear button.on{ border-color: var(--accent); color: #fff; background: rgba(169,139,255,.30); box-shadow: 0 0 0 1px var(--accent); }
.action-host[data-action-room="chair"] *{ box-sizing: border-box; }
.action-host[data-action-room="chair"] button{ font: inherit; color: inherit; cursor: pointer; }
.action-host[data-action-room="chair"] :focus-visible{ outline: 2px solid var(--accent); outline-offset: 3px; }
.action-host[data-action-room="chair"] .back{ border: none; background: none; padding: 6px 0; color: var(--ink-2); font-size: 15px; }
.action-host[data-action-room="chair"] .title{ margin: 0; font-family: var(--display); font-weight: 400; font-size: 34px; line-height: 1.05; letter-spacing: .04em; text-transform: uppercase; color: #FFF2F6; text-shadow: 0 0 18px var(--accent-soft); text-wrap: balance; }
.action-host[data-action-room="chair"] .caps{ font-size: 11px; font-weight: 500; letter-spacing: .32em; text-transform: uppercase; color: var(--muted); }
.action-host[data-action-room="chair"] .head .caps{ display: block; margin-top: 8px; }
.action-host[data-action-room="chair"] .mood{ margin: 14px 0 0; text-align: center; font-family: var(--serif); font-style: italic; font-size: 15px; color: var(--ink-2); }
.action-host[data-action-room="chair"] .howto{ margin: 6px 0 0; text-align: center; font-size: 13px; color: var(--muted); }
.action-host[data-action-room="chair"] .reaction{ min-height: 26px; margin: 12px 0 0; text-align: center; font-family: var(--serif); font-style: italic; font-size: 17px; color: #FFE8EF; opacity: 0; transition: opacity .3s ease; }
.action-host[data-action-room="chair"] .reaction.on{ opacity: 1; }
.action-host[data-action-room="chair"] .read{ margin-top: 16px; padding: 18px; border-radius: 22px; border: 1px solid var(--accent-soft); background: linear-gradient(180deg, rgba(40,18,30,.9), rgba(18,9,20,.95)); }
.action-host[data-action-room="chair"] .read-h{ margin: 16px 0 0; font-family: var(--ui); font-size: 11px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; color: var(--accent); }
.action-host[data-action-room="chair"] .read-h:first-of-type{ margin-top: 12px; }
.action-host[data-action-room="chair"] .read p{ margin: 6px 0 0; font-family: var(--serif); font-size: 17px; line-height: 1.5; color: #F6E9EE; }
.action-host[data-action-room="chair"] .q{ display: block; margin-top: 20px; font-family: var(--serif); font-weight: 600; font-size: 21px; line-height: 1.3; color: #fff; }
.action-host[data-action-room="chair"] textarea{ width: 100%; min-height: 104px; margin-top: 12px; padding: 14px 16px; border-radius: 18px; border: 1.5px solid var(--accent-soft); background: #120A14; color: #fff; font-family: var(--serif); font-size: 16px; resize: none; }
.action-host[data-action-room="chair"] textarea:focus{ outline: none; border-color: var(--accent); box-shadow: 0 0 20px var(--accent-soft); }
.action-host[data-action-room="chair"] .primary{ width: 100%; min-height: 58px; margin-top: 18px; border: none; border-radius: 29px; font-family: var(--serif); font-size: 19px; color: #22061A;
  background: linear-gradient(180deg, #FF9ACB 0%, #FF5FA2 45%, #E23A84 100%); box-shadow: 0 8px 28px rgba(255,79,154,.45); }
.action-host[data-action-room="chair"] .primary:disabled{ opacity: .45; cursor: default; }
.action-host[data-action-room="chair"] .ghost{ width: 100%; min-height: 54px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); font-family: var(--serif); font-size: 17px; }
.action-host[data-action-room="chair"] .note{ margin-top: 14px; text-align: center; font-size: 12px; color: var(--muted); }
.action-host[data-action-room="chair"] .spacer{ flex-grow: 1; }
.action-host[data-action-room="chair"] .card1{ position: relative; margin-top: 18px; min-height: 170px; padding: 22px; border-radius: 24px; background: linear-gradient(180deg, #121828, #0D0F1A); border: 1px solid var(--accent-soft); box-shadow: 0 16px 44px rgba(0,0,0,.55); display: flex; flex-direction: column; justify-content: center; gap: 10px; transition: transform .45s cubic-bezier(.3,.8,.3,1), opacity .45s ease; touch-action: pan-x; }
.action-host[data-action-room="chair"] .card1 .n{ font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var(--accent); }
.action-host[data-action-room="chair"] .card1 p{ margin: 0; font-family: var(--serif); font-weight: 600; font-size: 22px; line-height: 1.3; color: #fff; }
.action-host[data-action-room="chair"] .card1.up{ transform: translateY(-120px) scale(.8); opacity: 0; }
.action-host[data-action-room="chair"] .card1.down{ transform: translateY(120px) scale(.8); opacity: 0; }
.action-host[data-action-room="chair"] .stacks{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-top: 14px; }
.action-host[data-action-room="chair"] .stack{ min-height: 64px; border-radius: 18px; border: 1px solid var(--line); background: var(--card); font-family: var(--serif); font-size: 17px; }
.action-host[data-action-room="chair"] .stack b{ display: block; font-family: var(--display); font-size: 26px; font-weight: 400; color: var(--accent); }
.action-host[data-action-room="chair"] .stack.know{ border-color: rgba(127,178,255,.45); }
.action-host[data-action-room="chair"] .stack.guess{ border-color: rgba(255,79,154,.4); }
.action-host[data-action-room="chair"] .stack.guess b{ color: var(--pink); }
.action-host[data-action-room="chair"] .sat{ margin-top: 18px; text-align: center; font-family: var(--serif); font-style: italic; color: var(--ink-2); }
.action-host[data-action-room="balcony"] *{ box-sizing: border-box; }
.action-host[data-action-room="balcony"] button{ font: inherit; color: inherit; cursor: pointer; }
.action-host[data-action-room="balcony"] :focus-visible{ outline: 2px solid var(--accent); outline-offset: 3px; }
.action-host[data-action-room="balcony"] .back{ border: none; background: none; padding: 6px 0; color: var(--ink-2); font-size: 15px; }
.action-host[data-action-room="balcony"] .title{ margin: 0; font-family: var(--display); font-weight: 400; font-size: 34px; line-height: 1.05; letter-spacing: .04em; text-transform: uppercase; color: #FFF2F6; text-shadow: 0 0 18px var(--accent-soft); text-wrap: balance; }
.action-host[data-action-room="balcony"] .caps{ font-size: 11px; font-weight: 500; letter-spacing: .32em; text-transform: uppercase; color: var(--muted); }
.action-host[data-action-room="balcony"] .head .caps{ display: block; margin-top: 8px; }
.action-host[data-action-room="balcony"] .mood{ margin: 14px 0 0; text-align: center; font-family: var(--serif); font-style: italic; font-size: 15px; color: var(--ink-2); }
.action-host[data-action-room="balcony"] .howto{ margin: 6px 0 0; text-align: center; font-size: 13px; color: var(--muted); }
.action-host[data-action-room="balcony"] .reaction{ min-height: 26px; margin: 12px 0 0; text-align: center; font-family: var(--serif); font-style: italic; font-size: 17px; color: #FFE8EF; opacity: 0; transition: opacity .3s ease; }
.action-host[data-action-room="balcony"] .reaction.on{ opacity: 1; }
.action-host[data-action-room="balcony"] .read{ margin-top: 16px; padding: 18px; border-radius: 22px; border: 1px solid var(--accent-soft); background: linear-gradient(180deg, rgba(40,18,30,.9), rgba(18,9,20,.95)); }
.action-host[data-action-room="balcony"] .read-h{ margin: 16px 0 0; font-family: var(--ui); font-size: 11px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; color: var(--accent); }
.action-host[data-action-room="balcony"] .read-h:first-of-type{ margin-top: 12px; }
.action-host[data-action-room="balcony"] .read p{ margin: 6px 0 0; font-family: var(--serif); font-size: 17px; line-height: 1.5; color: #F6E9EE; }
.action-host[data-action-room="balcony"] .q{ display: block; margin-top: 20px; font-family: var(--serif); font-weight: 600; font-size: 21px; line-height: 1.3; color: #fff; }
.action-host[data-action-room="balcony"] textarea{ width: 100%; min-height: 104px; margin-top: 12px; padding: 14px 16px; border-radius: 18px; border: 1.5px solid var(--accent-soft); background: #120A14; color: #fff; font-family: var(--serif); font-size: 16px; resize: none; }
.action-host[data-action-room="balcony"] textarea:focus{ outline: none; border-color: var(--accent); box-shadow: 0 0 20px var(--accent-soft); }
.action-host[data-action-room="balcony"] .primary{ width: 100%; min-height: 58px; margin-top: 18px; border: none; border-radius: 29px; font-family: var(--serif); font-size: 19px; color: #22061A;
  background: linear-gradient(180deg, #FF9ACB 0%, #FF5FA2 45%, #E23A84 100%); box-shadow: 0 8px 28px rgba(255,79,154,.45); }
.action-host[data-action-room="balcony"] .primary:disabled{ opacity: .45; cursor: default; }
.action-host[data-action-room="balcony"] .ghost{ width: 100%; min-height: 54px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); font-family: var(--serif); font-size: 17px; }
.action-host[data-action-room="balcony"] .note{ margin-top: 14px; text-align: center; font-size: 12px; color: var(--muted); }
.action-host[data-action-room="balcony"] .spacer{ flex-grow: 1; }
.action-host[data-action-room="balcony"] .locks{ display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }
.action-host[data-action-room="balcony"] .lock{ display: flex; align-items: center; gap: 14px; min-height: 72px; padding: 12px 16px; border-radius: 20px; border: 1px solid var(--line); background: var(--card); text-align: left; transition: border-color .2s, box-shadow .2s; }
.action-host[data-action-room="balcony"] .lock .ico{ flex: none; position: relative; width: 30px; height: 34px; }
.action-host[data-action-room="balcony"] .lock .ico::before{ content: ''; position: absolute; left: 6px; top: 0; width: 18px; height: 18px; border: 3px solid var(--accent); border-bottom: none; border-radius: 10px 10px 0 0; transition: transform .4s ease; transform-origin: 90% 100%; }
.action-host[data-action-room="balcony"] .lock .ico::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 20px; border-radius: 6px; background: var(--accent); box-shadow: 0 0 12px var(--accent-soft); }
.action-host[data-action-room="balcony"] .lock.on{ border-color: var(--accent); box-shadow: 0 0 20px var(--accent-soft); }
.action-host[data-action-room="balcony"] .lock.on .ico::before{ transform: rotate(35deg) translateY(-4px); }
.action-host[data-action-room="balcony"] .lock small{ display: block; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent); }
.action-host[data-action-room="balcony"] .lock span{ font-family: var(--serif); font-size: 16px; line-height: 1.3; color: #fff; }
.action-host[data-action-room="balcony"] .days{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.action-host[data-action-room="balcony"] .day{ min-height: 42px; padding: 0 16px; border-radius: 21px; border: 1px solid var(--line); background: var(--card); font-size: 14px; }
.action-host[data-action-room="balcony"] .day.on{ border-color: var(--accent); background: rgba(255,176,138,.16); color: #fff; }
.action-host{--line:rgba(255,255,255,.09);--cool:#8FA8FF;--lie:#8FA8FF;--lie-soft:rgba(143,168,255,.35)}
.action-host button{touch-action:manipulation}.action-host .fruit{position:relative;width:auto;height:auto;border-radius:18px;box-shadow:none}.action-host .card{overflow:hidden}.action-host .paths .path{min-width:0}.action-host .primary{margin-bottom:12px}
.action-host[data-action-room="garden"] .fruits{grid-template-columns:1fr}.action-host[data-action-room="garden"] .fruit{font-size:16px;min-height:62px}.action-host[data-action-room="garden"] .fruit:last-child:nth-child(odd){grid-column:auto}
@media(max-width:430px){.action-host[data-action-room="fog"] .fear .btns{grid-template-columns:1fr}.action-host[data-action-room="fog"] .fear button{min-height:44px;font-size:14px}.action-host[data-action-room="fog"] .fear p{font-size:14px}}

.action-host .ghost{display:block;width:100%;margin:12px 0;padding:12px;border:1px solid #795569;border-radius:16px;background:#1b101c;color:#f3e6ee;font:15px/1.4 var(--ui)}
.action-host[data-action-room="chair"] .stacks{flex-wrap:wrap}

.action-host[data-action-room="market"] .primary{width:100%;min-height:58px;border:0;border-radius:29px;font:19px var(--serif);color:#22061a;background:linear-gradient(#ff9acb,#ff5fa2 45%,#e23a84);box-shadow:0 8px 28px #ff4f9a55}
.action-host[data-action-room="market"] .q{font:600 21px/1.35 var(--serif);color:#fff}
.action-host[data-action-room="market"] .howto{font:15px/1.5 var(--ui);color:#e4d7df}
.action-host[data-action-room="market"] .pan .lab{font-size:13px}
.action-host[data-action-room="fog"] .fear .btns{flex-wrap:wrap}
.action-host[data-action-room="fog"] .fear .btns button{min-height:44px;white-space:normal}
.review-section{margin:18px 0;padding:16px;border:1px solid #614055;border-radius:18px;background:#160f1c}.review-section h3{font-size:17px;line-height:1.45;margin:0 0 12px;color:#fff0fa}.review-options{display:flex;flex-wrap:wrap;gap:8px}.review-options button,.review-item{border:1px solid #79516b;border-radius:13px;background:#211729;color:#fff1fa;padding:12px;font:inherit;font-size:15px;min-height:44px;cursor:pointer}.review-item{display:block;width:100%;text-align:left;margin:8px 0}.review-options [aria-pressed=true],.review-item[aria-pressed=true]{background:#6f284e;border-color:#ff8bbe;box-shadow:0 0 12px #ff4c9e33}.choice-undo{margin-bottom:12px!important}.choice-undo:disabled{opacity:.4}.action-host>.primary{display:block;width:100%;border:1px solid #fca1c5;border-radius:30px;padding:18px;background:#a93a68;color:white;font:inherit;cursor:pointer}
