.game-selection{min-height:100vh;padding:var(--spacing);background:linear-gradient(135deg,#f093fb,#f5576c)}.game-selection-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.burger-menu-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:#ffffffe6;border-radius:8px;cursor:pointer;border:none}.burger-line{display:block;width:100%;height:3px;background:var(--color-text);border-radius:2px}.current-settings{font-size:.95rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.burger-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000}.burger-menu{position:fixed;top:0;left:0;width:min(320px,85vw);height:100vh;background:#fffffffa;box-shadow:4px 0 20px #00000026;z-index:1001;overflow-y:auto;padding:1rem}.burger-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;font-size:1.2rem;background:transparent;border:none;cursor:pointer;color:var(--color-text)}.burger-menu-content{padding-top:2rem}.burger-menu-content .mode-selector-title,.burger-menu-content .difficulty-selector-title,.burger-menu-content .burger-section-title{margin-top:1.5rem;margin-bottom:.75rem}.burger-section-title{color:var(--color-text);font-size:1.1rem}.burger-reset-scores{width:100%;padding:10px 16px;font-size:.9rem;background:#f4433626;color:var(--color-error);border:1px solid rgba(244,67,54,.3);border-radius:8px;cursor:pointer;transition:background .2s}.burger-reset-scores:hover{background:#f4433640}.burger-comparison-options{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}.burger-comparison-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.9rem;color:var(--color-text)}.burger-comparison-checkbox input{width:18px;height:18px;cursor:pointer}.burger-version{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1);font-size:.75rem;color:var(--color-text-light);font-family:monospace}.burger-menu-content .mode-selector-title:first-child{margin-top:0}.mode-buttons-vertical .mode-card{min-width:100%;margin-bottom:.5rem}.game-selection-container{max-width:1200px;margin:0 auto}.back-button{background:#ffffffe6;color:var(--color-text);padding:12px 24px;margin-bottom:2rem;font-size:1rem;border-radius:var(--border-radius)}.burger-menu .mode-selector-title{color:var(--color-text);font-size:1.1rem}.mode-selector-title{color:var(--color-text);font-size:1.1rem;margin-bottom:1rem}.mode-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.mode-card{flex:1;min-width:140px;display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:var(--border-radius);border:2px solid transparent;background:var(--color-surface);transition:all .2s ease;cursor:pointer}.mode-card-active{border-color:var(--color-primary);background:#4caf5033}.mode-button{width:100%;padding:0;min-height:auto;border:none;background:transparent;color:var(--color-text);font-size:.95rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:none}.mode-button:hover{background:transparent}.mode-card:hover .mode-button{color:inherit}.mode-card:not(.mode-card-active):hover{border-color:var(--color-primary);background:#4caf501a}.mode-icon{font-size:1.5rem}.mode-name{font-weight:700}.mode-desc{font-size:.75rem;color:var(--color-text-light)}.speed-time-in-card{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1);width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.speed-time-in-card label{color:var(--color-text);font-size:.9rem}.speed-time-select{padding:.5rem 1rem;border-radius:var(--border-radius);border:1px solid var(--color-text-light);font-size:1rem}.burger-menu .difficulty-selector-title{color:var(--color-text);font-size:1.1rem}.burger-menu .difficulty-buttons{display:flex;flex-direction:row;gap:.5rem}.burger-menu .difficulty-button{flex:1;padding:8px 12px;font-size:.9rem;border-radius:8px;color:#fff;font-weight:700;border:2px solid transparent}.burger-menu .difficulty-button.difficulty-button-active{border-color:var(--color-text);box-shadow:0 0 0 2px #0003}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing)}.game-card{background:var(--color-surface);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center}.game-icon{font-size:4rem;margin-bottom:1rem}.game-name{font-size:1.5rem;color:var(--color-text);margin-bottom:.5rem}.game-description{color:var(--color-text-light);margin-bottom:1rem;font-size:.9rem}.game-play-button{width:100%;padding:12px 24px;font-size:1rem;font-weight:700;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;margin-top:auto}.game-play-button:hover{filter:brightness(1.05)}.difficulty-easy{background:var(--color-success)}.difficulty-medium{background:var(--color-secondary)}.difficulty-hard{background:var(--color-error)}.game-base{background:var(--color-surface);border-radius:var(--border-radius);padding:2rem;box-shadow:0 4px 6px #0000001a}.game-title{font-size:2rem;text-align:center;margin-bottom:2rem;color:var(--color-text)}.question-container{margin-bottom:2rem}.question-display{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2.5rem;margin-bottom:2rem;flex-wrap:wrap}.operand{background:var(--color-accent);color:#fff;padding:1rem 2rem;border-radius:var(--border-radius);min-width:80px;text-align:center;font-weight:700}.operator,.equals{font-size:3rem;color:var(--color-text);font-weight:700}.question-mark{background:var(--color-secondary);color:#fff;padding:1rem 2rem;border-radius:var(--border-radius);min-width:80px;text-align:center;font-weight:700;font-size:2.5rem}.visual-aid{margin:2rem 0;padding:1.5rem;background:var(--color-background);border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center}.dots-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-bottom:1rem}.dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dot-blue{background:var(--color-accent)}.dot-green{background:var(--color-success)}.dot-purple{background:var(--color-accent-purple)}.dot-crossed{background:var(--color-error);opacity:.5;position:relative}.cross{color:#fff;font-size:1.5rem}.plus-sign{font-size:2rem;margin:0 .5rem;color:var(--color-text)}.multiplication-grid{display:flex;flex-direction:column;gap:4px;margin-bottom:1rem}.multiplication-row{display:flex;gap:4px;justify-content:center}.multiplication-dot{width:24px;height:24px;background:var(--color-accent-pink);border-radius:50%}.division-groups{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.division-group{display:flex;gap:4px;padding:.5rem;background:#9c27b01a;border-radius:8px}.visual-hint{color:var(--color-text-light);font-size:.9rem;text-align:center;margin-top:.5rem}.answer-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.answer-button{height:80px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:2rem;font-weight:700;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;transition:all .2s ease}.answer-button:active{transform:scale(.95);box-shadow:0 2px 4px #0000001a}@media (min-width: 768px){.answer-options{grid-template-columns:repeat(4,1fr)}}.comparison-game-wrapper{width:100%;max-width:600px}.comparison-options-menu{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;margin-top:1.5rem;background:#ffffffe6;border-radius:12px;font-size:.9rem}.comparison-options-label{font-weight:600;color:var(--color-text);margin-right:8px}.comparison-options-simple{color:var(--color-text-light);font-size:.85rem;margin-right:8px}.comparison-option-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--color-text)}.comparison-option-checkbox input{width:18px;height:18px;cursor:pointer}.comparison-display{display:flex;align-items:center;justify-content:center;gap:2rem;font-size:2.5rem;margin:2rem 0;flex-wrap:nowrap}.comparison-left,.comparison-right{flex-shrink:1;min-width:0;text-align:center}.comparison-number{background:var(--color-accent);color:#fff;padding:1.5rem 2.5rem;border-radius:var(--border-radius);font-weight:700;font-size:3rem}.comparison-expression{background:var(--color-accent);color:#fff;padding:1.5rem 2rem;border-radius:var(--border-radius);font-weight:700;font-size:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.comparison-question-mark{background:var(--color-secondary);color:#fff;padding:1.5rem 2rem;border-radius:var(--border-radius);font-weight:700;font-size:3rem;min-width:60px;flex-shrink:1;text-align:center}.comparison-instruction{text-align:center;color:var(--color-text-light);font-size:1.1rem;margin-bottom:2rem}.comparison-options{display:flex;gap:1rem;justify-content:center;flex-wrap:nowrap;margin-top:2rem}.comparison-button{flex:1;min-width:0;max-width:250px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;transition:all .2s ease;font-weight:700}.comparison-button:active{transform:scale(.95)}.comparison-symbol{font-size:3rem;font-weight:700}.comparison-label{font-size:1rem;text-transform:uppercase;letter-spacing:1px}.comparison-less{background:linear-gradient(135deg,#4a90d9,#6ba3e8);color:#fff}.comparison-equal{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.comparison-greater{background:linear-gradient(135deg,#e53935,#ef5350);color:#fff}@media (max-width: 768px){.comparison-display{gap:.5rem;font-size:1.5rem;margin:1rem 0}.comparison-number{font-size:1.5rem;padding:.5rem .75rem}.comparison-expression{font-size:1.2rem;padding:.5rem .75rem}.comparison-question-mark{font-size:1.5rem;padding:.5rem .75rem;min-width:40px}.comparison-options{gap:.5rem}.comparison-button{height:80px;min-width:0}.comparison-symbol{font-size:2rem}.comparison-label{font-size:.7rem}}@media (max-width: 400px){.comparison-display{gap:.35rem;font-size:1.2rem}.comparison-number{font-size:1.2rem;padding:.4rem .5rem}.comparison-expression{font-size:1rem;padding:.4rem .5rem}.comparison-question-mark{font-size:1.2rem;padding:.4rem .5rem;min-width:32px}.comparison-options{gap:.35rem}.comparison-button{height:70px}.comparison-symbol{font-size:1.5rem}.comparison-label{font-size:.6rem}}.math-game{min-height:100vh;padding:var(--spacing);background:linear-gradient(135deg,#a8edea,#fed6e3)}.math-game-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.4rem .75rem;background:#ffffffe6;border-radius:var(--border-radius);min-height:40px;line-height:1}.math-game-header .back-button{flex-shrink:0;display:inline-flex;align-items:center;background:transparent;color:var(--color-text);padding:6px 10px;margin:0;font-size:.95rem;font-family:inherit;line-height:1;border:none;border-radius:var(--border-radius)}.math-game-header .back-button:hover{background:#0000000f}.back-button{background:#ffffffe6;color:var(--color-text);padding:12px 24px;font-size:1rem;border-radius:var(--border-radius);border:none;cursor:pointer}.math-game-header .game-stats{display:flex;align-items:center;gap:1rem;background:transparent;padding:0;line-height:1}.math-game-header .timer,.math-game-header .streak-display,.math-game-header .speed-record,.math-game-header .score{display:flex;align-items:center;line-height:1}.timer{font-size:.95rem;font-weight:700;color:var(--color-text)}.timer-emoji{display:inline-block;vertical-align:middle;line-height:1}.timer.speed-timer{min-width:3rem}.timer.speed-timer-low{color:var(--color-error);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.streak-display{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:700;color:var(--color-text)}.streak-current{font-size:.9rem;font-weight:700;color:var(--color-text)}.streak-best{font-size:.9rem;color:var(--color-text)}.streak-record{font-size:.85rem;color:var(--color-text-light)}.speed-record{font-size:.85rem;font-weight:700;color:var(--color-text-light)}.math-game-header .score{font-size:.9rem}.speed-game-over{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem}.speed-game-over-content{text-align:center;background:#fffffff2;padding:2rem 3rem;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026}.speed-game-over-emoji{font-size:4rem;margin-bottom:1rem}.speed-game-over-content h2{color:var(--color-text);margin-bottom:.5rem}.speed-game-over-score{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem}.speed-game-over-record .speed-game-over-emoji{animation:recordBounce .6s ease-out}.speed-game-over-record-text{font-size:1.1rem;color:var(--color-primary);font-weight:600;margin:-.5rem 0 1rem}@keyframes recordBounce{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.score{font-size:1.1rem;font-weight:700;color:var(--color-text)}.game-content{max-width:800px;margin:0 auto}.feedback-splash{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10000;animation:splashFadeIn .3s ease-out;pointer-events:auto}.feedback-content{text-align:center;animation:splashScale .4s cubic-bezier(.34,1.56,.64,1)}.feedback-emoji{font-size:8rem;margin-bottom:1rem;animation:bounce .6s ease-out}.feedback-text{font-size:3rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.feedback-correct{background:#4caf50f2;color:#fff}.feedback-record{background:linear-gradient(135deg,#ffc107fa,#ff9800fa)!important;color:#fff}.feedback-incorrect{background:#f44336f2;color:#fff}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes splashScale{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.app{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #4CAF50;--color-primary-dark: #45a049;--color-secondary: #FF9800;--color-accent: #2196F3;--color-accent-pink: #E91E63;--color-accent-purple: #9C27B0;--color-background: #F5F5F5;--color-surface: #FFFFFF;--color-text: #212121;--color-text-light: #757575;--color-success: #4CAF50;--color-error: #F44336;--color-star: #FFD700;--touch-target: 48px;--button-height: 56px;--border-radius: 16px;--spacing: 16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);overflow-x:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#root{min-height:100vh;display:flex;flex-direction:column}button{min-height:var(--touch-target);min-width:var(--touch-target);font-size:18px;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.95)}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}