:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--neon-blue: #00ffff;--neon-pink: #ff00ff;--neon-green: #00ff00;--neon-yellow: #ffff00;--neon-red: #ff0066;--neon-purple: #9900ff;--background-color: #0c1540;--grid-color: rgba(55, 95, 185, .5)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--background-color);font-family:Arial,sans-serif;color:#fff;transition:background-color .5s ease}#game-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}#score{position:absolute;top:20px;left:20px;font-size:2rem;font-weight:700;color:#fff;text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue);transition:transform .2s ease}#multiplier{position:absolute;top:60px;left:20px;font-size:1.5rem;color:var(--neon-green);text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green)}#best-score{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:1.5rem;color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow),0 0 20px var(--neon-yellow)}#combo{position:absolute;top:100px;left:20px;font-size:1.8rem;font-weight:700;color:#fff;text-shadow:0 0 10px var(--neon-yellow),0 0 20px var(--neon-yellow);opacity:0;transition:all .3s ease;transform-origin:left center}#combo-timer-container{position:absolute;top:130px;left:20px;width:150px;height:6px;background-color:#00000080;border-radius:3px;overflow:hidden;opacity:0;transition:opacity .3s ease}#combo-timer-bar{height:100%;width:100%;background:linear-gradient(90deg,var(--neon-blue) 0%,var(--neon-yellow) 50%,var(--neon-pink) 100%);border-radius:3px;transition:width .1s linear}#lives{position:absolute;top:20px;right:20px;display:flex;gap:5px}.life-icon{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#00000080;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 15px #0ff}.player-shape{width:100%;height:100%;display:flex;justify-content:center;align-items:center}@keyframes pulse-life{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;background-color:#000c;transition:opacity .5s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.screen h1{font-size:5rem;margin-bottom:2rem;text-transform:uppercase;color:#fff;text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),0 0 30px var(--neon-blue);letter-spacing:.5rem;animation:glow 2s infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue)}to{text-shadow:0 0 20px var(--neon-blue),0 0 30px var(--neon-blue),0 0 40px var(--neon-blue)}}.screen button{padding:1rem 2rem;font-size:1.5rem;background-color:transparent;border:2px solid var(--neon-pink);color:#fff;cursor:pointer;margin:1rem 0;text-transform:uppercase;letter-spacing:.2rem;box-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink);text-shadow:0 0 5px white;transition:all .3s;position:relative;overflow:hidden}.screen button:hover{background-color:var(--neon-pink);color:#000;box-shadow:0 0 15px var(--neon-pink),0 0 30px var(--neon-pink);transform:scale(1.05)}.screen button:active{transform:scale(.98)}.screen button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff4d,#fff0);transform:rotate(45deg);transition:transform .5s;opacity:0}.screen button:hover:after{opacity:1;transform:rotate(45deg) translate(20%,20%)}.screen p{margin-top:1.5rem;font-size:1.2rem;text-align:center;line-height:1.6;color:#fffc;max-width:600px;text-shadow:0 0 5px rgba(0,255,255,.5)}.game-tips{margin-top:2rem;padding:1rem;background-color:#0000004d;border:1px solid rgba(0,255,255,.3);border-radius:10px;max-width:600px}.tip{font-size:1.1rem;margin:.5rem 0;color:var(--neon-yellow);text-shadow:0 0 5px rgba(255,255,0,.5)}#final-score,#all-time-combo,#final-best-score{font-size:2.5rem;margin:1rem 0;color:var(--neon-green);text-shadow:0 0 10px var(--neon-green);letter-spacing:.1rem}#all-time-combo{color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow)}#final-best-score{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue);margin-bottom:2rem}#game-over{opacity:0;pointer-events:none}#menu{opacity:1;pointer-events:auto}#pause-screen{opacity:0;pointer-events:none;transition:opacity .3s}#pause-screen button{margin:10px 0}#quit-button{background-color:#f003;border-color:var(--neon-red);box-shadow:0 0 10px var(--neon-red),0 0 20px var(--neon-red)}#quit-button:hover{background-color:var(--neon-red);color:#000;box-shadow:0 0 15px var(--neon-red),0 0 30px var(--neon-red)}#xp-container{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:60%;max-width:500px;display:flex;flex-direction:column;align-items:center;pointer-events:none}#xp-bar{width:100%;height:10px;background-color:#0009;border:2px solid rgba(255,255,255,.3);border-radius:5px;overflow:hidden;box-shadow:0 0 10px #ffff0080}#xp-fill{height:100%;width:0%;background:linear-gradient(to right,#ff0,#fa0);transition:width .3s ease;box-shadow:0 0 10px #ff0 inset}#xp-text{color:#ff0;font-size:1.2rem;margin-top:5px;text-shadow:0 0 10px #ffff00;font-weight:700}#level-up-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;pointer-events:auto}#level-up-screen h1{color:#ff0;font-size:3rem;margin-bottom:2rem;text-shadow:0 0 20px #ffff00;animation:glow 1.5s infinite alternate}#powerup-choices{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;width:90%;max-width:900px}.powerup-choice{background-color:#000000b3;border:2px solid #ffffff;border-radius:10px;padding:15px;width:250px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;color:#fff;font-family:inherit;text-shadow:0 0 5px rgba(255,255,255,.5)}.powerup-choice:hover{transform:scale(1.05);box-shadow:0 0 20px currentColor}.powerup-icon-large{font-size:2.5rem;margin-bottom:10px;filter:drop-shadow(0 0 5px currentColor)}.powerup-name{font-size:1.3rem;font-weight:700;margin-bottom:10px;color:currentColor}.powerup-desc{font-size:.9rem;text-align:center;color:#fffc}.orbital{position:absolute;width:12px;height:12px;border-radius:50%;background-color:#fff;box-shadow:0 0 10px currentColor;pointer-events:none}.xp-orb{position:absolute;width:10px;height:10px;border-radius:50%;background-color:#ff0;box-shadow:0 0 10px #ff0;pointer-events:none}@keyframes damage-flash{0%{background-color:#ff000080}20%{background-color:#ff0000b3}to{background-color:#f000}}@keyframes heartbeat-pulse{0%{transform:scale(1)}15%{transform:scale(1.4)}30%{transform:scale(1.2)}45%{transform:scale(1.5)}60%{transform:scale(1)}to{transform:scale(1)}}#damage-flash{pointer-events:none;z-index:1000}@keyframes theme-notification{0%{opacity:0;transform:translateY(20px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.1)}80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.8)}}@keyframes icon-pulse{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}#powerups-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000b3;overflow:hidden}#powerups-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:90%;max-width:800px;max-height:500px;padding:20px;scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.5) rgba(0,0,0,.3)}#powerups-container::-webkit-scrollbar{width:8px}#powerups-container::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}#powerups-container::-webkit-scrollbar-thumb{background-color:#00ffff80;border-radius:10px}.powerup-item{position:relative;width:70px;height:70px;border-radius:50%;background-color:#0009;display:flex;align-items:center;justify-content:center;font-size:2.2rem;border:2px solid currentColor;box-shadow:0 0 10px currentColor;cursor:pointer;transition:all .2s ease;margin:15px}.powerup-item:hover{transform:scale(1.15);box-shadow:0 0 15px currentColor,0 0 30px currentColor;z-index:5}.powerup-item:hover .powerup-details{opacity:1;visibility:visible;transform:translateY(0)}.powerup-details{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);width:200px;background-color:#000000e6;border:2px solid currentColor;border-radius:8px;padding:12px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10;text-align:center;box-shadow:0 0 15px currentColor;pointer-events:none}.powerup-item:nth-child(n+7) .powerup-details{top:auto;bottom:100%;transform:translate(-50%) translateY(-10px)}.powerup-item:hover:nth-child(n+7) .powerup-details{transform:translate(-50%) translateY(0)}.powerup-item:nth-child(3n) .powerup-details{left:0;transform:translate(0) translateY(10px)}.powerup-item:hover:nth-child(3n) .powerup-details{transform:translate(0) translateY(0)}.powerup-item:nth-child(3n-2) .powerup-details{left:auto;right:0;transform:translate(0) translateY(10px)}.powerup-item:hover:nth-child(3n-2) .powerup-details{transform:translate(0) translateY(0)}.powerup-name{font-size:1.2rem;font-weight:700;color:currentColor;margin-bottom:5px;text-shadow:0 0 5px currentColor}.powerup-level{font-size:1rem;color:#ff0;margin-bottom:5px;text-shadow:0 0 5px rgba(255,255,0,.7)}.powerup-description{font-size:.9rem;color:#ffffffe6}.empty-powerups{text-align:center;color:#fff9;padding:30px 0;font-style:italic;font-size:1.1rem}#back-to-pause-button{margin-top:100px;margin-bottom:10px;font-size:1.2rem;min-width:150px;background-color:#00000080;border-color:#f0f;color:#fff}#back-to-pause-button:hover{background-color:var(--neon-pink);transform:scale(1.05);color:#000;box-shadow:0 0 15px var(--neon-pink),0 0 30px var(--neon-pink)}#back-to-pause-button:after{border-color:#f0f}#fps-counter{position:absolute;bottom:10px;right:10px;font-size:1rem;color:#ffffffb3;background-color:#0000004d;padding:5px 10px;border-radius:5px;font-family:monospace;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .3s ease}