:root{--bg-dark:#050014;--bg-panel:#0d0221bf;--neon-cyan:#00f0ff;--neon-magenta:#ff007f;--neon-purple:#9d00ff;--neon-yellow:#ffe600;--neon-white:#fff;--glow-cyan:0 0 10px #00f0ff99, 0 0 20px #00f0ff4d;--glow-magenta:0 0 10px #ff007f99, 0 0 20px #ff007f4d;--glow-yellow:0 0 10px #ffe60099, 0 0 20px #ffe6004d;--font-heading:"Orbitron", sans-serif;--font-mono:"Share Tech Mono", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;font-family:var(--font-heading);color:var(--neon-white);overflow:hidden}#game-canvas{z-index:1;width:100vw;height:100vh;display:block;position:absolute;top:0;left:0}#crt-overlay{z-index:9999;pointer-events:none;opacity:.85;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100vw;height:100vh;position:absolute;top:0;left:0}#crt-overlay:after{content:" ";pointer-events:none;background:radial-gradient(circle,#0000 60%,#0009 120%);display:block;position:absolute;inset:0}@keyframes scanline-roll{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}#crt-overlay:before{content:" ";pointer-events:none;background:linear-gradient(#fff0,#ffffff0a 50%,#fff0);height:100px;animation:8s linear infinite scanline-roll;display:block;position:absolute;top:0;left:0;right:0}#ui-container{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.screen{opacity:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:opacity .4s;display:none;position:absolute}.screen.active{opacity:1;pointer-events:auto;display:flex}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(15px);border:2px solid #00f0ff40;border-radius:12px;width:100%;max-width:480px;padding:40px 50px;animation:4s infinite alternate panel-glow-pulse;box-shadow:0 0 25px #00f0ff26,inset 0 0 20px #00f0ff0d}@keyframes panel-glow-pulse{0%{border-color:#00f0ff40;box-shadow:0 0 25px #00f0ff26}to{border-color:#ff007f59;box-shadow:0 0 35px #ff007f33}}.glow-container{text-align:center;margin-bottom:30px}.game-title{letter-spacing:.35em;text-indent:.35em;color:#fff;text-shadow:0 0 10px #fffc, 0 0 20px var(--neon-cyan), 0 0 40px var(--neon-purple);font-size:4rem;font-weight:900;line-height:1.1;animation:3s infinite alternate title-flicker}.game-subtitle{letter-spacing:.5em;text-indent:.5em;color:var(--neon-magenta);text-shadow:var(--glow-magenta);opacity:.9;margin-top:5px;font-size:1.5rem;font-weight:700}@keyframes title-flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{text-shadow:0 0 10px #fffc, 0 0 20px var(--neon-cyan), 0 0 45px var(--neon-purple)}20%,21.999%,63%,63.999%,65%,69.999%{text-shadow:none;color:#fff3}}.section-title{letter-spacing:.15em;text-transform:uppercase;margin-bottom:25px;font-size:1.8rem;font-weight:900}.text-cyan{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.text-magenta{color:var(--neon-magenta);text-shadow:var(--glow-magenta)}.text-yellow{color:var(--neon-yellow);text-shadow:var(--glow-yellow)}.text-white{color:var(--neon-white)}.text-center{text-align:center}.font-bold{font-weight:900}.menu-options{flex-direction:column;gap:20px;display:flex}.neon-btn{color:var(--neon-white);font-family:var(--font-heading);letter-spacing:.15em;cursor:pointer;text-transform:uppercase;background:0 0;border:2px solid;border-radius:6px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .2s}.cyan-glow{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:inset 0 0 8px #00f0ff33}.cyan-glow:hover{background-color:var(--neon-cyan);color:var(--bg-dark);box-shadow:0 0 20px var(--neon-cyan);transform:scale(1.03)}.magenta-glow{border-color:var(--neon-magenta);color:var(--neon-magenta);box-shadow:inset 0 0 8px #ff007f33}.magenta-glow:hover{background-color:var(--neon-magenta);color:var(--bg-dark);box-shadow:0 0 20px var(--neon-magenta);transform:scale(1.03)}.settings-group{text-align:left;flex-direction:column;gap:8px;display:flex}.settings-group label{letter-spacing:.2em;color:#fff9;padding-left:2px;font-size:.75rem}.toggle-buttons{border:1px solid #ffffff26;border-radius:4px;width:100%;display:flex;overflow:hidden}.toggle-btn{color:#ffffff80;font-family:var(--font-heading);letter-spacing:.1em;cursor:pointer;background:#ffffff08;border:none;flex:1;padding:10px;font-size:.8rem;font-weight:700;transition:all .2s}.toggle-btn:hover{color:var(--neon-white);background:#ffffff14}.toggle-btn.active{background:var(--neon-cyan);color:var(--bg-dark);font-weight:900;box-shadow:0 0 10px #00f0ff66}#hud-screen{pointer-events:none;justify-content:flex-start;align-items:stretch}.glass-panel-hud{-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#05001499;border:1px solid #00f0ff26;border-radius:6px;padding:10px 18px}.hud-top-left{flex-direction:column;gap:4px;min-width:160px;display:flex;position:absolute;top:20px;left:20px}.hud-top-right{flex-direction:column;gap:4px;min-width:160px;display:flex;position:absolute;top:20px;right:20px}.hud-top-center{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:140px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.stat-row{justify-content:space-between;align-items:center;display:flex}.stat-label{letter-spacing:.15em;color:#ffffff80;font-size:.7rem;font-family:var(--font-heading)}.stat-value{font-family:var(--font-mono);letter-spacing:.05em;font-size:1.15rem;font-weight:700}.hud-bottom-center{pointer-events:auto;flex-direction:column;gap:12px;width:100%;max-width:480px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.hud-bar-container{flex-direction:column;gap:4px;display:flex}.hud-bar-label{letter-spacing:.25em;color:#ffffffb3;text-align:left;text-transform:uppercase;font-size:.65rem}.hud-bar-outer{background:#050014cc;border:1px solid #fff3;border-radius:2px;width:100%;height:10px;padding:1px;overflow:hidden}.hud-bar-fill{border-radius:1px;height:100%;transition:width .15s ease-out}.shield-color{background:linear-gradient(to right, #00b0ff, var(--neon-cyan));box-shadow:0 0 8px #00f0ff99}.boost-color{background:linear-gradient(to right, var(--neon-magenta), var(--neon-yellow));box-shadow:0 0 8px #ff007f99}.pause-prompt{letter-spacing:.15em;color:#fff6;font-size:.7rem;position:absolute;bottom:20px;right:20px}.gameover-stats{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:12px;margin:25px 0;padding:15px;display:flex}.go-stat-row{font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:1.1rem;display:flex}.go-stat-row span:first-child{font-family:var(--font-heading);letter-spacing:.1em;color:#fff9;font-size:.85rem}.name-input-group{text-align:left;flex-direction:column;gap:6px;margin-bottom:30px;display:flex}.name-input-group label{letter-spacing:.15em;color:#ffffffb3;font-size:.75rem}.name-input-group input{color:var(--neon-cyan);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;text-align:center;background:#0006;border:1px solid #00f0ff4d;border-radius:4px;outline:none;padding:10px 14px;font-size:1.2rem;font-weight:700;transition:all .2s}.name-input-group input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff4d}.new-highscore{letter-spacing:.15em;margin-top:10px;font-size:.9rem;font-weight:700}#leaderboard-list{flex-direction:column;gap:8px;min-height:200px;margin-top:10px;display:flex}.leaderboard-entry{font-family:var(--font-mono);background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 15px;display:flex}.leaderboard-entry.top-3{background:#ffe60005;border-color:#ffe60040}.leaderboard-rank{color:var(--neon-yellow);width:30px;font-weight:900}.leaderboard-name{text-align:left;letter-spacing:.1em;flex-grow:1;padding-left:10px}.leaderboard-score{color:var(--neon-cyan);font-weight:700}.credits{letter-spacing:.15em;color:#fff6;text-align:center;max-width:480px;margin-top:30px;font-size:.65rem;line-height:1.5}.mt-20{margin-top:20px}@keyframes blink{0%,49.9%{opacity:1}50%,to{opacity:0}}.blink-text{animation:1s infinite blink}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);background:var(--bg-dark);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-1px 0 var(--neon-cyan);clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim-1;left:2px}.glitch-text:after{text-shadow:-1px 0 var(--neon-magenta);clip:rect(85px, 450px, 140px, 0);animation:5s linear infinite alternate-reverse glitch-anim-2;left:-2px}@keyframes glitch-anim-1{0%{clip:rect(10px, 9999px, 50px, 0)}10%{clip:rect(30px, 9999px, 105px, 0)}20%{clip:rect(70px, 9999px, 40px, 0)}30%{clip:rect(80px, 9999px, 110px, 0)}40%{clip:rect(15px, 9999px, 55px, 0)}50%{clip:rect(95px, 9999px, 35px, 0)}60%{clip:rect(50px, 9999px, 85px, 0)}70%{clip:rect(25px, 9999px, 115px, 0)}80%{clip:rect(60px, 9999px, 65px, 0)}90%{clip:rect(110px, 9999px, 120px, 0)}to{clip:rect(5px, 9999px, 45px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(70px, 9999px, 105px, 0)}10%{clip:rect(40px, 9999px, 35px, 0)}20%{clip:rect(95px, 9999px, 80px, 0)}30%{clip:rect(15px, 9999px, 65px, 0)}40%{clip:rect(110px, 9999px, 95px, 0)}50%{clip:rect(5px, 9999px, 120px, 0)}60%{clip:rect(85px, 9999px, 40px, 0)}70%{clip:rect(50px, 9999px, 60px, 0)}80%{clip:rect(120px, 9999px, 15px, 0)}90%{clip:rect(30px, 9999px, 85px, 0)}to{clip:rect(65px, 9999px, 110px, 0)}}