*{margin:0;padding:0;box-sizing:border-box}:root{--blue: #2196F3;--blue-dark: #1565C0;--blue-light: #E3F2FD;--green: #4CAF50;--red: #F44336;--white: #fff;--gray: #90A4AE;--bg: #F0F7FF}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#263238;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{height:100%}.screen{display:flex;flex-direction:column;height:100%;width:100%;max-width:500px;margin:0 auto;position:relative}#title{align-items:center;justify-content:center;gap:16px;padding:32px 24px;text-align:center}#title h1{font-size:48px;font-weight:900;color:var(--blue-dark);letter-spacing:-2px}#title h1 span{color:var(--blue)}.subtitle{font-size:16px;color:var(--gray);margin-bottom:24px}.mode-btn{width:100%;max-width:320px;padding:20px 24px;border:none;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:space-between;text-align:left}.mode-btn:active{transform:scale(.96)}.mode-btn.time{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.mode-btn.endless{background:linear-gradient(135deg,#26c6da,#0097a7);color:#fff}.mode-btn.challenge{background:linear-gradient(135deg,#ab47bc,#7b1fa2);color:#fff}.mode-btn .icon{font-size:28px}.mode-desc{font-size:12px;font-weight:400;opacity:.8}.diff-row{display:flex;gap:8px;max-width:320px;width:100%}.diff-btn{flex:1;padding:12px 8px;border:2px solid var(--blue);border-radius:12px;background:var(--white);color:var(--blue);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s}.diff-btn.sel{background:var(--blue);color:var(--white)}.diff-btn:active{transform:scale(.95)}.stats-row{display:flex;gap:16px;margin-top:16px;font-size:13px;color:var(--gray)}.stats-row b{color:#263238}#game{padding:0}.hud{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--white);box-shadow:0 2px 8px #0000000f}.hud-item{text-align:center}.hud-label{font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:1px}.hud-val{font-size:24px;font-weight:800;color:var(--blue-dark)}.hud-val.combo{color:#ff9800}.hud-val.timer{color:var(--blue)}.hud-val.timer.low{color:var(--red);animation:pulse .5s infinite}.lives{display:flex;gap:4px;justify-content:center}.lives span{font-size:20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.game-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative}.question-num{font-size:13px;color:var(--gray);margin-bottom:8px}.equation{font-size:56px;font-weight:900;color:var(--blue-dark);transition:all .2s;min-height:80px;display:flex;align-items:center;justify-content:center}.equation.correct{color:var(--green);transform:scale(1.1)}.equation.wrong{color:var(--red);animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.feedback{position:absolute;font-size:64px;font-weight:900;opacity:0;transition:all .3s;pointer-events:none}.feedback.show{opacity:1;transform:scale(1.2)}.feedback.correct{color:var(--green)}.feedback.wrong{color:var(--red)}.combo-text{font-size:14px;font-weight:700;color:#ff9800;height:24px;transition:all .2s}.combo-text.pop{animation:comboPop .3s}@keyframes comboPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;width:100%;max-width:400px;margin:0 auto}.choice-btn{padding:24px 16px;border:2px solid var(--blue-light);border-radius:16px;background:var(--white);font-size:28px;font-weight:800;color:var(--blue-dark);cursor:pointer;transition:all .15s;min-height:72px;display:flex;align-items:center;justify-content:center}.choice-btn:active{transform:scale(.95)}.choice-btn.correct-pick{background:var(--green);color:#fff;border-color:var(--green)}.choice-btn.wrong-pick{background:var(--red);color:#fff;border-color:var(--red);animation:shake .4s}.choice-btn:disabled{pointer-events:none}.ad-btn{position:absolute;bottom:8px;right:20px;padding:8px 14px;border:none;border-radius:20px;background:linear-gradient(135deg,#ffb300,#ff8f00);color:#fff;font-size:12px;font-weight:700;cursor:pointer}#result{align-items:center;justify-content:center;gap:16px;padding:32px 24px;text-align:center}#result h2{font-size:32px;font-weight:900;color:var(--blue-dark)}.result-stats{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.result-row{display:flex;justify-content:space-between;padding:12px 16px;background:var(--white);border-radius:12px}.result-row .label{color:var(--gray)}.result-row .val{font-weight:800;color:var(--blue-dark)}.result-row .val.new-record{color:var(--green)}.result-btns{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px;margin-top:8px}.result-btns button{padding:16px;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s}.result-btns button:active{transform:scale(.96)}.retry-btn{background:var(--blue);color:#fff}.home-btn{background:var(--white);color:var(--blue);border:2px solid var(--blue)!important}.ad-reward-btn{background:linear-gradient(135deg,#ffb300,#ff8f00);color:#fff;font-size:14px}.iap-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1565c0,#0d47a1);color:#fff;padding:12px 20px;display:none;align-items:center;justify-content:space-between;z-index:100}.iap-banner.show{display:flex}.iap-banner span{font-size:13px}.iap-banner button{padding:8px 16px;border:none;border-radius:8px;background:#ffb300;color:#000;font-weight:700;font-size:13px;cursor:pointer}.iap-close{background:none!important;color:#fff!important;font-size:20px;padding:4px 8px!important}