@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";:root{--bg: #0f0f1a;--surface: #1a1a2e;--surface-light: #252540;--accent: #6c5ce7;--accent-glow: rgba(108, 92, 231, .4);--success: #00cec9;--success-glow: rgba(0, 206, 201, .4);--danger: #ff6b6b;--danger-glow: rgba(255, 107, 107, .4);--warning: #feca57;--warning-glow: rgba(254, 202, 87, .4);--text: #f0f0f8;--text-dim: rgba(240, 240, 248, .5);--radius: 1rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow-x:hidden}.start-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;text-align:center;background:radial-gradient(ellipse at 30% 20%,rgba(108,92,231,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,206,201,.1) 0%,transparent 50%),var(--bg)}.start-screen h1{font-size:clamp(3rem,10vw,5rem);font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,#6c5ce7,#00cec9,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePulse 3s ease-in-out infinite}@keyframes titlePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.start-screen .subtitle{font-size:1.15rem;color:var(--text-dim);max-width:22rem;line-height:1.6}.start-screen .high-score-display{font-size:.9rem;color:var(--warning);font-weight:600}.play-btn{background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;border:none;padding:1rem 3rem;font-size:1.3rem;font-weight:700;border-radius:999px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 24px var(--accent-glow);letter-spacing:.02em}.play-btn:hover{transform:scale(1.05);box-shadow:0 6px 32px var(--accent-glow)}.play-btn:active{transform:scale(.97)}.game-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;max-width:500px;margin:0 auto}.game-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.game-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.game-stat .label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);font-weight:600}.game-stat .value{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.game-stat .value.timer{color:var(--success);transition:color .2s}.game-stat .value.timer.low{color:var(--danger);animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.next-target{text-align:center;padding:.5rem 0}.next-target .hint{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);font-weight:600;margin-bottom:.25rem}.next-target .number{font-size:2.5rem;font-weight:900;color:var(--accent);text-shadow:0 0 20px var(--accent-glow);animation:targetBounce 1s ease-in-out infinite}@keyframes targetBounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.timer-bar-container{width:100%;height:6px;background:var(--surface);border-radius:3px;overflow:hidden}.timer-bar{height:100%;background:linear-gradient(90deg,var(--success),var(--warning));border-radius:3px;transition:width .1s linear}.timer-bar.low{background:linear-gradient(90deg,var(--danger),var(--warning))}.number-grid{display:grid;gap:.6rem;width:100%;flex:1;align-content:center;padding:.5rem 0}.number-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:800;border-radius:var(--radius);cursor:pointer;transition:transform .1s,opacity .2s,box-shadow .2s;position:relative;overflow:hidden;border:2px solid transparent;-webkit-tap-highlight-color:transparent}.number-cell.default{background:var(--surface-light);color:var(--text);border-color:#ffffff0f}.number-cell.default:hover{border-color:#ffffff26}.number-cell.default:active{transform:scale(.93)}.number-cell.correct{background:var(--success);color:#0a2a2a;border-color:var(--success);box-shadow:0 0 20px var(--success-glow);animation:correctPop .35s ease-out}@keyframes correctPop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1);opacity:.6}}.number-cell.wrong{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 0 20px var(--danger-glow);animation:wrongShake .4s ease-out}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.number-cell.tapped{opacity:.3;pointer-events:none;transform:scale(.9)}.feedback-text{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:900;pointer-events:none;z-index:100;animation:feedbackPop .6s ease-out forwards}.feedback-text.good{color:var(--success);text-shadow:0 0 30px var(--success-glow)}.feedback-text.bad{color:var(--danger);text-shadow:0 0 30px var(--danger-glow)}@keyframes feedbackPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-70%) scale(1);opacity:0}}.result-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center;background:radial-gradient(ellipse at 50% 30%,rgba(108,92,231,.12) 0%,transparent 50%),var(--bg)}.result-screen h2{font-size:2rem;font-weight:800}.result-screen .result-emoji{font-size:4rem;animation:emojiFloat 2s ease-in-out infinite}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.result-stats{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.result-stat{display:flex;flex-direction:column;gap:.25rem}.result-stat .stat-value{font-size:2.5rem;font-weight:900;color:var(--accent)}.result-stat .stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);font-weight:600}.new-high-score{font-size:1.1rem;color:var(--warning);font-weight:700;animation:highScorePulse 1.5s ease-in-out infinite}@keyframes highScorePulse{0%,to{opacity:1}50%{opacity:.6}}.result-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.result-btn{background:var(--surface-light);color:var(--text);border:2px solid rgba(255,255,255,.1);padding:.85rem 2rem;font-size:1rem;font-weight:700;border-radius:999px;cursor:pointer;transition:transform .15s,border-color .15s}.result-btn:hover{transform:scale(1.05);border-color:#ffffff40}.result-btn.primary{background:linear-gradient(135deg,#6c5ce7,#a855f7);border-color:transparent;box-shadow:0 4px 20px var(--accent-glow)}.combo-display{position:fixed;top:50%;right:1.5rem;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;opacity:0;transition:opacity .3s;pointer-events:none}.combo-display.visible{opacity:1}.combo-count{font-size:2rem;font-weight:900;color:var(--warning);text-shadow:0 0 15px var(--warning-glow)}.combo-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--warning);font-weight:700}.round-announce{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#0f0f1af2;z-index:200;animation:roundFade 1.5s ease-in-out forwards}.round-announce .round-label{font-size:1rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);font-weight:700}.round-announce .round-number{font-size:5rem;font-weight:900;color:var(--accent);text-shadow:0 0 40px var(--accent-glow)}.round-announce .round-desc{font-size:.9rem;color:var(--text-dim)}@keyframes roundFade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}