.table-wrap {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.table-wrap:hover {
    border-color: rgba(24, 86, 163, 0.26);
    box-shadow: 0 16px 36px rgba(24, 86, 163, 0.1);
}

table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
}

tbody tr {
    transition: background-color 140ms ease;
}

tbody tr:hover {
    background: rgba(24, 86, 163, 0.035);
}

th {
    color: var(--muted);
    font-size: 13px;
    text-transform: uppercase;
}

.tournament-results-table {
    overflow-x: visible;
}

.tournament-results-table:hover {
    box-shadow: 0 14px 30px rgba(24, 86, 163, 0.08);
}

.tournament-info-block .table-wrap:not(.tournament-results-table) {
    margin: 0 -4px;
}

.tournament-info-block table:not(.tournament-results) {
    min-width: 760px;
}

.tournament-info-block th,
.tournament-info-block td {
    font-size: 13px;
}

.tournament-info-block th:first-child,
.tournament-info-block td:first-child {
    width: 58px;
    text-align: center;
}

.tournament-info-block th:nth-child(2),
.tournament-info-block td:nth-child(2) {
    min-width: 190px;
}

.tournament-info-block th:nth-child(4),
.tournament-info-block td:nth-child(4) {
    min-width: 120px;
    white-space: nowrap;
}

.tournament-results {
    table-layout: fixed;
}

.tournament-results th,
.tournament-results td {
    padding: 10px 10px;
}

.tournament-results th:nth-child(1),
.tournament-results td:nth-child(1) {
    width: 54px;
}

.tournament-results th:nth-child(2),
.tournament-results td:nth-child(2) {
    width: 32%;
}

.tournament-results th:nth-child(3),
.tournament-results td:nth-child(3) {
    width: 18%;
}

.tournament-results th:nth-child(4),
.tournament-results td:nth-child(4) {
    width: 22%;
}

.tournament-results th:nth-child(5),
.tournament-results td:nth-child(5),
.tournament-results th:nth-child(6),
.tournament-results td:nth-child(6) {
    width: 12%;
}

.tournament-results td {
    overflow-wrap: anywhere;
}

.rating-delta {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 7px;
    border-radius: 999px;
    background: #f2f0ee;
    color: var(--muted);
    font-weight: 800;
}

.rating-delta.positive {
    background: #e8f7ef;
    color: #16724a;
}

.rating-delta.negative {
    background: #fdeeee;
    color: #b33a3a;
}

@media (max-width: 760px) {
    .tournament-results-table {
        overflow-x: auto;
    }

    .tournament-results {
        min-width: 680px;
    }
}