/*
 * Compact columns: up to three columns of tighter rows, each column read top to bottom. Builds on ../../view.css.
 */
.steam-leaderboard-columns .steam-leaderboard-list {
    columns: 17rem 3;
    column-gap: 0;
    column-rule: 1px solid var(--sl-border);
    border-top: 1px solid var(--sl-border);
}
.steam-leaderboard-columns .steam-leaderboard-row {
    break-inside: avoid;
    grid-template-columns: 1.5rem 32px minmax(0, 1fr) auto;
    gap: .125rem .5rem;
    padding: .375rem .75rem;
    border-top: 0;
    border-bottom: 1px solid var(--sl-border);
}
.steam-leaderboard-columns .steam-leaderboard-image {
    width: 32px;
    height: 32px;
}
.steam-leaderboard-columns .steam-leaderboard-top .steam-leaderboard-rank {
    font-size: 1rem;
}
.steam-leaderboard-columns .steam-leaderboard-name {
    font-size: .9375rem;
}
.steam-leaderboard-columns .steam-leaderboard-meta {
    font-size: .75rem;
}
.steam-leaderboard-columns .steam-leaderboard-face {
    flex: none;
    width: 20px;
    height: 20px;
    font-size: 9px;
    border-radius: var(--bs-border-radius-sm, .25rem);
}
.steam-leaderboard-columns .steam-leaderboard-value {
    font-size: .875rem;
}
.steam-leaderboard-columns .steam-leaderboard-bar {
    height: 4px;
}
/* game rows: one line of square faces (as many as fit), no playtime text; other rows keep their meta on one line */
.steam-leaderboard-columns .steam-leaderboard-meta {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.steam-leaderboard-columns .steam-leaderboard-players {
    display: flex;
    overflow: hidden;
}
.steam-leaderboard-columns .steam-leaderboard-faces {
    flex-wrap: nowrap;
}
.steam-leaderboard-columns .steam-leaderboard-face + .steam-leaderboard-face {
    margin-left: -3px;
}