:root{--ink:#e8e3d2;--rust:#b5641f;--panel:#1c1f1a}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;color:var(--ink);background:#0c0d0b;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}canvas{display:block}.lobby{z-index:20;background:radial-gradient(circle at 50% 30%,#2a2f26,#0c0d0b 75%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lobby-panel{background:#1c1f1af5;border:1px solid #3b3f33;border-radius:10px;width:380px;max-width:92vw;padding:28px 30px 30px;box-shadow:0 20px 60px #0009}.lobby-panel h1{letter-spacing:2px;font-size:38px;font-weight:800}.lobby-panel h1 span{color:var(--rust)}.tagline{color:#8b8f80;text-transform:uppercase;letter-spacing:1px;margin:2px 0 20px;font-size:12px}.lobby-panel label{text-transform:uppercase;letter-spacing:1px;color:#a8ac9b;margin:16px 0 6px;font-size:12px;display:block}.hint-sm{text-transform:none;letter-spacing:0;color:#6f7363}.lobby-panel input,.lobby-panel select{width:100%;color:var(--ink);background:#12140f;border:1px solid #3b3f33;border-radius:6px;outline:none;padding:10px 12px;font-size:15px}.lobby-panel select{cursor:pointer}.lobby-panel input:focus,.lobby-panel select:focus{border-color:var(--rust)}.skins{grid-template-columns:1fr 1fr;gap:8px;display:grid}.skin{color:var(--ink);cursor:pointer;background:#12140f;border:1px solid #3b3f33;border-radius:6px;align-items:center;gap:8px;padding:9px 10px;font-size:13px;display:flex}.skin.active{border-color:var(--rust);background:#25231a}.swatch{border:1px solid #0006;border-radius:3px;width:16px;height:16px}#lb-join{background:var(--rust);color:#14140f;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:22px;padding:12px;font-size:15px;font-weight:700}#lb-join:hover{background:#cf7526}.lobby-err{color:#d9694f;min-height:18px;margin-top:10px;font-size:13px}.hud{pointer-events:none;z-index:10;font-family:Segoe UI,system-ui,sans-serif;position:fixed;inset:0}.crosshair,.hit-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair{border:2px solid #e8e3d2d9;border-radius:50%;width:6px;height:6px}.hit-marker{opacity:0;background:linear-gradient(#0000 45%,#d9694f 45% 55%,#0000 55%),linear-gradient(90deg,#0000 45%,#d9694f 45% 55%,#0000 55%);width:22px;height:22px;transition:opacity 50ms}.damage-flash{opacity:0;background:radial-gradient(circle,#0000 45%,#aa1e14d9);position:absolute;inset:0}.hud-top{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.peer-count{letter-spacing:1px;background:#0c0d0b99;border-radius:4px;padding:5px 14px;font-size:13px}.net-diag{color:#e8e3d299;letter-spacing:.5px;background:#0c0d0b80;border-radius:4px;padding:3px 10px;font-size:11px}.kill-feed{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:50px;right:18px}.feed-line{background:#0c0d0b99;border-radius:4px;padding:4px 10px;font-size:12px}.hud-bottom{position:absolute;bottom:22px;left:22px}.hp{align-items:center;gap:10px;display:flex}.hp-bar{background:#0c0d0bb3;border:1px solid #3b3f33;border-radius:3px;width:220px;height:16px;overflow:hidden}.hp-fill{background:#7bbf5a;width:100%;height:100%;transition:width .15s}.hp-text{min-width:38px;font-size:20px;font-weight:700}.hint{color:#e8e3d28c;letter-spacing:.5px;font-size:11px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}