.status-bar-container{font-family:Orbitron,sans-serif;display:flex;justify-content:space-between;align-items:center;width:500px;background-color:#1a1a1a;color:#00ffde;padding:8px 15px;border-radius:8px;border:2px solid #00ffde;box-shadow:0 0 15px #00ffde,inset 0 0 10px #00ffde;margin-bottom:20px;text-transform:uppercase}.status-left,.status-right,.status-center{display:flex;align-items:center;gap:10px}.status-center{flex-grow:1;flex-direction:column;justify-content:center}.level-text,.score-text{font-size:.9rem;opacity:.7}.level-value,.score-value{font-size:1.5rem;font-weight:700;text-shadow:0 0 5px #fff,0 0 10px #00ffde}.progress-bar-container{width:90%;height:22px;background-color:#004d40;border:1px solid #00ffde;border-radius:4px;position:relative;overflow:hidden}.progress-bar-fill{height:100%;background-color:#00ffde;transition:width .3s ease-in-out;box-shadow:0 0 8px #00ffde}.progress-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#1a1a1a;font-weight:700;font-size:.8rem;text-shadow:0 0 2px #fff}.restart-button{background:none;border:1px solid #00ffde;border-radius:50%;color:#00ffde;width:30px;height:30px;font-size:1.2rem;cursor:pointer;transition:all .2s;padding:0;display:flex;align-items:center;justify-content:center}.restart-button:hover{background:#00ffde;color:#1a1a1a;box-shadow:0 0 10px #00ffde}.bottom-bar-container{font-family:Orbitron,sans-serif;width:500px;margin-top:15px;height:25px;display:flex;justify-content:center;align-items:center}.fever-timer-bottom{font-size:1.2rem;color:#ff4757;text-shadow:0 0 8px #ff4757,0 0 15px #ff4757;text-transform:uppercase;transition:opacity .3s ease-in-out;font-weight:700;animation:pulse-fever 1.5s infinite}.fever-timer-bottom.hidden{opacity:0;animation:none}@keyframes pulse-fever{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.game-container{display:flex;flex-direction:column;align-items:center}.header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px}h1{margin:0;font-size:24px}.reset-button{padding:8px 16px;background-color:#646cff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px}.reset-button:hover{background-color:#535bf2}.board{display:grid;grid-template-columns:repeat(15,30px);grid-template-rows:repeat(15,30px);gap:2px;background-color:#1a1a1a;padding:4px;border-radius:8px;border:2px solid #00ffde;box-shadow:0 0 15px #00ffde,inset 0 0 10px #00ffde;position:relative;overflow:hidden}.cell{width:30px;height:30px;background-color:#444;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:4px;transition:background-color .2s}.cell:hover{background-color:#555}.cell.selected{background-color:#777;box-shadow:inset 0 0 0 2px #fff}.ball{width:24px;height:24px;border-radius:50%;box-shadow:inset -2px -2px 6px #0000004d;position:absolute;pointer-events:none}.ball.red{background-color:#ff4757}.ball.blue{background-color:#1e90ff}.ball.green{background-color:#2ed573}.ball.yellow{background:radial-gradient(circle at 30% 30%,#ffeb3b,#fbc02d);box-shadow:0 4px 8px #fbc02d66,inset -2px -2px 6px #0003}.ball.purple{background-color:#9c88ff}.ball.orange{background-color:#ffa502}.ball.cyan{background-color:#00cec9}.ball.pink{background-color:#fd79a8}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#00ffde;font-family:Orbitron,sans-serif;z-index:10;border-radius:8px}.overlay h2{font-size:2rem;margin-bottom:10px;text-shadow:0 0 5px #fff,0 0 10px #00ffde;text-transform:uppercase}.overlay p{font-size:1.5rem;margin-bottom:20px}.overlay button{padding:10px 20px;font-size:1.2rem;border-radius:4px;background:#1a1a1a;color:#00ffde;border:1px solid #00ffde;cursor:pointer;font-family:Orbitron,sans-serif;text-transform:uppercase;transition:all .2s}.overlay button:hover{background:#00ffde;color:#1a1a1a;box-shadow:0 0 10px #00ffde}.overlay button:disabled{background:#333;color:#777;border-color:#555;box-shadow:none;cursor:not-allowed}.leaderboard-entry{display:flex;gap:10px;margin-bottom:20px}.leaderboard-entry input{font-size:1.2rem;padding:5px;width:80px;text-align:center;text-transform:uppercase;background:#1a1a1a;color:#00ffde;border:1px solid #00ffde;font-family:Orbitron,sans-serif;border-radius:4px}.leaderboard-entry input:focus{outline:none;box-shadow:0 0 8px #00ffde}.leaderboard{background:#1a1a1a;padding:20px;border-radius:8px;margin-bottom:20px;width:250px;border:2px solid #00ffde;box-shadow:0 0 15px #00ffde,inset 0 0 10px #00ffde}.leaderboard h3{margin-top:0;text-align:center;border-bottom:1px solid #00ffde;padding-bottom:10px;text-shadow:0 0 5px #fff,0 0 10px #00ffde;text-transform:uppercase}.leaderboard-row{display:flex;justify-content:space-between;margin:5px 0;font-size:1.1rem}.level{font-size:.5em;background:#00ffde;color:#1a1a1a;padding:2px 8px;border-radius:10px;vertical-align:middle;margin-left:10px;font-weight:700}.mode-select{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;background:rgba(0,0,0,.9)}.mode-select h1{font-size:3rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);margin-bottom:2rem}.mode-options{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.mode-btn{background:linear-gradient(145deg,#2a2a2a,#333);border:2px solid #555;border-radius:12px;padding:20px;width:250px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.mode-btn h2{color:#4facfe;margin:0 0 10px;font-size:1.5rem;text-shadow:none}.mode-btn p{color:#ccc;font-size:.9rem;margin:0;line-height:1.4}.mode-btn:hover{transform:translateY(-5px);border-color:#4facfe;box-shadow:0 5px 15px #4facfe4d}@keyframes shake{0%{transform:translate(1px) rotate(0)}10%{transform:translate(-1px,-1px) rotate(-.5deg)}20%{transform:translate(-1px) rotate(.5deg)}30%{transform:translate(1px,1px) rotate(0)}40%{transform:translate(1px,-1px) rotate(.5deg)}50%{transform:translate(-1px,1px) rotate(-.5deg)}60%{transform:translate(-1px,1px) rotate(0)}70%{transform:translate(1px,1px) rotate(-.5deg)}80%{transform:translate(-1px,-1px) rotate(.5deg)}90%{transform:translate(1px,1px) rotate(0)}to{transform:translate(1px,-1px) rotate(-.5deg)}}.screen-shake{animation:shake .5s;animation-iteration-count:infinite}: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:#242424;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{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}