:root{--bg:#071018;--panel:#08121cd1;--line:#78dcc859;--accent:#2fe0c0;--warn:#ff7a45;--text:#e8f4f1;--muted:#8aa3a0;--hud:"Orbitron", sans-serif;--body:"IBM Plex Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--body);overflow:hidden}canvas{width:100%;height:100%;display:block}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#crosshair{opacity:.85;width:14px;height:14px;transition:opacity 80ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair.ads{opacity:0}#crosshair.ads-iron:before,#crosshair.ads-iron:after{background:#e8fff8f2;box-shadow:0 0 0 1px #0000008c}#crosshair.ads-scoped{opacity:0}#hit-toast{font-family:var(--hud);letter-spacing:.04em;color:#e8fff8;opacity:0;pointer-events:none;background:#08181cd1;border:1px solid #2fe0c073;padding:.4rem .75rem;font-size:.78rem;transition:opacity .12s linear,transform .12s;position:absolute;top:18%;left:50%;transform:translate(-50%,-8px)}#hit-toast.show{opacity:1;transform:translate(-50%)}#scope-overlay{opacity:0;pointer-events:none;background:radial-gradient(circle,#0000 0% 21vmin,#000 21.7vmin 100%);transition:opacity 60ms linear;position:absolute;inset:0}#scope-overlay.on{opacity:1}#scope-overlay .scope-reticle{width:42vmin;height:42vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scope-overlay .scope-reticle:before,#scope-overlay .scope-reticle:after{content:"";background:#dce6dceb;position:absolute;box-shadow:0 0 1px #000c}#scope-overlay .scope-reticle:before{width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)}#scope-overlay .scope-reticle:after{height:2px;top:50%;left:0;right:0;transform:translateY(-50%)}#crosshair:before,#crosshair:after{content:"";background:var(--accent);position:absolute;box-shadow:0 0 8px #2fe0c08c}#crosshair:before{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}#crosshair:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}#brand{position:absolute;top:1.25rem;left:1.25rem}#brand .name{font-family:var(--hud);letter-spacing:.08em;color:var(--accent);text-shadow:0 0 18px #2fe0c059;font-size:clamp(1.1rem,2.4vw,1.55rem);font-weight:800}#brand .tag{color:var(--muted);letter-spacing:.04em;margin-top:.2rem;font-size:.78rem}#stats{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(160deg,#08141ce6,#060e14d1);flex-direction:column;gap:.45rem;min-width:7.5rem;padding:.75rem .85rem;display:flex;position:absolute;top:1.1rem;right:1.1rem}#ammo{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--hud);pointer-events:none;background:linear-gradient(160deg,#08141ce6,#060e14d1);align-items:baseline;gap:.35rem;padding:.55rem .85rem;display:flex;position:absolute;bottom:1.35rem;right:1.1rem}#ammo.hidden{display:none}#ammo .ammo-mag{letter-spacing:.04em;color:var(--text);font-size:1.85rem;font-weight:700}#ammo .ammo-mag.low{color:var(--warn)}#ammo .ammo-mag.empty{color:#ff4d4d}#ammo .ammo-sep{color:var(--muted);font-size:1.1rem}#ammo .ammo-reserve{color:var(--accent);font-size:1.35rem;font-weight:600}#ammo .ammo-status{letter-spacing:.12em;color:var(--warn);margin-left:.35rem;font-size:.7rem}.stat-block{flex-direction:column;gap:.1rem;display:flex}.stat-block.slim{flex-direction:row;justify-content:space-between;align-items:baseline;gap:.75rem}.stat-label{font-family:var(--hud);letter-spacing:.14em;color:var(--muted);font-size:.58rem}.stat-num{font-family:var(--hud);letter-spacing:.04em;color:var(--text);font-size:1.55rem;font-weight:700;line-height:1}.stat-num.hot{color:var(--warn);text-shadow:0 0 16px #ff7a4573}.stat-text{font-family:var(--hud);letter-spacing:.06em;color:var(--accent);font-size:.72rem}#keys{flex-direction:column;align-items:flex-start;gap:.45rem;display:flex;position:absolute;bottom:1.1rem;left:1.1rem}.wasd{flex-direction:column;align-items:center;gap:.28rem;display:flex}.key-row{gap:.28rem;display:flex}.key{pointer-events:none;min-width:2.1rem;height:2.1rem;color:var(--muted);font-family:var(--hud);letter-spacing:.06em;background:#08121abf;border:1px solid #78dcc847;border-radius:.35rem;place-items:center;padding:0 .35rem;font-size:.72rem;transition:background 80ms,color 80ms,border-color 80ms,box-shadow 80ms;display:grid}.key.lit{color:#041018;background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px #2fe0c073}.key-space{min-width:7.2rem;height:1.85rem;font-size:.62rem}.key-extras{flex-wrap:wrap;gap:.28rem;max-width:11rem;display:flex}.key-extra{min-width:2rem;height:1.7rem;font-size:.58rem}.key-hint{color:var(--muted);letter-spacing:.02em;opacity:.85;margin-top:.15rem;font-size:.68rem}#overlay{z-index:30;pointer-events:auto;cursor:pointer;background:radial-gradient(at 30% 20%,#2fe0c01f,#0000 45%),radial-gradient(at 70% 80%,#ff7a451a,#0000 40%),linear-gradient(160deg,#061018 0%,#0a1c28 45%,#071018 100%);place-items:center;display:grid;position:fixed;inset:0}#overlay.hidden{pointer-events:none;display:none}#overlay .card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;pointer-events:auto;cursor:default;background:#061018c7;width:min(34rem,100% - 2rem);padding:2rem 1.75rem}#overlay h1{font-family:var(--hud);letter-spacing:.1em;color:var(--accent);margin-bottom:.35rem;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800}#overlay p{color:var(--muted);margin-bottom:1.4rem;line-height:1.55}#overlay p code{color:var(--accent);font-size:.85em}.start-maps{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}#overlay button{pointer-events:auto;cursor:pointer;z-index:1;color:var(--text);font-family:var(--hud);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#2fe0c038,#2fe0c014);border:1px solid #2fe0c08c;padding:.85rem 1.4rem;font-size:.85rem;transition:transform .15s,box-shadow .15s,background .15s;position:relative}#overlay button:hover{background:linear-gradient(#2fe0c052,#2fe0c01f);transform:translateY(-1px);box-shadow:0 8px 24px #2fe0c02e}#finish-banner{font-family:var(--hud);letter-spacing:.14em;color:var(--warn);text-shadow:0 0 22px #ff7a4573;opacity:0;font-size:clamp(1.2rem,3vw,1.8rem);transition:opacity .25s;position:absolute;top:22%;left:50%;transform:translate(-50%)}#finish-banner.show{opacity:1}#console{z-index:40;border-bottom:1px solid var(--line);pointer-events:auto;opacity:1;background:#040c12f0;flex-direction:column;max-height:42vh;font-family:ui-monospace,IBM Plex Mono,monospace;transition:transform .2s,opacity .2s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}#console.hidden{pointer-events:none;opacity:0;display:flex;transform:translateY(-105%)}.console-log{color:#b7d4ce;flex:1;min-height:8rem;padding:.75rem 1rem;font-size:.8rem;line-height:1.45;overflow-y:auto}.console-row{border-top:1px solid #78dcc833;align-items:center;gap:.5rem;padding:.55rem 1rem;display:flex}.console-prompt{color:var(--accent)}#console-input{color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:.85rem}#pause-menu{z-index:35;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#040a10b8;place-items:center;display:grid;position:fixed;inset:0}#pause-menu.hidden{display:none}.menu-card{border:1px solid var(--line);background:#08121cf2;width:min(26rem,100% - 2rem);max-height:min(90vh,40rem);padding:1.5rem;overflow-y:auto}.menu-card .hint-mini.top{margin:-.4rem 0 1rem}.menu-card h2{font-family:var(--hud);letter-spacing:.12em;color:var(--accent);margin-bottom:1.1rem;font-size:1.1rem}.menu-card .field{color:var(--text);margin-bottom:1rem;font-size:.9rem;display:block}.menu-card .field em{color:var(--muted);font-size:.8em;font-style:normal}.menu-card .field .row{align-items:center;gap:.75rem;margin-top:.35rem;display:flex}.menu-card input[type=range]{flex:1}.menu-card .check{align-items:center;gap:.55rem;display:flex}.hint-mini{color:var(--muted);margin-bottom:1rem;font-size:.78rem;line-height:1.4}.hint-mini code{color:var(--accent)}.map-row,.menu-actions{gap:.6rem;margin-bottom:.75rem;display:flex}.map-row button,.menu-actions button{cursor:pointer;color:var(--text);font-family:var(--hud);letter-spacing:.08em;text-transform:uppercase;background:#2fe0c01f;border:1px solid #2fe0c073;flex:1;padding:.7rem .5rem;font-size:.72rem}.menu-actions button.ghost{color:var(--muted);background:0 0;border-color:#8aa3a059}@media (width<=640px){#stats{min-width:6.5rem;inset:auto .75rem 7.5rem auto}#brand{top:.85rem;left:.85rem}#keys{transform-origin:0 100%;bottom:.75rem;left:.75rem;transform:scale(.9)}}