/* iOS Image Loading Optimization */
@supports (-webkit-touch-callout: none) {
    /* Только для iOS Safari */
    
    /* Приоритет загрузки для видимых изображений */
    .game-card__image,
    .banner-image,
    .slot-image {
        content-visibility: auto;
        contain-intrinsic-size: 180px 240px;
    }
    
    /* Ускоряем декодирование изображений */
    img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
    
    /* Предотвращаем блокировку рендеринга */
    .game-card__image[loading="lazy"] {
        min-height: 240px;
        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    }
}

/* Shimmer эффект для загружающихся изображений */
.game-card__image-loading {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
}

.game-card__image-loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.1),
        transparent
    );
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    100% {
        left: 100%;
    }
}