/* OMTOPUP V2 - Animated Game Cards */

.game-grid .game-card {
    position: relative;
    display: block;
    isolation: isolate;
    border-radius: 18px;
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease,
        filter .32s ease;
    will-change: transform;
}

.game-grid .game-card img {
    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        filter .35s ease;
}

@media (hover: hover) and (pointer: fine) {
    .game-grid .game-card:hover {
        transform: translateY(-9px) scale(1.035);
        box-shadow:
            0 15px 34px rgba(0, 0, 0, .45),
            0 0 19px rgba(0, 200, 255, .32),
            0 0 36px rgba(0, 140, 255, .16);
        z-index: 5;
    }

    .game-grid .game-card:hover img {
        transform: scale(1.045);
        filter: brightness(1.09) saturate(1.1);
    }
}

.game-grid .game-card:focus-visible {
    outline: 2px solid #00d5ff;
    outline-offset: 4px;
    box-shadow: 0 0 22px rgba(0, 200, 255, .4);
}

.game-grid .game-card:active {
    transform: scale(.98);
}

@media (prefers-reduced-motion: reduce) {
    .game-grid .game-card,
    .game-grid .game-card img {
        transition: none !important;
        animation: none !important;
    }
}