:root{--panel:#0c181ed6;--panel-solid:#13232b;--line:#f2ead829;--ink:#f5eedd;--ink-dim:#f2ead8a8;--gold:#f3d98b;--danger:#e0664f;--quantum:#9fd8ff;--radius:.75rem;--ui:"Segoe UI", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--ease-out:cubic-bezier(.2, .9, .3, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1)}html{font-size:clamp(15px,.75vw + 6.5px,24px)}html,body{height:100%;color:var(--ink);font-family:var(--ui);-webkit-user-select:none;user-select:none;background:#223f4b;margin:0;line-height:1.4;overflow:hidden}body{font-size:1rem}#view{width:100vw;height:100vh;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}kbd{font:600 .7rem var(--mono);opacity:.7;border:1px solid;border-radius:.3rem;padding:.05rem .35rem}.hidden{display:none!important}.screen{z-index:20;background:radial-gradient(at 50% 40%,#0c181e26,#0c181eb3);place-items:center;display:grid;position:fixed;inset:0}.card{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);box-sizing:border-box;border-radius:1.1rem;min-width:min(24rem,100vw - 2rem);max-width:min(42rem,100vw - 2rem);max-height:calc(100vh - 3rem);padding:1.8rem 2rem;overflow:auto;box-shadow:0 1.2rem 3.5rem #00000059}.logo{letter-spacing:.42em;text-align:center;margin:0 0 .2rem;font-size:3rem;font-weight:900}.tagline{text-align:center;color:var(--ink-dim);margin:0 0 1.6rem}.menu{gap:.65rem;display:grid}.btn{border:1px solid var(--line);border-radius:var(--radius);text-align:left;transition:background .15s, transform .2s var(--ease-out);background:#ffffff0f;padding:.75rem 1rem;font-weight:600}.btn:hover:not(:disabled){background:#ffffff21;transform:translate(3px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--gold);color:#1b1a14;text-align:center;border-color:#0000;font-weight:800}.btn.primary:hover{background:#ffe7a3}.btn small{color:var(--ink-dim);font-size:.8rem;font-weight:500;display:block}.btn.primary small{color:#3b3524}.row{align-items:center;gap:.65rem;display:flex}.row.spread{justify-content:space-between}h2{letter-spacing:.08em;margin:0 0 1rem;font-size:1.35rem;font-weight:800}h3{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:1.1rem 0 .5rem;font-size:.8rem}.players{gap:.5rem;display:grid}.player-row{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff08;grid-template-columns:2.4rem 1fr auto auto;align-items:center;gap:.65rem;padding:.5rem;display:grid}.player-row input[type=text]{border:none;border-bottom:1px solid var(--line);color:var(--ink);font:inherit;background:0 0;outline:none;padding:.25rem .1rem;font-weight:700}.swatches{gap:.3rem;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:1.2rem;height:1.2rem;padding:0}.swatch.on{border-color:var(--ink)}.swatch:disabled{opacity:.15}.chip-toggle{border:1px solid var(--line);background:0 0;border-radius:999px;padding:.2rem .7rem;font-size:.8rem}.chip-toggle.on{background:var(--quantum);color:#0d2230;border-color:#0000;font-weight:700}.icon-btn{color:var(--ink-dim);background:0 0;border:none;padding:.1rem .4rem;font-size:1.2rem}.icon-btn:hover{color:var(--danger)}.options{gap:.4rem;display:grid}.option{border-radius:var(--radius);border:1px solid var(--line);cursor:pointer;grid-template-columns:1.2rem 1fr;gap:.5rem;padding:.5rem .65rem;display:grid}.option.on{border-color:var(--quantum);background:#9fd8ff14}.option small{color:var(--ink-dim);display:block}.field{gap:.25rem;display:grid}.field input,.field select,select{border:1px solid var(--line);color:var(--ink);font:inherit;background:#00000040;border-radius:.5rem;padding:.45rem .6rem}.help-grid{grid-template-columns:auto 1fr;align-items:baseline;gap:.4rem .9rem;display:grid}.muted{color:var(--ink-dim)}.fine{color:var(--ink-dim);font-size:.8rem}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud>*{pointer-events:auto}.banner{background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:1rem;padding:.55rem 1.3rem;font-size:1.1rem;display:flex;position:absolute;top:.9rem;left:50%;transform:translate(-50%);pointer-events:none!important}.banner .who{font-size:1.25rem;font-weight:900}.banner .meta{color:var(--ink-dim);font-weight:600}.banner .quantum{font:600 .85rem var(--mono);color:var(--quantum)}.banner.flash{animation:.8s ease-out flash}@keyframes flash{0%{box-shadow:0 0 0 0 var(--gold)}to{box-shadow:0 0 0 1.2rem #0000}}.avatars{gap:1rem;display:grid;position:absolute;top:50%;left:.9rem;transform:translateY(-50%);pointer-events:none!important}.avatar{transition:transform .5s var(--ease-back), opacity .3s;grid-template-columns:4rem auto;align-items:center;gap:.7rem;display:grid}.avatar .face{width:4rem;height:4rem;position:relative}.avatar .face svg{z-index:1;width:4rem;height:4rem;position:relative}.avatar .ripple{border:3px solid var(--c);opacity:0;border-radius:50%;position:absolute;inset:0;transform:scale(1)}.avatar.speaking .ripple{animation:1.4s ease-out infinite ripple}.avatar.speaking .ripple:nth-child(2){animation-delay:.45s}.avatar.speaking .ripple:nth-child(3){animation-delay:.9s}@keyframes ripple{0%{opacity:calc(.2 + var(--level,.5) * .7);transform:scale(1)}to{opacity:0;transform:scale(calc(1.4 + var(--level,.5) * .8))}}.avatar.active{transform:translate(1.5rem)}.avatar.active .face svg{animation:1.6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.3rem)}}.avatar .info{background:var(--panel);border:2px solid var(--line);border-radius:.75rem;min-width:9rem;padding:.4rem .75rem}.avatar.active .info{border-color:var(--c);box-shadow:0 0 0 1px var(--c)}.avatar .name{font-size:1.05rem;font-weight:900}.avatar .stats{font:600 .78rem var(--mono);color:var(--ink-dim)}.avatar.dead{opacity:.35;filter:grayscale()}.avatar .income{z-index:2;font:900 1.2rem var(--mono);color:var(--gold);text-shadow:0 1px 3px #000000b3;animation:income 1.6s var(--ease-out) forwards;position:absolute;top:-.5rem;left:3rem}@keyframes income{0%{opacity:0;transform:translateY(.5rem)scale(.7)}15%{opacity:1;transform:translateY(0)scale(1.15)}to{opacity:0;transform:translateY(-1.2rem)}}.dock{grid-template-columns:1fr auto 1fr;align-items:center;gap:.9rem;display:grid;position:absolute;bottom:.9rem;left:0;right:0;pointer-events:none!important}.dock>*{pointer-events:auto}.dock .side{justify-self:start}.actionbar{background:var(--panel);border:1px solid var(--line);border-radius:1rem;align-items:stretch;gap:.6rem;padding:.55rem;transition:opacity .25s;display:flex}.actionbar.locked{opacity:.45;pointer-events:none}.act{min-width:5.2rem;transition:background .15s, border-color .15s, transform .2s var(--ease-back);background:#ffffff0d;border:2px solid #0000;border-radius:.75rem;justify-items:center;gap:.1rem;padding:.5rem .7rem;display:grid}.act:hover{background:#ffffff1c;transform:translateY(-2px)}.act.on{border-color:var(--gold);background:#f3d98b26}.act .label{font-size:1rem;font-weight:800}.act .n{font:600 .75rem var(--mono);color:var(--ink-dim)}.act svg{width:1.8rem;height:1.8rem}.sep{background:var(--line);width:1px;margin:.3rem .1rem}.bombs{border:2px solid #0000;border-radius:.75rem;justify-items:center;gap:.2rem;padding:.35rem .6rem;transition:border-color .2s,background .2s,box-shadow .3s;display:grid}.bombs .label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:.8rem;font-weight:800}.bombs .slots{gap:.35rem;display:flex}.bombs.armed{border-color:var(--danger);background:#e0664f29;animation:1.2s ease-in-out infinite armed;box-shadow:0 0 0 4px #e0664f2e,0 0 1.4rem #e0664f59}.bombs.armed .label{color:var(--danger)}@keyframes armed{50%{box-shadow:0 0 0 6px #e0664f1a,0 0 2rem #e0664f80}}.bomb{background:conic-gradient(#0000008c calc(var(--cool,0) * 1turn), #ffffff0d 0);width:2.3rem;height:2.3rem;transition:transform .2s var(--ease-back);border:none;border-radius:50%;place-items:center;display:grid;position:relative}.bomb:hover{transform:scale(1.12)}.bomb svg{width:1.8rem;height:1.8rem}.bomb .cd{font:900 .9rem var(--mono);color:var(--ink);position:absolute}.bomb.cooling svg{opacity:.35}.endturn{background:var(--gold);color:#1b1a14;transition:transform .2s var(--ease-back), background .15s, opacity .25s;border:none;border-radius:1rem;justify-items:center;gap:.1rem;padding:.8rem 1.4rem;font-size:1.15rem;font-weight:900;display:grid;box-shadow:0 .4rem 1.2rem #00000040}.endturn:hover:not(:disabled){background:#ffe7a3;transform:translateY(-2px)scale(1.03)}.endturn:disabled{opacity:.35;cursor:default}.hint{color:var(--gold);text-shadow:0 1px 4px #000000bf;white-space:nowrap;font-size:1rem;font-weight:700;position:absolute;bottom:8rem;left:50%;transform:translate(-50%);pointer-events:none!important}.picker{background:var(--panel-solid);border:1px solid var(--line);min-width:26rem;transition:opacity .2s ease-out, transform .3s var(--ease-back);border-radius:1rem;padding:.8rem 1rem .9rem;position:absolute;bottom:10rem;left:50%;transform:translate(-50%);box-shadow:0 .8rem 2.2rem #0006}.picker.off{opacity:0;transform:translate(-50%,.8rem)scale(.96);pointer-events:none!important}.phead{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;display:flex}.ptitle{font-size:1.05rem;font-weight:900}.ptotal{font:800 1.05rem var(--mono);color:var(--gold)}.prows{gap:.45rem;display:grid}.prow{border:2px solid #0000;border-radius:.6rem;grid-template-columns:5.5rem 2.2rem 1fr 2.6rem 3.6rem;align-items:center;gap:.5rem;padding:.3rem .4rem;transition:border-color .15s,background .15s;display:grid}.prow.focused{background:#9fd8ff12;border-color:#9fd8ff8c}.plabel{gap:.2rem;font-size:.9rem;font-weight:800;display:grid}.plabel .bar{margin:0}.pbtn{border:1px solid var(--line);font:700 .8rem var(--mono);background:#ffffff0f;border-radius:.45rem;padding:.25rem 0}.pbtn:hover{background:#ffffff24}.pval{font:900 1.1rem var(--mono);text-align:right}.prow input[type=range]{appearance:none;background:linear-gradient(90deg, var(--gold) var(--fill,0%), #ffffff24 var(--fill,0%));cursor:pointer;border-radius:1rem;outline:none;width:100%;height:.6rem}.prow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--gold);width:1.5rem;height:1.5rem;transition:transform .15s var(--ease-back);background:#fff;border-radius:50%;box-shadow:0 2px 6px #0006}.prow input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.prow input[type=range]::-moz-range-thumb{border:3px solid var(--gold);background:#fff;border-radius:50%;width:1.5rem;height:1.5rem}.threads{background:var(--panel);border:1px solid var(--line);border-radius:.9rem;width:18rem;max-height:calc(100vh - 12rem);padding:.7rem .85rem;position:absolute;top:4.5rem;right:.9rem;overflow:auto}.threads h4{letter-spacing:.14em;color:var(--ink-dim);margin:0 0 .4rem;font-size:.75rem;font-weight:800}.threads svg{width:100%;height:auto}.thread{grid-template-columns:.7rem 1fr;gap:.45rem;margin-top:.3rem;font-size:.85rem;font-weight:600;display:grid}.thread .dot{border-radius:50%;width:.7rem;height:.7rem;margin-top:.25rem}.bar{background:#ffffff1f;border-radius:.2rem;height:.3rem;margin-top:.2rem;overflow:hidden}.bar>i{background:var(--quantum);height:100%;display:block}.tip{background:var(--panel-solid);border:1px solid var(--line);text-align:center;border-radius:.9rem;min-width:14rem;max-width:22rem;padding:.75rem 1rem .7rem;position:absolute;transform:translate(1.1rem,1.1rem);box-shadow:0 .6rem 1.8rem #00000059;pointer-events:none!important}.tname{font-size:1.2rem;font-weight:900;line-height:1.15}.tcont{color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;margin-top:.1rem;font-size:.82rem;font-weight:700}.tarmies{justify-content:center;align-items:flex-start;gap:.9rem;margin:.6rem 0 .2rem;display:flex}.tarmy{justify-items:center;min-width:3.5rem;display:grid}.tcount{font:900 1.9rem/1 var(--mono);text-shadow:0 1px 3px #00000080}.tpname{font-size:.85rem;font-weight:800}.tcap{font:600 .72rem var(--mono);color:var(--ink-dim);margin-top:.1rem}.tvs{color:#ff8a70;margin-top:.2rem;font-size:1.3rem}.tempty{color:var(--ink-dim);margin:.5rem 0 .2rem;font-style:italic;font-weight:700}.tbonus{border-top:1px solid var(--line);color:var(--ink-dim);margin-top:.45rem;padding-top:.45rem;font-size:.78rem;font-weight:600}.ttags{color:var(--quantum);margin-top:.25rem;font-size:.75rem;font-weight:700}.ctitle{margin-bottom:.2rem;font-size:1.05rem;font-weight:900}.thread .tname{text-align:left;font-size:.9rem;font-weight:600}.collapse{background:var(--panel-solid);border:2px solid var(--quantum);min-width:18rem;max-width:24rem;transition:opacity .25s ease-out, transform .4s var(--ease-back);border-radius:.9rem;padding:.7rem 1.1rem;font-size:.95rem;font-weight:600;position:absolute;top:.9rem;left:.9rem;pointer-events:none!important}.collapse.off{opacity:0;transform:translate(-.7rem)scale(.97)}.collapse .o{opacity:.55;grid-template-columns:3rem 1fr;align-items:center;gap:.5rem;margin-top:.2rem;display:grid}.collapse .o.win{opacity:1;color:var(--gold);font-weight:900}.collapse .src{font:600 .75rem var(--mono);color:var(--quantum);margin-top:.4rem}.spinner{border:2px solid var(--quantum);vertical-align:-.1rem;border-right-color:#0000;border-radius:50%;width:.8rem;height:.8rem;margin-right:.4rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.toasts{z-index:2;justify-items:center;gap:.4rem;display:grid;position:absolute;bottom:10.5rem;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{background:var(--panel-solid);border:2px solid var(--danger);border-radius:.6rem;padding:.45rem .85rem;font-size:.95rem;font-weight:700;animation:3s forwards toast}.toast.info{border-color:var(--quantum)}@keyframes toast{0%{opacity:0;transform:translateY(.4rem)}8%,80%{opacity:1;transform:none}to{opacity:0}}.corner{gap:.4rem;display:flex;position:absolute;bottom:.9rem;right:.9rem}#board-layer{pointer-events:none;z-index:5;width:100vw;height:100vh;position:fixed;inset:0;overflow:visible}#board-layer text{font-family:var(--mono);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#0009;stroke-width:3.5px;font-weight:900}.badge .ghost{stroke-dasharray:3 3}.badge-inner{transform-box:fill-box;transform-origin:50%}.badge-inner.pop{animation:badge-pop .45s var(--ease-back)}@keyframes badge-pop{0%{opacity:.2;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.pulse{transform-box:fill-box;transform-origin:50%;animation:1.1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}@media (max-width:900px){.threads,.avatar .info{display:none}.dock{grid-template-columns:1fr;justify-items:center}.dock>div:first-child{display:none}.dock .side{justify-self:center}.picker{min-width:calc(100vw - 2rem);bottom:12rem}.hint{white-space:normal;text-align:center;width:calc(100vw - 2rem);bottom:10.5rem}}.act:disabled{opacity:.32;filter:grayscale();cursor:not-allowed;background:0 0;transform:none}.bombs.spent .label{opacity:.45}.player-row.single{grid-template-columns:1fr auto}.player-row.lobby{grid-template-columns:2.4rem 1fr auto;position:relative}.player-row.lobby.speaking{box-shadow:0 0 0 calc(2px + var(--level,0) * 6px) var(--c);transition:box-shadow 80ms}.roomcode{font:900 2.2rem var(--mono);letter-spacing:.25em;color:var(--gold)}input.code{text-align:center;width:6rem;font:800 1.1rem var(--mono);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink);background:#00000040;border-radius:.5rem;padding:.5rem}.status{min-height:1.5rem;color:var(--quantum);align-items:center;gap:.5rem;margin-top:.9rem;font-weight:700;display:flex}.linkbtn{color:var(--ink-dim);background:0 0;border:none;text-decoration:underline}.dot{background:#fff3;border-radius:50%;width:.7rem;height:.7rem}.dot.on{background:#6fdc8c;box-shadow:0 0 .5rem #6fdc8c}.loading{background:var(--panel-solid);border:2px solid var(--quantum);z-index:30;border-radius:.9rem;padding:.8rem 1.2rem;font-weight:800;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}.avatars button{pointer-events:auto}.voicebar{border:2px solid var(--line);background:var(--panel);transition:background .15s, border-color .15s, transform .2s var(--ease-back);border-radius:999px;justify-self:start;margin-bottom:.2rem;padding:.45rem .8rem;font-size:.9rem;font-weight:800}.voicebar:hover{background:#ffffff1a;transform:translateY(-1px)}.voicebar.on{border-color:#6fdc8c}.avatar{grid-template-columns:4rem auto auto}.vbtn{border:2px solid var(--line);background:var(--panel);width:2.3rem;height:2.3rem;transition:transform .2s var(--ease-back), background .15s;border-radius:50%;place-items:center;font-size:1rem;display:grid}.vbtn:hover{background:#ffffff1f;transform:scale(1.1)}.vbtn.off{border-color:var(--danger);background:#e0664f33}.avatar.muted .face svg,.avatar.muted .info{filter:grayscale();opacity:.5}.avatar.muted .ripple{border-style:dashed}.player-row.lobby.muted>svg,.player-row.lobby.muted>div{filter:grayscale();opacity:.5}#audio-dock{z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .4rem .3rem .3rem;display:flex;position:fixed;bottom:.9rem;right:.9rem}#audio-dock .knob{cursor:ns-resize;touch-action:none;width:3.2rem;height:3.2rem;transition:transform .2s var(--ease-back);border-radius:50%;outline:none}#audio-dock .knob:hover,#audio-dock .knob:focus-visible{transform:scale(1.08)}#audio-dock .knob svg{width:100%;height:100%;display:block}.mutebtn{border:2px solid var(--line);width:2.5rem;height:2.5rem;transition:transform .2s var(--ease-back), border-color .15s;background:#ffffff0d;border-radius:50%;place-items:center;font-size:1.15rem;display:grid}.mutebtn:hover{transform:scale(1.1)}.mutebtn.on{border-color:var(--danger);background:#e0664f33}.corner{right:8.6rem}.screen.home{background:linear-gradient(90deg,#0c181eb8,#0c181e40 45%,#0000 70%);place-items:center start;padding-left:clamp(1.5rem,7vw,8rem)}.screen.home .card{max-width:26rem}