:root{--black:#000;--carbon:#1e1e1e;--ink:#0b0b0b;--blue:#afedff;--green:#a7ffd0;--yellow:#ffe787;--pink:#ffb3c7;--fire:#ff6a2b;--glass:#0a0c169e;--line:#ffffff1f;--serif:"Instrument Serif",ui-serif,Georgia,serif;--sans:"Space Grotesk",ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{overflow:hidden;color:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#05070f;height:100%;margin:0}#gl{position:fixed;display:block;width:100vw;height:100vh;inset:0}#ui{position:fixed;pointer-events:none;font-size:clamp(12px,1.05vw,22px);inset:0}#ui button,#ui .interactive{pointer-events:auto}.brand{position:absolute;display:flex;text-shadow:0 2px 30px #00000080;align-items:baseline;gap:.6em;top:2.2em;left:2.6em}.brand h1{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:3.4em;font-style:italic;font-weight:400;line-height:1}.brand h1 span{color:var(--blue)}.brand small{letter-spacing:.18em;text-transform:uppercase;opacity:.7;font-size:.95em}.brand.compact h1{font-size:2em}.lobby{position:absolute;background:var(--glass);backdrop-filter:blur(18px)saturate(1.4);border:1px solid var(--line);text-align:center;animation:.8s cubic-bezier(.2,.9,.2,1) rise;border-radius:1.6em;width:26em;padding:2em;top:50%;right:2.6em;transform:translateY(-50%);box-shadow:0 30px 80px #00000073}.lobby .kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-size:.85em}.lobby h2{font-family:var(--serif);margin:.15em 0 .5em;font-size:2.6em;font-weight:400;line-height:1}.qr{background:#fff;border-radius:1em;width:17em;margin:0 auto;padding:.8em;box-shadow:0 0 0 6px #afedff40,0 0 60px #afedff59}.qr img{display:block;image-rendering:pixelated;width:100%}.url{opacity:.85;margin-top:1em;font-size:1.1em}.url b{color:var(--yellow);letter-spacing:.12em}.count{margin:1em 0 .4em;font-size:1.1em}.count b{font-family:var(--serif);color:var(--green);vertical-align:-.12em;margin-right:.15em;font-size:2.2em;font-weight:400}.settings{display:grid;text-align:left;gap:.6em;margin:1.2em 0}.settings .row{display:flex;opacity:.9;justify-content:space-between;align-items: center;gap:.5em;font-size:.9em}.chips{display:flex;gap:.35em}.chip{font:inherit;color:#fff;border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:999px;padding:.35em .8em;font-weight:600}.chip.on{background:var(--blue);color:var(--ink);border-color:var(--blue)}.go{font:inherit;cursor:pointer;color:var(--ink);background:linear-gradient(90deg,var(--blue),var(--green),var(--yellow));animation:4s linear infinite shimmer;background-size:200% 100%;border:none;border-radius:999px;width:100%;padding:.85em 1em;font-size:1.3em;font-weight:700;box-shadow:0 10px 40px #a7ffd059}.go:disabled{opacity:.4;cursor:default}.hint{opacity:.55;margin-top:.8em;font-size:.8em}.hint a{color:inherit;cursor:pointer;text-decoration:underline}.roster{position:absolute;display:flex;flex-wrap:wrap;gap:.5em;bottom:2.4em;left:2.6em;right:32em}.pill{display:inline-flex;color:var(--ink);animation:.5s cubic-bezier(.2,1.6,.4,1) pop;border-radius:999px;align-items: center;gap:.35em;padding:.35em .85em .35em .6em;font-weight:600}.pill.off{opacity:.4}.countdown{position:absolute;display:grid;place-items: center;inset:0}.countdown .n{font-family:var(--serif);color:var(--yellow);text-shadow:0 0 80px #ffe787b3;animation:1s ease-out forwards zoom;font-size:18em;font-style:italic;line-height:1}.countdown .sub{position:absolute;letter-spacing:.25em;text-transform:uppercase;opacity:.8;font-size:1.6em;bottom:22%}.qcard{position:absolute;background:var(--glass);backdrop-filter:blur(18px)saturate(1.4);border:1px solid var(--line);animation:.6s cubic-bezier(.2,.9,.2,1) drop;border-radius:1.6em;width:min(78em,92vw);padding:1.6em 2em 1.4em;top:1.6em;left:50%;transform:translate(-50%);box-shadow:0 30px 80px #00000073}.qmeta{display:flex;letter-spacing:.14em;text-transform:uppercase;opacity:.85;justify-content:space-between;align-items: center;font-size:.95em}.qmeta .tag{color:var(--blue)}.prompt{letter-spacing:-.01em;margin:.35em 0 .1em;font-size:2.3em;font-weight:600;line-height:1.15}.quote{font-family:var(--serif);color:var(--yellow);margin:.25em 0 .15em;font-size:2.6em;line-height:1.15}.quote:before{content:"“"}.quote:after{content:"”"}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:.7em;margin-top:1em}.opt{position:relative;display:flex;color:var(--ink);animation:.5s cubic-bezier(.2,.9,.2,1) both rise;border-radius:1em;align-items: center;gap:.7em;padding:.75em 1em;transition:opacity .4s,transform .4s,filter .4s;font-size:1.6em;font-weight:700;line-height:1.1}.opt .shape{display:grid;background:#0000001f;border-radius:.4em;flex:none;place-items: center;width:1.6em;height:1.6em;font-size:.8em}.opt .votes{display:flex;align-items: center;gap:.2em;margin-left:auto;font-size:.7em;font-weight:600}.opt.dim{opacity:.28;filter:saturate(.4);transform:scale(.97)}.opt.right{animation:1s ease-in-out infinite pulse;transform:scale(1.03);box-shadow:0 0 0 4px #fff,0 0 50px #a7ffd0e6}.opt.right:after{content:"✓";position:absolute;display:grid;background:#fff;border-radius:50%;place-items: center;width:1.4em;height:1.4em;font-size:.9em;top:-.5em;right:-.4em}.timer{display:flex;align-items: center;gap:1em;margin-top:1em}.bar{overflow:hidden;background:#ffffff1a;border-radius:999px;flex:1;height:.55em}.bar i{display:block;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--blue));transform-origin:left;width:100%;height:100%}.bar.urgent i{background:linear-gradient(90deg,var(--fire),var(--yellow))}.secs{font-family:var(--serif);text-align:right;min-width:1.4em;font-size:2.2em}.answered{display:flex;opacity:.9;align-items: center;gap:.6em;margin-top:.7em;font-size:.95em}.faces{display:flex;flex-wrap:wrap;gap:.15em;font-size:1.2em}.faces span{opacity:.22;filter:grayscale(1);transition:opacity .3s,transform .3s}.faces span.in{opacity:1;filter:none;transform:translateY(-.15em)}.result{display:flex;animation:.5s .3s both rise;gap:1.6em;margin-top:.8em;font-size:1.25em;font-weight:600}.result .boost{color:var(--green)}.result .flame{color:var(--fire)}.board{position:absolute;background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:1.2em;width:17em;padding:.9em 1em;font-size:.95em;bottom:1.6em;right:1.6em}.board h3{letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin:0 0 .4em;font-size:.8em;font-weight:500}.board ol{list-style:none;margin:0;padding:0}.board li{display:flex;align-items: center;gap:.5em;padding:.22em 0}.board .rk{opacity:.6;font-variant-numeric:tabular-nums;width:1.4em}.board .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.board .sc{font-variant-numeric:tabular-nums;font-weight:700}.board .dot{border-radius:50%;flex:none;width:.6em;height:.6em}.finish{position:absolute;display:flex;background:radial-gradient(#05070f26,#05070fa6);flex-direction:column;justify-content:center;align-items: center;gap:1.2em;inset:0}.finish h2{font-family:var(--serif);text-align:center;text-shadow:0 0 60px #ffe78799;animation:.8s cubic-bezier(.2,.9,.2,1) drop;margin:0;font-size:4em;font-style:italic;font-weight:400;line-height:1}.podium{display:flex;align-items: flex-end;gap:1.2em}.step{text-align:center;animation:.9s cubic-bezier(.2,.9,.2,1) both rise;width:13em}.step .av{animation:2s ease-in-out infinite bob;font-size:3em;line-height:1.1}.step .who{margin:.2em 0;font-size:1.4em;font-weight:700}.step .block{color:var(--ink);display:grid;font-family:var(--serif);border-radius:.3em .3em 0 0;place-items: center;font-size:3em;box-shadow:0 0 60px #ffffff26}.step .pts{opacity:.8;font-size:1em}.rest{display:flex;opacity:.9;animation:.8s 1.2s both rise;flex-wrap:wrap;justify-content:center;gap:.4em 1.2em;max-width:70em;font-size:1em}.actions{display:flex;animation:.8s 1.6s both rise;gap:.8em}.actions .go{width:auto;padding:.7em 1.6em;font-size:1.1em}.ghost{font:inherit;color:#fff;border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:999px;padding:.7em 1.6em;font-weight:600}.controls{position:absolute;display:flex;opacity:.35;gap:.4em;transition:opacity .3s;bottom:1.4em;left:1.6em}.controls:hover{opacity:1}.controls button{font:inherit;color:#fff;border:1px solid var(--line);cursor:pointer;background:#00000080;border-radius:999px;padding:.4em .9em;font-size:.8em}.controls button.on{background:var(--blue);color:var(--ink)}.sound{position:absolute;border:1px solid var(--line);animation:2s ease-in-out infinite pulse;background:#0000008c;border-radius:999px;padding:.6em 1.2em;font-size:.9em;bottom:1.4em;left:50%;transform:translate(-50%)}.offline{position:absolute;background:var(--fire);color:var(--ink);border-radius:999px;padding:.4em .9em;font-size:.85em;font-weight:700;top:1em;right:1em}@keyframes rise{0%{opacity:0;transform:translateY(1.5em)}}.lobby{animation-name:rise-lobby}@keyframes rise-lobby{0%{opacity:0;transform:translateY(-40%)}}@keyframes drop{0%{opacity:0;transform:translate(-50%,-2em)}}.finish h2{animation-name:drop-c}@keyframes drop-c{0%{opacity:0;transform:translateY(-1em)scale(1.2)}}@keyframes pop{0%{opacity:0;transform:scale(.3)}}@keyframes zoom{0%{opacity:0;transform:scale(2.4)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes pulse{50%{filter:brightness(1.15)}}@keyframes bob{50%{transform:translateY(-.12em)rotate(-4deg)}}@keyframes shimmer{to{background-position:-200% 0}}.qcard.compact{width:min(64em,80vw);padding:1em 1.6em}.qcard.compact .prompt{font-size:1.35em}.q-inline{font-family:var(--serif);color:var(--yellow);font-weight:400}.options.one{grid-template-columns:1fr;margin-top:.6em}.options.one .opt{font-size:1.5em}.qcard.compact .result{margin-top:.5em;font-size:1.1em}.board{animation:.5s .4s both rise;top:auto;bottom:1.6em}.board .hp{color:#ff6b8a;letter-spacing:-.05em;font-size:.8em}.result .crash{color:#fff}kbd{font:inherit;opacity:.6;font-size:.85em}