/* Seasonal weather overlay (snow / rain / leaves).
   A single fixed canvas painted over the page. It never takes pointer events,
   so everything underneath stays clickable. */

#seasonal-weather {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 4;
    overflow: hidden;
}

#seasonal-weather canvas {
    display: block;
    width: 100%;
    height: 100%;
}

/* Bootstrap dialogs sit at a much higher z-index; weather drifting over an
   open modal reads as a glitch, so stand down while one is up. */
body.modal-open #seasonal-weather,
body.swal2-shown #seasonal-weather {
    display: none;
}

/* Printing a page (the Academy ID card, for example) should never include it. */
@media print {
    #seasonal-weather {
        display: none;
    }
}

/* Respect a reduced-motion preference. The script checks this too and skips
   animating entirely; this is the belt-and-braces half. */
@media (prefers-reduced-motion: reduce) {
    #seasonal-weather {
        display: none;
    }
}