/* Layer 7: Gatekeeper/Overlay (z-index 6) */

.overlay {
    position: fixed;
    inset: 0;
    background-color: black;
    z-index: 7;
    animation: fade-out-overlay 1s forwards;
    /* Ensure overlay stays hidden after fade-out */
    animation-fill-mode: forwards;
    /* Allow interaction after fade-out */
    pointer-events: none;
}