*,*:before,*:after{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;line-height:1.4;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;min-width:320px;min-height:100vh;min-height:100dvh;overscroll-behavior:none}#root{width:100%}button{font-family:inherit;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus{outline:none}.game-screen,.number-pad{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@supports (padding-top: env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.home-screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:20px 20px 40px;overflow-y:auto;-webkit-overflow-scrolling:touch}.home-header{text-align:center;margin-bottom:20px}.app-logo{width:100%;max-width:340px;height:auto;margin:0 auto;display:block}.app-title{font-size:42px;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:4px 0}.total-stars{margin-top:8px;font-size:18px;font-weight:700;color:#f0a500}.selection-area{flex:1}.category-section{margin-bottom:20px}.category-title{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:#999;margin:0 0 10px}.op-type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.op-type-button{padding:14px 4px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-size:18px;font-weight:800;color:#333;cursor:pointer;transition:all .15s ease}.op-type-button:active{transform:scale(.95)}.op-type-button.selected{color:#fff;box-shadow:0 4px 12px #0003}.op-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.op-button{padding:14px 8px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-size:16px;font-weight:700;color:#333;cursor:pointer;transition:all .15s ease}.op-button:active{transform:scale(.95)}.op-button.selected{border-color:#667eea;background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea66}.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.diff-button{padding:10px 8px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.diff-button:active{transform:scale(.95)}.diff-button.selected{border-color:#4ecdc4;background:#4ecdc4;color:#fff}.diff-label{font-size:14px;font-weight:700}.diff-info{font-size:11px;opacity:.7}.time-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.time-button{padding:12px 4px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-size:14px;font-weight:700;color:#333;cursor:pointer;transition:all .15s ease}.time-button:active{transform:scale(.95)}.time-button.selected{border-color:#ffa502;background:#ffa502;color:#fff;box-shadow:0 4px 12px #ffa5024d}.home-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.start-button{padding:18px;border:none;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:22px;font-weight:800;cursor:pointer;transition:all .2s ease;letter-spacing:1px}.start-button:active{transform:scale(.97)}.start-button.disabled{background:#ccc;cursor:not-allowed}.stats-button{padding:14px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-size:16px;font-weight:600;color:#666;cursor:pointer}.stats-button:active{transform:scale(.97)}.game-screen{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none}.lightning-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:100px;animation:lightningPop .4s ease-out forwards;pointer-events:none;z-index:100;filter:drop-shadow(0 0 30px rgba(255,215,0,.8))}@keyframes lightningPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-10deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.4) rotate(5deg)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-5deg)}}.progress-bar-track{height:5px;background:#eee;width:100%;flex-shrink:0}.progress-bar-fill{height:100%;transition:width 1s linear,background-color .5s;border-radius:0 3px 3px 0}.game-top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;flex-shrink:0}.problem-counter{font-size:16px;font-weight:700;color:#888}.skip-btn{padding:8px 16px;border:2px solid #ddd;border-radius:20px;background:#fff;font-size:14px;font-weight:600;color:#999;cursor:pointer}.skip-btn:active{background:#f0f0f0}.problem-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:background-color .15s;min-height:0}.problem-card.correct-flash{background-color:#4ecdc426}.problem-card.shake{animation:shakeAnim .4s ease}@keyframes shakeAnim{0%,to{transform:translate(0)}20%{transform:translate(-15px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.problem-top-number{font-size:72px;font-weight:900;color:#333;line-height:1;text-align:right;min-width:140px}.problem-operator-row{display:flex;align-items:baseline;gap:12px;min-width:140px;justify-content:flex-start}.problem-operator{font-size:48px;font-weight:700;color:#667eea}.problem-bottom-number{font-size:72px;font-weight:900;color:#333;line-height:1}.problem-line{width:160px;height:4px;background:#333;margin:10px 0;border-radius:2px}.answer-display{font-size:56px;font-weight:900;color:#667eea;min-height:70px;display:flex;align-items:center;justify-content:center;text-align:right;min-width:140px}.answer-placeholder{color:#ccc;font-weight:400}.answer-cursor{display:inline-block;width:3px;height:50px;background:#667eea;margin-left:4px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px 24px;flex-shrink:0;max-width:400px;margin:0 auto;width:100%}.num-btn{padding:18px;border:none;border-radius:14px;background:#f0f0f5;font-size:28px;font-weight:700;color:#333;cursor:pointer;transition:all .1s;-webkit-tap-highlight-color:transparent}.num-btn:active{background:#667eea;color:#fff;transform:scale(.95)}.del-btn{background:#ffe0e0;color:#ff4757}.del-btn:active{background:#ff4757;color:#fff}.skip-num-btn{background:#e0f0ff;color:#45b7d1;font-size:24px}.skip-num-btn:active{background:#45b7d1;color:#fff}.results-screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.confetti-piece{position:absolute;top:-20px;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{top:-20px;opacity:1}to{top:110vh;opacity:0;transform:rotate(720deg)}}.results-content{opacity:0;transform:translateY(20px);transition:all .5s ease;display:flex;flex-direction:column;align-items:center;z-index:1}.results-content.visible{opacity:1;transform:translateY(0)}.results-mascot{font-size:80px;margin-bottom:8px;animation:celebrateBounce 1s ease-in-out infinite}@keyframes celebrateBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-5deg)}75%{transform:translateY(-10px) rotate(5deg)}}.results-label{font-size:32px;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.results-message{font-size:16px;color:#888;text-align:center;margin:4px 0 16px}.stars-display{display:flex;gap:8px;margin-bottom:20px}.star{font-size:40px;transition:transform .3s}.star.earned{animation:starPop .5s ease}.star.empty{font-size:36px;color:#ddd}@keyframes starPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.results-stats{display:flex;gap:12px;margin-bottom:16px;width:100%;max-width:400px}.stat-card{flex:1;background:#f8f9ff;border-radius:14px;padding:14px 8px;text-align:center}.stat-value{font-size:28px;font-weight:900;color:#333}.stat-label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:1px}.results-details{width:100%;max-width:400px;background:#f8f9ff;border-radius:14px;padding:12px 16px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;padding:6px 0;font-size:15px;color:#666}.detail-row span:last-child{font-weight:700;color:#333}.results-actions{display:flex;gap:12px;width:100%;max-width:400px}.retry-button{flex:1;padding:16px;border:none;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;font-weight:700;cursor:pointer}.retry-button:active{transform:scale(.97)}.home-button-result{flex:1;padding:16px;border:2px solid #e0e0e0;border-radius:14px;background:#fff;font-size:18px;font-weight:700;color:#666;cursor:pointer}.home-button-result:active{transform:scale(.97)}.stats-screen{min-height:100vh;min-height:100dvh;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.stats-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.back-btn{padding:8px 14px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;font-size:15px;font-weight:600;color:#666;cursor:pointer}.stats-title{font-size:24px;font-weight:800;margin:0;color:#333}.total-stars-banner{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff8e1,#fff3cd);border-radius:16px;padding:16px 20px;margin-bottom:24px}.total-stars-icon{font-size:36px}.total-stars-count{font-size:36px;font-weight:900;color:#f0a500}.total-stars-label{font-size:16px;color:#b8860b;font-weight:600}.section-title{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:#999;margin:0 0 12px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.stat-tile{background:#f8f9ff;border-radius:14px;padding:14px;text-align:center}.stat-tile-label{font-size:18px;font-weight:800;color:#667eea;margin-bottom:6px}.stat-tile-best{font-size:32px;font-weight:900;color:#333}.stat-tile-sub{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.stat-tile-streak{font-size:18px;font-weight:700}.stat-tile-sessions{font-size:12px;color:#999;margin-top:4px}.recent-list{display:flex;flex-direction:column;gap:8px;padding-bottom:40px}.recent-item{display:flex;align-items:center;gap:12px;background:#f8f9ff;border-radius:12px;padding:12px 16px}.recent-op{font-size:16px;font-weight:800;color:#667eea;min-width:50px}.recent-score{font-size:16px;font-weight:700;color:#333;flex:1}.recent-pct{font-size:16px;font-weight:700;color:#4ecdc4}.recent-stars{font-size:14px}.no-stats{text-align:center;padding:40px 20px;color:#999}.no-stats-emoji{font-size:60px}.app{width:100%;max-width:500px;margin:0 auto;min-height:100vh;min-height:100dvh}