@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Share+Tech+Mono&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#00030a;font-family:Orbitron,Share Tech Mono,monospace;color:#fff}.game-container{position:relative;width:100vw;height:100vh;overflow:hidden}.game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;cursor:none}.hud-root{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.damage-flash{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(255,30,30,.55) 100%);animation:damage-pulse .3s ease-out;pointer-events:none;z-index:100}@keyframes damage-pulse{0%{opacity:1}to{opacity:0}}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px}.ch-top,.ch-bottom,.ch-left,.ch-right{position:absolute;background:#ffffffd9}.ch-top,.ch-bottom{width:2px;height:8px;left:50%;transform:translate(-50%)}.ch-top{top:0}.ch-bottom{bottom:0}.ch-left,.ch-right{width:8px;height:2px;top:50%;transform:translateY(-50%)}.ch-left{left:0}.ch-right{right:0}.ch-dot{position:absolute;width:3px;height:3px;background:#ffffffe6;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-bottom-left{position:absolute;bottom:24px;left:24px;display:flex;flex-direction:column;gap:8px}.hud-health{display:flex;align-items:center;gap:10px}.hud-label{font-family:Orbitron,monospace;font-size:11px;font-weight:700;color:#fff9;letter-spacing:2px;width:42px}.hud-bar-track{width:160px;height:8px;background:#ffffff1f;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hud-bar-fill{height:100%;border-radius:4px;transition:width .15s ease}.hud-value{font-family:Orbitron,monospace;font-size:18px;font-weight:700;min-width:44px;text-align:right}.hud-stamina{display:flex;align-items:center;gap:10px;transition:opacity .3s}.hud-bottom-right{position:absolute;bottom:24px;right:24px;text-align:right}.hud-weapon-name{font-family:Orbitron,monospace;font-size:10px;font-weight:700;letter-spacing:3px;color:#ffc850cc;text-shadow:0 0 8px rgba(255,160,0,.5);margin-bottom:4px}.hud-ammo{display:flex;align-items:baseline;gap:4px;justify-content:flex-end}.ammo-count{font-size:44px;font-weight:900;letter-spacing:-2px;line-height:1;text-shadow:0 0 20px rgba(255,255,255,.4)}.ammo-sep{font-size:22px;color:#fff6}.ammo-max{font-size:20px;color:#ffffff80}.reload-indicator{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.reload-text{font-size:13px;letter-spacing:3px;color:#fc0;animation:blink .5s step-end infinite;text-shadow:0 0 8px #ffcc00}@keyframes blink{50%{opacity:.4}}.reload-track{width:120px;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}.reload-fill{height:100%;background:#fc0;border-radius:2px;box-shadow:0 0 6px #fc0;transition:width .1s linear}.hud-top-left{position:absolute;top:20px;left:24px}.hud-score{margin-bottom:6px}.hud-score-label{font-size:10px;color:#ffffff80;letter-spacing:3px}.hud-score-value{font-size:28px;font-weight:900;color:#fff;text-shadow:0 0 16px rgba(255,255,255,.4);letter-spacing:1px}.hud-streak{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ffc80026;border:1px solid rgba(255,200,0,.3);border-radius:4px;animation:streak-pulse .8s ease-in-out infinite}@keyframes streak-pulse{0%,to{box-shadow:0 0 6px #ffc8004d}50%{box-shadow:0 0 12px #ffc80099}}.streak-icon{font-size:14px}.streak-value{font-size:12px;font-weight:700;color:#fc0;letter-spacing:2px}.hud-top-right{position:absolute;top:20px;right:24px;text-align:right;display:flex;flex-direction:column;gap:6px}.hud-wave{font-size:14px;font-weight:700;color:#f80;letter-spacing:4px;text-shadow:0 0 10px #ff8800}.hud-timer{font-size:13px;color:#ffffff8c;letter-spacing:2px}.hud-level{display:flex;align-items:center;gap:8px;justify-content:flex-end}.level-text{font-size:12px;font-weight:700;color:#a4f;letter-spacing:2px}.floating-text{position:absolute;font-family:Orbitron,monospace;font-weight:900;pointer-events:none;transition:none;white-space:nowrap;z-index:200}.hit-marker{position:absolute;font-size:18px;font-weight:900;pointer-events:none;transform:translate(-50%,-50%);z-index:200}.streak-callout{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:42px;font-weight:900;letter-spacing:4px;text-align:center;pointer-events:none;z-index:300;animation:callout-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes callout-pop{0%{transform:translate(-50%) scale(.5);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.levelup-banner{position:absolute;top:35%;left:50%;transform:translate(-50%);text-align:center;animation:banner-in .5s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:300}.levelup-text{font-size:52px;font-weight:900;color:#a4f;text-shadow:0 0 30px #aa44ff,0 0 60px #aa44ff;letter-spacing:6px}.levelup-sub{font-size:14px;color:#ffffffb3;letter-spacing:3px;margin-top:8px}.wave-banner{position:absolute;top:28%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:300;animation:banner-in .4s ease-out}.wave-text{font-size:60px;font-weight:900;color:#f80;text-shadow:0 0 30px #ff8800,0 0 60px #ff4400;letter-spacing:8px}.wave-sub{font-size:14px;color:#fff9;letter-spacing:4px;margin-top:6px}@keyframes banner-in{0%{opacity:0;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}.key-hints{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:20px;font-size:10px;color:#ffffff4d;letter-spacing:1px;pointer-events:none}.menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00030ae0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500}.gameover-overlay{background:#1e0000eb}.menu-panel{display:flex;flex-direction:column;align-items:center;gap:28px;padding:48px 56px;background:#0a1428f2;border:1px solid rgba(0,120,200,.3);border-radius:4px;box-shadow:0 0 60px #0050c833,inset 0 0 40px #0028641a;max-width:90vw;max-height:90vh;overflow-y:auto}.game-logo{text-align:center;line-height:1}.logo-line1{font-size:80px;font-weight:900;color:#0cf;letter-spacing:12px;text-shadow:0 0 30px #00ccff,0 0 60px #0066aa;animation:logo-glow 2s ease-in-out infinite}.logo-line2{font-size:80px;font-weight:900;color:#f40;letter-spacing:8px;text-shadow:0 0 30px #ff4400,0 0 60px #aa2200;animation:logo-glow 2s ease-in-out infinite reverse}.logo-sub{font-size:24px;font-weight:700;color:#ffffff80;letter-spacing:20px;margin-top:4px}@keyframes logo-glow{0%,to{opacity:1}50%{opacity:.8}}.logo-tagline{font-size:11px;color:#fff6;letter-spacing:6px;text-align:center;margin-top:-12px}.menu-buttons{display:flex;flex-direction:column;gap:12px;width:300px}.menu-btn{padding:14px 28px;font-family:Orbitron,monospace;font-size:14px;font-weight:700;letter-spacing:4px;border:none;border-radius:3px;cursor:pointer;transition:all .15s ease;text-transform:uppercase}.menu-btn.primary{background:linear-gradient(135deg,#06c,#04a);color:#fff;border:1px solid rgba(100,180,255,.4);box-shadow:0 0 20px #0064c866}.menu-btn.primary:hover{background:linear-gradient(135deg,#08f,#06c);box-shadow:0 0 30px #0096ff99;transform:translateY(-1px)}.menu-btn.secondary{background:#ffffff0f;color:#fffc;border:1px solid rgba(255,255,255,.15)}.menu-btn.secondary:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px)}.menu-btn.danger{background:#b41e1e4d;color:#f88;border:1px solid rgba(255,60,60,.3)}.menu-btn.danger:hover{background:#c8282880;transform:translateY(-1px)}.menu-footer{font-size:10px;color:#ffffff40;letter-spacing:2px;text-align:center}.pause-title{font-size:52px;font-weight:900;letter-spacing:12px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.gameover-panel{gap:24px}.gameover-title{font-size:52px;font-weight:900;letter-spacing:6px;color:#f33;text-shadow:0 0 30px #ff3333;animation:gameover-pulse 1.5s ease-in-out infinite}@keyframes gameover-pulse{0%,to{text-shadow:0 0 20px #ff3333}50%{text-shadow:0 0 40px #ff3333,0 0 80px #aa0000}}.gameover-sub{font-size:13px;color:#fff6;letter-spacing:4px;margin-top:-16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:600px}.stat-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#ffffff0a;border:1px solid;border-radius:4px}.stat-label{font-size:9px;color:#fff6;letter-spacing:2px;text-align:center}.stat-value{font-size:28px;font-weight:900}.howto-title,.settings-title{font-size:28px;font-weight:900;letter-spacing:8px;color:#0cf}.howto-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:600px}.howto-section{padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:4px}.howto-section-title{font-size:10px;letter-spacing:4px;color:#0cf;margin-bottom:12px;font-weight:700}.howto-controls{display:flex;flex-direction:column;gap:8px}.control-row{display:flex;justify-content:space-between;font-size:12px}.control-key{color:#fc0;font-weight:700}.control-action{color:#fff9}.howto-desc{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#ffffffb3;line-height:1.4}.enemy-type{display:flex;align-items:center;gap:8px}.settings-panel{width:min(500px,90vw)}.settings-list{display:flex;flex-direction:column;gap:20px;width:100%}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.settings-label{font-size:12px;color:#ffffffb3;letter-spacing:2px;white-space:nowrap}.settings-control{display:flex;align-items:center;gap:12px}.settings-slider{width:140px;accent-color:#00ccff;cursor:pointer}.settings-value{font-size:13px;color:#0cf;min-width:44px;text-align:right}.settings-select{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 10px;font-family:Orbitron,monospace;font-size:11px;border-radius:3px;cursor:pointer;outline:none}.settings-select option{background:#0a1428}.highscore-banner{background:linear-gradient(135deg,#ffc8001f,#ff640014);border:1px solid rgba(255,200,0,.4);border-radius:8px;padding:16px 20px;margin-bottom:20px;width:100%;text-align:center;animation:highscore-glow 1.5s ease-in-out infinite alternate}@keyframes highscore-glow{0%{box-shadow:0 0 10px #ffc80033}to{box-shadow:0 0 24px #ffc80080}}.highscore-label{font-size:13px;font-weight:700;letter-spacing:2px;color:gold;text-shadow:0 0 12px #ffd700;margin-bottom:12px}.highscore-input-row{display:flex;gap:10px;justify-content:center;align-items:center}.highscore-input{background:#ffffff12;border:1px solid rgba(255,200,0,.5);border-radius:4px;color:#fff;font-family:Orbitron,monospace;font-size:14px;letter-spacing:3px;padding:8px 14px;outline:none;width:160px;text-align:center;text-transform:uppercase}.highscore-input::placeholder{color:#ffffff4d;letter-spacing:2px;font-size:11px}.highscore-input:focus{border-color:gold;box-shadow:0 0 8px #ffc8004d}.highscore-save-btn{padding:8px 18px!important;font-size:12px!important}.highscore-saved{text-align:center;font-size:13px;color:#0fc;letter-spacing:2px;margin-bottom:16px;text-shadow:0 0 10px #00ffcc}.leaderboard-panel{width:min(760px,95vw);max-height:90vh;overflow-y:auto}.leaderboard-title{font-size:clamp(22px,4vw,32px);font-weight:900;letter-spacing:6px;color:gold;text-shadow:0 0 20px #ffd700,0 0 40px rgba(255,200,0,.4);margin-bottom:4px;text-align:center}.leaderboard-sub{font-size:11px;letter-spacing:4px;color:#fff6;margin-bottom:24px;text-align:center}.leaderboard-empty{text-align:center;color:#fff6;font-size:14px;line-height:1.8;padding:32px 0;letter-spacing:1px}.leaderboard-table{width:100%;display:flex;flex-direction:column;gap:4px}.lb-header{display:grid;grid-template-columns:52px 1fr 110px 60px 50px 60px 90px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.15);font-size:10px;letter-spacing:2px;color:#fff6}.lb-row{display:grid;grid-template-columns:52px 1fr 110px 60px 50px 60px 90px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:4px;font-size:13px;letter-spacing:1px;transition:background .15s}.lb-row:hover{background:#ffffff12}.lb-row-top{background:#ffc8000d;border-color:#ffc80026}.lb-col-rank{text-align:center;font-weight:700}.lb-col-name{font-weight:600;letter-spacing:2px;color:#eee}.lb-col-score{text-align:right;font-weight:700}.lb-col-wave,.lb-col-level,.lb-col-acc{text-align:center}.lb-col-date{text-align:right;font-size:11px}.weapon-picker-panel{width:min(800px,96vw);gap:20px}.picker-title{font-size:clamp(22px,4vw,32px);font-weight:900;letter-spacing:8px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3);text-align:center}.picker-sub{font-size:11px;letter-spacing:3px;color:#ffffff59;text-align:center;margin-top:-10px}.weapon-cards{display:flex;gap:20px;width:100%;justify-content:center;flex-wrap:wrap}.weapon-card{flex:1;min-width:240px;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative}.weapon-card:hover{background:#ffffff12;transform:translateY(-2px)}.weapon-card-selected{background:#ffffff12}.weapon-card-icon{font-size:52px;line-height:1;filter:drop-shadow(0 0 12px currentColor)}.weapon-card-name{font-size:16px;font-weight:900;letter-spacing:4px;text-align:center}.weapon-card-tagline{font-size:10px;color:#ffffff73;letter-spacing:1px;text-align:center;line-height:1.5;padding:0 4px}.weapon-card-specs{display:flex;flex-direction:column;gap:4px;width:100%;background:#0003;border-radius:4px;padding:10px 12px}.weapon-spec-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px}.weapon-spec-key{color:#fff6}.weapon-spec-val{font-weight:700;font-size:12px}.weapon-card-stats{display:flex;flex-direction:column;gap:8px;width:100%}.weapon-stat-row{display:flex;align-items:center;gap:8px}.weapon-stat-label{font-size:9px;letter-spacing:2px;color:#fff6;width:60px;flex-shrink:0}.weapon-stat-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.weapon-stat-fill{height:100%;border-radius:3px;transition:width .3s ease}.weapon-stat-num{font-size:10px;font-weight:700;width:28px;text-align:right;flex-shrink:0}.weapon-card-badge{font-size:10px;font-weight:700;letter-spacing:3px;padding:4px 12px;border:1px solid;border-radius:3px;background:#ffffff0d}.picker-actions{display:flex;gap:16px;align-items:center;margin-top:4px}.picker-deploy-btn{padding:16px 48px!important;font-size:16px!important;letter-spacing:6px!important}.picker-design-banner{display:flex;align-items:center;gap:16px;width:100%;padding:14px 20px;background:#aa44ff14;border:1px solid rgba(170,68,255,.35);border-radius:4px;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}.picker-design-banner:hover{background:#aa44ff2e;border-color:#aa44ffb3;box-shadow:0 0 20px #aa44ff40}.picker-design-icon{font-size:22px;color:#a4f;text-shadow:0 0 14px #aa44ff;flex-shrink:0}.picker-design-text{display:flex;flex-direction:column;gap:3px;flex:1}.picker-design-title{font-family:Orbitron,monospace;font-size:13px;font-weight:700;color:#a4f;letter-spacing:3px;text-shadow:0 0 10px #aa44ff88}.picker-design-sub{font-family:Orbitron,monospace;font-size:10px;color:#a4f9;letter-spacing:1px}.picker-design-arrow{font-size:14px;color:#aa44ffb3;flex-shrink:0}.weapon-designer-panel{width:560px;max-width:92vw;gap:20px!important;padding:40px 48px!important}.designer-title{font-family:Orbitron,monospace;font-size:22px;font-weight:900;letter-spacing:5px;color:#a4f;text-shadow:0 0 24px #aa44ff,0 0 48px #6600cc88;text-align:center}.designer-sub{font-size:10px;color:#ffffff73;letter-spacing:2px;text-align:center;margin-top:-8px}.designer-budget{display:flex;align-items:center;gap:14px;background:#aa44ff12;border:1px solid rgba(170,68,255,.25);border-radius:4px;padding:10px 16px;width:100%}.budget-label{font-size:9px;font-weight:700;color:#ffffff73;letter-spacing:2px;flex-shrink:0}.budget-pips{display:flex;gap:5px;flex:1}.budget-pip{flex:1;height:8px;border-radius:2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.08);transition:background .15s,box-shadow .15s}.budget-pip-used{background:#a4f;border-color:#a4f;box-shadow:0 0 6px #a4f8}.budget-remaining{font-size:11px;font-weight:700;color:#a4f;letter-spacing:1px;flex-shrink:0;min-width:44px;text-align:right}.budget-zero{color:#ffffff59}.designer-name-display{display:flex;align-items:center;gap:14px;width:100%;padding:10px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:4px}.designer-name-label{font-size:9px;font-weight:700;color:#ffffff59;letter-spacing:2px;flex-shrink:0}.designer-name-value{font-size:15px;font-weight:900;color:#fff;letter-spacing:3px;text-shadow:0 0 12px rgba(255,255,255,.4);flex:1;text-align:right}.designer-stats-list{display:flex;flex-direction:column;gap:10px;width:100%}.designer-stat-row{display:flex;align-items:center;gap:14px}.designer-stat-left{display:flex;flex-direction:column;gap:2px;width:110px;flex-shrink:0}.designer-stat-label{font-size:10px;font-weight:700;letter-spacing:2px}.designer-stat-desc{font-size:9px;color:#fff6;letter-spacing:1px}.designer-stat-bar-area{display:flex;align-items:center;gap:10px;flex:1}.designer-stat-bar-track{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.designer-stat-bar-fill{height:100%;border-radius:4px;transition:width .18s ease,box-shadow .18s ease}.designer-stat-points{font-size:11px;font-weight:700;min-width:28px;text-align:right;flex-shrink:0}.designer-stat-controls{display:flex;gap:6px;flex-shrink:0}.designer-stat-btn{width:30px;height:30px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:3px;color:#fff;font-family:Orbitron,monospace;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,transform .08s;line-height:1}.designer-stat-btn:hover:not(:disabled){background:#aa44ff40;border-color:#a4f9;transform:scale(1.1)}.designer-stat-btn:active:not(:disabled){transform:scale(.95)}.designer-stat-btn:disabled{opacity:.25;cursor:not-allowed}.designer-actions{display:flex;gap:16px;align-items:center;margin-top:4px}.designer-equip-btn{padding:14px 36px!important;font-size:14px!important;letter-spacing:4px!important}