:root{--bg: #04060c;--cyan: #22d3ee;--cyan-bright: #7df3ff;--violet: #a78bfa;--orange: #fb923c;--magenta: #e879f9;--danger: #f43f5e;--text: #cfeeff;--panel: rgba(7, 12, 24, .92);--font: "Consolas", "Menlo", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;user-select:none}#app{position:fixed;inset:0}#scene-root{position:absolute;inset:0}#scene-root canvas{display:block;width:100%;height:100%}.hidden{display:none!important}#vignette{position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 52%,rgba(2,4,10,.55) 100%)}#dmg-flash{position:absolute;inset:0;pointer-events:none;z-index:6;background:radial-gradient(ellipse at center,#f43f5e1f 40%,#f43f5e80);opacity:0}#hud{position:absolute;inset:0;pointer-events:none;z-index:10}.hud-topleft{position:absolute;top:14px;left:16px;display:flex;flex-direction:column;gap:6px}.hud-topcenter{position:absolute;top:12px;left:50%;transform:translate(-50%);text-align:center;width:min(560px,60vw)}.hud-bottomleft{position:absolute;bottom:16px;left:16px}.hud-bottomright{position:absolute;bottom:16px;right:16px;text-align:right}.bar{position:relative;width:240px;height:14px;background:#0a1222d9;border:1px solid rgba(80,140,190,.4);border-radius:3px;overflow:hidden}.bar-fill{height:100%;width:100%;transition:width .12s linear}.bar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:1px;color:#eaffff;text-shadow:0 0 4px #000}.hp-bar .bar-fill{background:linear-gradient(90deg,#0e7490,var(--cyan));box-shadow:0 0 8px #22d3eeb3}.shield-bar .bar-fill{background:linear-gradient(90deg,#5b21b6,var(--violet));box-shadow:0 0 8px #a78bfab3}.hud-score{margin-top:6px;font-size:15px;letter-spacing:2px;color:var(--cyan-bright);text-shadow:0 0 8px rgba(34,211,238,.8)}.hud-best{font-size:11px;letter-spacing:2px;color:#cfeeff8c}#wave-indicator{font-size:17px;letter-spacing:4px;color:#eaffff;text-shadow:0 0 10px rgba(34,211,238,.9),0 0 22px rgba(34,211,238,.5)}#boss-wrap{margin-top:8px}.boss-name{font-size:13px;letter-spacing:3px;color:var(--magenta);text-shadow:0 0 10px rgba(232,121,249,.9);margin-bottom:4px}.boss-bar{width:100%;height:10px}.boss-bar .bar-fill{background:linear-gradient(90deg,#701a75,var(--magenta));box-shadow:0 0 10px #e879f9cc}.level-row{display:flex;align-items:center;gap:10px}#hud-level{font-size:14px;letter-spacing:2px;color:var(--orange);text-shadow:0 0 8px rgba(251,146,60,.8)}.xp-bar{width:200px;height:8px}.xp-bar .bar-fill{background:linear-gradient(90deg,#9a3412,var(--orange));box-shadow:0 0 8px #fb923cb3}.weapon-row{display:flex;align-items:center;gap:8px;justify-content:flex-end}#weapon-icon{width:34px;height:34px;image-rendering:pixelated;filter:drop-shadow(0 0 6px rgba(34,211,238,.8))}.weapon-name{font-size:11px;letter-spacing:2px;color:#cfeeffcc}.controls-hint{margin-top:6px;font-size:9px;letter-spacing:1px;color:#cfeeff66}#banner{position:absolute;top:26%;left:0;right:0;z-index:11;text-align:center;pointer-events:none}#banner-text{display:inline-block;font-size:clamp(22px,4vw,42px);letter-spacing:8px;color:#f2fdff;text-shadow:0 0 14px rgba(34,211,238,1),0 0 40px rgba(34,211,238,.6);padding:10px 26px;border-top:1px solid rgba(34,211,238,.5);border-bottom:1px solid rgba(34,211,238,.5);background:#04081059}#banner.flash{animation:banner-in .5s ease-out}@keyframes banner-in{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}#menu-layer{position:absolute;inset:0;z-index:20}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#title-screen{background:transparent}#title-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.title-overlay{position:relative;text-align:center;padding:20px 40px;background:#0408108c;border:1px solid rgba(34,211,238,.35);box-shadow:0 0 40px #22d3ee26,inset 0 0 30px #22d3ee0d;max-width:640px;width:calc(100% - 40px)}.game-title{font-size:clamp(30px,5vw,54px);letter-spacing:6px;color:#f0fcff;text-shadow:0 0 16px rgba(34,211,238,.9),0 0 50px rgba(34,211,238,.5)}.game-title .lite{color:var(--orange);text-shadow:0 0 16px rgba(251,146,60,.9),0 0 50px rgba(251,146,60,.5);font-size:.6em;letter-spacing:10px}.tagline{margin:10px 0 18px;font-size:12px;letter-spacing:4px;color:#cfeeffb3}.best-row{font-size:13px;letter-spacing:3px;color:#cfeeff99;margin-bottom:18px}.best-row b{color:var(--cyan-bright);text-shadow:0 0 8px rgba(34,211,238,.8)}.controls-line{margin-top:18px;font-size:10px;letter-spacing:2px;color:#cfeeff73}.menu-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.menu-buttons.col{flex-direction:column;width:240px;margin:0 auto}.menu-buttons.center{justify-content:center}.nfl-btn{font-family:var(--font);font-size:14px;letter-spacing:3px;color:var(--text);background:#0a1222cc;border:1px solid rgba(34,211,238,.5);padding:12px 26px;cursor:pointer;transition:all .15s ease;text-shadow:0 0 6px rgba(34,211,238,.5)}.nfl-btn:hover{background:#22d3ee26;border-color:var(--cyan);box-shadow:0 0 16px #22d3ee80,inset 0 0 12px #22d3ee33;color:#fff}.nfl-btn:active{transform:translateY(1px)}.nfl-btn.primary{border-color:var(--cyan);color:var(--cyan-bright);box-shadow:0 0 12px #22d3ee59}.nfl-btn.danger{border-color:#f43f5e99;color:#ffd7de;text-shadow:0 0 6px rgba(244,63,94,.5)}.nfl-btn.danger:hover{border-color:var(--danger);box-shadow:0 0 16px #f43f5e80;background:#f43f5e1f}.panel{background:var(--panel);border:1px solid rgba(34,211,238,.4);box-shadow:0 0 50px #22d3ee26,inset 0 0 30px #22d3ee0a;padding:34px 48px;text-align:center;min-width:340px}.panel h2{font-size:26px;letter-spacing:8px;color:#f0fcff;text-shadow:0 0 14px rgba(34,211,238,.8);margin-bottom:22px}.setting-row{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:2px;margin:14px 0;color:#cfeeffcc}.setting-label{min-width:130px;text-align:left}#vol-value{min-width:44px;text-align:right;color:var(--cyan-bright)}input[type=range]{-webkit-appearance:none;appearance:none;width:160px;height:4px;background:#22d3ee4d;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--cyan);cursor:pointer;box-shadow:0 0 8px #22d3eee6}input[type=checkbox]{width:18px;height:18px;accent-color:var(--cyan);cursor:pointer}.upgrade-wrap{text-align:center}.upgrade-title{font-size:34px;letter-spacing:10px;color:var(--cyan-bright);text-shadow:0 0 18px rgba(34,211,238,.9)}.upgrade-sub{letter-spacing:4px;font-size:12px;color:#cfeeff99;margin:8px 0 26px}.upgrade-cards{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.upgrade-card{width:200px;padding:22px 16px;cursor:pointer;background:var(--panel);border:1px solid rgba(167,139,250,.45);display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .15s ease;font-family:var(--font);color:var(--text)}.upgrade-card:hover{border-color:var(--violet);box-shadow:0 0 22px #a78bfa8c,inset 0 0 18px #a78bfa26;transform:translateY(-4px)}.upgrade-card img{width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(34,211,238,.7))}.upgrade-card-name{font-size:13px;letter-spacing:2px;color:var(--cyan-bright)}.upgrade-card-desc{font-size:11px;line-height:1.5;color:#cfeeffb3}.end-stats{display:flex;gap:26px;justify-content:center;margin:18px 0;font-size:13px;letter-spacing:2px;color:#cfeeffb3}.end-stats b{color:var(--cyan-bright);font-size:18px;display:block;text-shadow:0 0 10px rgba(34,211,238,.8)}#end-title.victory{color:var(--cyan-bright);text-shadow:0 0 20px rgba(34,211,238,1)}.new-best{margin:6px 0 14px;font-size:14px;letter-spacing:3px;color:var(--orange);text-shadow:0 0 12px rgba(251,146,60,.9);animation:pulse-best 1s ease-in-out infinite}@keyframes pulse-best{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}#err-overlay{position:absolute;left:12px;bottom:12px;z-index:100;max-width:520px;max-height:40vh;overflow:auto;background:#28040af2;border:1px solid var(--danger);color:#ffd7de;font-size:11px;letter-spacing:1px;padding:12px 16px;white-space:pre-wrap;box-shadow:0 0 20px #f43f5e66}