*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{background:#fff;border-radius:20px;padding:40px;width:100%;box-shadow:0 20px 60px #0000004d}@media (max-width: 600px){.container{min-width:unset;padding:20px;border-radius:10px}.word-display{font-size:18px!important}.option-card{font-size:16px!important;padding:15px;min-height:70px}.options-grid{gap:10px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:10px;margin-bottom:30px;overflow:hidden}.progress-fill{height:100%;background:#58cc02;width:0%;transition:width .3s ease}.question-section{margin-bottom:30px}.question-prompt{font-size:14px;color:#777;margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.word-display{font-size:32px;font-weight:700;color:#333;margin-bottom:40px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.option-card{background:#fff;border:2px solid #e0e0e0;border-radius:15px;padding:20px;font-size:18px;cursor:pointer;transition:all .2s ease;text-align:center;font-weight:600;color:#333;word-wrap:break-word;overflow-wrap:break-word}.option-card:hover:not(.correct):not(.incorrect):not(.disabled){border-color:#b0b0b0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.option-card.correct{background:#58cc02;border-color:#58cc02;color:#fff}.option-card.incorrect{background:#ff4b4b;border-color:#ff4b4b;color:#fff}.option-card.disabled{cursor:not-allowed;opacity:.6}.bottom-section{position:relative;min-height:60px}.feedback-message{text-align:center;font-size:24px;font-weight:700;margin-bottom:15px;padding:10px;border-radius:8px;display:none}.feedback-message.show{display:block;animation:slideUp .3s ease}.feedback-message.correct{color:#58cc02;background:#e8f5e9}.feedback-message.incorrect{color:#ff4b4b;background:#ffebee}.action-button{width:100%;padding:15px;font-size:18px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;display:none}.action-button.show{display:block;animation:slideUp .3s ease}.action-button.continue{background:#58cc02;color:#fff}.action-button.continue:hover{background:#46a302}.action-button.try-again{background:#ff4b4b;color:#fff}.action-button.try-again:hover{background:#e63939}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.score{text-align:center;font-size:16px;color:#666;margin-bottom:20px}.learn{font-size:24px}