:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000}.game-root{position:relative;width:100vw;height:100vh;overflow:hidden}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas canvas{display:block;width:100%!important;height:100%!important}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.crosshair-line{position:absolute;background:#ffffffe6}.crosshair-top{width:2px;height:12px;left:-1px;bottom:6px}.crosshair-bottom{width:2px;height:12px;left:-1px;top:6px}.crosshair-left{width:12px;height:2px;right:6px;top:-1px}.crosshair-right{width:12px;height:2px;left:6px;top:-1px}.crosshair-dot{position:absolute;width:2px;height:2px;background:#ffffff80;top:-1px;left:-1px}.hit-marker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:11;opacity:0;transition:opacity .05s}.hit-line{position:absolute;width:10px;height:2px;background:#f33}.hit-tl{transform:rotate(45deg);top:-6px;left:-12px}.hit-tr{transform:rotate(-45deg);top:-6px;right:-12px}.hit-bl{transform:rotate(-45deg);bottom:-6px;left:-12px}.hit-br{transform:rotate(45deg);bottom:-6px;right:-12px}.hud{position:fixed;bottom:0;left:0;right:0;padding:20px 30px;pointer-events:none;z-index:10;display:flex;justify-content:space-between;align-items:flex-end}.hud-health{display:flex;align-items:center;gap:10px}.hud-health-bar{width:200px;height:8px;background:#ff00004d;border-radius:4px;overflow:hidden}.hud-health-fill{height:100%;background:linear-gradient(90deg,#f33,#f66);border-radius:4px;transition:width .3s}.hud-health-text{font-size:18px;font-weight:700;color:#f44;text-shadow:0 0 10px rgba(255,0,0,.5);font-variant-numeric:tabular-nums}.hud-score{position:fixed;top:20px;right:30px;font-size:24px;font-weight:700;color:#fc0;text-shadow:0 0 15px rgba(255,204,0,.5);font-variant-numeric:tabular-nums;pointer-events:none;z-index:10}.hud-weapon{text-align:right}.hud-weapon-name{font-size:14px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.15em;margin-bottom:4px}.hud-ammo{font-variant-numeric:tabular-nums}.hud-ammo-current{font-size:48px;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.hud-ammo-sep{font-size:24px;color:#fff6;margin:0 4px}.hud-ammo-reserve{font-size:24px;color:#fff9}.hud-reloading{font-size:14px;color:#fa0;text-transform:uppercase;letter-spacing:.2em;margin-top:4px;animation:blink .5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hud-weapon-slots{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:none;z-index:10}.weapon-slot{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:6px;min-width:90px;transition:all .2s}.weapon-slot.active{background:#ffffff1a;border-color:#ffffff80;box-shadow:0 0 15px #ffffff1a}.weapon-slot-key{font-size:12px;font-weight:700;color:#ffffff80;font-family:monospace}.weapon-slot.active .weapon-slot-key{color:#fc0}.weapon-slot-name{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.weapon-slot.active .weapon-slot-name{color:#fff}.instructions-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer}.instructions-card{max-width:600px;padding:40px;text-align:center}.instructions-card h1{font-size:36px;font-weight:800;color:#fff;letter-spacing:.1em;margin-bottom:8px}.instructions-sub{font-size:14px;color:#ffffff80;text-transform:uppercase;letter-spacing:.3em;margin-bottom:32px}.controls-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px}.control-item{display:flex;flex-direction:column;align-items:center;gap:6px}.control-item kbd{display:inline-block;padding:6px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-family:monospace;font-size:13px;color:#fff;font-weight:600}.control-item span{font-size:12px;color:#ffffff80}.weapon-stats-preview{display:flex;gap:12px;margin-bottom:32px}.weapon-stat-card{flex:1;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;text-align:left}.weapon-stat-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:12px;text-transform:uppercase;letter-spacing:.1em}.stat-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.stat-row span{font-size:11px;color:#ffffff80;min-width:60px}.stat-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.stat-fill{height:100%;background:linear-gradient(90deg,#48f,#6af);border-radius:2px}.start-btn{padding:14px 48px;background:linear-gradient(135deg,#f44,#f64);border:none;border-radius:8px;color:#fff;font-size:18px;font-weight:700;letter-spacing:.15em;cursor:pointer;transition:transform .15s,box-shadow .15s;pointer-events:auto}.start-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #f446}.instructions-hint{margin-top:16px;font-size:12px;color:#ffffff4d}.mobile-joystick{position:fixed;bottom:30px;left:30px;z-index:20;touch-action:none}.joystick-base{width:120px;height:120px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.2);position:relative}.joystick-knob{position:absolute;width:50px;height:50px;border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.5);top:50%;left:50%;transform:translate(-50%,-50%);transition:none}.mobile-btn{position:fixed;z-index:20;touch-action:none;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.mobile-shoot-btn{bottom:50px;right:40px;width:90px;height:90px;border-radius:50%;background:#ff323240;border:3px solid rgba(255,80,80,.6);color:#fffc}.mobile-shoot-btn:active{background:#ff323280;border-color:#ff5050e6}.mobile-reload-btn{bottom:160px;right:50px;width:56px;height:56px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#ffffffb3}.mobile-reload-btn:active{background:#ffffff40}@media(max-width:768px){.hud{padding:12px 16px}.hud-health-bar{width:120px}.hud-score{font-size:16px;top:12px;right:16px}.hud-ammo-current{font-size:32px}.hud-ammo-sep,.hud-ammo-reserve{font-size:18px}.hud-weapon-slots{bottom:160px;gap:6px}.weapon-slot{padding:6px 10px;min-width:70px}.instructions-card{padding:24px 16px;max-width:95vw}.instructions-card h1{font-size:24px}.weapon-stats-preview{flex-direction:column;gap:8px}.controls-grid{gap:10px}.control-item kbd{padding:4px 10px;font-size:11px}}