/* Sakura Petals Animation */
.sakura-petal {
    position: absolute;
    background: #ffb7c5;
    border-radius: 100% 0 100% 0;
    pointer-events: none;
    z-index: 5;
    animation: sakura-fall linear forwards;
}

@keyframes sakura-fall {
    0% {
        transform: translateY(-10vh) rotate(0deg) translateX(0);
    }
    100% {
        transform: translateY(110vh) rotate(360deg) translateX(100px);
    }
}

/* Lightning */
#lightning-flash {
    background: #fff;
    pointer-events: none;
    transition: opacity 0.05s ease-out;
}

/* Rain is canvas-based, no specific CSS needed beyond fixed positioning */