*{box-sizing:border-box;margin:0;padding:0}:root{--hud-bright:#e8f0ff;--hud-dim:#b4d2ff99;--accent:#5af;--accent-glow:#55aaff8c;--warn:#f45;--warn-glow:#ff445580;--good:#4f8}html,body,#root{width:100%;height:100%;color:var(--hud-bright);cursor:default;background:#000;font-family:Rajdhani,Segoe UI,system-ui,sans-serif;overflow:hidden}.game-root{background:#000;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.canvas-container{width:100%;height:100%;position:absolute;inset:0}.canvas-container canvas{display:block;width:100%!important;height:100%!important}.crosshair{pointer-events:none;opacity:0;z-index:10;width:28px;height:28px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.visible{opacity:1}.ch{background:var(--accent);box-shadow:0 0 4px var(--accent-glow);position:absolute}.ch-c{background:var(--hud-bright);border-radius:50%;width:3px;height:3px;top:50%;left:50%;transform:translate(-50%,-50%)}.ch-t{width:2px;height:9px;top:0;left:50%;transform:translate(-50%)}.ch-b{width:2px;height:9px;bottom:0;left:50%;transform:translate(-50%)}.ch-l{width:9px;height:2px;top:50%;left:0;transform:translateY(-50%)}.ch-r{width:9px;height:2px;top:50%;right:0;transform:translateY(-50%)}.hud{pointer-events:none;opacity:0;z-index:5;-webkit-user-select:none;user-select:none;transition:opacity .25s;position:absolute;inset:0}.hud.visible{opacity:1}.hud-row{align-items:center;gap:18px;display:flex;position:absolute}.hud-top-left{top:22px;left:24px}.hud-top-right{top:22px;right:24px}.stat{flex-direction:column;gap:2px;line-height:1;display:flex}.stat-label{letter-spacing:2px;color:var(--hud-dim);font-size:11px;font-weight:600}.stat-value{color:var(--hud-bright);text-shadow:0 0 6px var(--accent-glow);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.hud-bottom-right{position:absolute;bottom:26px;right:28px}.ammo-display{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.ammo-pips{gap:3px;display:flex}.pip{background:#78a0dc2e;border:1px solid #78a0dc4d;border-radius:1px;width:8px;height:16px;transition:background .12s,box-shadow .12s}.pip.filled{background:var(--accent);box-shadow:0 0 5px var(--accent-glow);border-color:#0000}.ammo-text{letter-spacing:1px;color:var(--hud-bright);text-shadow:0 0 8px var(--accent-glow);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700}.ammo-text.reloading{color:var(--warn);text-shadow:0 0 8px var(--warn-glow);animation:.8s infinite pulse}.ammo-text.empty{color:var(--warn);text-shadow:0 0 10px var(--warn-glow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.hud-bottom-left{position:absolute;bottom:26px;left:28px}.controls-hint{color:var(--hud-dim);letter-spacing:1px;flex-direction:column;gap:4px;font-size:12px;display:flex}.controls-hint b{color:var(--hud-bright);font-weight:700}.hud-center-reload{position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.reload-bar{background:#ffffff26;border-radius:2px;width:120px;height:4px;position:relative;overflow:hidden}.reload-bar:after{content:"";background:var(--accent);width:100%;height:100%;box-shadow:0 0 8px var(--accent-glow);animation:1.1s linear forwards reload-fill;position:absolute;top:0;left:0}@keyframes reload-fill{0%{transform:translate(-100%)}to{transform:translate(0)}}.overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:radial-gradient(#080c18a6 0%,#04060eeb 100%);justify-content:center;align-items:center;animation:.3s ease-out fade-in;display:flex;position:absolute;inset:0}.overlay.paused{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060a14c7}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.overlay-card{text-align:center;background:linear-gradient(#141e328c,#0a101e8c);border:1px solid #55aaff40;border-radius:14px;flex-direction:column;align-items:center;gap:16px;max-width:480px;padding:40px 52px;display:flex;box-shadow:0 0 60px #55aaff26,inset 0 1px #ffffff0f}.overlay-card h1{letter-spacing:6px;background:linear-gradient(#fff,#6fc3ff);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px var(--accent-glow));-webkit-background-clip:text;background-clip:text;margin:0;font-size:52px;font-weight:800}.overlay-card h2{letter-spacing:8px;color:var(--hud-bright);text-shadow:0 0 16px var(--accent-glow);font-size:40px;font-weight:800}.subtitle{letter-spacing:3px;color:var(--hud-dim);text-transform:uppercase;margin-top:-6px;font-size:14px}.control-grid{grid-template-columns:1fr 1fr;gap:10px 28px;margin:14px 0 6px;display:grid}.control-grid>div{color:var(--hud-dim);letter-spacing:1px;align-items:center;gap:10px;font-size:14px;display:flex}.control-grid>div>span{text-align:left}kbd{min-width:30px;color:var(--hud-bright);text-align:center;background:#78a0dc1f;border:1px solid #78a0dc59;border-bottom-width:2px;border-radius:5px;margin-right:2px;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:700;display:inline-block}.play-btn{pointer-events:auto;cursor:pointer;letter-spacing:3px;color:#06121f;box-shadow:0 4px 0 #1a5896, 0 0 22px var(--accent-glow);text-transform:uppercase;background:linear-gradient(#7fc4ff,#2f8fe0);border:none;border-radius:8px;margin-top:10px;padding:14px 44px;font-family:inherit;font-size:16px;font-weight:800;transition:transform .12s,box-shadow .12s}.play-btn:hover{box-shadow:0 5px 0 #1a5896, 0 0 28px var(--accent-glow);transform:translateY(-1px)}.play-btn:active{box-shadow:0 2px 0 #1a5896, 0 0 16px var(--accent-glow);transform:translateY(2px)}.ghost-btn{pointer-events:auto;cursor:pointer;letter-spacing:2px;color:var(--hud-dim);text-transform:uppercase;background:0 0;border:1px solid #78a0dc4d;border-radius:8px;margin-top:2px;padding:10px 30px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s}.ghost-btn:hover{color:var(--hud-bright);border-color:var(--accent)}.hint{color:var(--hud-dim);letter-spacing:1px;max-width:360px;margin-top:4px;font-size:12px;line-height:1.5}.summary{justify-content:center;gap:28px;margin:8px 0;display:flex}.summary .stat{align-items:center}