:root{--bg-dark: #0a0a0f;--bg-cabinet: #1a1a2e;--neon-pink: #ff2a6d;--neon-cyan: #05d9e8;--neon-yellow: #f9f871;--neon-green: #39ff14;--neon-purple: #9d4edd;--neon-orange: #ff6b35;--text-primary: #ffffff;--text-secondary: #7f8c8d;--text-dim: #4a4a5a;--glow-cyan: 0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan);--glow-pink: 0 0 10px var(--neon-pink), 0 0 20px var(--neon-pink)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);font-family:"Press Start 2P",monospace;color:var(--text-primary);-webkit-font-smoothing:none;-moz-osx-font-smoothing:none}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#arcade-container{position:relative;width:100%;max-width:800px;aspect-ratio:4 / 3;background:var(--bg-cabinet);border:4px solid var(--neon-cyan);box-shadow:var(--glow-cyan);overflow:hidden}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.text-xs{font-size:8px}.text-sm{font-size:12px}.text-md{font-size:16px}.text-lg{font-size:24px}.text-xl{font-size:32px}.neon-text-cyan{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.neon-text-pink{color:var(--neon-pink);text-shadow:var(--glow-pink)}.hidden{display:none!important}#arcade-menu{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-cabinet);z-index:10}.arcade-title{font-size:48px;color:var(--neon-cyan);text-shadow:var(--glow-cyan);margin-bottom:60px;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.game-list{display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto;padding:20px}.game-item{font-size:20px;color:var(--text-secondary);cursor:pointer;padding:10px 20px;border:2px solid transparent;transition:all .2s ease;text-transform:uppercase}.game-item:hover,.game-item.selected{color:var(--neon-pink);text-shadow:var(--glow-pink);border:2px solid var(--neon-pink);background:#ff2a6d1a}.insert-coin{position:absolute;bottom:40px;font-size:16px;color:var(--neon-yellow);animation:blink 1s step-start infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.game-ui{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:16px;color:var(--text-primary);pointer-events:none;z-index:5}.score-display{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.lives-display{color:var(--neon-pink);text-shadow:var(--glow-pink)}.pause-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a2ef2;border:3px solid var(--neon-cyan);box-shadow:var(--glow-cyan);padding:40px;text-align:center;z-index:20}.pause-menu h2{font-size:32px;color:var(--neon-cyan);margin-bottom:30px}.pause-menu button{display:block;width:100%;margin:15px 0;padding:15px;font-family:"Press Start 2P",monospace;font-size:16px;color:var(--text-primary);background:transparent;border:2px solid var(--neon-pink);cursor:pointer;transition:all .2s ease}.pause-menu button:hover{background:var(--neon-pink);color:var(--bg-dark);box-shadow:var(--glow-pink)}.game-over{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0fe6;z-index:15}.game-over h2{font-size:48px;color:var(--neon-pink);text-shadow:var(--glow-pink);margin-bottom:40px}.game-over .final-score{font-size:24px;color:var(--neon-cyan);text-shadow:var(--glow-cyan);margin-bottom:40px}.game-over button{margin:10px;padding:15px 30px;font-family:"Press Start 2P",monospace;font-size:16px;color:var(--text-primary);background:transparent;border:2px solid var(--neon-cyan);cursor:pointer;transition:all .2s ease}.game-over button:hover{background:var(--neon-cyan);color:var(--bg-dark);box-shadow:var(--glow-cyan)}:root{--scanline-intensity: .5;--bloom-intensity: .2;--vignette-intensity: .4;--chromatic-intensity: .1;--curvature-intensity: .3}.crt-enabled{position:relative;border-radius:calc(var(--curvature-intensity) * 30px);overflow:hidden}.crt-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);opacity:var(--scanline-intensity);z-index:10}.crt-vignette{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,calc(var(--vignette-intensity) * .8)) 100%);z-index:11}.crt-bloom-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;filter:blur(4px);mix-blend-mode:screen;opacity:var(--bloom-intensity);z-index:9;background:inherit}@keyframes crt-flicker{0%,to{opacity:.98}50%{opacity:1}}.crt-flicker{animation:crt-flicker .05s infinite}.crt-enabled:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:inherit;box-shadow:0 0 30px #05d9e84d,0 0 60px #05d9e81a;pointer-events:none;z-index:-1}.crt-enabled:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:8;opacity:calc(var(--chromatic-intensity) * .5);background:radial-gradient(ellipse at center,transparent 60%,rgba(255,0,0,.1) 80%,rgba(0,255,255,.1) 100%)}@media (max-width: 768px){.crt-scanlines{opacity:calc(var(--scanline-intensity) * .5)}.crt-bloom-overlay{filter:blur(2px);opacity:calc(var(--bloom-intensity) * .5)}.crt-flicker{animation:none}}@media (prefers-reduced-motion: reduce){.crt-flicker{animation:none}}#crt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;opacity:.15}#crt-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);animation:scanlines 8s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(2px)}}#crt-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(5,217,232,.05) 0%,transparent 70%)}#arcade-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2%;box-shadow:inset 0 0 100px #00000080;pointer-events:none;z-index:99}@keyframes flicker{0%{opacity:1}2%{opacity:.98}4%{opacity:1}8%{opacity:.99}10%{opacity:1}to{opacity:1}}#arcade-container{animation:flicker .15s infinite}.crt-rgb-split #game-canvas{text-shadow:-1px 0 0 rgba(255,0,0,.3),1px 0 0 rgba(0,255,255,.3)}.crt-bloom #game-canvas{filter:blur(.5px) brightness(1.1)}.crt-toggle{position:absolute;top:10px;right:10px;font-size:12px;color:var(--text-dim);padding:5px 10px;border:1px solid var(--text-dim);background:transparent;cursor:pointer;z-index:101;font-family:"Press Start 2P",monospace;transition:all .2s ease}.crt-toggle:hover{color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.crt-toggle.active{color:var(--neon-pink);border-color:var(--neon-pink);box-shadow:var(--glow-pink)}#touch-controls{position:absolute;bottom:0;left:0;width:100%;height:200px;display:none;z-index:50}@media (max-width: 768px),(pointer: coarse){#touch-controls.active{display:flex}}.touch-dpad{position:absolute;left:20px;bottom:20px;width:150px;height:150px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px}.touch-btn{background:#1a1a2ecc;border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:"Press Start 2P",monospace;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .1s ease}.touch-btn:active{background:var(--neon-cyan);color:var(--bg-dark);box-shadow:var(--glow-cyan)}.touch-up{grid-column:2;grid-row:1}.touch-left{grid-column:1;grid-row:2}.touch-right{grid-column:3;grid-row:2}.touch-down{grid-column:2;grid-row:3}.touch-actions{position:absolute;right:20px;bottom:20px;display:flex;gap:15px}.touch-action-btn{width:60px;height:60px;border-radius:50%;background:#1a1a2ecc;border:2px solid var(--neon-pink);color:var(--neon-pink);font-family:"Press Start 2P",monospace;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .1s ease}.touch-action-btn:active{background:var(--neon-pink);color:var(--bg-dark);box-shadow:var(--glow-pink);transform:scale(.95)}.touch-pause{position:absolute;top:10px;right:10px;width:50px;height:50px;border-radius:50%;background:#1a1a2ecc;border:2px solid var(--neon-yellow);color:var(--neon-yellow);font-family:"Press Start 2P",monospace;font-size:12px;display:none;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:51}@media (max-width: 768px),(pointer: coarse){.touch-pause.active{display:flex}}.touch-pause:active{background:var(--neon-yellow);color:var(--bg-dark);transform:scale(.95)}.control-hints{position:absolute;bottom:220px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-dim);text-align:center;pointer-events:none}@media (min-width: 769px) and (pointer: fine){.control-hints:before{content:"ARROW KEYS: Move | SPACE: Action | ESC: Pause"}}@media (max-width: 768px),(pointer: coarse){.control-hints:before{content:"Use on-screen controls"}}.vibration-indicator{position:absolute;top:60px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--neon-green);opacity:0;animation:vibrate-pulse .1s ease-out}@keyframes vibrate-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}