.anim-durdu,
.anim-durdu * {
    animation-play-state: paused !important;
}

.rv {
    opacity: 0;
    transform: translateY(26px);
    will-change: opacity, transform;
}

.rv-in {
    opacity: 1;
    transform: none;
    transition: opacity 0.62s ease, transform 0.78s ease;
}

.rv-done {
    will-change: auto;
}

.rv.rv-kids > * {
    opacity: 0;
    transform: translateY(16px);
}

.rv-in.rv-kids > * {
    opacity: 1;
    transform: none;
    transition: opacity 0.5s ease, transform 0.6s ease;
}

.game-card.tilt-card {
    transform: perspective(760px) rotateX(var(--tlt-x, 0deg)) rotateY(var(--tlt-y, 0deg)) translateY(var(--tlt-lift, 0px));
    transition: transform 0.38s ease;
    transform-style: preserve-3d;
}

.game-card.tilt-card.tilt-live {
    transition: transform 0.08s linear;
    border-color: var(--glass-border-strong);
    box-shadow: 0 26px 50px -12px rgba(0, 0, 0, 0.65);
}

.game-card.tilt-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    border-radius: inherit;
    background: radial-gradient(circle at var(--tlt-mx, 50%) var(--tlt-my, 50%), var(--glass-border), transparent 62%);
    transition: opacity 0.3s ease;
}

.game-card.tilt-card.tilt-live::after {
    opacity: 1;
}

.gk > .game-card {
    opacity: 0;
    transform: translateY(14px) scale(0.985);
    animation: gkKurtar 1ms linear 5s forwards;
}

.gk-in > .game-card {
    opacity: 1;
    transform: none;
    transition: opacity 0.42s ease, transform 0.5s ease;
}

.gk-bitti > .game-card {
    will-change: auto;
}

@keyframes gkKurtar {
    to {
        opacity: 1;
        transform: none;
    }
}

.game-thumb-wrap img {
    transition: opacity 0.35s ease, transform 0.45s ease;
}

.game-thumb-wrap img.img-bekliyor {
    opacity: 0;
    transform: scale(1.04);
    animation: imgKurtar 1ms linear 5s forwards;
}

@keyframes imgKurtar {
    to {
        opacity: 1;
        transform: none;
    }
}

@media (hover: none), (pointer: coarse) {
    .game-card.tilt-card {
        transform: none;
        transition: none;
    }

    .game-card.tilt-card::after {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rv,
    .rv.rv-kids > * {
        opacity: 1 !important;
        transform: none !important;
    }

    .rv-in,
    .rv-in.rv-kids > * {
        transition: none !important;
    }

    .game-card.tilt-card {
        transform: none !important;
        transition: none !important;
    }

    .game-card.tilt-card::after {
        display: none;
    }

    .gk > .game-card {
        opacity: 1;
        transform: none;
        animation: none;
    }

    .gk-in > .game-card {
        transition: none;
    }

    .game-thumb-wrap img.img-bekliyor {
        opacity: 1;
        transform: none;
        animation: none;
    }
}