/* --- 日本地図SVG 連動スタイル（整理版） --- */

/* 1. 全都道府県のデフォルト状態 */
#Layer_1 g.prefecture path,
#Layer_1 g.prefecture polygon,
#Layer_1 .st0 {
    fill: #fdfbf7 !important;
    stroke: #cccccc !important;
    stroke-width: 0.5px;
    transition: fill 0.3s, stroke 0.3s;
}

/* 2. 出題中（is-active）の状態：オレンジ */
#Layer_1 g.is-active path,
#Layer_1 g.is-active polygon,
#Layer_1 g.is-active .st0 {
    fill: #ff9800 !important;
    stroke: #e65100 !important;
    stroke-width: 2px !important;
    animation: pulse-active 1.5s infinite;
}

/* 3. 正解後（is-correct）の状態：緑 */
#Layer_1 g.is-correct path,
#Layer_1 g.is-correct polygon,
#Layer_1 g.is-correct .st0 {
    fill: #a5d6a7 !important;
    stroke: #2e7d32 !important;
    stroke-width: 1px !important;
}

/* 点滅アニメーション */
@keyframes pulse-active {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}