/* シーン間のz-indexを調整して重なりをコントロール */

/* 基本シーン */
.pv-scene {
    z-index: 1;
}

/* タイトルシーン */
#pv-title-screen.active {
    z-index: 45 !important;
}

/* 個別シーン: 1-6 */
#pv-scene-1.active,
#pv-scene-2.active,
#pv-scene-3.active,
#pv-scene-4.active,
#pv-scene-5.active,
#pv-scene-6.active {
    z-index: 46 !important;
}

/* シーン7 */
#pv-scene-7.active {
    z-index: 50 !important;
}

/* シーン8 */
#pv-scene-8.active {
    z-index: 51 !important;
}

/* ビデオシーン */
#pv-scene-video1.active {
    z-index: 52 !important;
}

#pv-scene-video2.active {
    z-index: 53 !important;
}

#pv-scene-video3.active {
    z-index: 54 !important;
}

/* 最終シーン */
#pv-final.active {
    z-index: 55 !important;
}

/* 雪のエフェクトを全てのシーン上に表示 */
.snowflake {
    visibility: visible !important;
    display: block !important;
}

/* シーンを完全に分離 */
.pv-scene {
    isolation: isolate;
}

/* コントロールボタンの位置調整 */
#pv-controls {
    bottom: 20px !important;
    position: absolute !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    z-index: 100 !important;
}

/* フラッシュアニメーション強化 */
@keyframes flash {
    0% { background-color: rgba(255, 0, 0, 0); }
    50% { background-color: rgba(255, 0, 0, 0.3); }
    100% { background-color: rgba(255, 0, 0, 0); }
}

/* シーン7専用の強化されたテキスト効果 */
#pv-scene-7 .text-glow {
    text-shadow: 0 0 10px rgba(0, 255, 255, 1), 
                 0 0 20px rgba(0, 255, 255, 0.8), 
                 0 0 30px rgba(0, 255, 255, 0.6) !important;
    font-weight: bold !important;
    color: rgb(220, 255, 255) !important;
    animation: text-pulse 2s infinite alternate !important;
}

@keyframes text-pulse {
    0% { text-shadow: 0 0 10px rgba(0, 255, 255, 0.8); }
    100% { text-shadow: 0 0 20px rgba(0, 255, 255, 1), 0 0 30px rgba(0, 255, 255, 0.8); }
}