@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/PressStart2P.woff2') format('woff2')}@font-face{font-family:'Orbitron';font-style:normal;font-weight:400 900;font-display:swap;src:url('../fonts/Orbitron.woff2') format('woff2')}:root{--neon-yellow: #ffff00;--neon-yellow-glow: rgba(255, 255, 0, .8);--neon-blue: #2121de;--neon-blue-glow: rgba(33, 33, 222, .6);--neon-cyan: #00ffff;--neon-pink: #ffb8ff;--neon-red: #ff0000;--neon-orange: #ffb852;--ghost-frightened: #2121de;--gradient-start: #000000;--gradient-mid: #0a0a15;--gradient-end: #050510;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--electric-purple: #bf00ff;--electric-blue: #00d4ff;--transition-fast: .15s;--transition-medium: .3s;--transition-slow: .5s}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:"Press Start 2P",cursive;overflow:hidden}#splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .8s cubic-bezier(.4,0,.2,1);overflow:hidden}#splash-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,rgba(191,0,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,212,255,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,0,.05) 0%,transparent 60%);animation:mesh-rotate 30s linear infinite}@keyframes mesh-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#splash-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:5}#splash-screen.hidden{opacity:0;pointer-events:none;transform:scale(1.1)}#splash-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.8;z-index:2}.splash-background{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:3;perspective:1000px}.floating-ghost{position:absolute;width:50px;height:50px;border-radius:50% 50% 0 0;opacity:.5;filter:blur(.5px);transform-style:preserve-3d}.floating-ghost:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:14px;background:inherit;clip-path:polygon(0 0,12% 100%,25% 0,38% 100%,50% 0,62% 100%,75% 0,88% 100%,100% 0)}.floating-ghost:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;border-radius:50%;transform:translate(-50%,-50%);background:inherit;opacity:.3;filter:blur(20px);animation:ghost-pulse 2s ease-in-out infinite}@keyframes ghost-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.1}}.ghost-red{background:linear-gradient(180deg,#ff4444 0%,var(--neon-red) 100%);box-shadow:0 0 30px var(--neon-red),0 0 60px #ff000080;top:15%;left:8%;animation:float-ghost-3d 15s ease-in-out infinite}.ghost-pink{background:linear-gradient(180deg,#ff88ff 0%,var(--neon-pink) 100%);box-shadow:0 0 30px var(--neon-pink),0 0 60px #ffb8ff80;top:65%;right:12%;animation:float-ghost-3d 18s ease-in-out infinite reverse;animation-delay:-4s}.ghost-cyan{background:linear-gradient(180deg,#44ffff 0%,var(--neon-cyan) 100%);box-shadow:0 0 30px var(--neon-cyan),0 0 60px #00ffff80;top:35%;left:85%;animation:float-ghost-3d 12s ease-in-out infinite;animation-delay:-6s}.ghost-orange{background:linear-gradient(180deg,#ffcc66 0%,var(--neon-orange) 100%);box-shadow:0 0 30px var(--neon-orange),0 0 60px #ffb85280;bottom:20%;left:18%;animation:float-ghost-3d 16s ease-in-out infinite reverse;animation-delay:-8s}@keyframes float-ghost-3d{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(80px,-50px) rotate(8deg) scale(1.1)}50%{transform:translate(150px,10px) rotate(0) scale(.9)}75%{transform:translate(70px,60px) rotate(-8deg) scale(1.05)}}.splash-content{text-align:center;z-index:10;padding:40px}.neon-title{font-size:56px;font-family:Orbitron,sans-serif;font-weight:900;margin-bottom:40px;display:flex;justify-content:center;gap:6px;letter-spacing:4px}.neon-title .letter{background:linear-gradient(135deg,var(--neon-yellow) 0%,#fff 25%,var(--neon-yellow) 50%,var(--electric-blue) 75%,var(--neon-yellow) 100%);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px var(--neon-yellow)) drop-shadow(0 0 30px var(--neon-yellow-glow));animation:chrome-shift 4s ease-in-out infinite,letter-3d 2s ease-in-out infinite;animation-delay:calc(var(--i) * .12s);display:inline-block}@keyframes chrome-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes letter-3d{0%,to{transform:translateY(0) rotateX(0);filter:drop-shadow(0 0 10px var(--neon-yellow)) drop-shadow(0 0 30px var(--neon-yellow-glow))}50%{transform:translateY(-12px) rotateX(10deg);filter:drop-shadow(0 0 20px var(--neon-yellow)) drop-shadow(0 0 50px var(--neon-yellow-glow))}}.splash-high-score{margin-bottom:30px}.splash-high-score .label{display:block;font-size:10px;font-family:Orbitron,sans-serif;color:var(--electric-blue);text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 15px var(--electric-blue);margin-bottom:8px}.splash-high-score .score-value{font-size:32px;font-family:Orbitron,sans-serif;font-weight:700;background:linear-gradient(90deg,#fff,var(--neon-cyan),#fff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:score-shimmer 3s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--neon-cyan))}@keyframes score-shimmer{0%,to{background-position:-100% 0}50%{background-position:200% 0}}.splash-pacman{width:80px;height:80px;margin:35px auto;position:relative;animation:pacman-bounce 1s ease-in-out infinite}@keyframes pacman-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.splash-pacman:before,.splash-pacman:after{content:"";position:absolute;width:100%;height:50%;background:linear-gradient(180deg,#ffff44 0%,var(--neon-yellow) 100%);left:0}.splash-pacman:before{top:0;border-radius:80px 80px 0 0;transform-origin:bottom center;animation:pacman-top .25s ease-in-out infinite;box-shadow:0 0 30px var(--neon-yellow),0 0 60px var(--neon-yellow-glow),inset 0 -10px 20px #ffc8004d}.splash-pacman:after{bottom:0;border-radius:0 0 80px 80px;transform-origin:top center;animation:pacman-bottom .25s ease-in-out infinite;box-shadow:0 0 30px var(--neon-yellow),0 0 60px var(--neon-yellow-glow),inset 0 10px 20px #ffc8004d}@keyframes pacman-top{0%,to{transform:rotate(0)}50%{transform:rotate(-25deg)}}@keyframes pacman-bottom{0%,to{transform:rotate(0)}50%{transform:rotate(25deg)}}.splash-pacman+.pellet-trail{display:flex;gap:15px;justify-content:center;margin:-10px 0 20px}.press-start{font-size:13px;font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#fff;margin-bottom:35px;animation:press-start-glow 1.5s ease-in-out infinite}@keyframes press-start-glow{0%,to{text-shadow:0 0 10px #fff,0 0 20px var(--neon-cyan),0 0 40px var(--electric-blue);opacity:1}50%{text-shadow:0 0 5px #fff,0 0 10px var(--neon-cyan);opacity:.7}}.splash-controls{font-size:9px;font-family:Orbitron,sans-serif;color:#ffffffb3;display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.splash-controls p{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:20px;margin:0;transition:all .3s ease}.splash-controls p:hover{background:#00ffff1a;border-color:var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.year-badge{position:absolute;top:20px;right:20px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;color:var(--electric-purple);text-shadow:0 0 20px var(--electric-purple);letter-spacing:2px;animation:badge-pulse 3s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:.5}50%{opacity:1}}#game-container{display:flex;flex-direction:column;align-items:center;position:relative;transition:opacity var(--transition-medium) ease-in;padding:20px;width:100%;max-width:712px;margin:0 auto}#game-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:-2}#game-container:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,rgba(191,0,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(0,212,255,.08) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,255,0,.05) 0%,transparent 50%);animation:mesh-rotate 30s linear infinite;z-index:-1;pointer-events:none}#game-container.hidden{display:none}#flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:50;transition:opacity .05s ease-out}#flash-overlay.active{opacity:1}#header{display:flex;justify-content:space-between;width:100%;max-width:672px;padding:15px 0;font-size:12px}#header .label{display:block;margin-bottom:8px;font-size:10px;letter-spacing:1px;opacity:.8}#score-display,#high-score-display{text-align:center}#score-display .label{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}#high-score-display .label{color:var(--neon-red);text-shadow:0 0 10px var(--neon-red)}#score,#high-score{font-size:20px;font-family:Orbitron,sans-serif;font-weight:700;background:linear-gradient(180deg,#fff 0%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px var(--neon-cyan))}#high-score{background:linear-gradient(180deg,#fff 0%,var(--neon-yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px var(--neon-yellow))}#game-canvas{border:3px solid var(--electric-blue);border-radius:8px;background-color:#000;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 0 20px #00d4ff66,0 0 40px #00d4ff33,0 0 60px #00d4ff1a,inset 0 0 50px #000c;transition:box-shadow var(--transition-fast) ease-out;width:100%;max-width:672px;height:auto}#game-canvas.shaking{animation:shake .1s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-2px,-2px)}}#footer{display:flex;justify-content:space-between;width:100%;max-width:672px;padding:15px 0}#lives-display{display:flex;gap:8px}.life-icon{width:20px;height:20px;background:linear-gradient(180deg,#ffff44 0%,var(--neon-yellow) 100%);border-radius:50%;clip-path:polygon(100% 50%,50% 50%,50% 0%,100% 0%,100% 50%,50% 50%,50% 100%,100% 100%);box-shadow:0 0 10px var(--neon-yellow)}#fruit-display{display:flex;gap:8px;align-items:center}#level-display{display:flex;flex-direction:column;align-items:center;font-family:"Press Start 2P",monospace}#level-display .label{font-size:8px;color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink);margin-bottom:4px}#level{font-size:16px;font-family:Orbitron,sans-serif;font-weight:700;color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow)}#fruit-history{display:flex;gap:6px;align-items:center}.fruit-icon{width:16px;height:16px;border-radius:50%;box-shadow:0 0 6px currentColor;animation:fruit-pop .3s ease-out}@keyframes fruit-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}#high-score.new-high{animation:high-score-flash .5s ease-in-out infinite alternate}@keyframes high-score-flash{0%{filter:drop-shadow(0 0 8px var(--neon-yellow));transform:scale(1)}to{filter:drop-shadow(0 0 20px var(--neon-yellow)) drop-shadow(0 0 40px var(--neon-yellow));transform:scale(1.1)}}#game-canvas.maze-flash{animation:maze-flash-animation .3s ease-in-out}@keyframes maze-flash-animation{0%,to{filter:brightness(1)}50%{filter:brightness(2.5) saturate(0)}}#game-canvas.level-complete{animation:level-complete-flash .2s ease-in-out 4}@keyframes level-complete-flash{0%,to{box-shadow:0 0 20px #00d4ff66,0 0 40px #00d4ff33}50%{box-shadow:0 0 40px #fffc,0 0 80px #fff6,0 0 120px #fff3}}.ghost-score-popup,.fruit-score-popup{font-family:Orbitron,sans-serif;font-weight:700;animation:score-float-up 1s ease-out forwards;filter:drop-shadow(0 0 10px currentColor)}@keyframes score-float-up{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-15px) scale(1.3)}to{opacity:0;transform:translateY(-40px) scale(1.5)}}#game-container.power-mode #game-canvas{animation:power-pulse .4s ease-in-out infinite}@keyframes power-pulse{0%,to{box-shadow:0 0 20px #00d4ff66,0 0 40px #00d4ff33;border-color:var(--electric-blue)}50%{box-shadow:0 0 30px var(--neon-cyan),0 0 60px var(--neon-cyan),0 0 90px #0ff6;border-color:var(--neon-cyan)}}.game-over-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-size:14px;text-align:center;z-index:10}.ready-text{color:#ff0;font-size:12px}#pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;justify-content:center;align-items:center;z-index:20}#pause-overlay.visible{display:flex}#pause-overlay span{color:#ff0;font-size:24px}.mute-btn{position:absolute;bottom:15px;right:15px;width:40px;height:40px;background:#000000b3;border:2px solid var(--electric-blue);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .2s ease}.mute-btn:hover{background:#00d4ff33;border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan)}.mute-btn:active{transform:scale(.95)}.mute-icon{font-size:20px;line-height:1}.mute-btn.muted{border-color:#666}.mute-btn.muted:hover{border-color:#888;box-shadow:0 0 10px #88888880}#victory-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#000000d9,#000000f2);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:victory-fade-in .5s ease-out;overflow:hidden}@keyframes victory-fade-in{0%{opacity:0}to{opacity:1}}#victory-overlay:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,0,.8),transparent),radial-gradient(3px 3px at 50px 160px,#fff,transparent),radial-gradient(2px 2px at 90px 40px,rgba(0,255,255,.8),transparent),radial-gradient(3px 3px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 120px,rgba(255,0,255,.8),transparent);background-size:200px 200px;animation:starfield 4s linear infinite}@keyframes starfield{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.victory-rays{position:absolute;width:100%;height:100%;background:repeating-conic-gradient(from 0deg,transparent 0deg 8deg,rgba(255,255,0,.03) 8deg 10deg);animation:rays-rotate 20s linear infinite}@keyframes rays-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.victory-title{font-family:Orbitron,sans-serif;font-size:72px;font-weight:900;text-transform:uppercase;letter-spacing:8px;margin-bottom:20px;display:flex;gap:4px;position:relative;z-index:10}.victory-title .letter{display:inline-block;background:linear-gradient(135deg,red,#f80,#ff0,#0f0,#0ff,#08f,#f0f 84%,red);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-shift 2s linear infinite,letter-bounce .6s ease-in-out infinite;animation-delay:calc(var(--i) * .1s),calc(var(--i) * .08s);filter:drop-shadow(0 0 20px rgba(255,255,0,.8)) drop-shadow(0 0 40px rgba(255,255,0,.5)) drop-shadow(0 0 60px rgba(255,255,0,.3))}@keyframes rainbow-shift{0%{background-position:0% 50%}to{background-position:400% 50%}}@keyframes letter-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.victory-badge{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;color:var(--electric-purple);letter-spacing:6px;margin-bottom:30px;padding:10px 30px;border:2px solid var(--electric-purple);border-radius:30px;background:#bf00ff1a;text-shadow:0 0 20px var(--electric-purple);box-shadow:0 0 20px #bf00ff66,inset 0 0 20px #bf00ff1a;animation:badge-glow 2s ease-in-out infinite alternate;position:relative;z-index:10}@keyframes badge-glow{0%{box-shadow:0 0 20px #bf00ff66,inset 0 0 20px #bf00ff1a;border-color:var(--electric-purple)}to{box-shadow:0 0 40px #bf00ffcc,0 0 60px #bf00ff66,inset 0 0 30px #bf00ff33;border-color:#f0f}}.victory-score{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;margin-bottom:20px;position:relative;z-index:10}.victory-score .label{font-size:14px;color:var(--electric-blue);text-shadow:0 0 15px var(--electric-blue);display:block;margin-bottom:8px;letter-spacing:4px}.victory-score .value{background:linear-gradient(90deg,#fff,var(--neon-yellow),#fff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:score-shine 2s ease-in-out infinite;filter:drop-shadow(0 0 15px var(--neon-yellow))}@keyframes score-shine{0%,to{background-position:-100% 0}50%{background-position:200% 0}}.victory-pacman{width:100px;height:100px;margin:30px 0;position:relative;z-index:10;animation:pacman-celebrate 1s ease-in-out infinite}@keyframes pacman-celebrate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-10deg)}50%{transform:scale(1) rotate(0)}75%{transform:scale(1.1) rotate(10deg)}}.victory-pacman:before,.victory-pacman:after{content:"";position:absolute;width:100%;height:50%;background:linear-gradient(180deg,#ffff44 0%,var(--neon-yellow) 100%);left:0}.victory-pacman:before{top:0;border-radius:100px 100px 0 0;transform-origin:bottom center;animation:pacman-top-celebrate .3s ease-in-out infinite;box-shadow:0 0 40px var(--neon-yellow),0 0 80px var(--neon-yellow-glow),inset 0 -15px 30px #ffc8004d}.victory-pacman:after{bottom:0;border-radius:0 0 100px 100px;transform-origin:top center;animation:pacman-bottom-celebrate .3s ease-in-out infinite;box-shadow:0 0 40px var(--neon-yellow),0 0 80px var(--neon-yellow-glow),inset 0 15px 30px #ffc8004d}@keyframes pacman-top-celebrate{0%,to{transform:rotate(0)}50%{transform:rotate(-30deg)}}@keyframes pacman-bottom-celebrate{0%,to{transform:rotate(0)}50%{transform:rotate(30deg)}}.victory-prompt{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:#fff;letter-spacing:3px;margin-top:30px;animation:prompt-pulse 1.5s ease-in-out infinite;position:relative;z-index:10}@keyframes prompt-pulse{0%,to{opacity:1;text-shadow:0 0 10px #fff,0 0 20px var(--neon-cyan),0 0 40px var(--electric-blue)}50%{opacity:.6;text-shadow:0 0 5px #fff,0 0 10px var(--neon-cyan)}}.confetti{position:absolute;width:10px;height:10px;background:var(--neon-yellow);animation:confetti-fall 3s linear infinite}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.firework{position:absolute;width:4px;height:4px;border-radius:50%;animation:firework-burst 1.5s ease-out infinite}@keyframes firework-burst{0%{transform:scale(0);opacity:1;box-shadow:0 0 0 0 currentColor,0 0 0 0 currentColor,0 0 0 0 currentColor,0 0 0 0 currentColor,0 0 0 0 currentColor,0 0 0 0 currentColor,0 0 0 0 currentColor,0 0 0 0 currentColor}50%{opacity:1}to{transform:scale(1);opacity:0;box-shadow:0 -80px 0 0 currentColor,56px -56px 0 0 currentColor,80px 0 0 0 currentColor,56px 56px 0 0 currentColor,0 80px 0 0 currentColor,-56px 56px 0 0 currentColor,-80px 0 0 0 currentColor,-56px -56px 0 0 currentColor}}.victory-ring{position:absolute;border:3px solid var(--neon-yellow);border-radius:50%;animation:ring-expand 2s ease-out infinite}@keyframes ring-expand{0%{width:0;height:0;opacity:1}to{width:600px;height:600px;margin-left:-300px;margin-top:-300px;opacity:0}}