:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}:root{--neon-pink: #ff00ff;--neon-cyan: #00ffff;--neon-green: #39ff14;--neon-yellow: #fefe33;--bg-dark: #050510;--grid-color: rgba(57, 255, 20, .1)}body,#root{margin:0;padding:0;width:100vw;height:100vh;background-color:var(--bg-dark);color:#fff;font-family:Orbitron,Inter,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{position:relative;width:100%;height:100%;max-width:500px;margin:0 auto;overflow:hidden;background:linear-gradient(var(--bg-dark) 0%,#1a0b2e 100%),linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;border-left:2px solid var(--neon-pink);border-right:2px solid var(--neon-pink);box-shadow:0 0 20px #ff00ff4d}.top-hud{position:absolute;top:10px;width:100%;display:flex;flex-direction:column;align-items:center;z-index:10}.high-score-display{font-size:.8rem;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:5px;text-shadow:0 0 5px var(--neon-cyan);opacity:.8}.score-board{display:flex;flex-direction:column;align-items:center}.score{font-size:4rem;font-weight:900;color:#fff;text-shadow:0 0 5px #fff,0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan);font-style:italic}.level-tag{font-size:.9rem;color:var(--neon-pink);background:#000000b3;padding:4px 15px;border-radius:5px;border:1px solid var(--neon-pink);box-shadow:0 0 10px var(--neon-pink);margin-top:10px;text-transform:uppercase;letter-spacing:2px}.difficulty-msg{position:absolute;top:40%;width:100%;text-align:center;font-size:2rem;color:#fff;font-weight:700;z-index:15;text-shadow:0 0 20px var(--neon-pink);background:#f0f3;padding:30px 0;border-top:2px solid var(--neon-pink);border-bottom:2px solid var(--neon-pink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.falling-object{position:absolute;width:40px;height:40px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px currentColor,inset 0 0 10px #fff;border:2px solid #fff}.paddle{position:absolute;bottom:120px;left:50%;width:120px;height:15px;transform:translate(-50%);border-radius:2px;transition:all .1s ease;box-shadow:0 0 25px currentColor;border:1px solid #fff}.key-guide{position:absolute;bottom:60px;width:100%;display:flex;justify-content:center;gap:20px;z-index:10}.key-item{width:45px;height:45px;border:2px solid currentColor;border-radius:5px;display:flex;justify-content:center;align-items:center;font-weight:700;background:#000c;font-size:1.2rem;box-shadow:0 0 10px currentColor;transition:all .3s ease}@keyframes appear-f{0%{transform:scale(0) rotate(-45deg);opacity:0}70%{transform:scale(1.2) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.animate-f{animation:appear-f .5s cubic-bezier(.175,.885,.32,1.275) forwards}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#1a0b2ee6,#050510);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;text-align:center;padding:20px;box-sizing:border-box}.ui-overlay h1{font-size:3.5rem;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 10px var(--neon-pink),0 0 30px var(--neon-green),0 0 50px var(--neon-green);font-style:italic;font-weight:900;letter-spacing:-2px}.start-btn{padding:18px 50px;font-size:1.4rem;background:transparent;color:#fff;border:3px solid var(--neon-cyan);border-radius:0;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-weight:700;letter-spacing:3px;box-shadow:0 0 15px var(--neon-cyan)}.start-btn:hover:not(:disabled){background:var(--neon-cyan);color:#000;box-shadow:0 0 40px var(--neon-cyan)}.percentile-box{background:#ffffff0d;padding:20px;border-radius:10px;border:1px solid var(--neon-green);margin-top:20px}.ad-placeholder{position:absolute;bottom:0;width:100%;height:50px;background:#000c;display:flex;justify-content:center;align-items:center;color:var(--neon-green);font-size:.7rem;border-top:1px solid var(--neon-green);letter-spacing:2px}.ending-screen{background:radial-gradient(circle,#1a0b2e,#000)!important;animation:bg-rainbow 10s infinite linear}.ending-content{max-width:80%;animation:fade-in 2s ease-out}.rainbow-text{background:linear-gradient(to right,#f0f,#0ff,#39ff14,#fefe33,#ff8c00,#f0f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-flow 3s linear infinite;font-size:2.8rem!important;margin-bottom:2rem!important}.story-text{font-size:1.1rem;line-height:2;margin-bottom:3rem;color:#ddd}.highlight-text{color:var(--neon-cyan);font-weight:700;font-size:1.3rem;margin-top:1.5rem;text-shadow:0 0 10px var(--neon-cyan)}.final-stat{margin-bottom:2rem;color:#888;font-size:.9rem}@keyframes rainbow-flow{to{background-position:200% center}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bg-rainbow{0%{box-shadow:inset 0 0 100px #f0f3}33%{box-shadow:inset 0 0 100px #0ff3}66%{box-shadow:inset 0 0 100px #39ff1433}to{box-shadow:inset 0 0 100px #f0f3}}.highlight-msg{animation:highlight-pulse 2s infinite}@keyframes highlight-pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}