:root{--bg:#13261a;--text:#f4f7f2;--muted:#b8c7bb;--overlay:#0a140ec7;--accent:#fdd835;--accent-text:#1b1b1b;--secondary:#ffffff24;--error:#ff8a80}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100%;padding:8px 16px;display:flex}.hud{min-height:36px;color:var(--muted);justify-content:center;align-items:center;font-size:18px;display:flex}.hud-row{align-items:center;gap:24px;display:flex}.hud-row[hidden]{display:none}#hud-multi{gap:12px}.hud strong{color:var(--text);font-variant-numeric:tabular-nums}.stage{position:relative}canvas{touch-action:none;border-radius:6px;display:block}.overlay{text-align:center;background:var(--overlay);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:100%;padding:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay[hidden]{display:none}.overlay h1,.overlay h2,.overlay p{margin:0}.overlay h1{font-size:clamp(28px,7vw,44px)}.hint{color:var(--muted);font-size:14px;line-height:1.5}button{font:inherit;background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:999px;padding:10px 24px;font-size:18px;font-weight:600}button:disabled{opacity:.6;cursor:default}.picker{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.picker[hidden]{display:none}.picker button{background:var(--level-color);color:var(--accent-text)}.picker.variants button{background:var(--accent)}.best-list{color:var(--muted);gap:16px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.best-list li strong{color:var(--level-color);font-variant-numeric:tabular-nums}button.secondary{background:var(--secondary);color:var(--text)}button.small{padding:6px 14px;font-size:14px}.picker button[aria-pressed=false]{opacity:.45}.picker button[aria-pressed=true]{outline:3px solid var(--text);outline-offset:2px}.stack{flex-direction:column;align-items:center;gap:10px;display:flex}.stack[hidden]{display:none}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}input{font:inherit;border:2px solid var(--secondary);color:var(--text);text-align:center;background:#00000059;border-radius:10px;width:min(240px,70vw);padding:8px 14px;font-size:18px}input:focus{border-color:var(--accent);outline:none}.join-row{gap:8px;display:flex}.code-input{text-transform:uppercase;letter-spacing:.2em;width:6.5em;font-weight:700}.code{letter-spacing:.15em;color:var(--accent);font-family:ui-monospace,SF Mono,Menlo,monospace}.error{min-height:1.2em;color:var(--error);font-size:14px}.player-list,.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.player-list{flex-direction:column;align-items:stretch;min-width:min(240px,70vw)}.player-list li,.chips li{border-radius:999px;padding:6px 14px;font-weight:600}.player-list li small,.chips li small{opacity:.8;font-weight:400}.chips li{padding:3px 10px;font-size:14px}.chips li.out{opacity:.35;text-decoration:line-through}.banner{background:var(--overlay);pointer-events:none;border-radius:999px;padding:8px 20px;font-weight:700;position:absolute;top:12%;left:50%;transform:translate(-50%)}.banner[hidden]{display:none}.chips li .score{font-variant-numeric:tabular-nums}.play{flex-direction:column;align-items:stretch;gap:8px;display:flex}.shoot{touch-action:manipulation;padding:14px 22px}@media (orientation:landscape){.play{flex-direction:row;align-items:center}}.shoot[hidden]{display:none}@media (width<=480px){.overlay{gap:8px;padding:12px}button{padding:8px 20px;font-size:16px}.player-list li{padding:4px 12px}}