:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;background:#ecf0f1}@media (prefers-color-scheme: dark){body{background:#1a1a1a}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#ecf0f1}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (prefers-color-scheme: dark){:root{color:#fff;background-color:#1a1a1a}a:hover{color:#747bff}button{background-color:#2d2d2d}}:root{--bg-primary: #ecf0f1;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--text-primary: #2c3e50;--text-secondary: #34495e;--text-muted: #7f8c8d;--border-color: #bdc3c7;--shadow: rgba(0,0,0,.1);--shadow-strong: rgba(0,0,0,.2)}@media (prefers-color-scheme: dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #b0b0b0;--border-color: #555555;--shadow: rgba(0,0,0,.3);--shadow-strong: rgba(0,0,0,.5)}}.game-container{max-width:800px;margin:0 auto;padding:1rem;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;box-sizing:border-box;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-controls{display:flex;align-items:center;gap:1.5rem}.game-container h1{color:var(--text-primary);margin:0;font-size:2.5rem}.help-button{background:#3498db;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.help-button:hover{background:#2980b9;transform:scale(1.1)}.learning-toggle{display:flex;align-items:center}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-input{display:none}.toggle-slider{position:relative;width:50px;height:24px;background:var(--border-color);border-radius:12px;transition:background .3s ease}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-slider{background:#27ae60}.toggle-input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-text{font-size:.9rem;color:var(--text-secondary);font-weight:500}.game-stats{display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary);padding:1rem 2rem;border-radius:10px;margin-bottom:2rem;box-shadow:0 2px 4px var(--shadow)}.score,.timer{font-size:1.2rem;font-weight:700;color:var(--text-secondary);transition:all .3s ease}.score.flash-green{color:#27ae60;transform:scale(1.2);text-shadow:0 0 10px rgba(39,174,96,.5)}.timer{color:#e74c3c}.question{background:var(--bg-secondary);padding:2rem;border-radius:15px;margin-bottom:2rem;box-shadow:0 2px 8px var(--shadow)}.question h2{color:#27ae60;font-size:2rem;margin-bottom:1rem}.question p{color:var(--text-muted);font-size:1.1rem;margin:0}.question.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.imp-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:10px;max-width:600px;margin:0 auto}.imp-button{background:#3498db;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.imp-button:hover:not(:disabled){background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.imp-button:disabled{background:var(--border-color);cursor:not-allowed;transform:none}.imp-button.incorrect{background:#e74c3c!important;color:#fff!important;transform:none!important}.imp-button.correct{background:#27ae60!important;color:#fff!important;transform:none!important}.game-over{background:var(--bg-secondary);padding:3rem;border-radius:15px;box-shadow:0 2px 8px var(--shadow)}.game-over h2{color:#e74c3c;margin-bottom:1rem}.final-score{font-size:4rem;font-weight:700;color:var(--text-primary);margin:1rem 0;text-shadow:2px 2px 4px var(--shadow)}.final-score-label{font-size:1.2rem;color:var(--text-muted);margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px}.new-high-score{background:linear-gradient(45deg,gold,#ffed4e);color:#1a1a1a;padding:1rem 2rem;border-radius:12px;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;animation:celebrateGlow 2s ease-in-out infinite alternate;box-shadow:0 4px 15px #ffd70066}@keyframes celebrateGlow{0%{box-shadow:0 4px 15px #ffd70066}to{box-shadow:0 6px 25px #ffd700cc}}.best-score{margin-bottom:1.5rem}.best-score-number{font-size:2.5rem;font-weight:700;color:#3498db;margin:.5rem 0;text-shadow:1px 1px 2px var(--shadow)}.best-score-label{font-size:1rem;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:1px}.restart-btn{background:#27ae60;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background .2s ease}.restart-btn:hover{background:#219a52}.help-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.help-content{background:var(--bg-secondary);border-radius:15px;padding:2rem;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px var(--shadow-strong)}.help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:1rem}.help-header h2{margin:0;color:var(--text-primary);font-size:1.5rem}.close-button{background:none;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.imp-table{display:grid;grid-template-columns:1fr 80px;gap:0;border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.table-header{display:contents}.table-header>div{background:var(--text-secondary);color:var(--bg-secondary);padding:.75rem;font-weight:700;text-align:center}.table-row{display:contents}.table-row:nth-child(2n)>div{background:var(--bg-tertiary)}.table-row>div{padding:.5rem .75rem;border-bottom:1px solid var(--border-color);text-align:center;background:var(--bg-secondary);color:var(--text-primary)}.table-row:last-child>div{border-bottom:none}@media (max-width: 768px){.game-container{padding:.5rem;max-width:100%}.header{flex-direction:column;gap:1rem;margin-bottom:1rem}.game-container h1{font-size:1.8rem;margin-bottom:.5rem}.header-controls{gap:1rem;justify-content:center}.toggle-text{font-size:.8rem}.game-stats{padding:.75rem 1rem;margin-bottom:1rem}.score,.timer{font-size:1rem}.question{padding:1rem;margin-bottom:1rem}.question h2{font-size:1.5rem;margin-bottom:.5rem}.question p{font-size:1rem}.imp-options{grid-template-columns:repeat(5,1fr);gap:.5rem;max-width:100%;padding:0 .5rem}.imp-button{padding:.75rem .5rem;font-size:1rem;min-height:50px}.help-content{margin:1rem;padding:1rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.imp-table{font-size:.9rem}.table-header>div,.table-row>div{padding:.5rem}.game-over{padding:2rem 1rem}.final-score{font-size:3rem}.new-high-score{font-size:1.1rem;padding:.75rem 1.5rem;margin-bottom:1rem}.best-score-number{font-size:2rem}}@media (max-width: 480px){.game-container h1{font-size:1.5rem}.header-controls{flex-direction:column;align-items:center}.imp-options{grid-template-columns:repeat(4,1fr);gap:.4rem}.imp-button{padding:.6rem .3rem;font-size:.9rem;min-height:45px}.question h2{font-size:1.3rem}.help-content{margin:.5rem;padding:.75rem}.final-score{font-size:2.5rem}.new-high-score{font-size:1rem;padding:.6rem 1rem;margin-bottom:.75rem}.best-score-number{font-size:1.8rem}}