[data-crowd] .lobby__players .tracklist {
    flex: 1;
    grid-template-columns: repeat(var(--track-cols), minmax(0, 1fr));
    grid-template-rows: repeat(var(--track-rows), auto);
    grid-auto-flow: column;
    align-content: start;
    column-gap: 2.4rem;
    min-height: 0;
    container-type: size;
}

[data-crowd] .track {
    --track-h: min(var(--track-h-max), calc(100cqh / var(--track-rows)));
    grid-template-columns: calc(var(--track-h) * 0.55) auto minmax(0, 1fr) auto;
    gap: calc(var(--track-h) * 0.24);
    height: var(--track-h);
    padding: 0;
}

[data-crowd='md'] .track {
    --track-h-max: 3.4rem;
}

[data-crowd='lg'] .track {
    --track-h-max: 2.6rem;
}

[data-crowd] .track .avatar {
    --avatar-size: calc(var(--track-h) * 0.6);
}

[data-crowd] .track__dot {
    width: calc(var(--track-h) * 0.6);
    height: calc(var(--track-h) * 0.6);
}

[data-crowd] .track__index {
    font-size: calc(var(--track-h) * 0.26);
}

[data-crowd] .track__name {
    font-size: calc(var(--track-h) * 0.5);
}

[data-crowd] .track__tags {
    gap: 0.3rem;
}

[data-crowd='lg'] .track .tag {
    padding: 0.3em 0.5em;
    font-size: 0.62rem;
}

[data-crowd] .answered__avatars {
    flex-wrap: wrap;
}

[data-crowd='md'] .answered .avatar {
    --avatar-size: 1.6rem;
}

[data-crowd='lg'] .answered__avatars {
    gap: 0.25rem;
}

[data-crowd='lg'] .answered .avatar {
    --avatar-size: 1.25rem;
}

[data-crowd='md'] .status-chip .avatar {
    --avatar-size: 2rem;
}

[data-crowd='lg'] .statuses {
    gap: 0.55rem;
}

[data-crowd='lg'] .status-chip .avatar {
    --avatar-size: 1.6rem;
}

[data-crowd='lg'] .status-chip__badge {
    right: -0.25rem;
    bottom: -0.25rem;
    width: 0.95rem;
    height: 0.95rem;
    font-size: 0.6rem;
    border-width: 1px;
}

[data-crowd] .choice__pickers {
    flex-shrink: 0;
    flex-wrap: nowrap;
}

[data-crowd] .tl-slot .avatar {
    --avatar-size: 1.28rem;
}

[data-crowd] .speed .board__main {
    gap: 1.4rem;
}

[data-crowd] .finders {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2.4rem;
}

[data-crowd] .finder {
    gap: 0.7rem;
    padding: 0.4rem 0;
}

[data-crowd] .finder .avatar {
    --avatar-size: 1.7rem;
}

[data-crowd] .finder__name {
    overflow: hidden;
    font-size: 1.35rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.standings--cols .standings__table {
    grid-template-columns: repeat(var(--standing-cols), minmax(0, 1fr));
    column-gap: 4vw;
    container-type: size;
}

.standings--cols .standings__col {
    display: grid;
    align-content: start;
    min-width: 0;
}

.standings--cols .standing {
    --row-h: min(calc(7.6rem / var(--standing-cols)), calc((100cqh - 2.8rem) / var(--standing-rows)));
    --standing-score-size: calc(var(--row-h) * 0.46);
    grid-template-columns:
        calc(var(--row-h) * 0.7)
        minmax(0, 1fr)
        calc(var(--row-h) * 1.5)
        calc(var(--row-h) * 1.05)
        calc(var(--standing-score-size) * 6.2);
    gap: calc(var(--row-h) * 0.24);
    height: var(--row-h);
    padding: 0;
}

.standings--cols .standing--head {
    align-items: end;
    height: 2.8rem;
    padding-bottom: 0.6rem;
}

.standings--cols .standing__player {
    gap: calc(var(--row-h) * 0.22);
}

.standings--cols .standing__player .avatar {
    --avatar-size: calc(var(--row-h) * 0.6);
}

.standings--cols .standing__rank,
.standings--cols .standing__gain {
    font-size: calc(var(--row-h) * 0.28);
}

.standings--cols .standing__move {
    font-size: calc(var(--row-h) * 0.23);
    white-space: nowrap;
}

[data-crowd] .podium .board__foot {
    flex-direction: column;
    align-items: stretch;
    gap: 0.8rem;
}

[data-crowd] .podium__others {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    gap: 0.25rem 2rem;
    font-size: 0.9rem;
}

[data-crowd] .podium__others span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-crowd] .podium__col {
    container-type: size;
}

[data-crowd] .podium__col--1 {
    --share: 1;
}

[data-crowd] .podium__col--2 {
    --share: 0.66;
}

[data-crowd] .podium__col--3 {
    --share: 0.43;
}

[data-crowd] .podium__col > :not(.podium__block) {
    flex-shrink: 0;
}

[data-crowd] .podium__block {
    --fit: max(0px, calc((100cqh - 12rem) * var(--share)));
    height: min(var(--height), var(--fit));
    padding: 0.16em 0.23em;
    overflow: hidden;
    font-size: min(6rem, calc(var(--fit) * 0.62));
}

[data-crowd] .podium__col .tl-team__members {
    flex-wrap: wrap;
}

[data-crowd] .podium__col .tl-team__members .avatar {
    --avatar-size: 2.2rem;
}

@media (max-width: 900px) {
    [data-crowd] .lobby__players .tracklist {
        flex: none;
        container-type: normal;
    }

    [data-crowd] .track {
        --track-h: var(--track-h-max);
    }

    .standings--cols .standings__table {
        container-type: normal;
    }

    .standings--cols .standing {
        --row-h: 2.6rem;
    }

    [data-crowd] .podium__col {
        container-type: normal;
    }

    [data-crowd] .podium__block {
        --fit: var(--height);
    }
}
