@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&family=Source+Code+Pro:wght@400;600&display=swap";:root{--cyber-cyan: #00E5FF;--void-purple: #7A00FF;--deep-void: #0A0A0A;--electric-blue: #00A3FF;--hot-magenta: #FF00AA;--neon-pink: #FF00FF;--glitch-white: #FFFFFF;--dim-cyan: #00B8D4;--shadow-purple: #4A0080}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background:var(--deep-void);font-family:Source Sans Pro,sans-serif;overflow:hidden;min-height:100vh}#root{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(ellipse at center,#0F0F1A 0%,var(--deep-void) 70%)}.game-container{position:relative;display:flex;justify-content:center;align-items:center}canvas{border:2px solid var(--cyber-cyan);box-shadow:0 0 30px var(--shadow-purple),0 0 60px #00e5ff4d,inset 0 0 30px #00e5ff0d;background:var(--deep-void)}.ui-overlay{position:absolute;top:0;left:0;width:800px;height:600px;pointer-events:none;font-family:Source Sans Pro,sans-serif;color:var(--glitch-white);text-transform:uppercase}.ui-overlay button{pointer-events:all}.menu,.game-over{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#0a0a0ad9}.glitch-text{font-size:64px;font-weight:700;letter-spacing:.2em;text-shadow:0 0 10px var(--cyber-cyan),0 0 20px var(--cyber-cyan),0 0 40px var(--void-purple);animation:glitch 2s infinite}@keyframes glitch{0%,to{text-shadow:0 0 10px var(--cyber-cyan),0 0 20px var(--cyber-cyan)}25%{text-shadow:-2px 0 10px var(--hot-magenta),2px 0 20px var(--cyber-cyan)}50%{text-shadow:2px 0 10px var(--cyber-cyan),-2px 0 20px var(--hot-magenta)}75%{text-shadow:0 0 10px var(--void-purple),0 0 20px var(--cyber-cyan)}}.subtitle{font-size:18px;letter-spacing:.3em;color:var(--dim-cyan);margin-top:-20px}.neon-button{padding:15px 40px;font-size:20px;font-weight:700;letter-spacing:.15em;border:2px solid;background:transparent;cursor:pointer;transition:all .3s;font-family:Source Sans Pro,sans-serif;margin-top:40px;text-transform:uppercase}.neon-button.cyan{color:var(--cyber-cyan);border-color:var(--cyber-cyan);text-shadow:0 0 8px var(--cyber-cyan);box-shadow:0 0 15px var(--cyber-cyan),inset 0 0 15px #00e5ff1a}.neon-button.cyan:hover{background:var(--cyber-cyan);color:var(--deep-void);box-shadow:0 0 30px var(--cyber-cyan)}.neon-button.magenta{color:var(--hot-magenta);border-color:var(--hot-magenta);text-shadow:0 0 8px var(--hot-magenta);box-shadow:0 0 15px var(--hot-magenta),inset 0 0 15px #ff00aa1a}.neon-button.magenta:hover{background:var(--hot-magenta);color:var(--deep-void);box-shadow:0 0 30px var(--hot-magenta)}.hud{display:flex;justify-content:space-between;padding:20px 30px;font-family:Source Code Pro,monospace}.hud .label{display:block;font-size:12px;color:var(--dim-cyan);letter-spacing:.2em}.hud .value{display:block;font-size:24px;color:var(--cyber-cyan);text-shadow:0 0 10px var(--cyber-cyan);margin-top:5px}.life-icon{color:var(--cyber-cyan);font-size:20px;margin:0 5px;text-shadow:0 0 8px var(--cyber-cyan)}.final-score{font-size:32px;font-family:Source Code Pro,monospace;color:var(--cyber-cyan);text-shadow:0 0 15px var(--cyber-cyan);margin:20px 0}.new-record{font-size:24px;color:var(--hot-magenta);text-shadow:0 0 15px var(--hot-magenta);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.menu-info{margin-top:30px;text-align:center}.controls-hint{font-size:14px;letter-spacing:.15em;color:var(--dim-cyan);opacity:.8}.high-score-display{margin-top:30px;font-size:18px;font-family:Source Code Pro,monospace;color:var(--void-purple);text-shadow:0 0 10px var(--void-purple);letter-spacing:.1em}.paused{background:#0a0a0ae6}.paused .glitch-text{font-size:48px}.pause-hint{font-size:16px;color:var(--dim-cyan);margin-top:20px;letter-spacing:.1em}.game-over{background:#0a0a0aeb}.game-over .glitch-text{font-size:56px}.glitch-red{text-shadow:0 0 10px var(--hot-magenta),0 0 20px var(--hot-magenta),0 0 40px var(--void-purple);animation:glitch-red 2s infinite}@keyframes glitch-red{0%,to{text-shadow:0 0 10px var(--hot-magenta),0 0 20px var(--hot-magenta)}25%{text-shadow:-3px 0 10px var(--cyber-cyan),3px 0 20px var(--hot-magenta)}50%{text-shadow:3px 0 10px var(--hot-magenta),-3px 0 20px var(--cyber-cyan)}75%{text-shadow:0 0 10px var(--void-purple),0 0 20px var(--hot-magenta)}}.game-over .final-score{font-size:18px;color:var(--dim-cyan);margin-top:30px;margin-bottom:5px;letter-spacing:.2em}.score-value{font-size:48px;font-family:Source Code Pro,monospace;color:var(--cyber-cyan);text-shadow:0 0 20px var(--cyber-cyan);letter-spacing:.1em}.new-record{font-size:20px;color:var(--hot-magenta);text-shadow:0 0 15px var(--hot-magenta);animation:pulse .5s infinite;margin-top:15px;letter-spacing:.15em}.neon-button:focus{outline:none}.neon-button.cyan:focus{box-shadow:0 0 30px var(--cyber-cyan),inset 0 0 20px #00e5ff33}.neon-button.magenta:focus{box-shadow:0 0 30px var(--hot-magenta),inset 0 0 20px #f0a3}