/* iOS Safari специфичные фиксы для градиентов и backdrop-filter */

/* Фикс для градиентного фона body на iOS */
@supports (-webkit-touch-callout: none) {
    body {
        /* Webkit префиксы для градиента */
        background: -webkit-linear-gradient(135deg, #000000 0%, #2d1b69 50%, #8b0000 100%);
        background: linear-gradient(135deg, #000000 0%, #2d1b69 50%, #8b0000 100%);
        /* Принудительная отрисовка слоя */
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        /* Фиксированный фон */
        background-attachment: fixed;
        /* Гарантия покрытия */
        background-size: cover;
    }
}

/* Фикс для карточек с backdrop-filter на iOS */
@supports (-webkit-touch-callout: none) {
    .result-card {
        /* Webkit префикс для backdrop-filter */
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        /* Улучшенная производительность */
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        will-change: transform;
    }
}

/* Фикс для градиента в winner-badge на iOS */
@supports (-webkit-touch-callout: none) {
    .winner-badge.victory {
        background: -webkit-linear-gradient(135deg, #ffd700, #ffed4e);
        background: linear-gradient(135deg, #ffd700, #ffed4e);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Фикс для tooltip градиента на iOS */
@supports (-webkit-touch-callout: none) {
    .points-tooltip {
        background: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.95) 0%, rgba(45, 27, 105, 0.95) 50%, rgba(139, 0, 0, 0.95) 100%);
        background: linear-gradient(135deg, rgba(0, 0, 0, 0.95) 0%, rgba(45, 27, 105, 0.95) 50%, rgba(139, 0, 0, 0.95) 100%);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Медиа-запрос для iPhone и iPad в светлой теме */
@media (prefers-color-scheme: light) {
    @supports (-webkit-touch-callout: none) {
        body {
            /* Усиленный градиент для светлой темы */
            background: -webkit-linear-gradient(135deg, #000000 0%, #2d1b69 50%, #8b0000 100%) !important;
            background: linear-gradient(135deg, #000000 0%, #2d1b69 50%, #8b0000 100%) !important;
        }
    }
}

/* Медиа-запрос для iPhone и iPad в тёмной теме */
@media (prefers-color-scheme: dark) {
    @supports (-webkit-touch-callout: none) {
        body {
            /* Усиленный градиент для тёмной темы */
            background: -webkit-linear-gradient(135deg, #000000 0%, #2d1b69 50%, #8b0000 100%) !important;
            background: linear-gradient(135deg, #000000 0%, #2d1b69 50%, #8b0000 100%) !important;
        }
    }
}

/* Дополнительный фикс для iOS Safari 15+ */
@supports (-webkit-backdrop-filter: blur(1px)) and (not (backdrop-filter: blur(1px))) {

    .result-card,
    .points-tooltip {
        /* Фолбэк, если backdrop-filter не поддерживается */
        background: rgba(255, 255, 255, 0.15);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Фикс для анимаций пуль на iOS */
@supports (-webkit-touch-callout: none) {
    .bullet {
        /* Аппаратное ускорение для анимаций */
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
}

/* Принудительная отрисовка градиента на старых iOS */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    body::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-linear-gradient(135deg, #000000 0%, #2d1b69 50%, #8b0000 100%);
        background: linear-gradient(135deg, #000000 0%, #2d1b69 50%, #8b0000 100%);
        z-index: -2;
        pointer-events: none;
    }
}

/* Фикс для iPhone X и новее (с вырезом) */
@supports (padding: max(0px)) {
    body {
        padding-left: max(20px, env(safe-area-inset-left));
        padding-right: max(20px, env(safe-area-inset-right));
        padding-top: max(20px, env(safe-area-inset-top));
        padding-bottom: max(20px, env(safe-area-inset-bottom));
    }
}

/* Фиксы для таблицы рейтинга на iOS */
@supports (-webkit-touch-callout: none) {
    .rating-table {
        /* Улучшенная производительность */
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Фиксы для карточек правил на iOS */
@supports (-webkit-touch-callout: none) {

    .info-card,
    .points-table-container,
    .example-card,
    .additional-rules,
    .rules-header {
        /* Аппаратное ускорение для рендеринга */
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Фикс для диаграммы на iOS */
@supports (-webkit-touch-callout: none) {
    .pie-chart {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}

/* Дополнительный фикс для прозрачных фонов на iOS */
@supports (-webkit-touch-callout: none) {

    .stat-item,
    .breakdown-item,
    .player-list-item {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Фиксы для страницы топ игроков вечера на iOS */
@supports (-webkit-touch-callout: none) {
    .podium-player {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .podium-player.first {
        background: -webkit-linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 193, 7, 0.05));
        background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 193, 7, 0.05));
    }

    .podium-player.second {
        background: -webkit-linear-gradient(135deg, rgba(192, 192, 192, 0.1), rgba(176, 176, 176, 0.05));
        background: linear-gradient(135deg, rgba(192, 192, 192, 0.1), rgba(176, 176, 176, 0.05));
    }

    .podium-player.third {
        background: -webkit-linear-gradient(135deg, rgba(205, 127, 50, 0.1), rgba(184, 115, 51, 0.05));
        background: linear-gradient(135deg, rgba(205, 127, 50, 0.1), rgba(184, 115, 51, 0.05));
    }

    .podium-points {
        background: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
        background: linear-gradient(135deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
    }

    .podium-nickname::after {
        background: -webkit-linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.6), transparent);
        background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.6), transparent);
    }

    .podium-points::before {
        background: -webkit-linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    }

    .other-players-table {
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}