/* ========== REPLAY TRANSITION OVERLAY ========== */
/* Smooth fade transition between games to mask GC pause */

#replay-transition {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10001; /* Above everything including pause overlay */
    opacity: 0;
    pointer-events: none;
    display: none;
}

#replay-transition.active {
    display: block;
    pointer-events: auto;
}

#replay-transition.fade-in {
    animation: replayFadeIn 120ms ease-out forwards;
}

#replay-transition.fade-out {
    animation: replayFadeOut 150ms ease-in forwards;
}

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

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