:root{--bg-dark: #0a0a1a;--bg-dark-2: #12122a;--neon-cyan: #00ffff;--neon-magenta: #ff00ff;--neon-yellow: #ffff00;--neon-green: #00ff00}*{image-rendering:pixelated}body{font-family:VT323,monospace;background-color:var(--bg-dark);color:#e2e8f0;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.pixel-font{font-family:"Press Start 2P",monospace}.glow-cyan{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan)}.glow-magenta{color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta),0 0 20px var(--neon-magenta)}.glow-yellow{color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow),0 0 20px var(--neon-yellow)}.glow-green{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green)}.scanlines:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999}.stars-bg{position:fixed;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 160px 120px,#fff,transparent),radial-gradient(1px 1px at 230px 80px,#fff,transparent),radial-gradient(2px 2px at 300px 150px,#fff,transparent);background-repeat:repeat;background-size:400px 200px;animation:twinkle 4s infinite alternate;opacity:.4;z-index:0;pointer-events:none}@keyframes twinkle{0%{opacity:.3}to{opacity:.6}}.score-display{font-family:"Press Start 2P",monospace;font-size:11px;color:#fff;text-shadow:0 0 10px #ffff00;letter-spacing:2px}.pixel-btn{font-family:"Press Start 2P",monospace;font-size:10px;padding:16px 24px;background:var(--neon-magenta);color:#fff;border:none;box-shadow:6px 6px 0 var(--neon-cyan);cursor:pointer;transition:all .1s;text-transform:uppercase;text-decoration:none;display:inline-block}.pixel-btn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--neon-cyan)}.coin-slot{position:relative;width:60px;height:80px;margin:0 auto;display:flex;align-items:flex-start;justify-content:center;cursor:pointer}.coin-slot:after{content:"";position:absolute;bottom:0;width:50px;height:8px;background:linear-gradient(to bottom,#333,#111);border-radius:3px;box-shadow:0 0 10px #00ffff4d}.coin{font-size:32px;animation:coin-insert 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}@keyframes coin-insert{0%,to{transform:translateY(0) rotateY(0);opacity:1}40%{transform:translateY(30px) rotateY(180deg);opacity:1}50%{transform:translateY(40px) rotateY(360deg) scale(.5);opacity:0}51%,80%{transform:translateY(-20px);opacity:0}81%{transform:translateY(-20px);opacity:1}}.arcade-start-btn{position:relative;width:120px;height:50px;background:linear-gradient(180deg,red,#a00,#800);border:4px solid #ffff00;border-radius:10px;cursor:pointer;box-shadow:0 6px #500,0 8px 15px #00000080,inset 0 2px 10px #ffffff4d;transition:all .1s;font-family:"Press Start 2P",monospace}.arcade-start-btn:disabled{background:linear-gradient(180deg,#444,#333,#222);border-color:#666;box-shadow:0 6px #111,0 8px 15px #00000080;cursor:not-allowed}.arcade-start-btn:not(:disabled):hover{transform:translateY(2px);box-shadow:0 4px #500,0 6px 10px #00000080,inset 0 2px 10px #ffffff4d}.arcade-start-btn:not(:disabled):active{transform:translateY(6px);box-shadow:0 0 #500,0 2px 5px #00000080,inset 0 2px 10px #0000004d}.arcade-start-btn .btn-inner{color:#fff;font-size:14px;text-shadow:2px 2px 0 #000;animation:blink-text 1s infinite}.arcade-start-btn:disabled .btn-inner{animation:none;color:#666}@keyframes blink-text{0%,to{opacity:1}50%{opacity:.5}}.game-start-overlay{position:fixed;inset:0;background:#000;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.game-start-overlay.active{opacity:1;pointer-events:all}.game-start-overlay.hidden{display:none}.invader{font-size:24px;animation:invader-wiggle .5s ease-in-out infinite alternate;cursor:crosshair;transition:all .2s ease}@media(min-width:640px){.invader{font-size:28px}}@media(min-width:1024px){.invader{font-size:32px}}.invader:hover{filter:drop-shadow(0 0 10px #ff0000) brightness(1.5);transform:scale(1.3)!important;animation:none!important}.invader.exploding{animation:explode .5s ease-out forwards!important}@keyframes invader-wiggle{0%{transform:scaleX(1)}to{transform:scaleX(-1)}}@keyframes explode{0%{transform:scale(1);opacity:1}30%{transform:scale(1.5);filter:brightness(3) hue-rotate(60deg)}to{transform:scale(0);opacity:0}}.invader.respawning{animation:respawn .5s ease-out forwards!important}@keyframes respawn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);filter:brightness(2)}to{transform:scale(1);opacity:1}}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}.retro-header{background:#000000f2;border-bottom:4px solid var(--neon-cyan);box-shadow:0 4px 20px #00ffff4d}.score-display{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--neon-yellow);text-transform:uppercase}.cursor-blink:after{content:"_";animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.pixel-bar{height:16px;background:#ffffff1a;border:2px solid var(--neon-cyan);overflow:hidden;cursor:pointer}.pixel-bar-fill{height:100%;background:repeating-linear-gradient(90deg,var(--neon-cyan) 0px,var(--neon-cyan) 8px,transparent 8px,transparent 12px);animation:loading 2s ease-in-out infinite}@keyframes loading{0%{width:20%}50%{width:80%}to{width:20%}}.crt-effect:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none}.invaders-row{display:flex;justify-content:center;gap:20px;animation:invaders-move 2s ease-in-out infinite}@keyframes invaders-move{0%,to{transform:translate(-20px)}50%{transform:translate(20px)}}.invader:nth-child(2){animation-delay:.1s}.invader:nth-child(3){animation-delay:.2s}.invader:nth-child(4){animation-delay:.3s}.invader:nth-child(5){animation-delay:.4s}.glitch-text{font-family:"Press Start 2P",monospace;font-size:24px;color:#fff;position:relative;animation:glitch .5s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%}.glitch-text:before{color:#f0f;animation:glitch-1 .3s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-text:after{color:#0ff;animation:glitch-2 .3s infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(3px)}40%{transform:translate(-3px)}60%{transform:translate(3px)}80%{transform:translate(-3px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.start-sequence{text-align:center;font-family:VT323,monospace;font-size:24px}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}.static-effect{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.1;pointer-events:none;z-index:10001;animation:static .1s infinite}@keyframes static{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-1%)}}.ascii-animation{font-family:Courier New,monospace;font-size:24px;line-height:1.3;color:#0f0;text-align:center;white-space:pre;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00}.ipod-option{position:absolute;width:60px;height:60px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#0009;border:2px solid var(--option-color);opacity:.6;text-decoration:none;filter:drop-shadow(0 0 8px rgba(0,0,0,.8))}@media(min-width:768px){.ipod-option{width:70px;height:70px}}.ipod-option.active{border-color:var(--option-color);box-shadow:0 0 40px var(--option-color),0 0 60px var(--option-color),inset 0 0 20px #ffffff1a;background:#000000f2;opacity:1;transform:scale(1.2);font-weight:700}.ipod-option svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.5;transition:all .3s}@media(min-width:768px){.ipod-option svg{width:32px;height:32px}}.ipod-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.ipod-button:hover{box-shadow:0 0 40px #f0fc,0 0 60px #ff00ff80;transform:translate(-50%,-50%) scale(1.1)}.ipod-button:active{transform:translate(-50%,-50%) scale(.95)}.ipod-option.active svg{stroke-width:2.5;transform:scale(1.3);filter:drop-shadow(0 0 12px currentColor) brightness(1.2)}.retro-card{background:#0a0a1ee6;border:3px solid rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all .3s}.retro-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta),var(--neon-yellow))}.retro-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 30px #00ffff4d;transform:translateY(-4px)}.marquee-container{width:100%;overflow:hidden;position:relative}.marquee-track{display:flex;gap:24px;animation:marquee 40s linear infinite}.marquee-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{flex:0 0 auto;width:100px;height:100px;position:relative;border-radius:12px;overflow:hidden;cursor:pointer;border:3px solid var(--neon-cyan);box-shadow:0 0 15px #00ffff4d;transition:all .4s ease}.marquee-item:nth-child(2n){border-color:var(--neon-magenta);box-shadow:0 0 15px #ff00ff4d}.marquee-item:nth-child(3n){border-color:var(--neon-yellow);box-shadow:0 0 15px #ffff004d}.marquee-item:nth-child(4n){border-color:var(--neon-green);box-shadow:0 0 15px #00ff004d}@media(min-width:768px){.marquee-item{width:120px;height:120px;border-radius:16px}}.marquee-item:hover{transform:scale(1.1);box-shadow:0 0 30px #00ffff80}.marquee-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.marquee-item:hover img{transform:scale(1.1)}.marquee-item:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none}.marquee-overlay{position:absolute;inset:0;background:linear-gradient(to top,#00ffffe6,#ff00ffb3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.marquee-item:hover .marquee-overlay{opacity:1}.marquee-name{font-family:"Press Start 2P",monospace;font-size:7px;color:#fff;text-align:center;padding:8px;text-transform:uppercase;text-shadow:0 0 5px rgba(0,0,0,.5)}@media(min-width:768px){.marquee-name{font-size:8px}}.sequence-line{opacity:0;transform:translateY(20px);margin:16px 0}.sequence-line.visible{animation:fade-in-up .5s forwards}.glitch-container{margin-bottom:40px}