/* =========================================
   CINEMATIC VIGNETTE EFFECT (ROBUST)
========================================= */

#fx-layer.fx-vignette::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            ellipse at center,
            rgba(0, 0, 0, 0.0) 45%,
            rgba(0, 0, 0, 0.25) 65%,
            rgba(0, 0, 0, 0.55) 100%
        );

    pointer-events: none;
    animation: vignetteFade 1.5s ease forwards;
}

@keyframes vignetteFade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}