/* A scripted meeting with illustrated surroundings, scoped to this page. */
.decision-world{background:#10211b;color:#f0eee4}
.working-room{--room-ink:#f0eee4;--room-muted:#b4c2b6;--room-green:#7be2a1;position:relative;isolation:isolate;min-height:calc(100svh - 100px);padding:54px max(28px,5vw);display:grid;grid-template-columns:1fr minmax(0,520px);align-items:center;scroll-margin-top:100px}
.working-room [hidden]{display:none!important}
.room-environment{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.room-environment::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,12,.05) 15%,rgba(8,21,15,.3) 40%,rgba(8,21,15,.94) 68%)}
.working-room[data-room="engagement"] .room-environment::after{background:linear-gradient(90deg,rgba(8,21,15,.3),rgba(8,21,15,.98) 58%)}
.room-illustration{width:100%;height:100%;display:block;transition:transform 450ms ease}
.working-room[data-room="boardroom"] .room-illustration{transform:scale(1.04)}
.working-room[data-room="boardroom"][data-confirmed="true"] .room-boardroom{animation:room-response 240ms ease-out}
@keyframes room-response{0%{opacity:.72;transform:translateY(2px)}100%{opacity:1;transform:none}}
.room-panel{grid-column:2;position:relative;z-index:1;width:100%;padding:28px 0}
.session-entry{padding:0;border:0}
.room-kicker,.room-location{display:block;font:.6875rem/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--room-green);margin:0 0 20px}
.session-entry h1{font:400 clamp(2.4rem,4vw,3.6rem)/1.06 var(--serif);color:var(--room-ink);margin:0 0 24px;max-width:14ch}
.session-entry h1 em{font-weight:400}
.session-invitation-note{font:.875rem/1.7 var(--sans);color:var(--room-muted);margin-bottom:28px}
.working-room .btn{background:#79dfa0;color:#10241a;border:1px solid transparent;border-radius:4px;min-height:48px;padding:13px 20px;box-shadow:none;transition:background 200ms ease,transform 200ms ease}
.working-room .btn:hover{background:#a1edbc;transform:translateY(-2px)}
.working-room :is(button,summary,a,[tabindex]):focus-visible{outline:2px solid var(--room-green);outline-offset:4px}
.working-room button:disabled{opacity:.4;cursor:not-allowed;transform:none}
.game-body{border:0;padding:0}
.game-progress{font:.6875rem/1.7 var(--mono);color:var(--room-muted);padding-bottom:12px;border-bottom:1px solid #395343;position:relative;margin-bottom:16px}
.game-progress::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--room-green);transform:scaleX(var(--room-progress,0));transform-origin:left;transition:transform 200ms ease}
.meeting-scene{margin-bottom:24px}
.meeting-phases{display:flex;gap:24px;list-style:none;margin:0;padding:0;font:.6875rem/1.6 var(--mono);color:#a1b0a4}
.meeting-phases li{display:flex;align-items:center;gap:7px}
.meeting-phases li::before{content:"";width:5px;height:5px;border-radius:50%;border:1px solid currentColor}
.meeting-phases [aria-current="step"]{color:var(--room-green)}
.meeting-phases [aria-current="step"]::before{background:currentColor}
.working-room #game-stage h3:focus-visible{outline:none}
.game-body h3{font:400 clamp(1.65rem,2.5vw,2.2rem)/1.2 var(--serif);color:var(--room-ink);margin:0 0 24px;max-width:26ch;scroll-margin-top:110px}
.decision-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 16px}
.decision-chip{min-height:52px;border:1px solid #425c4a;background:rgba(29,49,36,.6);color:var(--room-ink);padding:12px 14px;border-radius:4px;text-align:left;font:.875rem/1.5 var(--sans);cursor:pointer;transition:background 200ms ease,border-color 200ms ease,transform 200ms ease}
.decision-chip:hover{background:#2e4937;border-color:var(--room-green);transform:translateY(-2px)}
.decision-chip[aria-pressed="true"]{border-color:var(--room-green);background:#2e4937}
.game-choices{display:grid;gap:10px;margin:24px 0}
.game-choice{display:flex;align-items:center;gap:14px;min-width:0;min-height:56px;border:1px solid #425c4a;border-radius:4px;background:rgba(29,49,36,.65);color:var(--room-ink);padding:13px 16px;text-align:left;cursor:pointer;transition:background 200ms ease,border-color 200ms ease,transform 200ms ease}
.game-choice:hover{background:#2e4937;border-color:var(--room-green);transform:translateX(2px)}
.game-choice[aria-pressed="true"]{border-color:var(--room-green);box-shadow:inset 3px 0 var(--room-green);background:#294332}
.game-choice strong{font:400 .9375rem/1.6 var(--sans);overflow-wrap:anywhere}
.game-letter{font:.6875rem/1.6 var(--mono);color:var(--room-green)}
.room-button{min-height:44px;border:0;border-bottom:1px solid #425c4a;background:transparent;color:var(--room-muted);font:.8125rem/1.6 var(--sans);padding:10px 0;cursor:pointer;text-align:left}
.room-button:hover{color:var(--room-green);border-color:var(--room-green)}
.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 0}
.room-footer{padding-top:20px}
.wizard-explanation{border:0;border-bottom:1px solid #395343;margin:12px 0;padding:0 0 10px}
.wizard-explanation summary{min-height:36px;align-content:center;color:var(--room-muted);font:.8125rem/1.6 var(--sans);cursor:pointer}
.wizard-explanation p,.game-recap p{font:.8125rem/1.7 var(--sans);color:var(--room-muted);margin:12px 0}
.game-dialogue strong{display:block;color:var(--room-green);font:.6875rem/1.6 var(--mono);margin-bottom:4px}
.game-dialogue{margin:12px 0}
.action-plan{list-style:none;display:grid;gap:16px;padding:0;margin:24px 0}
.action-plan li{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:baseline;border-bottom:1px solid #395343;padding-bottom:14px}
.action-plan small{font:.6875rem/1.6 var(--mono);color:var(--room-green)}
.action-plan strong{font:400 1rem/1.6 var(--sans);color:var(--room-ink)}
.game-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:24px 0}
.working-room a{color:var(--room-green)}
.game-actions .link-mono{font:.6875rem/1.7 var(--mono)}
.game-body .wizard-note{color:var(--room-muted);font:.75rem/1.7 var(--sans);margin:0 0 20px}
.game-recap{padding:0 0 0 20px;margin:16px 0}
.game-recap li{padding:8px 0}
.game-recap strong{color:var(--room-ink);font:.875rem/1.7 var(--sans)}
.game-recap .game-rec{color:var(--room-green)}
@media(max-width:800px){
.working-room{display:block;padding:0 22px 32px;min-height:calc(100svh - 110px)}
.room-environment{position:relative;margin:0 -22px;height:180px}
.room-environment::after{background:linear-gradient(180deg,transparent 45%,#10211b 100%)}
.room-illustration{width:100%;height:100%}
.room-panel{padding:0}
.room-location{margin:0 0 12px}
.session-entry h1{font-size:2.6rem;margin-bottom:16px;max-width:16ch}
.session-invitation-note{margin-bottom:20px}
.meeting-scene{margin-bottom:18px}
.game-body h3{margin-bottom:18px;font-size:1.7rem}
.game-choices{margin:18px 0;gap:8px}
.game-choice{min-height:50px;padding:11px 13px}
.room-footer{padding-top:14px}
.game-actions{gap:16px;margin:20px 0}
}
html:not([data-text-size="100"])[data-text-size] .decision-picker{grid-template-columns:1fr}
@media(prefers-reduced-motion:reduce){.working-room *, .working-room *::after{transition:none!important;animation:none!important}}
html[data-reading-motion] .working-room *,html[data-reading-motion] .working-room *::after{transition:none!important;animation:none!important}
@media(forced-colors:active){.room-environment{display:none}.room-panel{grid-column:1/-1}.game-choice[aria-pressed="true"]{outline:2px solid Highlight}.working-room .btn{border:1px solid ButtonText}}