.quiz-game[data-v-e604da2c]{margin:0 auto;max-width:600px;padding:var(--spacing-md);position:relative}.quiz-header[data-v-e604da2c]{gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.quiz-header[data-v-e604da2c],.quiz-progress[data-v-e604da2c]{align-items:center;display:flex}.quiz-progress[data-v-e604da2c]{flex:1;gap:var(--spacing-sm)}.quiz-progress-bar[data-v-e604da2c]{background:var(--color-cream-dark);border-radius:4px;flex:1;height:8px;overflow:hidden}.quiz-progress-fill[data-v-e604da2c]{background:linear-gradient(90deg,var(--color-primary),var(--color-sakura));border-radius:4px;height:100%;transition:width .3s ease}.quiz-progress-text[data-v-e604da2c]{color:var(--color-gray);font-size:.875rem;white-space:nowrap}.quiz-score[data-v-e604da2c]{font-size:1.25rem;font-weight:600}.score-correct[data-v-e604da2c]{color:#4caf50}.score-divider[data-v-e604da2c]{color:var(--color-gray-light);margin:0 2px}.score-total[data-v-e604da2c]{color:var(--color-dark)}.quiz-card[data-v-e604da2c]{align-items:center;background:var(--color-white);border:3px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--spacing-md);min-height:220px;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;transition:all .3s ease}.quiz-card-correct[data-v-e604da2c]{background:#f0fff0;border-color:#4caf50}.quiz-card-wrong[data-v-e604da2c]{background:#fff0f0;border-color:#f44336}.quiz-character[data-v-e604da2c]{color:var(--color-dark);font-size:5rem;font-weight:400;line-height:1.2}.quiz-readings[data-v-e604da2c]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-sm)}.reading-tag[data-v-e604da2c]{font-family:var(--font-japanese);font-size:1rem;font-weight:400}.reading-tag.on[data-v-e604da2c]{color:var(--color-primary)}.reading-tag.kun[data-v-e604da2c]{color:#1565c0}.quiz-meaning-hint[data-v-e604da2c]{color:var(--color-gray);font-size:.95rem;margin-top:var(--spacing-xs)}.quiz-character-phrase[data-v-e604da2c]{font-size:2.5rem}.quiz-character-fillblank[data-v-e604da2c]{font-size:1.75rem;line-height:1.6}.quiz-english-hint[data-v-e604da2c]{color:var(--color-gray);font-size:1rem;font-style:italic;margin-top:var(--spacing-sm)}.quiz-reading-hint[data-v-e604da2c]{color:var(--color-primary);font-family:var(--font-japanese);font-size:1.1rem;margin-top:var(--spacing-xs)}.quiz-romaji-hint[data-v-e604da2c]{color:var(--color-gray);font-size:.95rem;font-style:italic;margin-top:var(--spacing-xs)}.quiz-mode-toggle[data-v-e604da2c]{background:var(--color-cream-dark);border-radius:var(--radius-md);display:flex;gap:4px;justify-content:center;margin-bottom:var(--spacing-md);padding:4px}.mode-btn[data-v-e604da2c]{background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray);cursor:pointer;flex:1;font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:.5rem 1.5rem;transition:all .2s ease}.mode-btn.active[data-v-e604da2c]{background:var(--color-white);box-shadow:var(--shadow-sm);color:var(--color-primary)}.quiz-options[data-v-e604da2c]{display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-md)}.quiz-option[data-v-e604da2c]{align-items:center;background:var(--color-white);border:2px solid var(--color-cream-dark);border-radius:var(--radius-md);color:var(--color-dark);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.9rem;line-height:1.4;min-height:4.5rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.quiz-option[data-v-e604da2c]:hover:not(.option-disabled){background:var(--color-cream);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.option-correct[data-v-e604da2c]{background:#e8f5e9!important;border-color:#4caf50!important;color:#2e7d32!important;font-weight:600}.option-wrong[data-v-e604da2c]{background:#ffebee!important;border-color:#f44336!important;color:#c62828!important}.option-disabled[data-v-e604da2c]{cursor:default;opacity:.7}.option-disabled[data-v-e604da2c]:hover{transform:none}.quiz-feedback[data-v-e604da2c]{left:0;pointer-events:none;position:absolute;right:0;text-align:center}.feedback-correct[data-v-e604da2c]{color:#4caf50;font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.feedback-wrong[data-v-e604da2c]{color:#f44336;font-size:1.1rem;margin-bottom:var(--spacing-sm)}.feedback-wrong strong[data-v-e604da2c]{color:#2e7d32}.quiz-next-btn[data-v-e604da2c]{min-width:150px}.quiz-results-overlay[data-v-e604da2c]{align-items:center;background:#00000080;display:flex;justify-content:center;inset:0;padding:var(--spacing-md);position:fixed;z-index:2000}.quiz-results[data-v-e604da2c]{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--spacing-xl);text-align:center;width:100%}.quiz-results h3[data-v-e604da2c]{font-size:1.75rem;margin-bottom:var(--spacing-md)}.results-score[data-v-e604da2c]{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.results-circle[data-v-e604da2c]{height:120px;position:relative;width:120px}.results-circle svg[data-v-e604da2c]{height:100%;width:100%}.results-percent[data-v-e604da2c]{color:var(--color-dark);font-size:1.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.results-detail[data-v-e604da2c]{color:var(--color-gray);margin-bottom:var(--spacing-md)}.results-buttons[data-v-e604da2c]{display:flex;gap:var(--spacing-sm);justify-content:center}@media(max-width:480px){.quiz-character[data-v-e604da2c]{font-size:3.5rem}.quiz-character-phrase[data-v-e604da2c]{font-size:1.75rem}.quiz-character-fillblank[data-v-e604da2c]{font-size:1.25rem}.quiz-options[data-v-e604da2c]{grid-template-columns:1fr}.quiz-game[data-v-e604da2c]{padding:var(--spacing-sm)}}