:root{--bg:#0e1116;--panel:#12161eeb;--text:#eef2f7;--muted:#9aa5b5;--accent:#ffb454;--accent-text:#1a1206;--error:#ff6b6b;--border:#ffffff1f;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block}.screen{background:radial-gradient(ellipse at top, #3c507859, transparent 60%), var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;gap:14px;width:min(420px,92vw);padding:32px;display:flex}.title{letter-spacing:-.02em;margin:0;font-size:32px}.subtitle,.hint,.label{color:var(--muted);margin:0;font-size:14px}.label{text-transform:uppercase;letter-spacing:.12em;font-size:11px}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}input{font:inherit;border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:10px;outline:none;width:100%;padding:12px 14px}input:focus{border-color:var(--accent)}.code-input{text-transform:uppercase;letter-spacing:.3em;font-weight:600}.button{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:10px;padding:12px 18px;font-weight:600}.button:hover:not(:disabled){background:#ffffff1f}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{background:var(--accent);color:var(--accent-text);border-color:#0000}.button.primary:hover:not(:disabled){background:#ffc46f}.button.small{padding:8px 12px;font-size:13px}.button.icon{padding:4px 10px;font-size:12px}.row{align-items:center;gap:10px;display:flex}.divider{text-align:center;color:var(--muted);font-size:12px}.error{color:var(--error);margin:0;font-size:13px}.code{letter-spacing:.35em;color:var(--accent);margin:0;font-size:44px;font-weight:700}.players{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.player{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.player-swatch{border-radius:50%;flex-shrink:0;width:12px;height:12px}.player-name{flex:1}.player-tag{color:var(--muted);font-size:12px}.player-dropped{opacity:.5}#hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:fixed;inset:0}.hud-top{justify-content:space-between;align-items:center;display:flex}.hud-top .button{pointer-events:auto}.hud-timer{font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #0009;font-size:28px;font-weight:700}.hud-hint{text-align:center;color:var(--text);text-shadow:0 2px 8px #0009;margin:0;font-size:14px}.nameplate{color:#fff;white-space:nowrap;background:#0000008c;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.swatch-0{background:#ff6b6b}.swatch-1{background:#4ecdc4}.swatch-2{background:#ffd166}.swatch-3{background:#a29bfe}.label-layer{pointer-events:none;position:absolute;top:0;left:0}.button.chip{text-transform:capitalize;padding:8px 14px;font-size:13px}.button.chip.selected{background:var(--accent);color:var(--accent-text);border-color:#0000}