.quiz-container,.quiz-wrapper{width:100%;max-width:600px;margin:0 auto}.quiz-wrapper.fade-in{animation:.6s cubic-bezier(.4,0,.2,1) fadeIn}.quiz-wrapper.fade-out{animation:.4s cubic-bezier(.4,0,.2,1) fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.quiz-character{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;margin-bottom:32px;padding:60px 40px}.quiz-character .character{font-family:var(--font-jp);color:var(--color-ink);-webkit-user-select:none;user-select:none;font-size:8rem;font-weight:400}.quiz-options{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.quiz-option{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-ui);color:var(--color-ink);box-shadow:var(--shadow-sm);padding:24px;font-size:1.5rem;font-weight:500;transition:background .3s,color .3s,border-color .3s,box-shadow .3s}.quiz-option:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.quiz-option.selected{background:var(--color-surface-hover)!important;border-color:var(--color-border-strong)!important;box-shadow:var(--shadow-sm)!important}.quiz-option.selected.correct{background:var(--color-correct-surface)!important;border-color:var(--color-correct)!important;color:var(--color-correct)!important;transition:background .3s,color .3s,border-color .3s!important}.quiz-option.selected.incorrect{background:var(--color-error-surface)!important;border-color:var(--color-error)!important;color:var(--color-error)!important;transition:background .3s,color .3s,border-color .3s!important}.quiz-option:focus{outline:none}.quiz-option:disabled{cursor:not-allowed}.quiz-option.correct{background:var(--color-correct-surface);border-color:var(--color-correct);color:var(--color-correct);box-shadow:var(--shadow-sm)}.quiz-option.incorrect{background:var(--color-error-surface);border-color:var(--color-error);color:var(--color-error);box-shadow:var(--shadow-sm)}@media (max-width:768px){.quiz-character{padding:50px 30px}.quiz-character .character{font-size:6rem}.quiz-options{gap:12px}.quiz-option{padding:20px;font-size:1.25rem}.quiz-feedback{padding:14px 20px;font-size:1rem}}@media (max-width:480px){.quiz-container{max-width:100%}.quiz-character{padding:40px 20px}.quiz-character .character{font-size:5rem}.quiz-options{gap:10px}.quiz-option{padding:18px;font-size:1.1rem}.quiz-feedback{padding:12px 16px;font-size:.95rem}}