Nihongo Challenge N3 -

.score-box span, .question-counter span color: #b13e3e; font-size: 1.3rem; margin-left: 6px; font-weight: 800;

dynamicContainer.innerHTML = html;

// プログレス更新 (問題番号) function updateProgressUI() if (currentQuestions.length) currentQNumberSpan.innerText = currentIndex + 1; totalQNumberSpan.innerText = currentQuestions.length; else currentQNumberSpan.innerText = "0"; totalQNumberSpan.innerText = "0"; nihongo challenge n3

currentQuestionObj = currentQuestions[currentIndex]; answerLocked = false; selectedOptionIndex = null; const q = currentQuestionObj; .question-counter span color: #b13e3e

.option-btn:hover:not(.disabled-opt) background: #fff3e0; border-color: #c9aa6f; transform: scale(0.99); dynamicContainer.innerHTML = html

.question-text background: #fef3da; padding: 1.2rem; border-radius: 2rem; font-size: 1.6rem; font-weight: 600; text-align: center; margin-bottom: 2rem; box-shadow: inset 0 1px 4px #ede0c2, 0 4px 8px rgba(0,0,0,0.05); word-break: break-word; color: #2c221b; line-height: 1.4;

// 次へボタン const nextBtn = document.getElementById('nextButton'); if (nextBtn) nextBtn.addEventListener('click', () => if (!answerLocked) return; goToNextQuestion(); );