:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff}.shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.game-container{width:100%;max-width:28rem;padding:2rem;border-radius:1.5rem;background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006}.game-header{text-align:center;margin-bottom:2rem}.game-logo{font-size:3.5rem;display:block;margin-bottom:.5rem}.game-header h1{margin:0;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#f9d423,#ff4e50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{margin:.25rem 0 0;color:#ffffff8c;font-size:1rem}.difficulty-grid{display:flex;flex-direction:column;gap:.75rem}.difficulty-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:1rem;border:2px solid transparent;cursor:pointer;font-size:1rem;transition:transform .15s,box-shadow .15s,border-color .15s;background:#ffffff0d;color:#fff}.difficulty-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.difficulty-btn.easy:hover{border-color:#4ade80}.difficulty-btn.medium:hover{border-color:#facc15}.difficulty-btn.hard:hover{border-color:#f87171}.diff-emoji{font-size:2rem;flex-shrink:0}.diff-label{font-weight:700;font-size:1.15rem}.diff-desc{font-size:.8rem;color:#ffffff80}.difficulty-btn>span:last-child{margin-left:auto}.score-bar{display:flex;justify-content:space-between;margin-bottom:2rem;gap:.5rem}.score-item{flex:1;text-align:center;padding:.6rem .5rem;border-radius:.75rem;background:#ffffff0f}.score-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;margin-bottom:.15rem}.score-value{font-size:1.4rem;font-weight:800}.score-item.streak .score-value{color:#f97316}.problem-area{text-align:center}.equation{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem;font-size:2.5rem;font-weight:800}.operand{background:#ffffff1a;padding:.25rem .75rem;border-radius:.75rem;min-width:3.5rem;text-align:center}.operator{color:#a78bfa;font-size:2rem}.equals{color:#ffffff59}.answer-placeholder{color:#f9d423;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.choice-btn{padding:1rem;font-size:1.5rem;font-weight:700;border-radius:1rem;border:2px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;cursor:pointer;transition:transform .1s,background .15s,border-color .15s}.choice-btn:hover:not(:disabled){transform:scale(1.04);background:#ffffff1f;border-color:#ffffff40}.choice-btn.correct{background:#4ade8040;border-color:#4ade80;color:#4ade80;animation:pop .3s ease}.choice-btn.wrong{background:#f8717140;border-color:#f87171;color:#f87171;animation:shake .35s ease}.choice-btn.dimmed{opacity:.35}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.feedback{font-size:1.35rem;font-weight:700;padding:.5rem 1rem;border-radius:.75rem;animation:fadeSlide .3s ease}.feedback.success{color:#4ade80;background:#4ade801a}.feedback.fail{color:#fbbf24;background:#fbbf241a}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.back-btn{display:block;margin:1.5rem auto 0;padding:.5rem 1.25rem;font-size:.85rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12);background:transparent;color:#ffffff8c;cursor:pointer;transition:color .15s,border-color .15s}.back-btn:hover{color:#fff;border-color:#ffffff4d}