:root{--bg:#05070c;--panel:#0a0e18d1;--panel-edge:#7896c840;--ink:#e2e9f6;--ink-dim:#a4b0c6;--accent:#6ea8ff;--danger:#ff4d4d;--warn:#ffb347;--health:#58c98a;--stamina:#6ea8ff;--ammo:#ffd97a;--banner:#f2f6ff;--mono:"Courier New", ui-monospace, monospace;--sans:"Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{background:#060912;width:100%;height:100%;display:block;position:absolute;inset:0}#fx-root{pointer-events:none;z-index:20;position:absolute;inset:0}.fx-scanlines{opacity:.5;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000001a 3px 4px);position:absolute;inset:0}.fx-damage{opacity:0;background:radial-gradient(#b4141400 72%,#b4141452 100%);transition:opacity .12s ease-out;position:absolute;inset:0}.fx-damage.on{opacity:1;transition:opacity 50ms}.fx-dmg-edge{transform-origin:50%;opacity:0;pointer-events:none;background:linear-gradient(#b414148c 0%,#b4141400 16%);position:absolute;inset:0}.fx-lowhealth{opacity:0;background:radial-gradient(#0000 62%,#8c0a0a4d 100%);transition:opacity .8s;position:absolute;inset:0}.fx-lowhealth.on{opacity:1}#hud-root{pointer-events:none;z-index:10;opacity:0;transition:opacity .3s;position:absolute;inset:0}#hud-root.visible{opacity:1}.hud-health,.hud-stamina,.hud-battery,.hud-weapons,.hud-score{background:var(--panel);border:1px solid var(--panel-edge);border-radius:6px;padding:8px 10px}.hud-wave{background:var(--panel);border:1px solid var(--panel-edge);border-radius:6px;padding:6px 12px}.hud-label{font-family:var(--mono);letter-spacing:.22em;color:var(--ink-dim);text-transform:uppercase;font-size:11px}.hud-value{font-family:var(--mono);color:var(--ink);font-size:22px;font-weight:700;line-height:1.1}.hud-value,.hud-label,.weapon-name,.weapon-ammo,.hud-threat{text-shadow:0 1px 2px #000000d9}.bar{border:1px solid var(--panel-edge);background:#ffffff14;height:10px;position:relative}.bar-fill{width:100%;height:100%;transition:width .15s linear}.hud-health{width:260px;position:absolute;bottom:26px;left:28px}.hud-health .bar{width:240px}.hud-health .bar-fill{background:var(--health)}.hud-health.critical .bar-fill{background:var(--danger);animation:.7s infinite pulse}.hud-health .hud-value{font-size:24px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.hud-stamina{width:260px;position:absolute;bottom:8px;left:28px}.hud-stamina .bar{width:240px;height:5px}.hud-stamina .bar-fill{background:var(--stamina)}.hud-ammo{text-align:right;min-width:170px;position:absolute;bottom:26px;right:28px}.hud-ammo .hud-value{color:var(--ammo);font-size:26px}.hud-ammo.empty .hud-value{color:var(--danger);animation:.6s infinite pulse}.hud-reload{margin-top:6px;display:none}.hud-reload .bar{width:150px;height:5px}.hud-reload .bar-fill{background:var(--warn)}.hud-ammo.reloading .hud-reload{display:block}.hidden{display:none}.hud-weapons{text-align:right;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:26px;right:28px}.hud-weapons .hud-ammo{min-width:110px;position:static}.weapon-slot{min-width:110px}.weapon-slot.active{opacity:1}.weapon-slot:not(.active){opacity:.8}.weapon-name{font-family:var(--mono);letter-spacing:.22em;color:var(--ink-dim);text-transform:uppercase;margin-bottom:2px;font-size:11px}.weapon-slot.active .weapon-name{color:var(--ammo)}.weapon-ammo{font-family:var(--mono);color:var(--ammo);font-size:22px;font-weight:700;line-height:1.1}.weapon-slot.empty .weapon-ammo{color:var(--danger);animation:.6s infinite pulse}.weapon-reload{margin-top:6px;display:none}.weapon-slot.reloading .weapon-reload{display:block}.weapon-slot .bar{width:90px;height:5px}.weapon-slot .bar-fill{background:var(--warn)}.hud-battery{width:170px;position:absolute;bottom:104px;left:28px}.hud-battery .bar{width:150px;height:6px}.hud-battery .bar-fill{background:var(--stamina)}.hud-battery.low .bar-fill{background:var(--danger);animation:.7s infinite pulse}.hud-score{text-align:right;position:absolute;top:18px;right:28px}.hud-score .hud-value{font-size:18px}.hud-music-btn{font-family:var(--mono);letter-spacing:.12em;color:var(--ink);background:var(--panel);border:1px solid var(--panel-edge);cursor:pointer;pointer-events:auto;text-shadow:0 1px 2px #000000d9;border-radius:6px;padding:6px 12px;font-size:12px;transition:color .15s,border-color .15s;position:absolute;top:74px;right:28px}.hud-music-btn:hover{border-color:var(--ammo);color:var(--ammo)}.hud-music-btn.muted{color:var(--ink-dim);opacity:.7}.highscore{font-family:var(--mono);letter-spacing:.2em;color:var(--warn);margin-top:14px;font-size:14px}.record{font-family:var(--mono);letter-spacing:.14em;color:var(--danger);margin-top:10px;font-size:15px}.hud-wave{text-align:center;position:absolute;top:20px;left:50%;transform:translate(-50%)}.hud-wave .hud-value{font-size:20px}.hud-threat{text-align:center;font-family:var(--mono);letter-spacing:.18em;color:var(--ink-dim);background:var(--panel);border:1px solid var(--panel-edge);border-radius:6px;padding:4px 10px;font-size:13px;position:absolute;top:78px;left:50%;transform:translate(-50%)}.hud-threat.danger{color:var(--danger)}.hud-wave-sub{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-dim);margin-top:2px;font-size:11px}.hud-wave-sub.imminent{color:var(--banner)}.hud-threat-sub{text-align:center;font-family:var(--mono);letter-spacing:.14em;color:var(--ink-dim);background:var(--panel);border:1px solid var(--panel-edge);border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;top:98px;left:50%;transform:translate(-50%)}.hud-boss{text-align:center;background:var(--panel);border:1px solid var(--panel-edge);border-radius:6px;width:360px;padding:6px 10px;position:absolute;top:104px;left:50%;transform:translate(-50%)}.hud-boss .hud-label{color:var(--danger)}.hud-boss .bar{width:100%;height:8px}.hud-boss .bar-fill{background:var(--danger)}.hud-message{text-align:center;font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--banner);text-shadow:0 0 18px #6ea8ff99;opacity:0;pointer-events:none;font-size:20px;transition:opacity .35s;position:absolute;top:38%;left:50%;transform:translate(-50%)}.hud-message.show{opacity:1}.crosshair{filter:drop-shadow(0 0 2px #000000e6);width:0;height:0;position:absolute;top:50%;left:50%}.crosshair .ch-dot{background:#eaf2ff;width:4px;height:4px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 4px #eaf2ffe6}.crosshair .ch-bar{background:#eaf2fff2;transition:transform .12s ease-out;position:absolute}.crosshair .ch-bar.top{width:2px;height:8px;transform:translate(-50%,-16px)}.crosshair .ch-bar.bottom{width:2px;height:8px;transform:translate(-50%,8px)}.crosshair .ch-bar.left{width:8px;height:2px;transform:translate(-16px,-50%)}.crosshair .ch-bar.right{width:8px;height:2px;transform:translate(8px,-50%)}.crosshair.spread .ch-bar.top{transform:translate(-50%,-24px)}.crosshair.spread .ch-bar.bottom{transform:translate(-50%,16px)}.crosshair.spread .ch-bar.left{transform:translate(-24px,-50%)}.crosshair.spread .ch-bar.right{transform:translate(16px,-50%)}.hit-marker{pointer-events:none;opacity:0;z-index:10;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;top:50%;left:50%}.hit-marker.show{opacity:.9}.hit-marker:before,.hit-marker:after{content:"";background:#fff;width:3px;height:100%;margin-left:-1.5px;position:absolute;top:0;left:50%}.hit-marker:before{transform:rotate(45deg)}.hit-marker:after{transform:rotate(-45deg)}.hit-marker.kill{width:36px;height:36px;margin:-18px 0 0 -18px}.hit-marker.kill:before,.hit-marker.kill:after{background:#f44;width:4px;margin-left:-2px}.hit-marker.headshot{width:34px;height:34px;margin:-17px 0 0 -17px}.hit-marker.headshot.show{opacity:1}.hit-marker.headshot:before,.hit-marker.headshot:after{background:#ffb020;width:4px;margin-left:-2px}.reduced-motion .hit-marker,.reduced-motion .dmg-edge{transition:none!important}#screens-root{pointer-events:none;z-index:30;position:absolute;inset:0}.screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#04060cc7;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.screen.visible{animation:.25s ease-out screen-in;display:flex}.title-bg{z-index:0;opacity:.5;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.panel{z-index:1;background:var(--panel);border:1px solid var(--panel-edge);text-align:center;width:calc(100% - 64px);max-width:620px;padding:42px 56px;position:relative;box-shadow:0 0 60px #000000b3,0 0 8px #6ea8ff26}.game-title{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--banner);text-shadow:0 0 30px #6ea8ffb3,0 0 4px #ff3c3c66;margin:0 0 6px;font-size:44px}.game-title .sub{color:var(--accent);margin-top:4px;font-size:22px;display:block}.tagline{color:var(--ink-dim);letter-spacing:.06em;margin:0 0 30px;font-size:15px}.tagline.dim{opacity:.85;letter-spacing:.04em;margin:10px 0 0;font-size:13px}.controls-grid{text-align:left;grid-template-columns:1fr 1fr;gap:10px 24px;max-width:420px;margin:0 auto 30px;display:grid}.ctrl-row{color:var(--ink);border-bottom:1px solid #7896c81f;justify-content:space-between;gap:12px;padding-bottom:6px;font-size:14px;display:flex}.ctrl-row .key{font-family:var(--mono);color:var(--accent);letter-spacing:.08em}.ctrl-row .act{color:var(--ink-dim)}.btn{border:1px solid var(--panel-edge);color:var(--ink);font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:0 0;margin:8px 6px;padding:12px 26px;font-size:14px;transition:background .15s,border-color .15s,color .15s;display:inline-block}.btn:hover{border-color:var(--accent);color:var(--banner)}.btn:active{transform:translateY(1px)}.btn.primary{border-color:var(--accent);color:var(--banner);background:#6ea8ff29;padding:14px 40px;font-size:16px}.btn.primary:hover{background:#6ea8ff4d}.toggle-row{margin-top:18px}.setting-row{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;font-size:14px;display:flex}.setting-label{color:var(--ink);letter-spacing:.08em}.setting-value{font-family:var(--mono);color:var(--banner)}.toggle{padding:8px 18px;font-size:12px}.toggle.on{border-color:var(--accent);color:var(--banner);background:#6ea8ff33}.difficulty-row{margin-top:18px}.difficulty-label{letter-spacing:.12em;opacity:.85;color:var(--ink);margin-bottom:6px;font-size:12px}.difficulty-row .toggle{border:1px solid var(--panel-edge);color:var(--ink);margin:0 6px 6px 0}.difficulty-row .toggle.on{border-color:var(--accent);color:var(--banner);background:#6ea8ff33}.mp-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.mp-row .difficulty-label{width:100%;margin-bottom:2px}.mp-input{border:1px solid var(--panel-edge);color:var(--ink);font:inherit;background:#0a0e1699;width:120px;padding:6px 8px}.mp-input:focus{border-color:var(--accent);outline:none}.gameover-title{font-family:var(--mono);letter-spacing:.2em;color:var(--danger);text-shadow:0 0 26px #ff3c3c99;margin:0 0 18px;font-size:40px}.stats{margin:0 0 26px}.stat{font-family:var(--mono);letter-spacing:.12em;color:var(--banner);margin:8px 0;font-size:16px}.stat b{color:var(--banner);font-size:20px}.banner{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--banner);text-shadow:0 0 40px #6ea8ffcc;opacity:0;pointer-events:none;white-space:nowrap;font-size:52px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(.9)}.banner.show{animation:2.2s ease-out forwards banner-in}.threat-preview{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#ffb020;text-shadow:0 0 12px #ffb02080;opacity:0;pointer-events:none;white-space:nowrap;font-size:16px;transition:opacity .3s ease-out;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.threat-preview.show{opacity:.95}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}@media (max-width:900px){.game-title{font-size:30px}.panel{padding:28px}.controls-grid{grid-template-columns:1fr;max-width:280px}.hud-health,.hud-stamina,.hud-health .bar,.hud-stamina .bar{width:190px}.hud-wave{top:14px}.hud-threat{font-size:11px;top:52px}.banner{font-size:32px}}@media (max-width:560px){.hud-health{bottom:40px;left:14px}.hud-stamina{bottom:26px;left:14px}.hud-ammo{bottom:40px;right:14px}.hud-health .hud-value,.hud-ammo .hud-value{font-size:20px}.hud-weapons{gap:6px;bottom:40px;right:14px}.weapon-slot{min-width:76px}.weapon-slot .bar{width:64px}.weapon-ammo{font-size:20px}.hud-battery{width:120px;bottom:74px;left:14px}.hud-battery .bar{width:120px}.hud-score{top:14px;right:14px}.hud-music-btn{padding:5px 9px;font-size:12px;top:58px;right:14px}}