.stats-wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px 60px;
}

.stats-toggle-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin: 30px 0 35px;
}

.stats-toggle-row .toggle-desc {
    margin: 0;
}

#stats-current-label,
#stats-career-label {
    color: whitesmoke;
    font-family: 'Arial', sans-serif;
    transition: color 0.3s ease;
}

.stats-toggle-labels {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 1.1em;
}

.stats-toggle-labels .active-label {
    color: yellowgreen;
    font-weight: bold;
}

#stats-status {
    color: rgb(91, 90, 90);
    font-family: 'Arial', sans-serif;
    text-align: center;
    margin: 10px 0;
}

.stats-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #333;
    border-radius: 6px;
}

table.stats-table {
    width: 100%;
    border-collapse: collapse;
    color: whitesmoke;
    font-family: 'Arial', sans-serif;
    font-size: 0.95em;
    min-width: 760px;
}

table.stats-table caption {
    color: whitesmoke;
    font-size: 1.3em;
    padding: 12px 0;
    text-align: center;
}

table.stats-table thead th {
    background-color: #111;
    color: whitesmoke;
    text-decoration: none;
    font-size: 0.9em;
    padding: 10px 8px;
    text-align: center;
    border-bottom: 2px solid yellowgreen;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}

table.stats-table thead th:hover {
    color: yellowgreen;
}

table.stats-table thead th.sorted::after {
    content: " \25BC";
    font-size: 0.7em;
}

table.stats-table thead th.player-col {
    text-align: left;
    position: sticky;
    left: 0;
    background-color: #111;
    z-index: 2;
}

table.stats-table tbody td {
    padding: 8px;
    text-align: center;
    border-bottom: 1px solid #2a2a2a;
    white-space: nowrap;
}

table.stats-table tbody td.player-cell {
    text-align: left;
    position: sticky;
    left: 0;
    background-color: black;
    font-weight: bold;
}

table.stats-table tbody tr:hover td {
    background-color: #1a1a1a;
}

table.stats-table tbody tr:hover td.player-cell {
    background-color: #1a1a1a;
}

table.stats-table tbody tr:nth-child(odd) td {
    background-color: #080808;
}

table.stats-table tbody tr:nth-child(odd) td.player-cell {
    background-color: #080808;
}

table.stats-table tbody tr:nth-child(odd):hover td {
    background-color: #1a1a1a;
}

.stats-note {
    color: rgb(91, 90, 90);
    font-family: 'Arial', sans-serif;
    font-size: 0.85em;
    text-align: center;
    margin-top: 14px;
}

@media (max-width: 768px) {
    .stats-wrap {
        padding: 0 10px 40px;
    }

    table.stats-table {
        font-size: 0.85em;
        min-width: 680px;
    }

    table.stats-table thead th,
    table.stats-table tbody td {
        padding: 6px 5px;
    }
}