.quiz-container{flex-direction:column;align-items:center;gap:24px;width:min(480px,90vw);display:flex}.quiz-wrapper{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.quiz-wrapper.fade-in{animation:.3s fadeIn}.quiz-wrapper.fade-out{animation:.3s fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.quiz-character{aspect-ratio:3/2;border:1.5px solid var(--line);background:var(--surface);width:100%;box-shadow:var(--shadow);border-radius:20px;place-items:center;display:grid}.quiz-character .character{font-family:var(--font-kana,var(--font-serif));font-weight:var(--font-kana-weight,700);color:var(--text);-webkit-user-select:none;user-select:none;font-size:clamp(140px,30vw,220px);line-height:1}.quiz-options{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.quiz-option{font-family:var(--font-ui);color:var(--text);cursor:pointer;border:1.5px solid var(--line);background:var(--surface);border-radius:13px;padding:18px;font-size:18px;font-weight:600;transition:all .14s}.quiz-option:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.quiz-option:focus{outline:none}.quiz-option:disabled{cursor:default}.quiz-option.correct{background:var(--green);border-color:var(--green);color:#fff}.quiz-option.incorrect{background:var(--accent);border-color:var(--accent);color:#fff}.quiz-option.selected:not(.correct):not(.incorrect){border-color:var(--navy-soft);background:color-mix(in oklab,var(--navy-soft),transparent 84%)}