:root{--charcoal:#121315;--panel:#121315eb;--line:#2c2e33;--red:#b3392f;--red-hi:#d24a3e;--amber:#e0a53a;--text:#f2f1ee;--muted:#a8a7a2}*{box-sizing:border-box}html,body{background:var(--charcoal);height:100%;color:var(--text);margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}a{color:inherit}.landing{background:radial-gradient(ellipse at 50% 30%, #2a1715 0%, var(--charcoal) 60%);place-items:center;min-height:100vh;padding:40px 20px;display:grid}.landing-inner{max-width:640px}.landing h1{letter-spacing:.04em;margin:8px 0 12px;font-size:clamp(48px,9vw,96px);font-weight:900;line-height:.95}.landing h1 span{letter-spacing:.42em;color:var(--red-hi);margin-top:10px;font-size:.32em;display:block}.tagline{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 28px;font-size:18px}.eyebrow{color:var(--amber);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:12px}.status{color:var(--muted);margin:32px 0 0;padding:0;line-height:2;list-style:none}.status li:before{content:"○  ";color:var(--muted)}.status li.done{color:var(--text)}.status li.done:before{content:"●  ";color:var(--amber)}.fineprint{color:#6f6e6a;margin-top:28px;font-size:13px}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.btn{appearance:none;border:1px solid var(--line);color:var(--text);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#1d1f23;border-radius:3px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{border-color:#4a4d55}.btn.primary{background:var(--red);border-color:var(--red-hi)}.btn.primary:hover{background:var(--red-hi)}.btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.game-root{background:#000;position:fixed;inset:0;overflow:hidden}.game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.hud{pointer-events:none;text-shadow:0 1px 2px #000;font-family:Segoe UI,system-ui,sans-serif;position:absolute;inset:0}.xhair{transition:opacity .12s;position:absolute;top:50%;left:50%}.xhair i{background:#ffffffe6;width:2px;height:10px;transition:transform 50ms linear;position:absolute;top:0;left:0;box-shadow:0 0 2px #000}.xhair i.h{width:10px;height:2px}.hitmarker{width:26px;height:26px;animation:.22s ease-out forwards hm;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.hitmarker:before,.hitmarker:after{content:"";background:#fff;position:absolute;box-shadow:0 0 2px #000}.hitmarker:before{clip-path:polygon(0 0,100% 0,100% 35%,0 35%,0 65%,100% 65%,100% 100%,0 100%);width:2px;height:26px;top:0;left:12px}.hitmarker:after{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%);width:26px;height:2px;top:12px;left:0}.hitmarker.head:before,.hitmarker.head:after{background:var(--amber)}.hitmarker.kill:before,.hitmarker.kill:after{background:var(--red-hi)}.hitmarker.kill{width:34px;height:34px}@keyframes hm{0%{opacity:1;transform:translate(-50%,-50%)rotate(45deg)scale(1.3)}to{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scale(1)}}.hurt-vignette{animation:.5s ease-out forwards fade;position:absolute;inset:0;box-shadow:inset 0 0 140px #c81e14bf}.low-hp-vignette{animation:1.2s ease-in-out infinite pulse;position:absolute;inset:0;box-shadow:inset 0 0 200px #960a0a99}@keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.hud-health{align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:24px;left:24px}.hud-health .hp{width:240px}.portrait{background:#1d1f23;border:2px solid #ffffff8c;width:72px;height:72px;overflow:hidden;box-shadow:0 2px 8px #0009}.portrait img{object-fit:cover;filter:saturate(.85)contrast(1.05);width:100%;height:100%}.portrait span{background:radial-gradient(circle at 50% 38%,#4a4c52 0 18%,#0000 19%),radial-gradient(at 50% 100%,#4a4c52 0 42%,#0000 43%);width:100%;height:100%;display:block}.portrait.danger{border-color:var(--red-hi);animation:1.2s ease-in-out infinite pulse}.face-setting{border-top:1px solid var(--line);align-items:flex-start;gap:16px;padding:16px 0;font-size:14px;display:flex}.face-setting p{color:var(--muted);margin:4px 0 10px;font-size:13px}.face-preview{border:1px solid var(--line);color:#555;background:#1d1f23;flex:none;place-items:center;width:76px;height:76px;font-size:28px;display:grid;overflow:hidden}.face-preview img{object-fit:cover;width:100%;height:100%}.btn.small{margin-right:8px;padding:7px 14px;font-size:12px}.btn.ghost{background:0 0}.hud-health .label{letter-spacing:.15em;color:var(--muted);margin-bottom:6px;font-size:13px}.hud-health .label b{color:var(--text);letter-spacing:0;margin-left:8px;font-size:22px}.hud-health .bar{background:#0000008c;border:1px solid #ffffff26;height:10px}.hud-health .fill{background:linear-gradient(90deg,#c9c6bd,#f2f1ee);height:100%;transition:width .15s}.hud-health .fill.danger{background:linear-gradient(90deg, #8e1f18, var(--red-hi))}.hud-weapon{text-align:right;position:absolute;bottom:24px;right:28px}.hud-weapon .wname{color:var(--amber);letter-spacing:.18em;text-transform:uppercase;font-size:13px}.hud-weapon .ammo b{color:var(--text);font-size:46px;font-weight:800}.hud-weapon .ammo b.low{color:var(--red-hi)}.hud-weapon .ammo span{color:var(--muted);margin-left:6px;font-size:20px}.hud-weapon .reload{background:#ffffff26;width:180px;height:4px;margin:2px 0 6px auto}.hud-weapon .reload div{background:var(--amber);height:100%}.hud-weapon .slots{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.hud-weapon .slot{color:var(--muted);background:#00000080;border:1px solid #ffffff1a;padding:4px 8px;font-size:12px}.hud-weapon .slot.on{color:var(--text);border-color:var(--amber)}.hud-weapon .slot small{color:#8a8984;margin-left:4px}.hud-weapon .slot kbd{margin-right:6px}.hud-prompts{justify-items:center;gap:8px;display:grid;position:absolute;top:62%;left:50%;transform:translate(-50%)}.prompt{letter-spacing:.04em;background:#0009;border:1px solid #ffffff1f;padding:6px 14px;font-size:15px}.prompt.warn{color:#ffcf7a;border-color:#e0a53a80}.hud-stats{color:var(--muted);text-align:right;background:#00000080;border:1px solid #2a2a2a;padding:8px 12px;font-size:12px;line-height:1.6;position:absolute;top:14px;right:16px}.hud-stats b{color:var(--text)}.toasts{justify-items:center;gap:6px;display:grid;position:absolute;top:22%;left:50%;transform:translate(-50%)}.toast{background:#000000a6;padding:6px 16px;font-size:15px;animation:2.2s forwards toastfade}@keyframes toastfade{0%,75%{opacity:1}to{opacity:0}}.toast.good{color:#9fe39a}.toast.warn{color:#ff8a7a}.toast.info{color:var(--text)}.crosshair{pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffd9;position:absolute;box-shadow:0 0 2px #000}.crosshair:before{width:2px;height:18px;top:0;left:8px}.crosshair:after{width:18px;height:2px;top:8px;left:0}.perf{color:#d9d9d9;pointer-events:none;background:#0009;border:1px solid #2a2a2a;min-width:230px;padding:8px 10px;font:12px/1.5 ui-monospace,Consolas,monospace;position:absolute;top:10px;left:10px}.perf b{color:var(--amber);font-size:15px}.perf-gpu{color:#7d7d7d;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:11px;overflow:hidden}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0505078c;place-items:center;display:grid;position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--red);width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);padding:28px 32px;overflow:auto}.panel h2{letter-spacing:.04em;text-transform:uppercase;margin:6px 0 18px;font-size:32px}.hint{color:var(--amber);font-size:14px}.controls{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:22px 0;font-size:14px;display:flex}kbd{color:var(--text);background:#26282d;border:1px solid #3a3d44;border-bottom-width:2px;border-radius:3px;padding:1px 6px;font:12px ui-monospace,Consolas,monospace}.settings{border-top:1px solid var(--line);gap:12px;padding-top:18px;font-size:14px;display:grid}.settings label{color:var(--muted);gap:6px;display:grid}.settings label b{color:var(--text)}.settings label.check{color:var(--text);align-items:center;gap:8px;display:flex}.settings input[type=range]{width:100%;accent-color:var(--red-hi)}.settings input[type=checkbox]{accent-color:var(--red-hi);width:16px;height:16px}.back{color:var(--muted);margin-top:20px;font-size:14px;display:inline-block}.hud-wave{text-align:center;border-bottom:2px solid var(--red);background:#00000073;padding:6px 18px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud-wave .wlabel{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:13px}.hud-wave .wlabel b{color:var(--text);letter-spacing:0;font-size:22px}.hud-wave .wcount{color:var(--muted);font-size:14px}.hud-wave .wcount b{color:var(--amber);font-size:16px}.hud-score{color:var(--muted);background:#00000080;padding:6px 12px;font-size:13px;position:absolute;top:14px;right:16px}.hud-score b{color:var(--amber);font-size:18px}.boss-bar{text-align:center;width:min(560px,70vw);position:absolute;top:82px;left:50%;transform:translate(-50%)}.boss-bar .bname{color:#ff8a6a;letter-spacing:.25em;text-transform:uppercase;margin-bottom:4px;font-size:13px}.boss-bar .bbar{background:#0009;border:1px solid #ff785080;height:10px}.boss-bar .bbar div{background:linear-gradient(90deg,#7a1a10,#e0502a);height:100%;transition:width .15s}.banner{text-align:center;animation:3.8s forwards bannerIn;position:absolute;top:30%;left:50%;transform:translate(-50%)}.banner .btitle{letter-spacing:.08em;text-transform:uppercase;font-size:54px;font-weight:900}.banner .bsub{color:var(--muted);letter-spacing:.1em;margin-top:4px;font-size:17px}.banner.boss .btitle{color:#ff6a4a}.banner.clear .btitle{color:#9fe39a}.banner.wave .btitle{color:var(--text)}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)scale(1.15)}10%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}.hurt-dir{width:240px;height:240px;animation:.9s ease-out forwards fade;position:absolute;top:50%;left:50%}.hurt-dir i{background:radial-gradient(at 50% 100%,#e6281ef2,#e6281e00 70%);border-radius:50% 50% 0 0;width:70px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.killfeed{justify-items:end;gap:4px;font-size:13px;display:grid;position:absolute;top:56px;right:16px}.killfeed div{background:#00000080;padding:3px 10px;animation:3s forwards toastfade}.killfeed b{color:var(--amber)}.modes{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.mode-card{text-align:left;border:1px solid var(--line);color:var(--text);cursor:pointer;font:inherit;background:#1a1c20;gap:4px;padding:14px;display:grid}.mode-card b{text-transform:uppercase;letter-spacing:.06em;font-size:17px}.mode-card span{color:var(--muted);font-size:13px}.mode-card.on{border-color:var(--red-hi);box-shadow:inset 0 0 0 1px var(--red-hi);background:#241918}.chips{gap:8px;margin-bottom:16px;display:flex}.chip{color:var(--muted);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#1a1c20;padding:6px 14px;font:600 12px inherit}.chip.on{color:var(--text);border-color:var(--amber)}.panel.end h2{font-size:44px}.panel.end.gameover{border-top-color:#8e1f18}.panel.end.victory{border-top-color:#4caf50}.end-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 22px;display:grid}.end-stats div{background:#1a1c20;padding:12px;display:grid}.end-stats b{font-size:26px}.end-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.hud-weapon .equip{color:var(--text);justify-content:flex-end;gap:12px;margin:2px 0 4px;font-size:13px;display:flex}.hud-weapon .equip span.none{color:#6f6e6a}.hud-weapon .equip kbd{margin-right:4px}.flash-white{background:#fff;animation-name:flashfade;animation-timing-function:cubic-bezier(.2,0,.3,1);animation-fill-mode:forwards;position:absolute;inset:0}@keyframes flashfade{0%,15%{opacity:var(--o,1)}to{opacity:0}}.hud-weapon .equip.vision span{color:#8a8984}.hud-weapon .equip.vision span.on-nv{color:#7dff9a}.hud-weapon .equip.vision span.on-th{color:#ffb050}.vision-tag{letter-spacing:.3em;border:1px solid;padding:3px 10px;font:600 12px ui-monospace,Consolas,monospace;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.vision-tag.night{color:#7dff9a;border-color:#7dff9a80}.vision-tag.thermal{color:#ffb050;border-color:#ffb05080}.chip-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;align-self:center;min-width:78px;font-size:12px}