*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #ff7a1a;--accent-glow: rgba(255, 122, 26, .45);--brick: #c0392b;--white: #f0ede8;--dim: rgba(240, 237, 232, .55);--bg-dark: rgba(6, 7, 9, .86);--bg-card: rgba(14, 16, 18, .92);font-family:Arial Narrow,Inter,system-ui,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html,body{width:100%;height:100%;overflow:hidden;background:#000;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#app canvas,#app>canvas{touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}#app canvas,#app>canvas{display:block;width:100%;height:100%}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;color:var(--white);font-family:Arial Narrow,Inter,system-ui,sans-serif}#hud-damage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 38%,rgba(200,20,20,.55) 72%,rgba(180,8,8,.88) 100%)}.hud-corner{position:absolute;padding:22px 26px}.hud-corner.top-left{top:0;left:0}.hud-corner.top-right{top:0;right:0;text-align:right}.hud-corner.bottom-left{bottom:0;left:0}.hud-corner.bottom-right{bottom:0;right:0;text-align:right}.hud-label{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.58;margin-bottom:4px}#hud-score{font-size:34px;font-weight:900;letter-spacing:.04em;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.75)}#hud-combo{font-size:14px;font-weight:800;letter-spacing:.1em;color:var(--accent);margin-top:6px;min-height:18px;opacity:0;transform:scale(.88);transition:opacity .1s ease-out,transform .1s ease-out}#hud-combo.active{opacity:1;transform:scale(1);text-shadow:0 0 10px var(--accent),0 0 22px var(--accent-glow)}#hud-level{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.88}#hud-timer{font-size:26px;font-weight:700;font-family:Courier New,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:.06em;text-shadow:0 2px 6px rgba(0,0,0,.65);margin-top:3px}#hud-objective{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.46;margin-top:5px}#hud-opcode{display:inline-block;margin-top:8px;padding:2px 9px;font-size:12px;font-weight:700;font-family:Courier New,Consolas,monospace;letter-spacing:.18em;color:var(--accent);background:#ff7a1a14;border:1px solid rgba(255,122,26,.4);border-radius:3px;text-shadow:0 0 10px var(--accent-glow)}#hud-opcode:empty{display:none}#hub-labels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none;display:none}.hub-label{position:absolute;transform:translate(-50%,-100%);padding:5px 12px;white-space:nowrap;font-family:Arial Narrow,Inter,system-ui,sans-serif;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:#0a0b0dd1;border:1px solid rgba(255,122,26,.55);border-radius:3px;box-shadow:0 4px 14px #000000b3;text-shadow:0 0 8px var(--accent-glow);transition:opacity .12s ease}.hub-label:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(255,122,26,.55)}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;pointer-events:none;opacity:0;transition:opacity .18s ease}.ch{position:absolute;background:#39ff5e;pointer-events:none;box-shadow:0 0 2px #000000f2,0 0 1px #000}.ch-dot{width:3px;height:3px;left:-1.5px;top:-1.5px;border-radius:50%}.ch-t,.ch-b{width:2px;height:9px;left:-1px}.ch-t{bottom:8px}.ch-b{top:8px}.ch-l,.ch-r{width:9px;height:2px;top:-1px}.ch-l{right:8px}.ch-r{left:8px}#hud-callouts{position:absolute;top:58%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;min-width:160px}@keyframes callout-pop{0%{transform:translateY(0) scale(.72);opacity:0}16%{transform:translateY(-7px) scale(1.07);opacity:1}32%{transform:translateY(-12px) scale(1);opacity:1}to{transform:translateY(-40px) scale(.88);opacity:0}}.callout{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.2;animation:callout-pop 1s cubic-bezier(.22,.61,.36,1) forwards}.callout-label{font-size:15px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 8px rgba(255,122,26,.72)}.callout-pts{font-size:12px;font-weight:700;color:#ffc566;letter-spacing:.06em}.hud-bar{width:220px;height:14px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:3px;overflow:hidden;margin-bottom:5px}#hud-health-fill{height:100%;width:100%;background:#3fb950;border-radius:2px;transition:width .18s ease-out,background .3s ease}#hud-health-text{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.66}.hud-bar-stamina{height:7px;margin-top:4px}#hud-stamina-fill{height:100%;width:100%;background:#54b3d6;border-radius:2px;transition:width .08s linear,background .2s ease}#hud-stamina.exhausted{animation:stamina-pulse .55s ease-in-out infinite}@keyframes stamina-pulse{0%,to{opacity:1}50%{opacity:.35}}#hud-weapon{font-size:18px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--white);text-shadow:0 2px 6px rgba(0,0,0,.65)}#hud-ammo{font-size:40px;font-weight:900;line-height:1;letter-spacing:.02em;color:var(--white);text-shadow:0 2px 8px rgba(0,0,0,.7);margin-bottom:4px}#hud-ammo.low{color:#f85149}#hud-ammo.reloading{font-size:22px;color:var(--accent);letter-spacing:.12em}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(ellipse at center,#080a0db3,#030406f0)}#overlay.hidden{display:none}#overlay-card{max-width:620px;width:90%;padding:44px 50px;background:var(--bg-card);border:1px solid rgba(255,122,26,.28);border-top:2px solid var(--accent);border-radius:4px;text-align:center;font-family:Arial Narrow,Inter,system-ui,sans-serif;box-shadow:0 0 80px #000000d9,inset 0 1px #ffffff0a}#overlay-title{font-size:44px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 24px rgba(255,122,26,.55),0 2px 4px rgba(0,0,0,.85);margin-bottom:22px;line-height:1.05}#overlay-body{font-size:15px;line-height:1.72;color:#f0ede8c7;margin-bottom:28px}#overlay-body b{color:var(--accent);font-weight:700}.controls-grid{display:grid;grid-template-columns:auto auto;gap:6px 18px;max-width:390px;margin:20px auto 0;text-align:left}.controls-grid span{font-size:13px;font-weight:600;letter-spacing:.04em;color:#f0ede885;align-self:center}.controls-grid b{display:inline-block;font-size:12px;font-weight:700;font-family:Courier New,Consolas,monospace;letter-spacing:.04em;color:var(--white);background:#ffffff12;border:1px solid rgba(255,255,255,.22);border-bottom:2px solid rgba(255,255,255,.3);border-radius:4px;padding:2px 8px;white-space:nowrap;text-shadow:none}#overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:22px}#overlay-actions:empty{display:none}.overlay-btn{flex:0 1 auto;min-width:200px;padding:13px 26px;font-family:Arial Narrow,Inter,system-ui,sans-serif;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f0ede8;cursor:pointer;background:#ffffff0d;border:1px solid rgba(255,122,26,.32);border-bottom:2px solid rgba(255,122,26,.5);border-radius:3px;transition:background .14s ease,border-color .14s ease,transform .06s ease}.overlay-btn:hover{background:#ff7a1a2e;border-color:#ff7a1a}.overlay-btn:active{transform:translateY(1px)}.overlay-btn.primary{color:#0b0c0d;background:var(--accent);border-color:var(--accent)}.overlay-btn.primary:hover{background:#ffa24d}@keyframes pulse-hint{0%,to{opacity:.52}50%{opacity:1}}#overlay-hint{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--white);animation:pulse-hint 1.7s ease-in-out infinite}