/* Additional CSS for better mobile sticky header */
@media (max-width: 768px) {
    .table-container {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    table {
        min-width: 920px;
    }

    table thead {
        position: static;
        top: auto;
        z-index: auto;
        background: rgba(48, 48, 62, 1.0);
        border-bottom: 1px solid var(--border);
    }

    table thead th {
        position: static;
        top: auto;
        z-index: auto;
        background: rgba(30, 30, 40, 0.9);
    }

    #mainHeader th,
    #subHeader th {
        background: rgba(15, 15, 20, 0.95);
    }

    .game-title {
        position: static;
        left: auto;
        z-index: auto;
    }

    .index-contribution-cta,
    .navbar,
    input[type="text"],
    select,
    .performance-mode-chip,
    .community-sentiment-mini-card,
    .community-sentiment-empty-state {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .tooltip::before {
        display: none;
    }

    #gamesTableBody tr,
    #gamesTableBody .game-title,
    #gamesTableBody button,
    #gamesTableBody .performance-badge,
    #gamesTableBody .performance-mode-chip,
    #gamesTableBody .performance-mode-chip-segment,
    #gamesTableBody .community-sentiment-mini-card,
    #gamesTableBody .community-sentiment-empty-state {
        transition: none;
    }

    #gamesTableBody .performance-badge,
    #gamesTableBody .performance-mode-chip,
    #gamesTableBody .community-sentiment-mini-card,
    #gamesTableBody .community-sentiment-empty-state {
        box-shadow: none;
    }

    .navbar {
        position: relative;
        margin-bottom: 1rem;
    }
}

.mobile-sticky-table-head {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    min-width: 920px;
    width: 920px;
    border-collapse: collapse;
    background: rgba(24, 24, 33, 1.0);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    z-index: 1000;
}

.mobile-sticky-table-head.is-visible {
    display: table;
}

.mobile-sticky-table-head thead {
    position: static;
    background: rgba(48, 48, 62, 1.0);
    border-bottom: 1px solid var(--border);
}

.mobile-sticky-table-head th {
    position: static;
    top: auto;
    z-index: auto;
    background: rgba(15, 15, 20, 0.95);
}