.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing);background:linear-gradient(135deg,#667eea,#764ba2)}.home-container{text-align:center;max-width:500px;width:100%}.home-title{font-size:2.5rem;color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.home-subtitle{font-size:1.25rem;color:#ffffffe6;margin-bottom:3rem}.age-buttons{display:flex;flex-direction:column;gap:var(--spacing)}.age-button{height:120px;background:var(--color-surface);border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.age-button:active{transform:scale(.98)}.age-button:hover{box-shadow:0 6px 12px #00000026}.age-5{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff}.age-7{background:linear-gradient(135deg,#4ecdc4,#6edcd4);color:#fff}.age-number{font-size:3rem;font-weight:700;margin-bottom:.5rem}.age-label{font-size:1.1rem}@media (min-width: 768px){.age-buttons{flex-direction:row}.age-button{flex:1}}.game-selection{min-height:100vh;padding:var(--spacing);background:linear-gradient(135deg,#f093fb,#f5576c)}.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)}.game-selection-title{color:#fff;font-size:2rem;text-align:center;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.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:1.5rem;font-size:.9rem}.difficulty-buttons{display:flex;gap:.5rem;width:100%}.difficulty-button{flex:1;padding:12px;font-size:.9rem;border-radius:8px;color:#fff;font-weight:700}.difficulty-easy{background:var(--color-success)}.difficulty-medium{background:var(--color-secondary)}.difficulty-hard{background:var(--color-error)}.star-display{display:flex;gap:4px}.star{font-size:1.5rem;transition:transform .2s ease}.star-filled{filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.star-empty{opacity:.3}.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)}}.pathfinding-operation{text-align:center;margin-bottom:1.5rem}.operation-display{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2rem;margin-bottom:1rem;flex-wrap:wrap}.pathfinding-instruction{text-align:center;color:var(--color-text-light);font-size:1.1rem;margin-top:.5rem}.pathfinding-grid-container{display:flex;justify-content:center;margin:2rem 0}.pathfinding-grid{display:grid;gap:4px;padding:1rem;background:var(--color-background);border-radius:var(--border-radius);max-width:100%}.cell{aspect-ratio:1;min-width:60px;min-height:60px;background:var(--color-surface);border:2px solid var(--color-accent);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;font-size:1.2rem}.cell:active{transform:scale(.95)}.cell-start{background:#4caf504d;border-color:var(--color-success)}.cell-end{background:#f443364d;border-color:var(--color-error)}.cell-path{background:#2196f34d;border-color:var(--color-accent)}.cell-highlight{background:#ffc1074d;border-color:var(--color-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cell-number{font-weight:700;color:var(--color-text);font-size:1.1rem}@media (max-width: 768px){.cell{min-width:50px;min-height:50px;font-size:1rem}.cell-number{font-size:.9rem}}.pathfinding-success{text-align:center;margin:1rem 0;font-size:1.5rem;font-weight:700;color:var(--color-success);background:#4caf501a;padding:1rem;border-radius:var(--border-radius);animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.back-button{background:#ffffffe6;color:var(--color-text);padding:12px 24px;font-size:1rem;border-radius:var(--border-radius)}.game-stats{display:flex;align-items:center;gap:1rem;background:#ffffffe6;padding:12px 24px;border-radius:var(--border-radius)}.score{font-size:1.1rem;font-weight:700;color:var(--color-text)}.game-content{max-width:800px;margin:0 auto}.version-display{position:fixed;top:8px;left:50%;transform:translate(-50%);font-size:.7rem;color:#0006;z-index:1000;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:monospace}@media (prefers-color-scheme: dark){.version-display{color:#fff6}}.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}