:root{--bg-color: #05010f;--text-color: #00f3ff;--neon-magenta: #ff00ea;--neon-blue: #00f3ff;--panel-bg: rgba(10, 2, 25, .85)}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;font-family:Courier New,Courier,monospace;color:var(--text-color);user-select:none;display:flex;align-items:center;justify-content:center}#game-container{position:relative;width:min(95vw,1024px);height:min(95vh,768px);aspect-ratio:4 / 3;box-shadow:0 0 50px #ff00ea4d}canvas{display:block;width:100%;height:100%;cursor:crosshair;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#ui-layer{position:absolute;top:0;left:0;width:1024px;height:768px;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-sizing:border-box}.hud-top{display:flex;justify-content:space-between;font-size:1.2rem;text-shadow:0 0 10px var(--neon-blue)}.hud-bottom{display:flex;justify-content:center;font-size:1.8rem;text-shadow:0 0 10px var(--neon-magenta);color:var(--neon-magenta)}.overlay{position:absolute;top:0;left:0;width:1024px;height:768px;background:#05010fe6;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;backdrop-filter:blur(4px);z-index:10}.hidden{display:none!important}h1{font-size:3rem;margin-bottom:10px;text-transform:uppercase;text-shadow:0 0 20px var(--neon-magenta),0 0 40px var(--neon-magenta);color:#fff}p{font-size:1rem;margin-bottom:30px;text-shadow:0 0 5px var(--neon-blue)}button{background:transparent;color:var(--neon-blue);border:2px solid var(--neon-blue);padding:12px 25px;font-size:1.2rem;font-family:inherit;cursor:pointer;text-transform:uppercase;box-shadow:0 0 15px #00f3ff4d inset,0 0 15px #00f3ff4d;transition:all .2s}button:hover{background:var(--neon-blue);color:var(--bg-color);box-shadow:0 0 30px var(--neon-blue)}#upgrade-container{display:flex;gap:15px;margin-top:15px;flex-wrap:wrap;justify-content:center;max-width:750px}.upgrade-card{background:var(--panel-bg);border:1px solid var(--neon-magenta);padding:15px;width:220px;text-align:center;cursor:pointer;box-shadow:0 0 10px #ff00ea33;transition:transform .2s,box-shadow .2s;border-radius:5px}.upgrade-card:hover:not(.disabled-card){transform:translateY(-5px);box-shadow:0 0 20px var(--neon-magenta);background:#ff00ea1a}.disabled-card{opacity:.5;cursor:not-allowed;border-color:#555;box-shadow:none}.upgrade-title{font-size:1rem;color:#fff;margin-bottom:8px;text-shadow:0 0 5px var(--neon-magenta)}.upgrade-desc{font-size:.8rem;color:#ccc}.cost-text{color:#0fa;font-weight:700;margin-top:8px;font-size:1rem;text-shadow:0 0 5px #00ffaa}.stats-panel{position:absolute;left:20px;top:50px;font-size:.75rem;color:#aaa;pointer-events:none}.stats-panel div{margin-bottom:3px}.drop{position:absolute;width:24px;height:24px;border-radius:4px;box-shadow:0 0 10px currentColor,inset 0 0 8px #ffffff4d;z-index:45;transition:transform .1s ease;will-change:transform}.drop:before{content:"";position:absolute;inset:-2px;border-radius:6px;border:2px solid currentColor;opacity:.5;animation:dropPulse 1s ease-in-out infinite}@keyframes dropPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.drop-ammo{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#ff6b35}.drop-ammo:after{content:"⚡";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;text-shadow:0 0 4px #000}.drop-health{background:linear-gradient(135deg,#00d26a,#00a854);color:#00d26a}.drop-health:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700;text-shadow:0 0 4px #000}.drop-money{background:linear-gradient(135deg,gold,#ffb700);color:gold}.drop-money:after{content:"$";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;text-shadow:0 0 4px #000}.drop-hit{animation:dropHitFlash .15s ease-out}@keyframes dropHitFlash{0%{filter:brightness(3) saturate(2);transform:scale(1.2)}to{filter:brightness(1) saturate(1);transform:scale(1)}}.drop-particle{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:44;will-change:transform,opacity}.drop-particle.ammo{background:#ff6b35;box-shadow:0 0 6px #ff6b35}.drop-particle.health{background:#00d26a;box-shadow:0 0 6px #00d26a}.drop-particle.money{background:gold;box-shadow:0 0 6px gold}.collect-flash{position:absolute;border-radius:50%;pointer-events:none;z-index:46;animation:collectFlash .4s ease-out forwards}@keyframes collectFlash{0%{width:20px;height:20px;opacity:1;transform:translate(-50%,-50%) scale(1)}to{width:60px;height:60px;opacity:0;transform:translate(-50%,-50%) scale(2)}}#health-bar-container{position:absolute;bottom:10px;left:10px;width:200px;height:24px;background:#000000b3;border:2px solid #444;border-radius:4px;overflow:hidden;z-index:100}#health-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#f33,#f66,#f33);transition:width .3s ease,background .3s ease;box-shadow:inset 0 0 10px #0000004d}#health-bar-container.low-health{border-color:#f33;animation:healthPulse .5s ease-in-out infinite}@keyframes healthPulse{0%,to{box-shadow:0 0 5px #f33}50%{box-shadow:0 0 15px #f33}}#health-bar-container.critical-health{border-color:red;animation:healthCritical .3s ease-in-out infinite}@keyframes healthCritical{0%,to{box-shadow:0 0 10px red}50%{box-shadow:0 0 25px red,inset 0 0 10px #ff00004d}}#health-text{position:absolute;bottom:36px;left:10px;color:#fff;font-size:12px;text-shadow:0 0 4px #000;z-index:100}#ammo-counter{position:absolute;bottom:10px;left:220px;padding:4px 12px;background:#000000b3;border:2px solid #ff6b35;border-radius:4px;color:#ff6b35;font-size:16px;font-weight:700;z-index:100}#ammo-counter.low-ammo{border-color:#f33;color:#f33;animation:ammoPulse .5s ease-in-out infinite}@keyframes ammoPulse{0%,to{opacity:1}50%{opacity:.6}}#ammo-counter.critical-ammo{border-color:red;color:red;animation:ammoCritical .3s ease-in-out infinite}@keyframes ammoCritical{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}#drop-indicator{position:absolute;top:10px;right:10px;padding:8px 12px;background:#000c;border:1px solid #ffd700;border-radius:4px;color:gold;font-size:12px;z-index:100;opacity:0;transition:opacity .3s ease}#drop-indicator.active{opacity:1}#survival-multiplier{position:absolute;top:50px;right:10px;padding:6px 12px;background:#8b0000cc;border:1px solid #ff4444;border-radius:4px;color:#f44;font-size:14px;font-weight:700;z-index:100}#danger-level{position:absolute;top:90px;right:10px;padding:4px 10px;background:#000000b3;border-radius:4px;color:#888;font-size:11px;text-transform:uppercase;z-index:100}#danger-level.level-1{color:#4a4;border-color:#4a4}#danger-level.level-2{color:#aa4;border-color:#aa4}#danger-level.level-3{color:#a44;border-color:#a44}#danger-level.level-4{color:#f44;border-color:#f44;animation:dangerPulse 1s infinite}#danger-level.level-5{color:red;border-color:red;animation:dangerPulse .5s infinite}@keyframes dangerPulse{0%,to{opacity:1}50%{opacity:.5}}.collect-text{position:absolute;color:#fff;font-size:14px;font-weight:700;text-shadow:0 0 4px #000;pointer-events:none;z-index:150;animation:collectFloat 1s ease-out forwards;white-space:nowrap}.collect-text.ammo{color:#ff6b35}.collect-text.health{color:#00d26a}.collect-text.money{color:gold}.collect-text.bonus{color:#ff69b4}@keyframes collectFloat{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-40px) scale(.8);opacity:0}}.magnet-field{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1);pointer-events:none;z-index:43;animation:magnetPulse 2s ease-in-out infinite}@keyframes magnetPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.5}}