/* Turbo Drive handles visits and restores scroll position on Back/Forward.
   Keep the visual transition to a quiet cross-fade: moving entire page
   snapshots vertically makes the browser's legitimate scroll reset feel
   like an unwanted animated scroll. */
@media (prefers-reduced-motion: no-preference) {
    @supports (view-transition-name: club-content) {
        html:has(meta[name="view-transition"][content="same-origin"]) body.is-browser #main {
            view-transition-name: club-content;
        }

        ::view-transition-group(root),
        ::view-transition-old(root),
        ::view-transition-new(root),
        ::view-transition-group(club-content) {
            animation: none;
        }

        ::view-transition-old(club-content) {
            animation: club-fade-out 110ms ease-in both;
            mix-blend-mode: normal;
        }

        ::view-transition-new(club-content) {
            animation: club-fade-in 170ms ease-out both;
            mix-blend-mode: normal;
        }

        @keyframes club-fade-out {
            to { opacity: 0; }
        }

        @keyframes club-fade-in {
            from { opacity: 0; }
            to { opacity: 1; }
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    ::view-transition-group(*),
    ::view-transition-old(*),
    ::view-transition-new(*) {
        animation: none !important;
    }
}