.player-portal-page.is-statistics-portal {
    --statistics-portal-accent: #65d8ef;
    --statistics-portal-rating: #efb957;
}

.player-portal-page.is-statistics-portal
.statistics-portal-primary-panel {
    padding-top: 10px;
}

.player-portal-page.is-statistics-portal
.statistics-portal-primary-panel
> header:first-child {
    margin-bottom: 12px;
}

.player-portal-page.is-statistics-portal
.statistics-portal-primary-panel
> header:first-child h2 {
    margin-bottom: 4px;
}

.player-portal-page.is-statistics-portal
.statistics-portal-primary-table {
    font-variant-numeric: tabular-nums;
}

.player-portal-page.is-statistics-portal
.statistics-portal-primary-table
tbody tr {
    cursor: default;
}

.player-portal-page.is-statistics-portal
.statistics-portal-primary-table
tbody tr:has(.player-portal-vehicle-open) {
    cursor: pointer;
}

.player-portal-page.is-statistics-portal
.statistics-portal-primary-table
th:first-child,
.player-portal-page.is-statistics-portal
.statistics-portal-primary-table
td:first-child {
    position: sticky;
    z-index: 4;
    left: 0;
}

.player-portal-page.is-statistics-portal
.statistics-portal-primary-table
th:first-child {
    z-index: 9;
    background: #10263c;
}

.player-portal-page.is-statistics-portal
.statistics-portal-primary-table
td:first-child {
    background: #061321;
    box-shadow:
        1px 0 0 rgba(148, 163, 184, 0.1);
}

.player-portal-page.is-statistics-portal
.statistics-portal-primary-table
tr:hover td:first-child {
    background: #0a1b2c;
}

.player-portal-page.is-statistics-portal
.statistics-portal-primary-table
th[data-cir-sort-key="median_cir"],
.player-portal-page.is-statistics-portal
.statistics-portal-primary-table
th[data-cir-sort-key="average_cir"] {
    color: #d9c38c;
}

/*
 * CIR bleibt sichtbar, wird aber nicht als alleinige
 * Statistikdimension hervorgehoben.
 */
.player-portal-page.is-statistics-portal
.statistics-portal-primary-table
th[data-cir-sort-key^="s"] {
    color: #9cb1c3;
}

.player-portal-page.is-statistics-portal
.statistics-portal-primary-table
th[data-cir-sort-key^="s"].is-sort-active {
    color: var(--statistics-portal-rating);
}

@media (min-width: 981px) {
    .player-portal-page.is-statistics-portal
    .player-portal-vehicles-workspace {
        grid-template-columns:
            minmax(720px, 1.75fr)
            minmax(380px, 0.75fr);
    }
}