/* /leaderboards (leaderboards.js): compare.css's controls and table, plus rank, own row and a narrower table for phones. */
.lb-table { min-width: 520px; }
.lb-table thead th { padding: 10px 12px; font-size: var(--fs-micro); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); text-align: left; }
.lb-table tbody th { min-width: 140px; }
.lb-rank { width: 3em; font-weight: 700; color: var(--text-3); }
.lb-car { white-space: normal; min-width: 140px; }
.lb-tag { margin-left: 6px; font-size: var(--fs-micro); font-weight: 600; color: var(--accent); }
.lb-table tr.is-you > * { background: var(--v2-wash, rgba(var(--accent-rgb), .13)); }
.lb-table tr.is-you > :first-child { box-shadow: inset 3px 0 0 var(--accent); color: var(--accent); }
.lb-own tr > * { border-top: 2px solid var(--border, rgba(127, 127, 127, .3)); }
.lb-sub { display: none; }
/* The Lap times / Ratings switch, and the Ratings table (chip and number side by side; counts narrow). */
.lb-view { margin-bottom: var(--s3, 12px); }
.rbd-table { min-width: 480px; }
.rbd-rate { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.rbd-table .rbd-n { min-width: 0; width: 6em; }
@media (max-width: 560px) {
    /* The car moves under the name so the time stays on screen. */
    .lb-table { min-width: 0; }
    .lb-table .lb-car { display: none; }
    .lb-sub { display: block; }
    /* Ratings: the rating column carries the chip, so the name's own chips go (they overflowed at 390px). */
    .rbd-table tbody th .rb-chip { display: none; }
    .lb-table tbody th { min-width: 0; white-space: normal; }
    .lb-table th, .lb-table td { padding-left: 8px; padding-right: 8px; }
    .lb-page .cmp-controls { gap: var(--s2); }
    .lb-page .cmp-track, .lb-page .cmp-track select { width: 100%; max-width: 100%; }
}