:root{--ink:#11100f;--ink-soft:#191715;--panel:#201d1a;--panel-raised:#292520;--cream:#f1eadb;--cream-dim:#b8af9e;--line:#f1eadb24;--line-strong:#f1eadb4d;--red:#c64b45;--red-bright:#e1645d;--gold:#c5a46b;--green:#6ea47f;--serif:"Bodoni MT", Didot, "Iowan Old Style", "Times New Roman", serif;--sans:"Aptos", "Segoe UI Variable", "Segoe UI", sans-serif;--radius:3px}*{box-sizing:border-box}html{background:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100vh;color:var(--cream);background:radial-gradient(circle at 80% 10%, #9d373117, transparent 31rem), radial-gradient(circle at 10% 80%, #c5a46b0d, transparent 26rem), var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body:after{z-index:-1;opacity:.055;content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.ambient{z-index:-1;border:1px solid #c5a46b12;border-radius:50%;width:42rem;height:42rem;position:fixed;top:-30vh;left:56vw;box-shadow:0 0 0 7rem #c5a46b05,0 0 0 14rem #c5a46b03}.brand{align-items:center;gap:.75rem;display:inline-flex}.brand__mark{border:1px solid var(--line-strong);width:2.55rem;height:2.55rem;color:var(--gold);font-family:var(--serif);border-radius:50%;place-items:center;font-size:1.6rem;display:grid;transform:rotate(-15deg)}.brand strong,.brand small{display:block}.brand strong{font-family:var(--serif);letter-spacing:.04em;font-size:1.05rem;font-weight:500}.brand small{color:var(--cream-dim);letter-spacing:.16em;text-transform:uppercase;margin-top:.1rem;font-size:.62rem}.brand--compact .brand__mark{width:2rem;height:2rem;font-size:1.2rem}.brand--compact strong{font-size:.95rem}.eyebrow{color:var(--gold);letter-spacing:.21em;text-transform:uppercase;font-size:.69rem;font-weight:650}.muted{color:var(--cream-dim)}.landing{grid-template-columns:minmax(0,1fr) minmax(22rem,32rem);align-items:center;gap:clamp(3rem,8vw,9rem);max-width:91rem;min-height:100vh;margin:0 auto;padding:4rem clamp(1.5rem,6vw,6rem) 3rem;display:grid}.landing__header{align-self:center}.landing__header .brand{margin-bottom:clamp(4rem,11vh,8rem)}.landing__header>.eyebrow{margin-bottom:1.5rem;display:block}.landing h1{max-width:52rem;font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(3.8rem,7.2vw,7.4rem);font-weight:400;line-height:.88}.landing h1 em{color:var(--cream-dim);letter-spacing:-.035em;font-size:.58em;font-weight:400}.landing__intro{max-width:36rem;color:var(--cream-dim);margin:2.4rem 0 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}.entry-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#201d1ac7;position:relative;box-shadow:0 3rem 8rem #00000047}.entry-panel:before,.entry-panel:after{border-color:var(--gold);opacity:.7;content:"";width:1.1rem;height:1.1rem;position:absolute}.entry-panel:before{border-top:1px solid;border-left:1px solid;top:-1px;left:-1px}.entry-panel:after{border-bottom:1px solid;border-right:1px solid;bottom:-1px;right:-1px}.entry-panel__host,.entry-panel__join{grid-template-columns:2.5rem 1fr;gap:.25rem 1.1rem;padding:2rem;display:grid}.entry-panel h2{font-family:var(--serif);margin:0 0 .35rem;font-size:1.6rem;font-weight:400}.entry-panel p{color:var(--cream-dim);margin:0;font-size:.86rem;line-height:1.5}.step-number{color:var(--red-bright);letter-spacing:.15em;padding-top:.28rem;font-size:.7rem}.entry-panel .button,.entry-panel label{grid-column:2}.entry-panel__host .button{justify-content:space-between;margin-top:1.7rem}.entry-divider{color:#f1eadb59;font-family:var(--serif);align-items:center;gap:.9rem;font-size:.75rem;font-style:italic;display:flex}.entry-divider:before,.entry-divider:after{background:var(--line);content:"";flex:1;height:1px}label{gap:.45rem;display:grid}label>span{color:var(--cream-dim);letter-spacing:.13em;text-transform:uppercase;font-size:.67rem;font-weight:650}input{border:1px solid var(--line-strong);width:100%;min-height:3.15rem;color:var(--cream);background:#0807074d;border-radius:0;padding:0 1rem;transition:border-color .16s,background .16s}input::placeholder{color:#b8af9e73}input:focus{border-color:var(--gold);background:#0807078c}.entry-panel__join label:first-of-type{margin-top:1.25rem}.entry-panel__join label+label{margin-top:.7rem}.entry-panel__join .button{margin-top:1rem}.button{border-radius:var(--radius);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;justify-content:center;align-items:center;gap:.7rem;min-height:3.35rem;padding:.8rem 1.15rem;font-size:.78rem;font-weight:680;text-decoration:none;transition:transform .15s,background .15s,border .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:not-allowed;filter:saturate(.4);opacity:.42}.button--primary{color:#fff8ed;background:var(--red)}.button--primary:hover:not(:disabled){background:var(--red-bright)}.button--secondary{border-color:var(--line-strong);color:var(--cream);background:0 0}.button--secondary:hover:not(:disabled){border-color:var(--gold);background:#c5a46b0f}.button--danger{color:#e7938e;background:0 0;border-color:#c64b4561}.button--quiet{color:var(--cream-dim);background:0 0}.landing__footer{color:#b8af9e7a;font-family:var(--serif);letter-spacing:.06em;grid-column:1/-1;justify-content:center;align-self:end;align-items:center;gap:.8rem;font-size:.72rem;font-style:italic;display:flex}.landing__footer i{background:var(--gold);border-radius:50%;width:2px;height:2px}.notice{color:#e5a19d;background:#c64b4512;border:1px solid #c64b4559;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;font-size:.8rem;line-height:1.45;display:flex}.notice button{color:var(--cream);cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}.entry-panel>.notice{margin:0 2rem 2rem}.room-page{min-height:100vh;padding:0 clamp(1rem,4vw,4rem) 3rem}.room-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:5rem;display:flex}.room-topbar__meta{align-items:center;gap:1.2rem;display:flex}.room-code-small{color:var(--cream-dim);letter-spacing:.22em;font-size:.78rem;font-weight:700}.status-pill{color:var(--cream-dim);align-items:center;gap:.45rem;font-size:.7rem;display:inline-flex}.status-pill i,.connection-dot{background:#7a5a56;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 3px #7a5a561f}.status-pill.is-online i,.connection-dot.is-online{background:var(--green);box-shadow:0 0 0 3px #6ea47f1c}.host-layout,.player-layout{grid-template-columns:minmax(0,1fr) minmax(19rem,25rem);gap:clamp(2rem,5vw,6rem);max-width:88rem;margin:0 auto;padding-top:clamp(2.2rem,6vh,5rem);display:grid}.host-stage{flex-direction:column;min-height:calc(100vh - 11rem);display:flex}.phase-heading{border-bottom:1px solid var(--line);padding-bottom:1.8rem;position:relative}.phase-heading h1,.player-focus>h1{font-family:var(--serif);letter-spacing:-.04em;margin:.55rem 0 0;font-size:clamp(2.8rem,5.5vw,5.5rem);font-weight:400;line-height:1}.revision{color:#b8af9e52;font-size:.68rem;position:absolute;bottom:2.2rem;right:0}.invite-block{flex:1;justify-content:space-between;align-items:center;gap:3rem;padding:3rem 0;display:flex}.invite-copy p{max-width:24rem;color:var(--cream-dim);margin:0 0 1rem;line-height:1.5}.giant-code{color:var(--cream);cursor:pointer;font-family:var(--serif);letter-spacing:.08em;background:0 0;border:0;padding:0;font-size:clamp(3.2rem,8vw,7rem);line-height:1;display:block}.copy-hint{color:#b8af9e80;font-size:.7rem}.qr-frame{background:var(--cream);box-shadow:0 0 0 1px var(--cream), 0 0 0 6px var(--ink), 0 0 0 7px var(--line-strong);padding:.9rem}.host-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:.75rem;padding-top:1.25rem;display:flex}.host-actions .button{min-width:13rem}.action-note,.minimum-note{color:#b8af9e94;margin:.85rem 0 0;font-size:.72rem;line-height:1.5}.players-panel{border-left:1px solid var(--line);align-self:start;padding-left:clamp(1.25rem,3vw,2.5rem)}.players-panel__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;min-height:5.2rem;display:flex}.players-panel h2{font-family:var(--serif);margin:.4rem 0 0;font-size:1.55rem;font-weight:400}.disconnected-count{color:#d88680;font-size:.67rem}.player-row{border-bottom:1px solid var(--line);grid-template-columns:1.5rem 2.15rem 1fr auto;align-items:center;gap:.7rem;min-height:3.8rem;display:grid}.player-number{color:#b8af9e57;font-family:var(--serif);font-size:.7rem}.player-avatar{border:1px solid var(--line-strong);width:2rem;height:2rem;color:var(--gold);font-family:var(--serif);border-radius:50%;place-items:center;font-size:.8rem;display:grid}.player-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;font-weight:550;overflow:hidden}.player-row.is-eliminated{opacity:.48}.player-row.is-eliminated .player-avatar{filter:grayscale()}.host-badge{color:var(--gold);letter-spacing:.09em;text-transform:uppercase;margin-left:.45rem;font-size:.55rem;font-weight:700}.connection-dot{width:.38rem;height:.38rem;display:block}.empty-players{color:#b8af9e6b;text-align:center;align-content:center;place-items:center;min-height:13rem;display:grid}.empty-players span{color:var(--gold);font-family:var(--serif);font-size:2.3rem;animation:3s ease-in-out infinite breathe}.empty-players p{max-width:12rem;font-size:.76rem;line-height:1.5}.wake-status{color:#b8af9e80;align-items:center;gap:.6rem;margin-top:1.5rem;font-size:.68rem;display:flex}.wake-status i{background:#76514e;border-radius:50%;width:.42rem;height:.42rem}.wake-status i.is-active{background:var(--green)}.narration{text-align:center;flex:1;align-content:center;place-items:center;padding:3rem 0;display:grid}.narration__icon{border:1px solid var(--line-strong);width:7rem;height:7rem;color:var(--gold);font-family:var(--serif);border-radius:50%;place-items:center;font-size:3.7rem;display:grid;box-shadow:0 0 0 1.7rem #c5a46b05}.narration p{max-width:32rem;font-family:var(--serif);margin:2.2rem auto 1.2rem;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2}.audio-status{color:var(--cream-dim);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.6rem;font-size:.7rem;display:inline-flex}.audio-status i{background:var(--red-bright);border-radius:50%;width:.45rem;height:.45rem;animation:1.2s ease-out infinite pulse}.connection-banner{color:#e5a19d;text-align:center;background:#c64b4514;border:1px solid #c64b454d;margin:1rem auto 0;padding:.75rem 1rem;font-size:.75rem}.center-stage,.join-page{text-align:center;align-content:center;place-items:center;min-height:100vh;padding:2rem;display:grid}.center-stage h1,.join-page h1{font-family:var(--serif);margin:1rem 0 .5rem;font-size:clamp(2rem,6vw,3.7rem);font-weight:400}.center-stage .button{margin-top:1.5rem}.moon-glyph,.join-page__moon{color:var(--gold);font-family:var(--serif);font-size:4rem;transform:rotate(-12deg)}.loader{gap:.45rem;margin-top:2.5rem;display:flex}.loader i{background:var(--gold);border-radius:50%;width:.38rem;height:.38rem;animation:1.1s ease-in-out infinite loader}.loader i:nth-child(2){animation-delay:.12s}.loader i:nth-child(3){animation-delay:.24s}.join-code{color:var(--cream-dim);font-family:var(--serif);letter-spacing:.25em;margin-top:.75rem;font-size:1.15rem}.join-form{gap:1rem;width:min(100%,24rem);margin-top:1.5rem;display:grid}.join-form label{text-align:left}.text-link{color:var(--cream-dim);text-underline-offset:.25rem;margin-top:1.3rem;font-size:.75rem}.player-focus{min-height:calc(100vh - 11rem)}.waiting-orbit{text-align:center;align-content:center;place-items:center;min-height:30rem;display:grid}.waiting-orbit.compact{min-height:24rem}.orbit{border:1px solid var(--line);border-radius:50%;place-items:center;width:8rem;height:8rem;display:grid;position:relative}.orbit:before,.orbit:after{content:"";border:1px solid #c5a46b17;border-radius:50%;position:absolute;inset:.7rem}.orbit:after{inset:1.45rem}.orbit>span{color:var(--gold);font-family:var(--serif);font-size:3rem}.orbit>i{background:var(--red-bright);transform-origin:.22rem 4.25rem;border-radius:50%;width:.44rem;height:.44rem;animation:6s linear infinite orbit;position:absolute;top:-.25rem;left:calc(50% - .22rem);box-shadow:0 0 0 .35rem #c64b4514}.waiting-orbit h2{font-family:var(--serif);margin:2rem 0 .4rem;font-size:1.7rem;font-weight:400}.waiting-orbit p{max-width:23rem;color:var(--cream-dim);margin:0;font-size:.85rem;line-height:1.6}.role-card{border:1px solid var(--line-strong);width:min(100%,34rem);min-height:20rem;color:var(--cream);background:linear-gradient(135deg, #c5a46b0f, transparent), var(--panel);cursor:pointer;align-content:center;place-items:center;gap:1rem;margin:4rem auto;display:grid}.role-card strong{font-family:var(--serif);font-size:clamp(1.7rem,6vw,3rem);font-weight:400}.role-card small{color:var(--cream-dim)}.role-card.is-revealed{background:radial-gradient(circle at center, #c64b451f, transparent 60%), var(--panel);border-color:#c64b458c}.action-request{border:1px solid var(--gold);margin-top:3rem;padding:2rem}.host-lobby{flex:1}.game-settings{grid-template-columns:repeat(2,minmax(0,13rem));gap:1rem;margin-bottom:2rem;display:grid}.role-composition{flex-wrap:wrap;gap:.5rem;margin:-.8rem 0 1.5rem;display:flex}.role-composition span{border:1px solid var(--line);color:var(--cream-dim);padding:.45rem .65rem;font-size:.68rem}.order-editor{border-top:1px solid var(--line);gap:0;margin-bottom:2rem;display:grid}.order-editor>.eyebrow{padding:1.2rem 0 .8rem}.order-editor>div{border-bottom:1px solid var(--line);grid-template-columns:2rem 1fr 2.3rem 2.3rem;align-items:center;gap:.5rem;min-height:3.2rem;display:grid}.order-editor>div>span{color:#b8af9e73;font-family:var(--serif);font-size:.75rem}.order-editor>div>strong{font-size:.85rem;font-weight:550}.order-editor button,.disconnect-actions button{border:1px solid var(--line);color:var(--cream-dim);cursor:pointer;background:0 0}.order-editor button{width:2rem;height:2rem}.order-editor button:disabled{opacity:.2}.role-reveal-stage{align-content:center;place-items:center;gap:1rem;min-height:29rem;padding:2rem 0;display:grid}.role-reveal-stage .role-card{margin:0}.team-strip{border:1px solid var(--line);width:min(100%,34rem);color:var(--cream-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1rem;padding:.85rem 1rem;font-size:.72rem;display:flex}.team-strip>span{color:var(--gold);letter-spacing:.08em;text-transform:uppercase}.team-strip strong{color:var(--cream);font-weight:550}.active-stage,.state-message,.investigation-result,.finished-stage{text-align:center;align-content:center;place-items:center;gap:1rem;min-height:30rem;padding:2rem 0;display:grid}.active-stage h2,.state-message h2,.investigation-result h2,.finished-stage h2{max-width:38rem;font-family:var(--serif);margin:0;font-size:clamp(2rem,4vw,3.7rem);font-weight:400;line-height:1.05}.stage-symbol,.state-message__symbol{border:1px solid var(--line-strong);width:5.5rem;height:5.5rem;color:var(--gold);font-family:var(--serif);border-radius:50%;place-items:center;font-size:2.4rem;display:grid}.state-message p{max-width:28rem;color:var(--cream-dim);margin:0;line-height:1.6}.countdown{color:var(--cream);font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:.02em;align-items:baseline;gap:.25rem;font-size:clamp(2.3rem,6vw,4.5rem);display:flex}.countdown strong{font-weight:400}.countdown span{color:var(--red-bright)}.answer-progress{color:var(--cream-dim);letter-spacing:.08em;text-transform:uppercase;margin:-.5rem 0 0;font-size:.75rem}.target-confirm{gap:1rem;width:min(100%,38rem);display:grid}.target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.target-grid button{border:1px solid var(--line);min-height:3.4rem;color:var(--cream);cursor:pointer;text-align:left;background:#201d1a80;align-items:center;gap:.7rem;padding:.55rem .7rem;transition:border-color .14s,background .14s;display:flex}.target-grid button>span{border:1px solid var(--line-strong);width:2rem;height:2rem;color:var(--gold);font-family:var(--serif);border-radius:50%;flex:none;place-items:center;display:grid}.target-grid button.is-selected{border-color:var(--red-bright);background:#c64b451c}.target-confirm>small{color:#b8af9e8c;font-size:.68rem}.team-choices{border-top:1px solid var(--line);width:min(100%,38rem);color:var(--cream-dim);gap:.4rem;padding-top:1rem;font-size:.75rem;display:grid}.investigation-history{border-top:1px solid var(--line);width:min(100%,34rem);color:var(--cream-dim);text-align:left;padding-top:.8rem;font-size:.75rem}.investigation-history summary{cursor:pointer;color:var(--gold)}.investigation-history>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:.7rem 0;display:flex}.investigation-history strong{color:var(--cream)}.vote-results{border-top:1px solid var(--line);text-align:left;gap:0;width:min(100%,34rem);margin-top:1rem;display:grid}.vote-results>.eyebrow{padding:1rem 0 .5rem}.vote-results>div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr auto;align-items:center;gap:.6rem;min-height:2.5rem;font-size:.76rem;display:grid}.vote-results i{color:var(--red-bright)}.vote-results small{color:var(--cream-dim);font-size:.6rem}.role-table{width:min(100%,34rem);margin-top:1rem;display:grid}.role-table>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:2.8rem;display:flex}.role-table strong{color:var(--gold);font-size:.78rem}.disconnect-actions{border-top:1px solid var(--line);gap:.5rem;margin-top:1.5rem;padding-top:1rem;display:grid}.disconnect-actions>div{justify-content:space-between;align-items:center;min-height:2.5rem;font-size:.78rem;display:flex}.disconnect-actions button{color:#e7938e;padding:.4rem .65rem}@keyframes pulse{0%{box-shadow:0 0 #e1645d73}to{box-shadow:0 0 0 .65rem #e1645d00}}@keyframes breathe{50%{opacity:.45;transform:scale(.92)}}@keyframes loader{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-.35rem)}}@keyframes orbit{to{transform:rotate(360deg)}}@media (max-width:880px){.landing{grid-template-columns:1fr;gap:3rem;padding-top:2rem}.landing__header .brand{margin-bottom:4rem}.landing__footer{margin-top:1rem}.host-layout,.player-layout{grid-template-columns:1fr}.host-stage{min-height:auto}.players-panel{border-top:1px solid var(--line);border-left:0;padding-top:2rem;padding-left:0}}@media (max-width:560px){.landing{padding:1.25rem 1rem 2rem;display:block}.landing__header .brand{margin-bottom:3.5rem}.landing h1{font-size:3.45rem}.landing__intro{margin-bottom:2.2rem;font-size:.94rem}.entry-panel__host,.entry-panel__join{grid-template-columns:2rem 1fr;padding:1.5rem 1.15rem}.landing__footer{flex-wrap:wrap;margin-top:2rem}.room-page{padding:0 1rem 2rem}.room-topbar{min-height:4.3rem}.room-topbar .brand strong{display:none}.room-topbar__meta{gap:.7rem}.status-pill{font-size:0}.host-layout,.player-layout{gap:2rem;padding-top:2.2rem}.phase-heading h1,.player-focus>h1{font-size:3rem}.invite-block{justify-items:start;gap:2.2rem;padding:2.5rem 0;display:grid}.giant-code{font-size:3.7rem}.qr-frame{justify-self:center}.host-actions{display:grid}.game-settings,.target-grid{grid-template-columns:1fr}.host-actions .button{width:100%}.narration{min-height:23rem}.player-focus{min-height:auto}.waiting-orbit{min-height:25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}