:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff8ec;--panel:#1e1428b8;--accent:#ffcf4a;--ok:#7be495;--warn:#ff8a7a;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#1b1226;margin:0;overflow:hidden}#scene{width:100vw;height:100vh;display:block}#hud{pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;gap:2vmin;padding:2vmin;display:grid;position:fixed;inset:0}.panel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1.5vmin;padding:1.5vmin 2vmin;font-size:2vmin;line-height:1.4}.join{text-align:center;grid-area:1/3;align-self:start}.join .status{margin-bottom:1vmin;font-weight:800}.join canvas{border-radius:1vmin;margin:1vmin auto;display:block}.join .code{letter-spacing:.3em;color:var(--accent);font-size:4vmin;font-weight:800}.join .url{opacity:.7;word-break:break-all;max-width:28vmin;font-size:1.4vmin}.top-left{flex-direction:column;grid-area:1/1;place-self:start;align-items:flex-start;gap:1vmin;display:flex}.status .dot{background:var(--warn);border-radius:50%;width:1.2vmin;height:1.2vmin;margin-right:.8vmin;display:inline-block}.status .dot.on{background:var(--ok)}.bottom-center{flex-direction:column;align-items:center;gap:1vmin;max-width:60vw;display:flex;position:fixed;bottom:2vmin;left:50%;transform:translate(-50%)}.prompt{text-align:center;font-size:3vmin;font-weight:700}.throw{font-variant-numeric:tabular-nums;grid-area:3/1;align-self:end}.meter{background:#ffffff26;border-radius:1vmin;height:1vmin;margin-top:1vmin;overflow:hidden}.meter>div{background:var(--accent);height:100%;transition:width 60ms linear}.sim{grid-area:3/3;align-self:end;max-width:34vmin;font-size:1.6vmin}.score{font-variant-numeric:tabular-nums;grid-area:1/2;place-self:start center;gap:.6vmin;padding:1vmin;display:grid}.score-row{opacity:.55;align-items:stretch;gap:.4vmin;display:flex}.score-row.active{opacity:1}.score:empty{display:none}.score .name{text-overflow:ellipsis;white-space:nowrap;align-self:center;width:12vmin;padding:0 1vmin;font-weight:800;overflow:hidden}.score .frame{text-align:center;background:#ffffff0f;border-radius:.8vmin;min-width:5vmin;padding:.4vmin}.score .frame.current{outline:.3vmin solid var(--accent)}.score .number{opacity:.6;font-size:1.3vmin}.score .marks{justify-content:flex-end;gap:.3vmin;min-height:2.2vmin;display:flex}.score .marks span{min-width:1.8vmin;font-weight:700}.score .running{min-height:2.6vmin;font-weight:800}.score .total{text-align:right;min-width:6vmin;color:var(--accent);align-self:center;padding:0 1vmin;font-size:3vmin;font-weight:800}.flash{color:var(--accent);text-shadow:0 .6vmin #00000059;opacity:0;pointer-events:none;place-items:center;font-size:12vmin;font-weight:900;transition:opacity .2s,transform .2s;display:grid;position:fixed;inset:0;transform:scale(.8)}.flash.on{opacity:1;transform:scale(1)}.prompt .sub{opacity:.8;font-size:2vmin;font-weight:400}.group{border-radius:2vmin;width:min(70vmin,92vw);min-height:16vmin;padding:2vmin 2.5vmin 3vmin;position:fixed;bottom:22vmin;left:50%;transform:translate(-50%)}.group .group-code{opacity:.5;font-size:1.3vmin;position:absolute;top:1.2vmin;right:2vmin}.group .slide{display:none}.group .slide.on{animation:.4s slide-in;display:block}@keyframes slide-in{0%{opacity:0;transform:translateY(1vmin)}}.group .kicker{text-transform:uppercase;letter-spacing:.15em;opacity:.6;margin-bottom:1vmin;font-size:1.6vmin}.group .leaders{gap:3vmin;display:flex}.group .leader{align-items:baseline;gap:1vmin;font-size:2.6vmin;display:flex}.group .leader strong{color:var(--accent);font-size:3.6vmin}.group .rank{opacity:.5}.group .empty{opacity:.7;margin:0;font-size:2.2vmin}.group .player{align-items:center;gap:3vmin;display:flex}.group .player-name{min-width:16vmin;font-size:4vmin}.group .fact{flex-direction:column;display:flex}.group .fact strong{color:var(--accent);font-size:3.2vmin}.group .fact span{opacity:.7;font-size:1.4vmin}.group .dots{gap:.6vmin;display:flex;position:absolute;bottom:1vmin;left:50%;transform:translate(-50%)}.group .dots span{background:#ffffff40;border-radius:50%;width:1vmin;height:1vmin}.group .dots span.on{background:var(--accent)}.sound-prompt{pointer-events:none;font-size:2.2vmin;font-weight:700;position:fixed;top:2vmin;left:50%;transform:translate(-50%)}.pin-panel{padding:1.2vmin}.pin-panel svg{width:13vmin;height:auto;display:block}.pin-panel .pin{stroke-width:1.5px;transition:fill .15s}.pin-panel .standing{fill:#fbf7f0;stroke:#fbf7f0}.pin-panel .down{fill:#e0303a;stroke:#e0303a}.pin-panel .gone{fill:none;stroke:#ffffff40}