.main-quiz{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.quiz-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border);max-width:600px;width:100%}. quiz-results,.quiz-game,.quiz-start{text-align:center}.quiz-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.quiz-start h2{margin-bottom:var(--spacing-sm);color:var(--color-text)}.quiz-start p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.btn-start-quiz{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.btn-start-quiz:hover{opacity:.9;transform:translateY(-2px)}.quiz-header{margin-bottom:var(--spacing-lg)}.progress-bar{width:100%;height:8px;background:var(--bg-body);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-md)}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.quiz-info{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-text-secondary)}.question-container{margin-bottom:var(--spacing-lg)}.question-text{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-lg);line-height:1.5}.options-grid{display:grid;gap:var(--spacing-sm)}.option-btn{padding:var(--spacing-md);background:var(--bg-body);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;color:var(--color-text);transition:all .2s;text-align:left}.option-btn:hover:not(:disabled){border-color:var(--color-primary)}.option-btn:disabled{cursor:not-allowed;opacity:.7}.option-btn.correct{background:#dcfce7;border-color:#10b981;color:#166534}.option-btn.incorrect{background:#fee2e2;border-color:#ef4444;color:#991b1b}.feedback{padding:var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.feedback.correct{background:rgba(16,185,129,.1);border:1px solid #10b981}.feedback.incorrect{background:rgba(239,68,68,.1);border:1px solid #ef4444}.feedback-text{font-size:1rem;margin-bottom:var(--spacing-sm)}.btn-next{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:500}.btn-next:hover{opacity:.9}.results-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.results-stats{display:flex;justify-content:center;gap:var(--spacing-xl);margin:var(--spacing-lg) 0}.stat-item{background:var(--bg-body);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:.8rem;color:var(--color-text-muted)}.results-message{color:var(--color-text-secondary);margin-top:var(--spacing-md)}.btn-retry{padding:var(--spacing-sm) var(--spacing-xl);background:var(--bg-body);border:2px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:500;margin-top:var(--spacing-lg)}.btn-retry:hover{background:var(--color-primary);color:#fff}@media (max-width:600px){.options-grid{grid-template-columns:1fr}.question-text{font-size:1.1rem}.results-stats{flex-direction:column;gap:var(--spacing-md)}}