:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1226;--bg-accent:#1d2757;--surface:#11152ed1;--surface-strong:#181d42f0;--surface-soft:#ffffff0a;--border:#ffffff1f;--border-strong:#fff3;--text:#f7f3e9;--muted:#c0bfd3;--hot:#ff7a59;--hot-strong:#ff946f;--warm:#ffcb69;--mint:#81f4d7;--mint-strong:#9efce0;--danger:#ff5d73;--shadow:0 24px 80px #06081473}*{box-sizing:border-box}html{background:radial-gradient(circle at top left, #ff7a593d, transparent 28%), radial-gradient(circle at top right, #81f4d724, transparent 24%), linear-gradient(160deg, #090b16 0%, var(--bg) 42%, var(--bg-accent) 100%);min-height:100%}body{min-height:100vh;color:var(--text);margin:0;font-family:Avenir Next,Segoe UI,sans-serif}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}.button-content,.meta-with-icon{align-items:center;gap:10px;display:inline-flex}.button-icon,.meta-icon{flex:none;width:1rem;height:1rem}.meta-icon{opacity:.8}.shell,.room-shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:24px 0 56px}.hero-card,.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.hero-card{margin-bottom:24px;padding:40px}.hero-card h1{letter-spacing:-.05em;margin:10px 0;font-size:clamp(3rem,7vw,5.75rem);line-height:.95}.hero-copy,.panel p,.timeline-item small{color:var(--muted)}.hero-stats,.room-meta,.footnote-row,.stage-pills,.room-side-meta{flex-wrap:wrap;gap:12px;display:flex}.hero-stats span,.room-meta span,.footnote-row span,.timer-chip,.room-side-meta span{color:var(--muted);box-shadow:none;background:#ffffff06;border:0;border-radius:12px;align-items:center;padding:6px 10px;font-size:.88rem;line-height:1.2;display:inline-flex}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.panel{padding:24px}.section-tag,.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--warm);font-size:.76rem}.section-tag-chaos{color:#ff9582}.field{gap:8px;margin:16px 0;display:grid}.field input,.field select{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:16px;padding:14px 16px;transition:border-color .18s,background .18s,box-shadow .18s}.field input:focus,.field select:focus{border-color:var(--mint);outline:none;box-shadow:0 0 0 4px #81f4d71f}.button-primary,.button-secondary,.button-ghost,.choice-button{border-radius:18px;padding:14px 18px;transition:background .16s,border-color .16s,box-shadow .16s,opacity .16s,color .16s}.button-primary,.button-secondary,.button-ghost{border:1px solid #0000;font-weight:700}.button-primary{background:linear-gradient(135deg, var(--hot), #ff9b54);color:#160f0d}.button-primary:hover,.button-primary:focus-visible{background:linear-gradient(135deg, var(--hot-strong), #ffaf72);box-shadow:0 10px 30px #ff7a5933}.button-primary:active{background:linear-gradient(135deg,#f26d4d,#ff9347);box-shadow:inset 0 0 0 1px #160f0d29}.button-secondary{background:linear-gradient(135deg, var(--mint), #9fe8ff);color:#06181a}.button-secondary:hover,.button-secondary:focus-visible{background:linear-gradient(135deg, var(--mint-strong), #b3efff);box-shadow:0 10px 28px #81f4d72e}.button-secondary:active{background:linear-gradient(135deg,#6fe1c7,#95d8f2)}.button-ghost{color:var(--text);background:#ffffff14;border-color:#ffffff2e;box-shadow:0 6px 18px #0608142e}.button-ghost:hover,.button-ghost:focus-visible{background:#ffffff24;border-color:#ffffff47}.button-ghost:active{background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff14}.button-primary:disabled,.button-secondary:disabled,.button-ghost:disabled,.choice-button:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}.button-secondary.is-success,.button-ghost.is-success{color:var(--mint-strong);background:#81f4d71f;border-color:#81f4d773}.error-banner,.error-inline{color:#ffd5dc}.player-list,.number-list{padding-left:20px}.player-list li,.number-list li{margin:10px 0}.player-list li{justify-content:space-between;gap:12px;display:flex}.room-shell.mode-game{padding-top:18px}.share-utility{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.share-code-block{gap:10px;display:grid}.share-code-value{letter-spacing:.14em;font-size:clamp(2.8rem,8vw,5rem);font-weight:800;line-height:.92}.share-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.compact-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.compact-header-main{gap:10px;display:grid}.compact-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.compact-title-row h1{letter-spacing:-.04em;max-width:18ch;margin:0;font-size:clamp(1.5rem,3.6vw,2.35rem);line-height:1.02}.join-shell{margin-bottom:20px}.join-inline{max-width:620px}.room-layout{gap:20px;display:grid}.lobby-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}.game-layout{grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);align-items:start}.room-layout.without-room-panel{grid-template-columns:minmax(0,1fr)}.stage-column{gap:20px;display:grid}.stage-panel h2{letter-spacing:-.04em;margin:10px 0 12px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02}.stage-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tutorial-banner{background:radial-gradient(circle at 100% 0,#ffcb692e,#0000 34%),linear-gradient(145deg,#ff7a5924,#ffcb6914);border:1px solid #ffcb6947;border-radius:18px;gap:8px;margin-bottom:14px;padding:14px 16px;display:grid;box-shadow:0 16px 32px #ff7a591a}.tutorial-banner-label{text-transform:uppercase;letter-spacing:.14em;color:var(--warm);margin:0;font-size:.74rem}.tutorial-banner h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.25rem,2.6vw,1.7rem);line-height:1.06}.tutorial-banner p{max-width:44ch;margin:0}.phase-support-line{max-width:38ch;color:var(--muted);margin:0;font-size:.96rem;line-height:1.45}.phase-context-strip,.phase-status-row{margin-top:14px}.phase-context-strip,.phase-status-chip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.phase-context-strip span,.phase-status-chip{color:var(--muted);font-size:.84rem;line-height:1.2}.phase-context-strip span{text-transform:uppercase;letter-spacing:.1em}.phase-context-strip strong{color:#f7f3e9f5;font-size:.98rem}.phase-status-chip{color:var(--mint-strong);background:#81f4d714;border-color:#81f4d73d;font-weight:700}.lobby-payoff-line{margin-top:6px}.phase-progress{background:#ffffff0f;border:1px solid #ffffff12;border-radius:999px;width:100%;height:8px;margin-top:14px;overflow:hidden}.phase-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#ffcb6973,#ff7a59eb);width:0;height:100%;transition:width 1s linear,background .22s,opacity .22s}.phase-progress.is-urgent .phase-progress-fill{background:linear-gradient(90deg,#ff7a5999,#ff5d73fa)}.phase-progress.is-reveal .phase-progress-fill{background:linear-gradient(90deg,#81f4d780,#9fe8fff5)}.phase-progress.urgency-alert{border-color:#ff7a5929}.phase-progress.urgency-critical{border-color:#ff5d7333}.choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.choice-button{text-align:left;width:100%;color:var(--text);border:1px solid var(--border);background:#ffffff0f;grid-template-columns:1fr auto;align-items:start;gap:14px;min-height:132px;padding:18px;display:grid}.choice-button:hover,.choice-button:focus-visible{background:#ffffff1a;border-color:#ffcb6952;box-shadow:0 0 0 1px #ffcb691f}.choice-button:active{background:#ffffff24;border-color:#ffcb6970}.choice-button.selected{background:#81f4d71f;border-color:#81f4d77a;box-shadow:0 0 0 1px #81f4d72e}.choice-button.locked{border-color:#ffffff14}.choice-copy{font-size:1.12rem;font-weight:700;line-height:1.18}.choice-meta{flex-direction:column;align-items:flex-end;gap:2px;min-width:58px;display:inline-flex}.choice-meta strong{font-size:1.25rem}.choice-meta small{color:var(--muted)}.helper-text{color:var(--muted);font-size:.95rem}.lobby-start-button{margin-top:16px}.result-card{background:linear-gradient(135deg,#ff7a5929,#ffcb6914);border:1px solid #ffcb6938;border-radius:20px;margin-top:20px;padding:20px}.payoff-card{background:radial-gradient(circle at 100% 0,#ffcb6929,#0000 34%),linear-gradient(145deg,#ff7a5933,#ffcb6914);border:1px solid #ffcb693d;border-radius:24px;margin-top:22px;padding:28px;box-shadow:0 18px 40px #ff7a591f}.payoff-card-ending{background:radial-gradient(circle at 100% 0,#81f4d729,#0000 34%),linear-gradient(145deg,#81f4d72e,#9fe8ff14);border-color:#81f4d73d;box-shadow:0 18px 40px #81f4d71a}.payoff-card-chaos{background:radial-gradient(circle at 100% 0,#ff5d7338,#0000 34%),radial-gradient(circle at 0 100%,#ffcb6924,#0000 32%),linear-gradient(145deg,#ff5d732e,#ff7a5929);border-color:#ff958252;box-shadow:0 20px 44px #ff5d7329}.payoff-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--warm);margin:0 0 10px;font-size:.75rem}.payoff-headline{letter-spacing:-.05em;max-width:16ch;margin:0;font-size:clamp(2.4rem,5vw,4rem);line-height:.96}.payoff-body{color:#f7f3e9eb;max-width:46ch;margin:18px 0 0;font-size:clamp(1rem,2.2vw,1.16rem);line-height:1.5}.reveal-payoff-card{gap:18px;display:grid;position:relative;overflow:hidden}.reveal-payoff-card.has-literal-spotlight:before{content:"";clip-path:polygon(44% 0%,56% 0%,78% 100%,22% 100%);opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 22%,#fffbdc33,#fffbdc00 42%),linear-gradient(#fff5c429,#fff5c405 42%,#fff5c400 78%);position:absolute;inset:-18% 18% 24%}.reveal-payoff-card.has-literal-spotlight.is-entering:before{animation:.52s ease-out .11s both reveal-spotlight-beam}.reveal-payoff-card .payoff-headline{max-width:18ch}.reveal-payoff-card.emphasis-picked .reveal-stage-headline,.reveal-payoff-card.emphasis-outcome .reveal-stage-headline{text-shadow:0 10px 24px #ffcb691f}.reveal-payoff-card.payoff-card-chaos .reveal-stage-headline{text-shadow:0 12px 28px #ff5d732e}.reveal-payoff-card.is-entering{animation:.36s cubic-bezier(.2,.9,.2,1) both reveal-panel-in}.reveal-payoff-card .reveal-stage{opacity:1;transform:translateY(0)scale(1)}.reveal-payoff-card.is-entering .reveal-stage{opacity:0;animation:.28s both reveal-stage-in;transform:translateY(14px)scale(.985)}.reveal-stage-kicker{animation-delay:40ms}.reveal-stage-headline{animation-delay:90ms}.reveal-stage-decision{animation-delay:.14s}.reveal-stage-prompt{animation-delay:.21s}.reveal-stage-summary{animation-delay:.27s}.reveal-stage-actions{animation-delay:.32s}.reveal-decision-line{color:#f7f3e9e6;margin:-6px 0 0;font-size:clamp(1rem,2.2vw,1.18rem);line-height:1.45}.reveal-prompt-card{background:#81f4d714;border:1px solid #81f4d72e;border-radius:18px;gap:8px;padding:16px 18px;display:grid}.reveal-prompt-label{color:var(--mint-strong);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.reveal-prompt-card strong{color:#f7f3e9fa;font-size:clamp(1.05rem,2.2vw,1.24rem);line-height:1.4}.reveal-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reveal-summary-item{background:#ffffff12;border:1px solid #ffffff1a;border-radius:18px;gap:8px;padding:16px 18px;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s;display:grid;position:relative;overflow:hidden}.reveal-summary-item-outcome{grid-column:1/-1}.reveal-summary-label{color:var(--warm);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.reveal-summary-value{color:#f7f3e9fa;overflow-wrap:anywhere;font-size:clamp(1.08rem,2.4vw,1.34rem);line-height:1.3}.reveal-summary-item.is-emphasized{background:#81f4d71f;border-color:#81f4d757;animation:.42s ease-out reveal-emphasis-pop;box-shadow:0 0 0 1px #81f4d729,0 16px 34px #81f4d714}.payoff-card-chaos .reveal-summary-item.is-emphasized{background:#ff5d731f;border-color:#ff958257;box-shadow:0 0 0 1px #ff958229,0 18px 36px #ff5d731f}.reveal-summary-item.is-spotlight-target:before{content:"";clip-path:polygon(44% 0%,56% 0%,74% 100%,26% 100%);opacity:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#fffad038,#fffad00d 48%,#fffad000 100%);position:absolute;inset:-26% 14% 28%}.reveal-payoff-card.has-literal-spotlight.is-entering .reveal-summary-item.is-spotlight-target:before{animation:.46s ease-out .17s both reveal-spotlight-beam}.reveal-spotlight-name{z-index:1;position:relative}.reveal-payoff-card.has-literal-spotlight .reveal-spotlight-name{text-shadow:0 0 10px #fff9c447,0 0 20px #ffcb6929}.reveal-payoff-card.has-literal-spotlight.is-entering .reveal-spotlight-name{animation:.42s ease-out .19s both reveal-spotlight-name}.payoff-card-chaos.has-literal-spotlight:before,.payoff-card-chaos .reveal-summary-item.is-spotlight-target:before{background:radial-gradient(circle at 50% 22%,#ffd6ce38,#ffd6ce00 42%),linear-gradient(#ff95822e,#ff95820a 42%,#ff958200 78%)}.payoff-card-chaos.has-literal-spotlight .reveal-spotlight-name{text-shadow:0 0 10px #ffd6ce47,0 0 20px #ff5d732e}.reveal-secondary-details{gap:10px;padding-top:4px;display:grid}.reveal-detail-line{gap:4px;margin:0;display:grid}.reveal-detail-line span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.reveal-detail-line strong{color:#f7f3e9e0;max-width:48ch;font-size:.98rem;font-weight:600;line-height:1.45}.reveal-details-toggle{border-radius:14px;justify-self:start;padding:10px 14px;font-size:.9rem}.reveal-action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.reveal-waiting-line{margin:0}.ending-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.ending-pack-picker{border:1px solid var(--border);background:#ffffff0a;border-radius:20px;margin-top:16px;padding:18px}.share-damage{gap:18px;margin-top:22px;display:grid;position:relative}.share-damage .share-stage,.share-damage .artifact-stage{opacity:1;transform:translateY(0)scale(1)}.share-damage.is-entering .share-stage,.share-damage.is-entering .artifact-stage{opacity:0;animation:.32s both artifact-stage-in;transform:translateY(18px)scale(.985)}.share-damage.is-entering .share-stage-header{animation-delay:30ms}.share-damage.is-entering .artifact-stage-card{animation-delay:.14s}.share-damage.is-entering .artifact-stage-actions{animation-delay:.28s}.share-damage-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.share-damage-header h3{letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(1.4rem,3vw,2rem);line-height:1.02}.share-damage-header p{max-width:42ch;margin:0}.share-artifact-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.artifact-card{box-shadow:var(--shadow), inset 0 1px 0 #ffffff0a;background:radial-gradient(circle at 100% 0,#ffcb6933,#0000 30%),radial-gradient(circle at 0 100%,#81f4d72e,#0000 34%),linear-gradient(155deg,#121733f5,#0b0f22fa);border:1px solid #81f4d747;border-radius:28px;gap:18px;min-width:0;padding:28px;display:grid;position:relative;overflow:hidden}.artifact-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffd1,#0000);border-radius:999px;width:46%;height:3px;position:absolute;inset:0 auto auto -35%}.share-damage.is-entering .artifact-card:before{animation:.72s ease-out .22s both artifact-shimmer}.artifact-card-celebratory{box-shadow:var(--shadow), 0 18px 44px #81f4d71a, inset 0 1px 0 #ffffff0a;border-color:#81f4d74d}.artifact-card-chaotic{box-shadow:var(--shadow), 0 18px 44px #ff5d7329, inset 0 1px 0 #ffffff0a;background:radial-gradient(circle at 100% 0,#ff5d7338,#0000 30%),radial-gradient(circle at 0 100%,#ffcb692e,#0000 34%),linear-gradient(155deg,#1c132cf5,#0f0b1cfa);border-color:#ff958257}.artifact-actions{gap:14px;display:grid}.artifact-actions p{max-width:48ch;margin:0}.artifact-social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.artifact-platform-button{text-align:center;justify-content:center;text-decoration:none}.artifact-card-topline,.artifact-stat-row{flex-wrap:wrap;gap:10px;display:flex}.artifact-card-topline span,.artifact-stat-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:7px 11px;font-size:.83rem;display:inline-flex}.artifact-card-subhead{color:var(--warm);text-transform:uppercase;letter-spacing:.14em;overflow-wrap:anywhere;margin:0;font-size:.78rem;line-height:1.45}.artifact-card-caption{color:#f7f3e9db;overflow-wrap:anywhere;max-width:none;margin:-6px 0 0;font-size:.98rem;line-height:1.45}.artifact-card-headline{letter-spacing:-.06em;overflow-wrap:anywhere;text-wrap:balance;max-width:none;margin:0;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.02}.artifact-card-headline.is-long{font-size:clamp(2rem,4.2vw,3.3rem)}.artifact-card-headline.is-xlong{font-size:clamp(1.65rem,3.3vw,2.55rem)}.artifact-path-block{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;gap:8px;padding:18px;display:grid}.artifact-path-block span{color:var(--warm);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.artifact-path-steps{flex-wrap:wrap;align-items:baseline;gap:8px 10px;display:flex}.artifact-path-steps.is-long{gap:6px 8px}.artifact-path-step,.recap-path-step{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:inline-flex}.artifact-path-step strong,.recap-path-step strong{overflow-wrap:anywhere;word-break:break-word;font-size:1.08rem;line-height:1.45}.artifact-path-step em,.recap-path-step em{color:var(--warm);opacity:.8;font-style:normal}.vote-bar-group,.recap-grid,.timeline{gap:12px;margin-top:20px;display:grid}.vote-row,.recap-card,.timeline-item{border:1px solid var(--border);background:#ffffff0d;border-radius:20px;padding:16px}.vote-row,.recap-card{grid-template-columns:1fr auto auto;align-items:center;gap:12px;display:grid}.vote-row{isolation:isolate;position:relative;overflow:hidden}.vote-row>*{z-index:1;position:relative}.vote-row-fill{width:var(--vote-fill,0%);border-radius:inherit;opacity:.95;z-index:0;background:linear-gradient(90deg,#81f4d724,#9fe8ff14);max-width:100%;position:absolute;inset:0 auto 0 0}.vote-row.is-reveal.is-animating .vote-row-fill{width:0;animation:.52s cubic-bezier(.2,.8,.2,1) forwards vote-fill-in}.vote-row.is-reveal.is-pending .vote-row-fill{width:0}.vote-row.is-reveal.is-static .vote-row-fill{width:var(--vote-fill,0%)}.recap-card{grid-template-columns:minmax(0,1fr);align-items:start}.recap-card span,.recap-card strong{min-width:0}.recap-card strong{overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.recap-path-steps{flex-wrap:wrap;align-items:baseline;gap:8px 10px;display:flex}.recap-card-path{gap:10px}.recap-card-stat{gap:6px}.vote-row em{color:var(--mint);font-size:.86rem;font-style:normal}.vote-row.winner{background:#ffcb6914;border-color:#ffcb695c}.vote-row.winner .vote-row-fill{background:linear-gradient(90deg,#ffcb6938,#ff7a5924)}.timeline-item h3{margin:8px 0}.timeline-item-chaos{background:radial-gradient(circle at 100% 0,#ff5d7314,#0000 30%),#ffffff0d;border-color:#ff958238}.timeline-resolution{letter-spacing:.08em;text-transform:uppercase;color:#ffb29b;margin:0 0 6px;font-size:.8rem;display:inline-block}.room-panel{display:none}.room-panel.open{display:block}.room-side-panel{gap:12px;display:grid;position:sticky;top:16px}.room-side-panel h3{margin:0;font-size:1.45rem}.room-side-meta{margin-top:8px}.room-copy-link{width:100%;margin-top:4px}.room-meta-button{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff29;border-radius:999px;padding:6px 10px;font-weight:700;transition:background .16s,border-color .16s,color .16s}.room-meta-button:hover,.room-meta-button:focus-visible{color:var(--text);background:#ffffff14;border-color:#ffffff3d}.footnote-row{color:var(--muted);margin-top:20px}.landing-shell{padding-top:18px}.landing-hero{margin-bottom:18px}.landing-hero-grid{grid-template-columns:minmax(0,1fr);display:grid}.landing-hero-copy{gap:12px;max-width:1120px;display:grid}.landing-logo-lockup{grid-template-columns:clamp(124px,14vw,168px) minmax(0,auto);justify-content:start;align-items:center;max-width:760px;display:grid}.landing-logo{filter:drop-shadow(0 18px 36px #06081459);width:100%;max-width:168px;height:auto}.landing-brand-copy{align-content:center;display:grid}.landing-logo-lockup h1{letter-spacing:-.06em;gap:0;margin:0;font-size:clamp(2.8rem,6.4vw,5rem);line-height:.84;display:grid}.landing-logo-lockup h1 span{display:block}.hero-copy{max-width:58rem;font-size:clamp(1.02rem,1.6vw,1.15rem);line-height:1.55}.landing-actions{gap:18px;display:grid}.landing-actions-copy{gap:10px;max-width:760px;padding-inline:24px;display:grid}.landing-actions-copy h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.02}.landing-switch{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;gap:6px;width:fit-content;padding:6px;display:none}.landing-switch-button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:10px 16px;font-weight:700;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}.landing-switch-button:hover,.landing-switch-button:focus-visible{color:var(--text);background:#ffffff14}.landing-switch-button:active{background:#ffffff1f}.landing-switch-button.active{color:var(--mint-strong);background:#81f4d71f;border-color:#81f4d761;box-shadow:0 0 0 1px #81f4d724}.landing-cards{grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);align-items:stretch;gap:20px;display:grid}.landing-card{gap:6px;min-height:100%;transition:border-color .18s,background .18s,box-shadow .18s,opacity .18s;display:grid}.landing-card h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.02}.landing-card.focused{background:linear-gradient(#ffffff0f,#11152ed1);border-color:#ffcb6947}.landing-card.muted{background:#11152ebd}.landing-card-join.focused{box-shadow:var(--shadow), 0 0 0 1px #ffcb691f}.landing-card-create.focused{box-shadow:var(--shadow), 0 0 0 1px #81f4d71f}.landing-cta{margin-top:8px}.hero-stats span,.room-meta span,.footnote-row span,.timer-chip,.room-side-meta span{cursor:default;-webkit-user-select:none;user-select:none}.timer-chip{font-weight:600}.timer-chip.urgency-warn{color:#fff4d6f0;background:#ffcb691a;border-color:#ffcb6942}.timer-chip.urgency-alert{color:#fff0ea;background:#ff7a591f;border-color:#ff7a5957;animation:.76s ease-in-out 2 timer-chip-pulse}.timer-chip.urgency-critical{color:#fff1f4;background:#ff5d7324;border-color:#ff5d7370;animation:.52s ease-in-out 2 timer-chip-pulse}.timer-chip-reveal.urgency-alert,.timer-chip-reveal.urgency-critical{animation-duration:.92s}@keyframes reveal-panel-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reveal-stage-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reveal-emphasis-pop{0%{transform:scale(.985);box-shadow:0 0 #81f4d733,0 0 #81f4d71a}60%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes reveal-spotlight-beam{0%{opacity:0;transform:translateY(-10px)scaleY(.92)}25%{opacity:.95}to{opacity:.38;transform:translateY(0)scaleY(1)}}@keyframes reveal-spotlight-name{0%{opacity:.7;filter:brightness();transform:scale(.985)}55%{opacity:1;filter:brightness(1.08);transform:scale(1.025)}to{opacity:1;filter:brightness();transform:scale(1)}}@keyframes vote-fill-in{0%{width:0}to{width:var(--vote-fill,0%)}}@keyframes timer-chip-pulse{0%,to{box-shadow:none;transform:translateY(0)scale(1)}50%{transform:translateY(-1px)scale(1.015);box-shadow:0 12px 28px #ff7a5924}}@keyframes progress-track-pulse{0%,to{box-shadow:0 0 #ff7a5900}50%{box-shadow:0 0 0 1px #ff7a591f,0 0 26px #ff7a591f}}@keyframes artifact-stage-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes artifact-shimmer{0%{opacity:0;transform:translate(0)}15%{opacity:.9}to{opacity:0;transform:translate(320%)}}@media (prefers-reduced-motion:reduce){.phase-progress,.phase-progress-fill,.timer-chip,.reveal-payoff-card,.reveal-stage,.reveal-summary-item,.reveal-payoff-card:before,.reveal-summary-item:before,.reveal-spotlight-name,.vote-row-fill,.share-damage .share-stage,.share-damage .artifact-stage,.artifact-card:before{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important;transform:none!important}.vote-row.is-reveal .vote-row-fill{width:var(--vote-fill,0%)}}@media (max-width:960px){.share-utility,.compact-header,.stage-header,.compact-title-row,.share-damage-header{flex-direction:column}.lobby-layout,.game-layout,.grid-two{grid-template-columns:1fr}.landing-switch{display:inline-flex}.landing-cards{grid-template-columns:1fr}.landing-card{display:none}.landing-card.focused{display:grid}}@media (max-width:840px){.shell,.room-shell{width:min(100vw - 20px,1180px);padding:16px 0 40px}.hero-card,.panel{border-radius:22px;padding:20px}.share-code-value{font-size:clamp(2.3rem,14vw,4rem)}.landing-actions-copy{padding-inline:20px}.landing-logo-lockup{grid-template-columns:120px minmax(0,auto);column-gap:18px}.choice-button{min-height:110px;padding:14px 16px}.choice-copy{font-size:1rem}.choice-list{grid-template-columns:1fr}.payoff-card{border-radius:20px;padding:22px}.tutorial-banner{padding:12px 14px}.phase-context-strip,.phase-status-chip{justify-content:space-between;width:100%}.reveal-summary-grid{grid-template-columns:1fr}.reveal-summary-item-outcome{grid-column:auto}.artifact-card{border-radius:22px;padding:22px}.artifact-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payoff-headline{font-size:clamp(2rem,10vw,3rem)}.artifact-card-headline{font-size:clamp(2rem,11vw,3rem)}.artifact-path-step strong,.recap-path-step strong{font-size:1rem}.artifact-card-caption{font-size:.92rem}}@media (max-width:560px){.landing-hero-copy{gap:16px}.landing-logo-lockup{text-align:center;grid-template-columns:1fr;justify-items:center;row-gap:14px;max-width:100%}.landing-logo{max-width:136px}.landing-brand-copy{justify-items:center}.landing-logo-lockup h1{font-size:clamp(2.6rem,14vw,3.9rem);line-height:.88}.hero-copy{max-width:100%}.artifact-card{gap:14px;padding:18px}.artifact-card-topline,.artifact-stat-row{gap:8px}.artifact-card-topline span,.artifact-stat-row span{max-width:100%;font-size:.76rem}.artifact-path-block{padding:14px}.artifact-path-block strong{font-size:1rem;line-height:1.4}}.sound-control{right:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:30;width:auto;position:fixed}.sound-control-button{min-height:40px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c18e6;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:inline-flex;box-shadow:0 18px 48px #06081457}.sound-control-button.is-enabled{color:var(--mint-strong);accent-color:var(--mint);background:#81f4d71f;border-color:#81f4d74d}@media (max-width:840px){.sound-control{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:min(220px,100vw - 24px)}}