:root{--ink: #07080a;--paper: #e8e2d6;--mute: #9a9488;--signal: #ff4d2e;--sodium: #e8a23a;--led: #7ec8e3;--glass: rgba(8, 10, 12, .62);--line: rgba(232, 226, 214, .16);--ease: cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:IBM Plex Sans,sans-serif;user-select:none}canvas#c{position:absolute;inset:0;width:100%;height:100%;display:block}#letterbox i{position:fixed;left:0;right:0;height:0;background:#000;z-index:8;pointer-events:none;transition:height .7s var(--ease)}#letterbox i:first-child{top:0}#letterbox i:last-child{bottom:0}body.cinematic #letterbox i{height:0}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none;z-index:5;font-variant-numeric:tabular-nums}#compass{position:absolute;top:18px;left:50%;transform:translate(-50%);width:min(520px,70vw);height:36px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}#compass-tape{height:18px;background-image:repeating-linear-gradient(90deg,transparent 0 46px,rgba(232,226,214,.35) 46px 47px,transparent 47px 92px,rgba(232,226,214,.7) 92px 93px);transform:translate(0);will-change:transform}#compass-notch{position:absolute;left:50%;top:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--signal);transform:translate(-50%)}#compass-heading{text-align:center;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.22em;color:var(--paper);margin-top:2px}#objectives{position:absolute;top:22px;left:24px;max-width:280px}.obj-kicker,.kicker{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.28em;color:var(--signal)}#obj-text{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:18px;letter-spacing:.06em;line-height:1.05;margin-top:4px;max-width:34ch}#obj-sub{color:var(--mute);font-size:12px;margin-top:4px}#killfeed{position:absolute;top:64px;right:24px;text-align:right;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.04em;display:flex;flex-direction:column;gap:4px}#killfeed .kf{color:var(--paper);opacity:.92;animation:kfIn .22s var(--ease)}#killfeed .kf b{color:var(--signal);font-weight:600}@keyframes kfIn{0%{opacity:0;transform:translate(12px)}}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0}#crosshair .ch{position:absolute;background:#e8e2d6eb;box-shadow:0 0 0 1px #00000073}#crosshair .t,#crosshair .b{width:2px;height:9px;left:-1px}#crosshair .l,#crosshair .r{width:9px;height:2px;top:-1px}#crosshair .t{bottom:8px}#crosshair .b{top:8px}#crosshair .l{right:8px}#crosshair .r{left:8px}#crosshair .dot{width:2px;height:2px;left:-1px;top:-1px;background:var(--signal)}#crosshair.ads .ch:not(.dot){opacity:0}#crosshair.spread .t{bottom:calc(8px + var(--sp, 0px))}#crosshair.spread .b{top:calc(8px + var(--sp, 0px))}#crosshair.spread .l{right:calc(8px + var(--sp, 0px))}#crosshair.spread .r{left:calc(8px + var(--sp, 0px))}#hitmarker{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;opacity:0;pointer-events:none}#hitmarker.on{opacity:1;animation:hm .18s var(--ease)}#hitmarker:before,#hitmarker:after{content:"";position:absolute;left:8px;top:0;width:2px;height:18px;background:var(--paper)}#hitmarker:before{transform:rotate(45deg)}#hitmarker:after{transform:rotate(-45deg)}#hitmarker.head:before,#hitmarker.head:after{background:var(--signal)}@keyframes hm{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}#threats{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}#threats .th{position:absolute;width:16px;height:16px;margin-left:-8px;margin-top:-28px;border:2px solid #ff4d2e;transform:rotate(45deg);box-shadow:0 0 10px #ff4d2ed9;background:#ff281e40}#threats .th span{position:absolute;left:50%;top:18px;transform:rotate(-45deg) translate(-50%);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;color:#ff4d2e;white-space:nowrap;text-shadow:0 1px 2px #000}#hit-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,77,46,.18),transparent 46%);opacity:0;transition:opacity 80ms linear}#hit-flash.on{opacity:1}#dmg i{position:absolute;opacity:0;transition:opacity .18s linear;pointer-events:none}#dmg i.n{top:0;left:0;right:0;height:28vh;background:linear-gradient(to bottom,rgba(255,40,30,.55),transparent)}#dmg i.s{bottom:0;left:0;right:0;height:28vh;background:linear-gradient(to top,rgba(255,40,30,.55),transparent)}#dmg i.e{top:0;bottom:0;right:0;width:22vw;background:linear-gradient(to left,rgba(255,40,30,.55),transparent)}#dmg i.w{top:0;bottom:0;left:0;width:22vw;background:linear-gradient(to right,rgba(255,40,30,.55),transparent)}#interact{position:absolute;left:50%;bottom:26%;transform:translate(-50%);display:flex;align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.16em}#interact kbd{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--paper);font-family:inherit}#lowleft{position:absolute;left:24px;bottom:64px}#stance{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.24em;color:var(--mute);margin-bottom:8px}#hp-wrap{display:flex;align-items:flex-end;gap:12px}#hp-bar{width:160px;height:8px;background:#e8e2d61a;position:relative;overflow:hidden}#hp-fill,#ar-fill{position:absolute;inset:0 auto 0 0;height:100%}#hp-fill{width:100%;background:var(--paper)}#ar-fill{width:50%;background:var(--led);mix-blend-mode:screen;opacity:.85}#hp-num{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:28px;letter-spacing:.04em;line-height:.8}#hp-num small{display:block;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.2em;color:var(--mute);font-weight:500}#lowright{position:absolute;right:24px;bottom:64px;text-align:right}#weapon-name{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:20px;letter-spacing:.12em}#firemode{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.18em;color:var(--mute)}#ammo{margin-top:4px;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.04em}#ammo-mag{font-size:52px;line-height:.85}#ammo-slash{font-size:28px;color:var(--mute);margin:0 4px}#ammo-res{font-size:28px;color:var(--mute)}#minimap{position:absolute;left:24px;top:96px;width:132px;height:132px;border:1px solid var(--line);background:#07080a73;overflow:hidden}#minimap canvas{width:100%;height:100%;opacity:.9}#hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.18em;color:#e8e2d673}#menu{position:absolute;inset:0;z-index:10;background:linear-gradient(90deg,#07080ae0,#07080a8c 52%,#07080a47);display:flex;flex-direction:column}.menu-grain,.menu-scan{pointer-events:none;position:absolute;inset:0}.menu-grain{opacity:.08;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.menu-scan{background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(0,0,0,.08) 3px 4px);mix-blend-mode:multiply;opacity:.35}.menu-top,.menu-foot{display:flex;justify-content:space-between;padding:22px 28px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.22em;position:relative;z-index:1}.menu-foot,.tag.dim{color:var(--mute)}.menu-body{flex:1;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;padding:4vh 6vw 6vh;align-items:end;position:relative;z-index:1}.menu-copy h1{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(84px,14vw,168px);letter-spacing:.04em;line-height:.82;margin:6px 0 18px}.lede{max-width:46ch;color:var(--mute);font-size:15px;line-height:1.55}.ops{list-style:none;margin:28px 0;display:flex;flex-direction:column;gap:8px;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.08em}.ops span{color:var(--signal);margin-right:12px}.menu-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn{appearance:none;border:1px solid var(--line);background:#e8e2d60a;color:var(--paper);font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:16px;letter-spacing:.16em;padding:12px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:14px;transition:transform .4s var(--ease),background .4s var(--ease),border-color .4s var(--ease)}.btn i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;font-style:normal;font-size:14px}.btn:hover{transform:translateY(-1px);border-color:#e8e2d666;background:#e8e2d614}.btn:active{transform:scale(.98)}.btn.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn.primary i{background:#07080a1a}.intel-frame{border:1px solid var(--line);padding:8px;background:#07080a59}.intel-label,.intel-meta{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.18em;color:var(--mute);padding:8px 8px 10px}.intel-meta{display:flex;flex-direction:column;gap:4px}.intel-meta b{color:var(--paper);font-weight:500}.schematic{height:220px;background:linear-gradient(rgba(232,226,214,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(232,226,214,.06) 1px,transparent 1px),#0c0e10cc;background-size:20px 20px,20px 20px,auto;position:relative;overflow:hidden}.schematic:after{content:"";position:absolute;inset:18% 22% 28% 18%;border:1px solid rgba(232,226,214,.35)}.schematic:before{content:"";position:absolute;left:22%;right:22%;bottom:18%;height:10%;background:var(--signal);opacity:.85}.overlay{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:#07080ab8;backdrop-filter:blur(16px)}.panel{width:min(480px,calc(100% - 40px));border:1px solid var(--line);padding:28px;background:#0a0c0ee6;display:flex;flex-direction:column;gap:14px}.panel.harsh h2{color:var(--signal)}.panel h2{font-family:Barlow Condensed,sans-serif;font-size:42px;letter-spacing:.08em;line-height:.9}.panel label{display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;color:var(--mute)}.panel input[type=range],.panel select{flex:1;max-width:220px;background:transparent;color:var(--paper);border:1px solid var(--line);padding:6px;font-family:inherit}.panel .check{justify-content:flex-start}.panel p{color:var(--mute);line-height:1.5;font-size:14px}#toast{position:absolute;left:50%;top:18%;transform:translate(-50%);z-index:15;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.18em;font-size:22px;pointer-events:none;opacity:0;transition:opacity .3s var(--ease)}#toast.show{opacity:1}@media(max-width:860px){.menu-body{grid-template-columns:1fr;align-items:start}.menu-copy h1{font-size:72px}#minimap{display:none}}