:root{--bg-color:#080315;--bg-dark:#04010a;--text-color:#fff;--neon-pink:#ff007f;--neon-purple:#9d00ff;--neon-cyan:#00f3ff;--neon-green:#39ff14;--neon-orange:#ff5e00;--font-pixel:"Press Start 2P", monospace;--font-digit:"Orbitron", sans-serif;--font-sans:"Inter", sans-serif;--shadow-neon-pink:0 0 10px var(--neon-pink), 0 0 20px #ff007f80;--shadow-neon-cyan:0 0 10px var(--neon-cyan), 0 0 20px #00f3ff80;--shadow-neon-purple:0 0 10px var(--neon-purple), 0 0 20px #9d00ff80}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-color);font-family:var(--font-sans);touch-action:none;overflow:hidden}#app{background:radial-gradient(circle,#1b0a3a 0%,#04010a 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}#game-container{background-color:var(--bg-color);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@media (width>=500px) and (height>=600px){#game-container{border:4px solid var(--neon-purple);border-radius:16px;width:100vw;max-width:450px;height:100vh;max-height:800px;box-shadow:0 0 30px #9d00ff4d,inset 0 0 20px #000c}}.crt-overlay{pointer-events:none;z-index:999;background:radial-gradient(circle,#ffffff0d 0%,#00000040 100%);width:100%;height:100%;position:absolute;top:0;left:0}.scanlines{pointer-events:none;z-index:998;opacity:.85;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000a,#00ff0005,#0000ff0a) 0 0/6px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.screen{z-index:10;box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;width:100%;height:100%;padding:20px;display:none;position:absolute;top:0;left:0;overflow-y:auto}.screen.active{animation:.3s ease-out fadeIn;display:flex}#game-screen{padding:0!important;overflow:hidden!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes textPulse{0%,to{text-shadow:0 0 5px var(--neon-pink), 0 0 15px #ff007fb3}50%{text-shadow:0 0 15px var(--neon-pink), 0 0 30px #ff007fe6}}@keyframes scanline-scroll{0%{background-position:0 0}to{background-position:0 100%}}.glass-panel{-webkit-backdrop-filter:blur(10px);text-align:center;background:#0d0221b3;border:2px solid #9d00ff4d;border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:360px;margin:auto 0;padding:20px;display:flex;box-shadow:0 8px 32px #00000080,inset 0 0 15px #9d00ff33}.title-container{text-align:center;margin-bottom:40px}.game-title{font-family:var(--font-pixel);color:#fff;letter-spacing:-2px;text-shadow:var(--shadow-neon-pink);font-size:2.2rem;animation:2s infinite alternate textPulse}.game-subtitle{font-family:var(--font-digit);color:var(--neon-cyan);letter-spacing:6px;text-shadow:var(--shadow-neon-cyan);margin-top:10px;font-size:1.1rem;font-weight:900}.screen-title{font-family:var(--font-pixel);color:#fff;text-shadow:var(--shadow-neon-cyan);text-align:center;margin-bottom:25px;font-size:1.3rem}.game-over-title{font-family:var(--font-pixel);color:var(--neon-pink);text-shadow:var(--shadow-neon-pink);text-align:center;margin-bottom:20px;font-size:1.8rem}.menu-buttons{flex-direction:column;gap:15px;width:100%;max-width:280px;display:flex}.btn{font-family:var(--font-pixel);cursor:pointer;color:#fff;text-align:center;border:none;border-radius:6px;padding:15px 20px;font-size:.9rem;transition:all .2s;position:relative;overflow:hidden}.btn-primary{background-color:var(--neon-purple);box-shadow:var(--shadow-neon-purple);border:1px solid #fff3}.btn-primary:active{box-shadow:0 0 5px var(--neon-purple);transform:scale(.95)}.btn-secondary{border:2px solid var(--neon-cyan);color:var(--neon-cyan);background-color:#0000;box-shadow:inset 0 0 5px #00f3ff33}.btn-secondary:active{background-color:#00f3ff1a;transform:scale(.95)}.btn-accent{background-color:var(--neon-green);color:#000;box-shadow:0 0 15px var(--neon-green);font-weight:700}.btn-accent:active{transform:scale(.95)}.btn-danger{background-color:#d11a2a;border:1px solid #fff3;box-shadow:0 0 10px #d11a2a80}.btn-danger:active{transform:scale(.95)}.btn-pause-hud{color:var(--neon-cyan);cursor:pointer;width:36px;height:36px;text-shadow:0 0 8px var(--neon-cyan), 0 0 15px #00f3ff80;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s,text-shadow .2s;display:flex}.btn-pause-hud:hover{text-shadow:0 0 12px var(--neon-cyan), 0 0 25px #00f3ffcc;transform:rotate(45deg)}.btn-pause-hud:active{text-shadow:0 0 20px var(--neon-cyan), 0 0 35px #00f3ff;transform:scale(.9)rotate(90deg)}.hidden{display:none!important}.menu-footer{font-family:var(--font-pixel);color:#fff6;text-align:center;font-size:.6rem;line-height:1.5;position:absolute;bottom:30px}#hud{border-bottom:2px solid var(--neon-purple);box-sizing:border-box;z-index:15;background:#080315e6;justify-content:space-between;align-items:center;width:100%;height:60px;padding:10px 20px;display:flex}.hud-item{flex-direction:column;align-items:center;display:flex}.hud-label{font-family:var(--font-pixel);color:#ffffff80;margin-bottom:4px;font-size:.55rem}.hud-value{font-family:var(--font-digit);color:#fff;letter-spacing:1px;font-size:1.1rem;font-weight:900}.score-container .hud-value{color:var(--neon-cyan);text-shadow:0 0 5px #00f3ff80}.lives-container{align-items:center;gap:4px;height:12px;display:flex}.life-heart{background-color:var(--neon-pink);width:10px;height:10px;box-shadow:0 0 5px var(--neon-pink);display:inline-block;position:relative;transform:rotate(-45deg)}.life-heart:before,.life-heart:after{content:"";background-color:var(--neon-pink);border-radius:50%;width:10px;height:10px;position:absolute}.life-heart:before{top:-5px;left:0}.life-heart:after{top:0;left:5px}.powerup-alert{font-family:var(--font-pixel);color:var(--neon-green);text-shadow:0 0 5px var(--neon-green);opacity:0;pointer-events:none;z-index:15;border:1px solid var(--neon-green);background:#080315d9;border-radius:20px;padding:8px 16px;font-size:.75rem;transition:opacity .2s,transform .2s;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #39ff144d}.powerup-alert.show{opacity:1;transform:translate(-50%)translateY(10px)}.canvas-wrapper{background-color:var(--bg-dark);touch-action:none;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}#game-canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;background-color:#04010c;display:block}.leaderboard-list-wrapper{background:#0000004d;border:1px solid #00f3ff33;border-radius:6px;width:100%;max-height:250px;margin-bottom:25px;overflow-y:auto}#leaderboard-table{border-collapse:collapse;width:100%;font-family:var(--font-sans)}#leaderboard-table th{font-family:var(--font-pixel);color:var(--neon-cyan);text-align:left;background:#080315e6;border-bottom:2px solid #00f3ff4d;padding:10px 8px;font-size:.65rem;position:sticky;top:0}#leaderboard-table td{color:#fff;border-bottom:1px solid #ffffff0d;padding:10px 8px;font-size:.9rem}#leaderboard-table tr:hover{background:#9d00ff1a}.loading-text{text-align:center;font-family:var(--font-pixel);font-size:.6rem;color:var(--neon-orange)!important;padding:30px 10px!important}.score-summary{text-align:center;margin:10px 0 15px}.score-summary p{font-family:var(--font-pixel);color:#fff9;margin-bottom:10px;font-size:.65rem}.highlight-value{font-family:var(--font-digit);color:var(--neon-cyan);text-shadow:var(--shadow-neon-cyan);font-size:2.2rem;font-weight:900}#record-form-container{border-top:1px dashed #fff3;width:100%;margin-bottom:15px;padding-top:15px}.record-alert-title{font-family:var(--font-pixel);color:var(--neon-green);text-shadow:0 0 5px var(--neon-green);margin-bottom:6px;font-size:.9rem}.record-alert-subtitle{color:#ffffffb3;margin-bottom:12px;font-size:.8rem}.input-group{gap:10px;width:100%;max-width:280px;margin:0 auto;display:flex}#player-name{min-width:0;font-family:var(--font-pixel);border:2px solid var(--neon-purple);color:#fff;text-align:center;text-transform:uppercase;background:#00000080;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:1rem;box-shadow:inset 0 0 5px #9d00ff4d}#player-name:focus{border-color:var(--neon-cyan);box-shadow:var(--shadow-neon-cyan), inset 0 0 5px #00f3ff4d}#btn-submit-score{padding:10px 15px;font-size:.65rem}