body{color:#fff;background-color:#000;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}#root{width:100%}:root{--primary:#fbbf24;--primary-light:#fde047;--primary-dark:#f59e0b;--accent:#f97316;--bg-main:radial-gradient(circle at center, #0f172a 0%, #020617 100%);--bg-header:#0f172acc;--bg-box:#0000004d;--border-glow:#fbbf244d;--shadow-glow:#fbbf2480;--text-main:#fff}.pacman-container.theme-yellow{--primary:#fbbf24;--primary-light:#fde047;--primary-dark:#f59e0b;--accent:#f97316;--border-glow:#fbbf244d;--shadow-glow:#fbbf2480}.pacman-container.theme-neon{--primary:#06b6d4;--primary-light:#67e8f9;--primary-dark:#0891b2;--accent:#8b5cf6;--bg-main:radial-gradient(circle at center, #1e1b4b 0%, #020617 100%);--border-glow:#06b6d44d;--shadow-glow:#06b6d480}.pacman-container.theme-magma{--primary:#ef4444;--primary-light:#f87171;--primary-dark:#b91c1c;--accent:#f59e0b;--bg-main:radial-gradient(circle at center, #450a0a 0%, #020617 100%);--border-glow:#ef44444d;--shadow-glow:#ef444480}.pacman-container.theme-emerald{--primary:#10b981;--primary-light:#34d399;--primary-dark:#047857;--accent:#84cc16;--bg-main:radial-gradient(circle at center, #064e3b 0%, #020617 100%);--border-glow:#10b9814d;--shadow-glow:#10b98180}.pacman-container{background:var(--bg-main);min-height:100vh;color:var(--text-main);-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;align-items:center;gap:15px;padding:15px;font-family:Outfit,sans-serif;transition:background .5s;display:flex;overflow-x:hidden}.game-header{background:var(--bg-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:24px;justify-content:space-between;align-items:center;gap:12px;width:95%;max-width:1200px;margin-bottom:15px;padding:10px 24px;display:flex;box-shadow:0 10px 40px #0006,inset 0 0 15px #ffffff0d}.header-left,.header-center,.header-right{align-items:center;gap:12px;display:flex}.difficulty-switch{background:#0009;border:1px solid #ffffff0d;border-radius:12px;padding:3px;display:flex}.diff-btn{color:#475569;cursor:pointer;letter-spacing:1px;background:0 0;border:none;border-radius:9px;padding:8px 16px;font-size:.8rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1)}.diff-btn.active{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#000;box-shadow:0 0 20px var(--shadow-glow);transform:scale(1.05)}.stat-box{white-space:nowrap;box-sizing:border-box;background:#0006;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:8px;height:42px;padding:6px 14px;display:flex}.stat-box.score{color:var(--primary-light);text-shadow:0 0 15px var(--shadow-glow);font-size:1.2rem;font-weight:800}.stat-box.lives{border-color:#ef444426;gap:6px;padding:6px 12px}.mini-pika{background:var(--primary-light);width:16px;height:16px;box-shadow:0 0 8px var(--primary-light);border-radius:50%;position:relative}.mini-pika:after{content:"";background:inherit;clip-path:polygon(0 100%,50% 0,100% 100%);width:10px;height:5px;position:absolute;top:-5px;left:3px}.action-buttons{gap:10px;display:flex}.header-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.header-btn:hover{background:#fff3;transform:scale(1.1)}.header-btn.restart{color:var(--accent)}.header-btn.pause{color:var(--primary)}.canvas-wrapper{background:linear-gradient(145deg,#0f172a,#020617);border:1px solid #ffffff1a;border-radius:32px;padding:10px;position:relative;overflow:hidden;box-shadow:0 0 80px #8b5cf633}canvas{max-width:100%;image-rendering:pixelated;display:block;height:auto!important}.mobile-boost-btn{background:rgba(var(--primary), .2);border:2px solid var(--primary);width:80px;height:80px;color:var(--primary);box-shadow:0 0 30px var(--shadow-glow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:none;position:fixed;bottom:30px;right:30px}.mobile-boost-btn:active{background:var(--primary);color:#000;transform:scale(.9)}.mobile-boost-btn.cooldown{opacity:.3;filter:grayscale();pointer-events:none}@media (width<=768px){.game-header{flex-direction:column;gap:15px;width:90%;padding:15px}.header-left,.header-center,.header-right{flex-wrap:wrap;justify-content:center;width:100%}.stat-box.score{font-size:1.1rem}.mobile-boost-btn{display:flex}.action-buttons{gap:8px}.header-btn{width:38px;height:38px}}.overlay{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#020617f2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.pika-mascot{background:var(--primary-light);width:80px;height:80px;box-shadow:0 0 30px var(--primary-light);border-radius:50%;margin-bottom:15px;position:relative}.pika-mascot:before,.pika-mascot:after{content:"";background:var(--primary-light);clip-path:ellipse(40% 100%);width:25px;height:40px;position:absolute;top:-25px}.pika-mascot:before{left:8px;transform:rotate(-20deg)}.pika-mascot:after{right:8px;transform:rotate(20deg)}.overlay h1{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;letter-spacing:-3px;text-transform:uppercase;filter:drop-shadow(0 0 20px var(--shadow-glow));-webkit-background-clip:text;margin:0;font-size:4rem;font-weight:900}.overlay h2{color:var(--primary);font-size:2.8rem}.play-btn{background:var(--primary);color:#000;cursor:pointer;text-transform:uppercase;box-shadow:0 8px 25px var(--shadow-glow);border:none;border-radius:50px;align-items:center;gap:12px;margin-top:30px;padding:15px 45px;font-size:1.4rem;font-weight:900;transition:all .3s;display:flex}.play-btn:hover{box-shadow:0 12px 35px var(--shadow-glow);transform:translateY(-4px)scale(1.05)}.death-ghost{color:#ef4444;animation:.5s infinite shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.final-score{color:var(--primary);margin:10px 0 20px;font-size:1.8rem;font-weight:900}.result-buttons{gap:15px;margin-top:10px;display:flex}.try-again{background:var(--primary)!important}.quit-btn{color:#fff!important;background:#ffffff1a!important;border:1px solid #fff3!important}.quit-btn:hover{transform:translateY(-4px)scale(1.05);background:#fff3!important}.boost-container{background:#0006;border-radius:12px;min-width:120px;padding:8px 15px}.boost-bar-bg{background:#ffffff1a;border-radius:3px;width:60px;height:6px;overflow:hidden}.boost-bar-fill{height:100%;transition:width .1s linear,background .3s}.theme-selector{background:#0006;border:1px solid #ffffff1a;border-radius:20px;gap:8px;padding:6px 12px;display:flex}.theme-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:all .2s;position:relative}.theme-dot:hover{transform:scale(1.2)}.theme-dot.active{border-color:#fff;box-shadow:0 0 10px #ffffff80}.theme-dot.yellow{background:#fbbf24}.theme-dot.neon{background:#06b6d4}.theme-dot.magma{background:#ef4444}.theme-dot.emerald{background:#10b981}@media (width<=768px){.theme-selector{order:2;justify-content:center;width:100%;margin-top:5px}}.canvas-wrapper.hit{animation:1.5s linear hitAnim}@keyframes hitAnim{0%,to{filter:none}50%{filter:invert()hue-rotate(180deg)}}.canvas-wrapper.dead{animation:2s infinite deadAnim}@keyframes deadAnim{0%,to{filter:grayscale();opacity:.8}50%{filter:grayscale();opacity:.3}}.leaderboard{background:var(--bg-header);border:1px solid var(--border-glow);z-index:100;border-radius:15px;padding:15px;position:absolute;top:120px;left:20px}.leaderboard h3{color:var(--primary);margin:0 0 10px;font-size:1.2rem}.leaderboard ol{color:#fff;margin:0;padding-left:20px;font-size:.9rem}.leaderboard li{margin-bottom:5px}.App{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}