:root{--bg:#0d0b0f;--bg-2:#17141c;--panel:#f0e8d60e;--panel-strong:#f0e8d617;--line:#efe5cc21;--text:#f0e8d6;--muted:#a09a8c;--paper:#efe5cc;--ink:#23201a;--stamp:#d9a441;--liberal:#4c8dff;--fascist:#e2574c;--hitler:#d9a441;--neutral:#c9ba94;--red:#ff5a4f;--display:"Bebas Neue", Impact, system-ui, sans-serif;--body:"Space Grotesk", system-ui, sans-serif;font-family:var(--body);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(ellipse at 14% 3%, #4c8dff1f, transparent 38rem), radial-gradient(ellipse at 92% 88%, #e2574c17, transparent 36rem), var(--bg);min-height:100vh;color:var(--text);font-family:var(--body)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--stamp);outline-offset:3px}.loading{min-height:100vh;color:var(--muted);place-items:center;padding:2rem;font-size:1.2rem;display:grid}.home{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;width:min(100% - 2rem,58rem);min-height:100vh;margin:0 auto;padding:clamp(2rem,7vh,5rem) 0;display:flex}.logo{color:var(--paper);font-family:var(--display);letter-spacing:.035em;text-shadow:0 .15em 1.1em #d9a4411f;font-size:clamp(4rem,12vw,8rem);line-height:.82}.logo span{color:var(--stamp);letter-spacing:.19em;font-size:.56em;display:block}.logo.small{white-space:nowrap;font-size:2rem;line-height:.8}.logo.small span{letter-spacing:.12em;margin-left:.25em;font-size:.72em;display:inline}.tagline{max-width:42rem;color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.55}.tagline b,.lead b{color:var(--text)}.how{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.how li{border:1px solid var(--line);background:var(--panel);border-radius:1rem;flex-direction:column;gap:.5rem;min-width:0;padding:1rem;display:flex}.how li b{color:var(--faction,var(--stamp))}.how li span{color:var(--muted);font-size:.9rem;line-height:1.5}.btn{border:1px solid var(--line);background:var(--panel-strong);min-height:2.8rem;color:var(--text);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-weight:700;transition:transform .14s,background .14s,border-color .14s,opacity .14s;display:inline-flex}.btn:hover:not(:disabled){background:#f0e8d621;border-color:#efe5cc52;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:var(--stamp);color:var(--ink);border-color:#0000}.btn.primary:hover:not(:disabled){background:#edbd5a}.btn.ghost{background:0 0}.btn.danger{color:#ff8279;border-color:#ff5a4f59}.btn.small{border-radius:.6rem;min-height:2.25rem;padding:.45rem .7rem;font-size:.85rem}.btn.big{min-height:3.4rem;padding:.9rem 1.5rem;font-size:1.05rem}.btn.on{border-color:var(--stamp);color:var(--paper);background:#d9a44129}kbd,.kbd{font-family:var(--body);opacity:.72;border:1px solid;border-radius:.3rem;padding:.14rem .4rem;font-size:.72em}.error{color:#ffaaa3;background:#ff5a4f1a;border:1px solid #ff5a4f59;border-radius:.7rem;margin:0;padding:.7rem .9rem}.card,.panel,.phase-panel{border:1px solid var(--line);background:linear-gradient(145deg,#f0e8d613,#f0e8d609);border-radius:1.1rem;box-shadow:0 1rem 3rem #00000029}.card,.phase-panel{padding:clamp(1rem,2.5vw,1.6rem)}.card[style*=--faction]{border-color:color-mix(in srgb, var(--faction) 50%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--faction) 12%, var(--bg-2)), var(--bg-2))}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.hint,.waiting,.muted{color:var(--muted)}.hint{margin:.75rem 0 0;line-height:1.5}.hint.small{font-size:.82rem}.hint.center-text{text-align:center}.waiting{text-align:center;margin:0}.lead{color:var(--text);margin:.5rem 0 1rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.55}.advice{border-left:3px solid var(--faction,var(--stamp));color:var(--text);background:#00000030;border-radius:0 .7rem .7rem 0;padding:.9rem 1rem;line-height:1.55}.avatar{width:2.5rem;height:2.5rem;color:var(--paper);font-family:var(--display);background:#efe5cc1f;border:1px solid #efe5cc33;border-radius:50%;flex:none;place-items:center;font-size:1.35rem;display:inline-grid}.avatar.small{width:1.8rem;height:1.8rem;font-size:1rem}.tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.18rem .45rem;font-size:.7rem;font-weight:700}.tag.host{color:var(--stamp);border-color:#d9a44166}.tag.off{color:#ff9189;border-color:#ff5a4f4d}.roster{flex-direction:column;gap:.45rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.roster li{background:#00000024;border:1px solid #0000;border-radius:.65rem;align-items:center;gap:.55rem;min-width:0;padding:.6rem .7rem;display:flex}.roster li.offline{opacity:.55}.roster li>span:first-child,.roster li>button:first-child{text-align:left;flex:1;min-width:0}.roster button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.roster button:hover{color:var(--stamp)}.roster.pick li{background:0 0;padding:0}.roster.pick button{border:1px solid var(--line);background:var(--panel);border-radius:.7rem;width:100%;min-height:2.9rem;padding:.7rem .9rem;font-weight:700}.roster.pick button:hover{border-color:var(--stamp);background:#d9a4411f}.segmented{flex-wrap:wrap;gap:.35rem;display:flex}.segmented button{border:1px solid var(--line);min-width:3.2rem;color:var(--muted);cursor:pointer;background:#00000026;border-radius:.55rem;padding:.45rem .65rem;font-weight:700}.segmented button:hover,.segmented button.on{border-color:var(--stamp);color:var(--paper)}.picker{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.picker-label{color:var(--muted);font-size:.82rem;font-weight:700}.host-box{border:1px solid var(--line);background:#00000029;border-radius:.8rem;flex-direction:column;gap:.8rem;margin:1rem 0;padding:.9rem;display:flex}.mute,.muted{color:var(--muted)}.timer{min-width:8rem;color:var(--stamp);font-variant-numeric:tabular-nums;align-items:center;gap:.65rem;font-weight:700;display:flex}.timer.hurry{color:var(--red);animation:.8s ease-in-out infinite alternate pulse}.timer-bar{background:#efe5cc21;border-radius:999px;flex:1;height:.45rem;overflow:hidden}.timer-bar>div{border-radius:inherit;background:currentColor;height:100%;transition:width .18s linear}.toast{z-index:5;border:1px solid var(--line);border-left:4px solid var(--neutral);background:#17141cf2;border-radius:.9rem;width:min(28rem,100vw - 2rem);padding:1rem 1.2rem;line-height:1.45;animation:.22s ease-out both toast-in;position:fixed;bottom:1rem;right:1rem;box-shadow:0 .8rem 2.5rem #00000059}.toast.tone-liberal{border-left-color:var(--liberal)}.toast.tone-fascist{border-left-color:var(--fascist)}.toast.tone-chaos{border-left-color:var(--stamp)}.toast.tone-neutral{border-left-color:var(--neutral)}.tv{width:min(100% - 2rem,100rem);min-height:100vh;margin:0 auto;padding-bottom:2rem}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:4.5rem;padding:.8rem clamp(0rem,1.5vw,1.2rem);display:grid}.topbar-info,.topbar-right,.tally{justify-content:center;align-items:center;gap:.7rem;display:flex}.topbar-right{justify-content:flex-end}.tally{border:1px solid var(--line);background:#0000002e;border-radius:999px;padding:.35rem .7rem;font-weight:700}.room-code{color:var(--muted);white-space:nowrap}.room-code b,.lobby-code b{color:var(--stamp);font-family:var(--display);letter-spacing:.1em;margin-left:.25rem;font-size:1.25em}.lobby{grid-template-columns:minmax(17rem,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(1rem,2.5vw,2rem);padding:clamp(1rem,3vw,2.5rem) 0;display:grid}.lobby-join,.lobby-side{flex-direction:column;gap:1rem;min-width:0;display:flex}.lobby-join{border:1px solid var(--line);background:linear-gradient(155deg, #4c8dff1a, var(--panel) 60%);text-align:center;border-radius:1.2rem;align-items:center;padding:clamp(1.2rem,3vw,2rem);position:sticky;top:1.5rem}h1,h2,h3,p{overflow-wrap:anywhere}.lobby-join h1,.panel h2,.phase-panel h2,.card h1{font-family:var(--display);letter-spacing:.035em;margin:0;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:400;line-height:1}.qr{background:var(--paper);border-radius:.8rem;width:min(100%,18rem);padding:.8rem;box-shadow:0 .6rem 2.2rem #0000004d}.qr svg{width:100%;height:auto;display:block}.lobby-url{max-width:100%;color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.9rem}.lobby-code{color:var(--muted);margin:0}.lobby-side .panel{padding:1.2rem}.panel h2{margin-bottom:.8rem;font-size:1.6rem}.panel .picker+.picker{margin-top:.8rem}.lobby-start{justify-content:flex-end;display:flex}.game{flex-direction:column;gap:1rem;padding:clamp(1rem,3vw,2.4rem) 0;display:flex}.turn-banner{border:1px solid color-mix(in srgb, var(--faction) 45%, var(--line));background:color-mix(in srgb, var(--faction) 9%, var(--bg-2));border-radius:.9rem;align-items:center;gap:1rem;min-height:4rem;padding:.75rem 1rem;display:flex}.turn-phase{color:var(--faction);font-family:var(--display);letter-spacing:.05em;flex:1;font-size:clamp(1.4rem,3vw,2rem)}.turn-president{align-items:center;gap:.5rem;display:flex}.chaos-count{color:var(--stamp);white-space:nowrap;border:1px solid #d9a44159;border-radius:999px;padding:.25rem .5rem;font-size:.78rem}.game-center{grid-template-columns:minmax(14rem,.8fr) minmax(0,1.5fr);align-items:stretch;gap:1rem;display:grid}.policy-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.policy-side{border:1px solid color-mix(in srgb, var(--faction) 38%, var(--line));background:color-mix(in srgb, var(--faction) 10%, var(--bg-2));border-radius:.95rem;flex-direction:column;justify-content:space-between;gap:.75rem;min-width:0;padding:1rem;display:flex}.policy-name{color:var(--faction);font-weight:700}.policy-pips{flex-wrap:wrap;align-content:center;gap:.35rem;min-height:2.5rem;display:flex}.policy-pip{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--faction) 55%, transparent);background:#00000038;border-radius:.35rem;width:clamp(1.4rem,2.3vw,2rem)}.policy-pip.done{border-color:var(--faction);background:var(--faction);box-shadow:0 0 .9rem color-mix(in srgb, var(--faction) 36%, transparent)}.policy-count{color:var(--muted);font-size:.85rem}.policy-count b{color:var(--faction);font-size:1.25rem}.phase-panel{flex-direction:column;justify-content:center;gap:.7rem;min-height:12rem;display:flex}.phase-panel .lead,.phase-panel .hint{margin:0}.vote-tally{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.vote-tally>div{border:1px solid var(--line);background:#00000024;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-height:5rem;padding:.7rem;display:flex}.vote-tally b{font-family:var(--display);font-size:2rem;line-height:1}.vote-tally span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.vote-yes b{color:#87b3ff}.vote-no b{color:#ff8981}.vote-need b{color:var(--stamp)}.seats{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.6rem;display:grid}.seat{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-width:0;min-height:7rem;padding:.8rem .65rem;display:flex}.seat[style*=--faction]{border-color:color-mix(in srgb, var(--faction) 45%, var(--line));background:color-mix(in srgb, var(--faction) 10%, var(--bg-2))}.seat.president,.seat.chancellor{box-shadow:inset 0 0 0 1px var(--stamp), 0 .5rem 1.2rem #00000026}.seat.chancellor{border-style:double;border-width:3px}.seat.offline{opacity:.5;filter:grayscale(.5)}.seat.locked{outline:2px dashed var(--red);outline-offset:-5px}.seat-name{overflow-wrap:anywhere;max-width:100%;font-weight:700}.seat-role{color:var(--faction);font-size:.82rem;font-weight:700}.seats.reveal .seat{min-height:8rem}.action-picker{flex-wrap:wrap;gap:.5rem;display:flex}.finale{border:1px solid color-mix(in srgb, var(--faction) 50%, var(--line));background:color-mix(in srgb, var(--faction) 11%, var(--bg-2));border-radius:1.2rem;flex-direction:column;align-items:center;gap:1.4rem;padding:clamp(1rem,4vw,3rem);display:flex}.finale-text{text-align:center;max-width:62rem}.finale-text h1{color:var(--faction);font-family:var(--display);margin:0;font-size:clamp(2.3rem,6vw,5rem);font-weight:400;line-height:.98}.finale .seats{width:100%}.phone{width:min(100% - 1.2rem,34rem);min-height:100vh;padding:max(1rem, env(safe-area-inset-top)) 0 max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;gap:1rem;margin:0 auto;display:flex}.phone>.logo{text-align:center;padding:.45rem 0}.phone-game{flex-direction:column;gap:.9rem;display:flex}.phone-me{border:1px solid color-mix(in srgb, var(--faction) 40%, var(--line));background:color-mix(in srgb, var(--faction) 8%, var(--bg-2));border-radius:.85rem;align-items:center;gap:.6rem;padding:.7rem .8rem;display:flex}.phone-me>b{overflow-wrap:anywhere;flex:1;min-width:0}.phone-tally{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.82rem}.join{flex-direction:column;gap:1rem;display:flex}.join h1{margin:0}.join label{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:700;display:flex}.code-input,.join input{border:1px solid var(--line);width:100%;min-height:3rem;color:var(--text);background:#0000003b;border-radius:.7rem;padding:.7rem .85rem;font-size:1rem}.code-input{font-family:var(--display);letter-spacing:.2em;text-align:center;text-transform:uppercase;font-size:1.6rem}.reveal{text-align:center;align-items:center}.reveal-emoji{filter:drop-shadow(0 0 1.5rem color-mix(in srgb, var(--faction) 35%, transparent));font-size:clamp(3rem,14vw,5rem)}.known{background:#e2574c1a;border:1px solid #e2574c59;border-radius:.7rem;width:100%;padding:.8rem}.vote{border-top:3px solid var(--stamp)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.policy-card{border:1px solid color-mix(in srgb, var(--faction) 50%, var(--line));background:color-mix(in srgb, var(--faction) 14%, var(--bg-2));min-height:9rem;color:var(--faction);cursor:pointer;border-radius:.9rem;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1rem .7rem;font-size:2rem;transition:transform .14s,box-shadow .14s;display:flex}.policy-card:hover{box-shadow:0 .7rem 1.7rem color-mix(in srgb, var(--faction) 14%, transparent);transform:translateY(-2px)}.policy-card span{color:var(--text);text-align:center;font-size:.88rem;font-weight:700}.policy-card.enact{min-height:7.5rem}.loyalty{border:1px solid color-mix(in srgb, var(--faction) 45%, var(--line));background:color-mix(in srgb, var(--faction) 12%, transparent);border-radius:.75rem;padding:.85rem}.power{background:#d9a44113;border:1px solid #d9a4414d;border-radius:.85rem;flex-direction:column;gap:.65rem;margin:.8rem 0;padding:.9rem;display:flex}.action-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.action-bar .btn{min-height:3.4rem;font-size:1.05rem}.phone-role{color:var(--faction)}.leave{align-self:center}@keyframes pulse{0%{opacity:1}to{opacity:.62}}@keyframes toast-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.home{justify-content:flex-start}.how,.lobby{grid-template-columns:1fr}.lobby-join{position:static}.qr{width:min(70vw,17rem)}.game-center{grid-template-columns:1fr}.topbar{grid-template-columns:1fr auto}.topbar-info{display:none}}@media (width<=480px){.tv{width:min(100% - 1rem,100rem)}.topbar{gap:.5rem}.logo.small{font-size:1.6rem}.topbar-right{gap:.45rem}.topbar-right .btn{min-height:2.3rem;padding:.4rem .55rem;font-size:.8rem}.turn-banner{flex-wrap:wrap;align-items:flex-start}.turn-phase{flex-basis:100%}.turn-banner .timer{min-width:100%}.policy-track{grid-template-columns:1fr}.seats{grid-template-columns:repeat(auto-fit,minmax(6.7rem,1fr))}.vote-tally{gap:.4rem}.vote-tally>div{min-height:4.4rem;padding:.4rem}.picker{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}