/* ===== 子ども向けテーマ ===== */

/* フォント：ゴシック */
.theme-children * {
    font-family: sans-serif;
}

/* 未クリック要素：ゆっくり呼吸するパルス */
.theme-children .interactive-item:not(.revealed) {
    animation: softPulse 3s ease-in-out infinite;
}

/* 音声終了後は少し強調 */
.theme-children .interactive-item:not(.revealed).audio-ended {
    animation: softPulseStrong 2s ease-in-out infinite;
}

/* 未クリック画像：うっすら光彩 */
.theme-children .interactive-item:not(.revealed) img {
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5))
            brightness(1.1);
}

/* 音声終了後：光彩を少し強める */
.theme-children .interactive-item:not(.revealed).audio-ended img {
    filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.7))
            brightness(1.15);
}

@keyframes softPulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1.0);  opacity: 1;   }
    50%       { transform: translate(-50%, -50%) scale(1.06); opacity: 0.85; }
}

@keyframes softPulseStrong {
    0%, 100% { transform: translate(-50%, -50%) scale(1.0);  opacity: 1;   }
    50%       { transform: translate(-50%, -50%) scale(1.1);  opacity: 0.9; }
}

/* 字幕 */
.theme-children .subtitle-container {
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 80%, transparent 100%);
}

/* 進捗バッジ */
.theme-children .progress-badge {
    border-color: rgba(255, 215, 0, 0.5);
}

.theme-children .progress-stars { color: gold; }

/* 終了画面 */
.theme-children .btn-replay {
    width: 180px;
    height: 180px;
}

/* レスポンシブ */
@media (max-width: 768px) {
    .theme-children .btn-replay { width: 140px; height: 140px; }
}