html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0d1015;color:#e8e8e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}#game{display:block;width:100vw;height:100vh}#hud{position:fixed;inset:0;pointer-events:none}#hud>*{pointer-events:auto}.hud-panel{background:#0f141cd9;border-radius:8px;padding:12px 16px;position:fixed;font-size:14px;backdrop-filter:blur(6px)}.hud-players{top:16px;left:16px;min-width:200px}.hud-players h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#aab2bf}.hud-players ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.hud-players li{display:grid;grid-template-columns:16px 1fr 14px;align-items:center;gap:8px}.swatch{width:14px;height:14px;border-radius:3px;display:inline-block}.ready-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.ready-dot.on{background:#5bdb6a}.ready-dot.off{background:#555}.hud-bottom{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;background:#0f141cd9;padding:8px;border-radius:8px;backdrop-filter:blur(6px)}.hud-bottom button{font-size:14px;padding:8px 14px;border-radius:6px;border:1px solid #2c3540;background:#1c2330;color:#e8e8e8;cursor:pointer}.hud-bottom button:hover{background:#28313f}.hud-bottom button:disabled{opacity:.5;cursor:not-allowed}#hud-ready.ready-on{background:#2c5d35;border-color:#3f8a4d}#hud-ready.ready-off{background:#1c2330}#hud-notice{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#283c5af2;padding:12px 24px;border-radius:8px;font-size:15px}#hud-click-prompt{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0000008c;padding:24px 40px;border-radius:12px;font-size:18px;pointer-events:none}#hud-crosshair{position:fixed;top:50%;left:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#fff;pointer-events:none;transition:background-color .1s ease;z-index:5}#hud-crosshair.shieldActive{background:#66e0ff;box-shadow:0 0 6px #66e0ff}#hud-crosshair.cooldown{background:#888}#hud-crosshair.targeted{background:#f64;box-shadow:0 0 10px #f64}#hud-countdown{position:fixed;top:18%;left:50%;transform:translate(-50%);font-size:96px;font-weight:700;color:#ffe57a;text-shadow:0 4px 12px rgba(0,0,0,.7);pointer-events:none}#hud-killfeed{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.killfeed-entry{background:#0f141cd9;padding:6px 12px;border-radius:6px;font-size:14px;animation:killfeed-fade 3s forwards}@keyframes killfeed-fade{0%{opacity:1}80%{opacity:1}to{opacity:0}}#hud-died{position:fixed;inset:0;background:radial-gradient(ellipse at center,#0000 30%,#b400008c);pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:700;color:#ffdada;text-shadow:0 4px 16px rgba(0,0,0,.8)}.score-num{display:inline-block;margin-left:6px;font-variant-numeric:tabular-nums;color:#ffe57a}#hud-ballspeed{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#0f141cd9;padding:6px 14px;border-radius:6px;font-size:14px;font-variant-numeric:tabular-nums;color:#ffe57a;pointer-events:none;backdrop-filter:blur(6px)}