:root{--ink:#0e0b16;--card:#1a1526;--av:#2a2238;--day:#130f1c;--night-bg:#0a0816;--night-card:#15112a;--night-avatar:#262040;--paper:#f3eeff;--soft:#d4cde6;--muted:#a59dbb;--tick:#625a74;--dead-avatar:#857c98;--red:#ff4d6d;--red-light:#ff8fa3;--teal:#3ddc97;--teal-light:#86ebbd;--gold:#ffc75f;--foil:#e2b866;--warm:#2a1638;--moon:#9d8cff;--moon-soft:#ada5d6;--moon-glyph:#ece8ff;--spectator-bg:#0f0d14;--paper-04:#f3eeff0a;--paper-06:#f3eeff0f;--paper-08:#f3eeff14;--paper-10:#f3eeff1a;--paper-15:#f3eeff26;--paper-20:#f3eeff33;--sans:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit}h1,h2,p,ol,ul{margin:0;padding:0}ul,ol{list-style:none}.mono{font-family:var(--mono);font-weight:700}.muted{color:var(--muted)}.eyebrow{font:700 22px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.viewport{background-color:var(--ink);transition:background-color .8s;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.viewport:before{content:"";opacity:1;transition:opacity .8s;position:absolute;top:0;bottom:0;left:0;right:0}.bg-welcome:before{background:radial-gradient(120% 60% at 50% 0,#2a1638 0%,#0e0b1600 62%)}.bg-night{background-color:var(--night-bg)}.bg-night:before{background:radial-gradient(60% 40% at 50% 0,#9d8cff33 0%,#9d8cff00 70%)}.bg-morning{background-color:var(--day)}.bg-morning:before{background:radial-gradient(80% 50% at 50% 0,#ffc75f42 0%,#ffc75f00 70%)}.bg-day{background-color:var(--day)}.bg-spectator{background-color:var(--spectator-bg)}.stage{transform-origin:50%;width:1920px;height:1080px;position:absolute;top:50%;left:50%}.room{flex-direction:column;gap:32px;padding:44px 72px 48px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.body{flex:1;gap:64px;min-height:0;display:flex}.main{flex-direction:column;flex:1;justify-content:safe center;min-width:0;display:flex;position:relative}.side{flex-direction:column;flex:none;gap:24px;width:560px;min-height:0;display:flex}.header{align-items:center;gap:24px;height:64px;display:flex}.brand{align-items:center;gap:20px;margin-right:auto;display:flex}.wordmark{font:800 44px/1 var(--sans);letter-spacing:-.03em}.logo{-webkit-user-select:none;user-select:none;flex:none;display:inline-block}.moon{border-radius:50%;flex:none;display:inline-block}.controls{gap:12px;transition:opacity .4s;display:flex}.controls.hidden{opacity:0}.controls:focus-within{opacity:1}.chip-button{border:1.5px solid var(--paper-20);background:var(--paper-04);height:52px;font:600 20px var(--sans);cursor:pointer;border-radius:26px;padding:0 22px}.chip-button:hover{background:var(--paper-10);border-color:var(--paper);outline:none}.chip-button:focus-visible{background:var(--paper-10);border-color:var(--paper);outline:none}.chip-button[aria-pressed=false]{color:var(--muted)}.room-chip{background:var(--paper-06);border:1px solid var(--paper-10);border-radius:18px;align-items:baseline;gap:14px;padding:10px 24px;display:flex}.room-code{letter-spacing:.12em;font-size:34px}.title{font:800 116px/.95 var(--sans);letter-spacing:-.03em;margin-top:18px}.title-s{font:700 64px/1.02 var(--sans);letter-spacing:-.03em}.lede{font:500 34px/1.35 var(--sans);color:var(--soft);max-width:900px;margin-top:22px}.note{font:400 26px/1.4 var(--sans);margin-top:26px}.small-caps{letter-spacing:.08em;margin-top:30px;font-size:22px}.avatar{background:var(--av);color:var(--paper);font-family:var(--sans);letter-spacing:-.03em;border-radius:50%;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid}.avatar.night{background:var(--night-avatar)}.avatar.dead{background:var(--av);color:var(--dead-avatar)}.role-dot{color:var(--ink);font:800 16px/1 var(--sans);border-radius:50%;flex:none;place-items:center;display:inline-grid}.tag{font:700 17px var(--mono);letter-spacing:.1em;white-space:nowrap}.tag.gold{color:var(--gold)}.tag.teal{color:var(--teal)}.tag.tick{color:var(--tick)}.tag.muted{color:var(--muted)}.chips{flex-wrap:wrap;gap:12px;display:flex}.chip{background:var(--paper-06);border:1px solid var(--paper-10);height:48px;font:600 22px var(--sans);border-radius:24px;align-items:center;padding:0 20px;display:inline-flex}.primary{background:var(--paper);height:84px;color:var(--ink);font:700 30px var(--sans);cursor:pointer;border:none;border-radius:24px;padding:0 44px}.primary:disabled{opacity:.35;cursor:default}.primary:focus-visible{outline:4px solid var(--gold);outline-offset:4px}.spinner{border:3px solid #0e0b1633;border-top-color:var(--ink);border-radius:50%;flex:none;width:26px;height:26px;animation:.8s linear infinite spin}.spinner.big{border-width:6px;border-color:var(--paper-15);border-top-color:var(--paper);width:64px;height:64px}@keyframes spin{to{transform:rotate(360deg)}}.track{border-radius:5px;height:10px;margin-top:16px;overflow:hidden}.track .bar{border-radius:5px;height:100%;transition:width 1s linear}.track.gold{background:#ffc75f26}.track.gold .bar{background:var(--gold)}.track.moon{background:#9d8cff26}.track.moon .bar{background:var(--moon)}.track.wide{border-radius:7px;height:14px;margin-top:28px}.ring{flex:none;position:relative}.ring svg{display:block}.ring-label{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ring-sub{font-size:18px}.wave{flex:none;align-items:center;gap:6px;height:56px;display:flex}.wave span{transform-origin:50%;border-radius:4px;width:7px;height:52px;transform:scaleY(.3)}.wave.on span{animation:1.1s ease-in-out infinite nfbar}@keyframes nfbar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.caption{background:var(--paper-06);border:1px solid var(--paper-10);border-radius:32px;flex:none;align-items:center;gap:32px;height:150px;padding:0 40px;display:flex}.caption.stale .caption-text{color:var(--muted)}.caption-body{flex-direction:column;gap:10px;min-width:0;display:flex}.caption-text{font:700 40px/1.2 var(--sans);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;animation:.5s fade-in;display:-webkit-box;overflow:hidden}.caption-text.s{-webkit-line-clamp:2;font-size:32px}.caption-text.xs{-webkit-line-clamp:3;font-size:26px}.caption-text.muted{font-size:32px;font-weight:500}.caption-label{font:700 17px var(--mono);letter-spacing:.12em;color:var(--muted)}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}}.panel{background:var(--paper-04);border:1px solid var(--paper-08);border-radius:28px;flex-direction:column;gap:16px;min-height:0;padding:26px 28px;display:flex}.panel.grow{flex:1;overflow:hidden}.panel-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.panel-head h2{font:700 30px/1 var(--sans);letter-spacing:-.01em}.panel-head .mono{letter-spacing:.1em;font-size:17px}.panel-foot{letter-spacing:.1em;font-size:15px}.panel-empty{font-size:24px}.roster{grid-template-columns:1fr;gap:8px 18px;display:grid}.roster.two{grid-template-columns:1fr 1fr}.roster-row{align-items:center;gap:14px;min-width:0;height:50px;display:flex}.roster.two .roster-row{gap:10px;height:44px}.roster-name{min-width:0;font:600 25px var(--sans);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.roster.two .roster-name{font-size:21px}.roster-row.away .roster-name{color:var(--muted)}.roster-row.out .roster-name{color:var(--muted);text-decoration:line-through;text-decoration-thickness:2px}.roster-row.out .avatar{opacity:.35}.timeline-panel{justify-content:flex-start}.timeline{flex-direction:column;flex:1;justify-content:flex-end;gap:18px;padding-left:30px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 28px);mask-image:linear-gradient(#0000 0,#000 28px)}.timeline:before{content:"";background:var(--paper-15);width:2px;position:absolute;top:0;bottom:8px;left:6px}.tl{flex-direction:column;flex:none;gap:4px;display:flex;position:relative}.tl-dot{background:var(--gold);border-radius:50%;width:14px;height:14px;position:absolute;top:5px;left:-30px}.tl.out .tl-dot{background:var(--red)}.tl.night .tl-dot{background:var(--moon)}.tl.current .tl-dot{background:var(--ink);border:2.5px solid var(--gold)}.tl.current.night .tl-dot{border-color:var(--moon)}.tl-label{letter-spacing:.12em;font-size:16px}.tl-text{font:500 23px/1.3 var(--sans)}.final{flex-direction:column;display:flex}.final-row{border-bottom:1px solid var(--paper-08);align-items:center;gap:16px;height:52px;display:flex}.final.compact .final-row{height:40px}.final.compact .roster-name{font-size:21px}.final-row.out .roster-name{color:var(--muted)}.final-role{font:600 21px var(--sans)}.final-row .tag{text-align:right;width:92px}.join{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 200px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.fan{justify-content:center;align-items:flex-end;width:520px;height:250px;display:flex;position:relative}.face{background:radial-gradient(50% 38% at 50% 50%, var(--glow), transparent), var(--face);border:1px solid var(--edge);outline:2px solid var(--foil);outline-offset:-10px;border-radius:20px;place-items:center;width:168px;height:232px;display:grid;position:absolute;bottom:0;box-shadow:0 26px 50px #00000073}.face:before{content:"";border:1px solid var(--foil);opacity:.7;border-radius:8px;position:absolute;top:14px;bottom:14px;left:14px;right:14px}.face-corner{font:800 24px/1 var(--sans);color:var(--foil);flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:19px;left:20px}.face-corner:after{content:"";background:var(--foil);width:6px;height:6px;transform:rotate(45deg)}.face-corner.flip{top:auto;bottom:19px;left:auto;right:20px;transform:rotate(180deg)}.face-emblem{width:150px;height:125px;position:relative}.join-title{font:800 150px/.9 var(--sans);letter-spacing:-.04em;margin-top:48px}.join-logo{vertical-align:-.12em;margin-right:30px}.tv-tag{background:var(--gold);color:var(--ink);font:700 36px/1 var(--mono);letter-spacing:.1em;vertical-align:.9em;border-radius:14px;margin-left:18px;padding:6px 16px;display:inline-block}.join-lede{font:500 34px/1.35 var(--sans);color:var(--soft);max-width:1000px;margin-top:26px}.join-form{flex-direction:column;align-items:center;gap:22px;margin-top:54px;display:flex}.code-cells{cursor:text;gap:16px;display:flex;position:relative}.cell{background:var(--paper-04);border:2px solid var(--paper-10);width:108px;height:132px;font:700 70px var(--mono);border-radius:22px;place-items:center;display:grid}.cell.filled{border-color:var(--paper-20)}.code-cells:focus-within .cell.active{border-color:var(--gold);box-shadow:0 0 0 4px #ffc75f2e}.code-input{opacity:0;cursor:text;border:none;width:100%;font-size:16px;position:absolute;top:0;bottom:0;left:0;right:0}.join-error{min-height:40px;font:600 28px var(--sans);color:var(--red-light);margin-top:20px}.join-note{font:400 24px/1.4 var(--sans);color:var(--muted);max-width:1000px;margin-top:8px}.lobby{flex-direction:column;display:flex}.lobby-lede{font:500 38px/1.2 var(--sans);color:var(--soft);margin-top:16px}.lobby-code{letter-spacing:.12em;margin-top:4px;font-size:196px;line-height:1.05}.lobby-row{align-items:center;gap:44px;margin-top:20px;display:flex}.qr-card{background:var(--paper);border-radius:28px;flex:none;padding:22px;line-height:0}.lobby-steps{flex-direction:column;gap:18px;display:flex}.step{font:400 28px/1.35 var(--sans);color:var(--soft)}.step b{color:var(--paper);font-weight:700}.lobby-foot{flex-direction:column;gap:20px;margin-top:30px;display:flex}.lobby-status{font:600 30px var(--sans);color:var(--muted)}.lobby-status.ok{color:var(--teal)}.split{align-items:center;gap:56px;display:flex}.split-text{flex-direction:column;flex:1;min-width:0;display:flex}.split-visual{flex-direction:column;flex:none;align-items:center;gap:32px;display:flex}.night-head{align-items:center;gap:26px;display:flex}.night-head .moon{margin-left:-34px;margin-right:16px}.progress-block{max-width:720px;margin-top:44px}.progress-head{font:500 28px var(--sans);align-items:baseline;gap:18px;display:flex}.progress-count{font-size:44px}.deal{place-items:center;width:560px;height:460px;display:grid;position:relative}.card-back{background-color:var(--warm);outline:2px solid var(--moon);outline-offset:-10px;background-image:repeating-linear-gradient(45deg,#9d8cff38 0 1.5px,#0000 1.5px 14px),repeating-linear-gradient(-45deg,#9d8cff38 0 1.5px,#0000 1.5px 14px);border-radius:24px;place-items:center;width:250px;height:346px;display:grid;position:absolute;box-shadow:0 30px 60px #00000080}.seal{background:var(--ink);border:1px solid #9d8cff80;border-radius:50%;place-items:center;width:112px;height:112px;display:grid}.seal-inner{width:82px;height:82px;font:700 36px/1 var(--sans);color:var(--foil);border:1px dashed #e2b86680;border-radius:50%;place-items:center;display:grid}.recap{background:var(--paper-04);border:1px solid var(--paper-08);border-radius:26px;flex-direction:column;gap:10px;max-width:820px;margin-top:40px;padding:26px 30px;display:flex}.recap-title{font:700 32px/1.2 var(--sans)}.tally{flex-direction:column;gap:14px;margin-top:14px;display:flex}.title+.tally{margin-top:28px}.tally-row{align-items:center;gap:20px;display:flex}.tally-name{width:220px;font:600 27px var(--sans);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}.tally-track{background:var(--paper-06);border-radius:8px;flex:1;height:30px;overflow:hidden}.tally-bar{background:var(--tick);border-radius:8px;height:100%;transition:width .8s;display:block}.tally-count{text-align:right;width:44px;color:var(--muted);font-size:30px}.tally-row.lead .tally-name{color:var(--paper)}.tally-row.lead .tally-bar{background:var(--gold)}.tally-row.lead .tally-count{color:var(--gold)}.tally-note{font:400 21px var(--sans)}.morning{align-items:center;gap:88px;padding-left:40px;display:flex}.portrait{flex:none;width:320px;height:320px;position:relative}.portrait-sun{background:var(--av);border-radius:50%;place-items:center;width:320px;height:320px;display:grid;box-shadow:0 0 0 14px #f3eeff0d}.sun{background:var(--gold);border-radius:50%;width:136px;height:136px;box-shadow:0 0 80px #ffc75f73}.stamp{border:4px solid var(--red);color:var(--red);font:700 34px var(--mono);letter-spacing:.16em;background:#14100cd9;border-radius:14px;padding:10px 22px;animation:.5s cubic-bezier(.2,1.6,.4,1) both stamp;position:absolute;top:118px;left:-34px;transform:rotate(-12deg)}.stamp.safe{border-color:var(--teal);color:var(--teal)}@keyframes stamp{0%{opacity:0;transform:rotate(-12deg)scale(1.8)}}.morning-text{flex-direction:column;min-width:0;display:flex}.morning-text .title-s{margin-top:16px}.morning-name{font:800 124px/1 var(--sans);letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;margin-top:30px;overflow:hidden}.morning-text .lede{margin-top:10px}.discussion{flex-direction:column;display:flex}.big-timer{letter-spacing:-.02em;margin-top:16px;font-size:300px;line-height:1}.ballot{flex-direction:column;gap:14px;margin-top:36px;display:flex}.name-chips{flex-wrap:wrap;gap:12px;max-width:880px;display:flex}.name-chip{background:var(--paper-04);border:1.5px solid var(--paper-10);height:56px;font:600 26px var(--sans);border-radius:16px;align-items:center;padding:0 24px;display:inline-flex}.runoff-visual{gap:28px}.candidates{flex-direction:column;gap:14px;width:420px;display:flex}.candidate{border:2px solid var(--gold);height:104px;font:700 46px var(--sans);letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;border-radius:22px;place-items:center;padding:0 20px;display:grid;overflow:hidden}.banner{height:100%;color:var(--ink);border-radius:40px;flex-direction:column;justify-content:flex-end;padding:56px 64px;animation:.6s fade-in;display:flex;position:relative;overflow:hidden}.banner.town{background:var(--gold)}.banner.mafia{background:var(--red)}.banner-mark{font:800 640px/1 var(--sans);letter-spacing:-.03em;opacity:.14;position:absolute;top:-120px;right:-30px}.banner-eyebrow{color:var(--ink);font-size:20px}.banner-title{font:800 200px/.9 var(--sans);letter-spacing:-.03em;margin-top:22px}.banner-sub{font:500 34px/1.35 var(--sans);margin-top:26px}.banner-next{font:500 24px var(--sans);opacity:.7;margin-top:12px}.state-card{border:1.5px solid var(--paper-15);border-radius:36px;flex-direction:column;gap:16px;max-width:1000px;padding:56px 60px;display:flex}.state-card .lede{margin-top:6px}.center-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.center-state .lede{margin-top:0}.paused-backdrop{z-index:5;background:#0a0816b8;place-items:center;animation:.3s fade-in;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.paused{background:var(--gold);width:1120px;color:var(--ink);border-radius:30px;flex-direction:column;gap:8px;padding:34px 44px;display:flex;box-shadow:0 30px 80px #0000008c}.paused-title{font:800 56px/1 var(--sans);letter-spacing:-.03em}.paused-sub{font:500 28px/1.35 var(--sans)}.toasts{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:216px;left:50%;transform:translate(-50%)}.pill{height:64px;font:700 24px var(--sans);pointer-events:auto;border:none;border-radius:32px;align-items:center;gap:16px;padding:0 30px;display:flex;box-shadow:0 18px 50px #00000073}.pill.warn{background:var(--gold);color:var(--ink)}.pill.gesture{background:var(--paper);color:var(--ink);cursor:pointer}.pill.gesture .wave{height:30px}.pill.gesture .wave span{width:4px;height:28px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stage3d{position:absolute;top:0;bottom:0;left:0;right:0}.stage3d canvas{width:100%;height:100%;display:block}.caption{z-index:6;position:relative}.cinema{z-index:4;background:var(--night-bg);animation:.45s both cinema-in;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.cinema.leaving{pointer-events:none;animation:.65s both cinema-out}@keyframes cinema-in{0%{opacity:0}}@keyframes cinema-out{to{opacity:0}}.cinema-scrim{pointer-events:none;background:linear-gradient(#08061099 0%,#08061000 36% 62%,#080610b3 100%);position:absolute;top:0;bottom:0;left:0;right:0}.cinema-words{flex-direction:column;gap:8px;max-width:1500px;display:flex;position:absolute;top:88px;left:72px}.cinema-eyebrow{color:var(--tone,var(--gold));font-size:26px}.cinema-title{font:800 150px/.92 var(--sans);letter-spacing:-.035em;text-shadow:0 8px 48px #0000008c}.cinema-line{font:500 40px/1.3 var(--sans);color:var(--soft);text-shadow:0 4px 24px #0009}.cinema-words>*{opacity:0}.cinema.started .cinema-eyebrow{animation:.6s cubic-bezier(.2,.8,.2,1) .15s both word-in}.cinema.started .cinema-title{animation:.9s cubic-bezier(.2,.8,.2,1) .3s both title-in}.cinema.started .cinema-line{animation:.7s cubic-bezier(.2,.8,.2,1) .8s both word-in}@keyframes word-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes title-in{0%{opacity:0;filter:blur(10px);transform:translateY(44px)scale(.98)}to{opacity:1;filter:none;transform:none}}.death-cinema.night .cinema-eyebrow{color:var(--red-light)}.death-cinema.vote .cinema-eyebrow{color:var(--gold)}.cinema-verdict{opacity:0;flex-direction:column;max-width:1200px;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:236px;left:72px;transform:translateY(26px)}.cinema-verdict.shown{opacity:1;transform:none}.cinema-verdict.shown .cinema-name{animation:.8s cubic-bezier(.2,.8,.2,1) both title-in}.cinema-verdict .stamp{align-self:flex-start;margin-bottom:26px;position:relative;top:0;left:0}.cinema-name{font:800 170px/.95 var(--sans);letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 8px 48px #0000008c;overflow:hidden}.cinema-verdict .cinema-line{margin-top:6px}.cinema-role{font:400 30px var(--sans);color:var(--muted);margin-top:10px}.phase.held{opacity:0}.phase.enter{animation:.8s cubic-bezier(.2,.8,.2,1) both phase-in}@keyframes phase-in{0%{opacity:0;transform:translateY(32px)scale(.985)}}.morning.with-scene{gap:60px;padding-left:0}.portrait.scene{background:#0d0a1a;border:1px solid #9d8cff29;border-radius:36px;width:600px;height:660px;overflow:hidden;box-shadow:0 30px 80px #00000073}.portrait.scene .stamp{z-index:1;top:30px;left:28px}.morning.with-scene .morning-name{font-size:104px}.roster-row .avatar,.roster-row .roster-name{transition:opacity .8s,color .8s}.phase{flex-direction:column;flex:1;justify-content:safe center;min-height:0;display:flex}.done-talking{max-width:900px;font:500 28px var(--sans);grid-template-columns:auto 1fr;align-items:baseline;column-gap:18px;margin-top:36px;display:grid}.done-talking .track{grid-column:1/-1}