:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-overlay: rgba(10, 10, 26, .92);--neon-cyan: #00f0ff;--neon-pink: #ff2d95;--neon-purple: #a855f7;--neon-green: #00ff88;--neon-yellow: #ffe048;--neon-orange: #ff8c00;--text-primary: #e8e8ff;--text-secondary: #8888aa;--glow-cyan: 0 0 10px #00f0ff, 0 0 30px rgba(0, 240, 255, .4);--glow-pink: 0 0 10px #ff2d95, 0 0 30px rgba(255, 45, 149, .4);--font-display: "Orbitron", monospace, sans-serif;--font-body: "Rajdhani", sans-serif;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:none}#game-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}#game-canvas{display:block;width:100%;height:100%;touch-action:none}#ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--bg-overlay);pointer-events:auto;padding:40px 20px;padding-top:calc(40px + var(--safe-area-top));padding-bottom:calc(40px + var(--safe-area-bottom));animation:fadeIn .3s ease}.screen.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-title{font-family:var(--font-display);font-size:clamp(42px,10vw,72px);font-weight:900;text-align:center;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,240,255,.5));letter-spacing:6px;animation:titlePulse 2s ease-in-out infinite}.game-subtitle{font-family:var(--font-display);font-size:clamp(14px,3vw,20px);color:var(--neon-purple);letter-spacing:12px;text-shadow:var(--glow-pink);margin-top:-10px}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 20px rgba(0,240,255,.5))}50%{filter:drop-shadow(0 0 40px rgba(0,240,255,.8))}}.screen h2{font-family:var(--font-display);font-size:clamp(28px,7vw,48px);font-weight:700;text-align:center;color:var(--neon-cyan);text-shadow:var(--glow-cyan);letter-spacing:4px}.score-display{font-family:var(--font-display);font-size:clamp(36px,8vw,56px);color:var(--neon-yellow);text-shadow:0 0 15px rgba(255,224,72,.6)}.neon-btn{font-family:var(--font-display);font-size:clamp(14px,3vw,18px);font-weight:700;letter-spacing:3px;padding:14px 40px;min-width:220px;border:2px solid var(--neon-cyan);border-radius:4px;background:transparent;color:var(--neon-cyan);cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;text-transform:uppercase}.neon-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00f0ff26,#a855f726);opacity:0;transition:opacity .3s ease}.neon-btn:hover,.neon-btn:active{box-shadow:var(--glow-cyan);transform:translateY(-2px)}.neon-btn:hover:before,.neon-btn:active:before{opacity:1}.neon-btn.secondary{border-color:var(--neon-purple);color:var(--neon-purple);font-size:clamp(12px,2.5vw,14px);padding:10px 30px;min-width:180px}.neon-btn.secondary:hover,.neon-btn.secondary:active{box-shadow:0 0 10px var(--neon-purple),0 0 30px #a855f766}.controls-hint{margin-top:20px;text-align:center;color:var(--text-secondary);font-size:14px}.mobile-hint{display:none}@media (pointer: coarse){.desktop-hint{display:none}.mobile-hint{display:block}}#hud{position:absolute;top:0;left:0;right:0;display:none;align-items:center;justify-content:space-between;padding:10px 16px;padding-top:calc(10px + var(--safe-area-top));pointer-events:auto;background:linear-gradient(to bottom,rgba(10,10,26,.8),transparent);font-family:var(--font-display);z-index:10}#hud.active{display:flex}.hud-item{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-label{font-size:10px;letter-spacing:2px;color:var(--text-secondary)}.hud-value{font-size:clamp(16px,4vw,22px);font-weight:700;color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,240,255,.5)}#lives-value{color:var(--neon-pink);text-shadow:0 0 8px rgba(255,45,149,.5);letter-spacing:4px}.hud-btn{background:none;border:1px solid var(--text-secondary);border-radius:4px;color:var(--text-secondary);font-size:14px;padding:6px 10px;cursor:pointer;transition:all .2s}.hud-btn:hover,.hud-btn:active{border-color:var(--neon-cyan);color:var(--neon-cyan)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.shake{animation:shake .4s ease}