:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--success-color: #10b981;--error-color: #ef4444;--text-color: #1f2937;--text-light: #6b7280;--background: #f9fafb;--card-background: #ffffff;--border-color: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}body{font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background);color:var(--text-color)}.container{background-color:var(--card-background);padding:2.5rem;border-radius:12px;box-shadow:var(--shadow);text-align:center;max-width:500px;width:90%;position:relative}.language-switcher{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}.language-button{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--card-background);color:var(--text-color);cursor:pointer;border-radius:6px;font-size:.875rem;transition:all .2s ease}.language-button:hover{background-color:var(--background)}.language-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.game-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0}select{padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;width:100%;max-width:300px;background-color:var(--card-background);color:var(--text-color);cursor:pointer;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}select:focus{outline:none;border-color:var(--primary-color)}#question{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0}input{padding:.75rem 1rem;font-size:1.125rem;border:2px solid var(--border-color);border-radius:8px;width:100%;max-width:300px;background-color:var(--card-background);color:var(--text-color);transition:border-color .2s ease}input:focus{outline:none;border-color:var(--primary-color)}.feedback{margin-top:1rem;padding:.75rem 1.5rem;border-radius:8px;min-height:1.5rem;font-weight:500;transition:all .2s ease}.feedback.correct{color:var(--success-color);background-color:#10b9811a}.feedback.incorrect{color:var(--error-color);background-color:#ef44441a}.score{margin-top:1rem;font-size:1.1rem;color:var(--text-light);font-weight:500}.numeric-keypad{display:none;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;max-width:300px;padding:12px;background-color:var(--background);border-radius:12px;box-shadow:var(--shadow)}.numeric-keypad.visible{display:grid}.keypad-button{padding:16px;font-size:20px;font-weight:500;border:2px solid var(--border-color);border-radius:8px;background-color:var(--card-background);color:var(--text-color);cursor:pointer;transition:all .2s ease}.keypad-button:hover{background-color:var(--background);border-color:var(--primary-color);transform:translateY(-2px)}.keypad-button:active{transform:translateY(0);background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.clear-button{background-color:var(--error-color);color:#fff;border-color:var(--error-color)}.clear-button:hover{background-color:var(--error-color);border-color:var(--error-color);opacity:.9}.clear-button:active{background-color:var(--error-color);opacity:.8}.backspace-button{background-color:var(--text-light);color:#fff;border-color:var(--text-light)}.backspace-button:hover{background-color:var(--text-light);border-color:var(--text-light);opacity:.9}.backspace-button:active{background-color:var(--text-light);opacity:.8}.action-buttons{display:flex;gap:12px;margin-top:20px}.action-buttons button{margin-top:20px;padding:8px 16px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.reset-button{background-color:#f44}.reset-button:hover{background-color:#c00}.forward-button{background-color:#2196f3}.forward-button:hover{background-color:#0b79e8}