:root{--neon-cyan:#00f3ff;--neon-cyan-glow:#00f3ff73;--neon-orange:#f60;--neon-orange-glow:#ff660073;--neon-purple:#bd00ff;--neon-purple-glow:#bd00ff73;--neon-red:#f04;--neon-red-glow:#ff004473;--neon-green:#0f6;--neon-gold:#fc0;--grid-dark:#02050f;--grid-darker:#010308;--card-bg:#050c1ae6;--border-neon:#00f3ff59;--font-mono:"Share Tech Mono", "Courier New", monospace;--font-display:"Orbitron", -apple-system, sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--grid-darker);width:100%;height:100%;font-family:var(--font-mono);color:#e0faff;overflow:hidden}#game-container{background:radial-gradient(circle,#051329 0%,#020614 70%,#000206 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}#game-canvas{object-fit:contain;cursor:crosshair;width:100%;height:100%;display:block}.scanlines{pointer-events:none;z-index:10;opacity:.55;background:repeating-linear-gradient(0deg,#0000002e,#0000002e 1px,#0000 1px 2px);width:100%;height:100%;position:absolute;top:0;left:0}.vignette{pointer-events:none;z-index:11;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 90px #000000d9,inset 0 0 35px #00f3ff1f}.hud{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;width:100%;padding:18px 26px;display:flex;position:absolute;top:0;left:0}.hud-col{flex-direction:column;gap:8px;display:flex}.hud-left{align-items:flex-start}.hud-center{align-items:center}.hud-right{align-items:flex-end}.hud-stat-box{border:1px solid var(--border-neon);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040b1acc;border-radius:4px;flex-direction:column;padding:6px 14px;display:flex;box-shadow:0 0 15px #00f3ff14}.hud-tag{letter-spacing:2px;color:#72a2d4;text-transform:uppercase;font-size:.65rem}.hud-val{font-family:var(--font-display);letter-spacing:1px;font-size:1.3rem;font-weight:800}.turbo-gauge-wrap{border:1px solid var(--border-neon);background:#040b1acc;border-radius:4px;flex-direction:column;gap:3px;width:180px;padding:6px 12px;display:flex}.gauge-label{letter-spacing:1.5px;color:#8bb5e5;justify-content:space-between;font-size:.62rem;display:flex}.gauge-bar{background:#001428d9;border:1px solid #00f3ff4d;border-radius:2px;width:100%;height:9px;overflow:hidden}.gauge-fill{background:linear-gradient(90deg, #08f, var(--neon-cyan));width:100%;height:100%;box-shadow:0 0 10px var(--neon-cyan);transition:width .1s linear}.disc-ammo-wrap{border:1px solid var(--border-neon);background:#040b1acc;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;width:180px;padding:6px 12px;display:flex}.disc-pips{gap:6px;display:flex}.disc-pip{background:#00f3ff1a;border:1.5px solid #00f3ff4d;border-radius:50%;width:14px;height:14px;transition:all .2s}.disc-pip.active{background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);border-color:#fff}.round-scoreboard{border:1px solid var(--border-neon);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040b1ad9;border-radius:6px;align-items:center;gap:18px;padding:6px 24px;display:flex;box-shadow:0 0 20px #00f3ff26}.team-score{flex-direction:column;align-items:center;display:flex}.team-name{letter-spacing:2px;font-size:.7rem;font-weight:700}.team-pts{font-family:var(--font-display);font-size:1.8rem;font-weight:900}.score-vs{font-family:var(--font-display);color:#58c;letter-spacing:2px;font-size:.9rem;font-weight:800}.round-label{letter-spacing:2px;color:#79a6d2;text-align:center;margin-top:4px;font-size:.7rem}.round-alert{font-family:var(--font-display);letter-spacing:3px;color:#fff;text-shadow:0 0 15px var(--neon-cyan), 0 0 30px var(--neon-cyan-glow);pointer-events:none;font-size:1.4rem;font-weight:900;animation:.4s ease-out pulseAlert;position:absolute;top:90px}@keyframes pulseAlert{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.hud-actions{pointer-events:auto;gap:8px;margin-top:6px;display:flex}.cyber-btn-small{border:1px solid var(--border-neon);color:var(--neon-cyan);cursor:pointer;background:#050e20d9;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex}.cyber-btn-small:hover{border-color:var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan-glow)}.neon-text{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.neon-cyan{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.neon-orange{color:var(--neon-orange);text-shadow:0 0 8px var(--neon-orange)}.neon-purple{color:var(--neon-purple);text-shadow:0 0 8px var(--neon-purple)}.neon-red{color:var(--neon-red);text-shadow:0 0 8px var(--neon-red)}.screen-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;opacity:1;background:#02050ed9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.screen-overlay.hidden{opacity:0;pointer-events:none}.screen-overlay.active{opacity:1;pointer-events:auto}.cyber-card{background:var(--card-bg);text-align:center;border:1px solid #00f3ff73;border-radius:8px;flex-direction:column;gap:16px;width:90%;max-width:620px;padding:30px 40px;animation:.35s ease-out cardFadeIn;display:flex;position:relative;box-shadow:0 0 35px #00f3ff2e,inset 0 0 25px #00f3ff0d}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.cyber-badge{letter-spacing:3px;color:#59d;font-size:.7rem}.game-title{flex-direction:column;margin-top:-5px;line-height:1;display:flex}.title-sub{font-family:var(--font-display);letter-spacing:12px;color:#7ce7ff;font-size:1.3rem}.title-main{font-family:var(--font-display);letter-spacing:5px;background:linear-gradient(180deg, #fff 0%, var(--neon-cyan) 65%, #08c 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 25px var(--neon-cyan-glow);-webkit-background-clip:text;font-size:2.8rem;font-weight:900}.subtitle{letter-spacing:2px;color:#8da4c4;font-size:.8rem}.selection-group{text-align:left;flex-direction:column;gap:8px;display:flex}.selector-title{letter-spacing:1.5px;color:#84a2c6;text-transform:uppercase;font-size:.7rem}.mode-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-btn{color:#b8cde4;cursor:pointer;text-align:left;background:#061228bf;border:1px solid #00f3ff40;border-radius:4px;align-items:center;gap:10px;padding:9px 12px;transition:all .2s;display:flex}.mode-icon{font-size:1.3rem}.mode-desc strong{font-family:var(--font-display);color:#fff;font-size:.78rem}.mode-desc small{color:#7a9ec4;font-size:.68rem}.mode-btn:hover{border-color:var(--neon-cyan);background:#00f3ff1a}.mode-btn.active{border-color:var(--neon-cyan);background:#00f3ff33;box-shadow:0 0 15px #00f3ff4d}.btn-toggle-row{gap:8px;display:flex}.toggle-btn{color:#b0c9e6;font-family:var(--font-display);cursor:pointer;background:#061228bf;border:1px solid #00f3ff40;border-radius:4px;flex:1;padding:8px 10px;font-size:.75rem;font-weight:700;transition:all .2s}.toggle-btn:hover{border-color:var(--neon-cyan)}.toggle-btn.active{border-color:var(--neon-cyan);color:#fff;background:#00f3ff40;box-shadow:0 0 12px #00f3ff40}.skin-buttons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.skin-btn{color:#c4d7ee;font-family:var(--font-display);cursor:pointer;background:#061228b3;border:1px solid #00f3ff40;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:7px 6px;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.skin-color{border-radius:50%;width:9px;height:9px}.skin-btn:hover{border-color:var(--neon-cyan)}.skin-btn.active{border-color:var(--neon-cyan);color:#fff;background:#00f3ff33;box-shadow:0 0 12px #00f3ff40}.instructions-panel{text-align:left;background:#020714bf;border:1px dashed #00f3ff4d;border-radius:4px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.instr-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.key-badge{border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-display);background:#00f3ff26;border-radius:3px;padding:2px 5px;font-size:.65rem;font-weight:800}.instr-text{color:#a0c0e5;margin-left:3px;font-size:.7rem}.cyber-btn{font-family:var(--font-display);letter-spacing:2px;border:1px solid var(--neon-cyan);color:#fff;cursor:pointer;background:#06142dd9;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:800;transition:all .2s;display:flex;position:relative}.cyber-btn-primary{background:linear-gradient(135deg,#00a0ff59 0%,#00f3ff80 100%);box-shadow:0 0 20px #00f3ff59}.cyber-btn-primary:hover{background:linear-gradient(135deg,#00beff80 0%,#00f3ffbf 100%);transform:translateY(-2px);box-shadow:0 0 32px #00f3ff99}.cyber-btn:hover{box-shadow:0 0 20px var(--neon-cyan-glow);transform:translateY(-2px)}.cyber-btn-secondary{color:#ace;border-color:#57a}.derezz-banner{font-family:var(--font-display);letter-spacing:4px;font-size:.9rem;font-weight:800}.gameover-title{font-family:var(--font-display);letter-spacing:4px;color:#fff;font-size:2.2rem;font-weight:900}.gameover-stats{text-align:left;grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-box{background:#030a18cc;border:1px solid #00f3ff33;border-radius:4px;padding:8px 12px}.stat-box.highlight{border-color:var(--neon-cyan);background:#00f3ff14}.stat-title{color:#7ba2cc;letter-spacing:1.5px;font-size:.65rem}.stat-number{font-family:var(--font-display);margin-top:2px;font-size:1.3rem;font-weight:800}.gameover-actions,.pause-actions{gap:12px;margin-top:6px;display:flex}.gameover-actions .cyber-btn,.pause-actions .cyber-btn{flex:1}.mobile-controls{z-index:25;pointer-events:none;justify-content:space-between;align-items:flex-end;width:100%;padding:0 24px;display:flex;position:absolute;bottom:20px;left:0}.dpad{pointer-events:auto;flex-direction:column;align-items:center;display:flex}.dpad-middle{align-items:center;display:flex}.dpad-btn{border:1.5px solid var(--neon-cyan);width:50px;height:50px;color:var(--neon-cyan);cursor:pointer;background:#051226cc;border-radius:6px;justify-content:center;align-items:center;font-size:1.1rem;display:flex;box-shadow:0 0 10px #00f3ff33}.dpad-btn:active{background:#00f3ff66}.dpad-center{width:35px;height:35px}.action-buttons{pointer-events:auto;flex-direction:column;gap:12px;display:flex}.action-btn{width:65px;height:65px;font-family:var(--font-display);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;display:flex}.action-turbo{border:2px solid var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan-glow);background:#00a0ff59}.action-disc{border:2px solid var(--neon-purple);box-shadow:0 0 15px var(--neon-purple-glow);background:#bd00ff59}.hidden{display:none!important}@media (width<=768px){.cyber-card{gap:12px;padding:20px 24px}.title-main{font-size:2.1rem}.hud{padding:10px 14px}.hud-val{font-size:1rem}.turbo-gauge-wrap,.disc-ammo-wrap{width:130px}}