/* Scene 7の表示問題を完全に修正するための追加スタイル */
#pv-scene-7 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    visibility: visible !important;
    z-index: 0 !important;
}

#pv-scene-7.active {
    opacity: 1 !important;
    z-index: 50 !important;
    visibility: visible !important;
    display: flex !important;
    overflow: visible !important;
}

#pv-scene-7 .background {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}

#pv-scene-7 .snow-effect,
#snow-container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 15 !important;
    pointer-events: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#pv-scene-7 .lightning-effect {
    z-index: 16 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

#pv-scene-7 .dialogue-center {
    z-index: 30 !important;
    position: relative !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    padding: 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.5) !important;
    text-shadow: 0 0 15px rgba(0, 255, 255, 0.8) !important;
    font-weight: bold !important;
    max-width: 80% !important;
    margin: 0 auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 1.3rem !important;
}

#pv-scene-7 .flashing-alert {
    z-index: 14 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

#pv-scene-7 .server-light,
#pv-scene-7 .data-pulse {
    position: absolute !important;
    z-index: 17 !important;
    display: block !important;
}

/* 雪の結晶をインライン設定でバックアップ */
.snowflake {
    position: absolute !important;
    border-radius: 50% !important;
    background-color: white !important;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.7) !important;
    opacity: 0.8 !important;
    z-index: 1 !important;
    display: block !important;
    visibility: visible !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); }
}