.result-metric__label { display: none; }
.race-result-row__metrics, .race-card__metrics { display: contents; }
.race-card__time, .race-card__laps { justify-self: stretch; text-align: center; }
.race-card__laps .result-metric__value { font: 700 20px/1.5 "WallpaperUI", "Segoe UI", sans-serif; }
.list-header--results > span:nth-last-child(-n+2) { text-align: center; }
.race-result-row__laps .result-metric__value { font: 650 15px/1.5 "WallpaperUI", "Segoe UI", sans-serif; }

/* One compact layout for phones, tablets and Telegram (including a wide webview). */
body.has-compact-results .list-header--results, body.has-compact-results .list-header--race-dialog { display: none; }
body.has-compact-results #resultsList .race-card { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "country date" "winner winner" "team team" "metrics metrics"; gap: 12px; padding: 16px; text-align: left; }
body.has-compact-results #resultsList .race-card__country { grid-area: country; min-width: 0; }
body.has-compact-results #resultsList .race-card__country span { font-size: 14px; overflow-wrap: anywhere; }
body.has-compact-results #resultsList .race-card__country img { width: 32px; height: 23px; }
body.has-compact-results #resultsList .race-card__date { grid-area: date; margin: 0; font-size: 13px; text-align: right; }
body.has-compact-results #resultsList .race-card__winner { grid-area: winner; }
body.has-compact-results #resultsList .race-card__team { grid-area: team; }
body.has-compact-results #resultsList .race-card__winner strong, body.has-compact-results #resultsList .race-card__team strong { font-size: 14px; overflow-wrap: anywhere; }
body.has-compact-results #resultsList .race-card__metrics { grid-area: metrics; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 12px; border-top: 1px solid #ffffff12; }
body.has-compact-results #resultsList .result-metric { display: grid; justify-items: center; align-content: start; gap: 4px; text-align: center; }
body.has-compact-results #resultsDialog .race-result-row { grid-template-columns: 36px minmax(0, 1fr) 58px; gap: 10px; padding: 12px; }
body.has-compact-results #resultsDialog .race-result-row__position { grid-column: 1; grid-row: 1; width: 36px; height: 36px; }
body.has-compact-results #resultsDialog .race-result-row__driver { grid-column: 2 / -1; grid-row: 1; min-width: 0; }
body.has-compact-results #resultsDialog .race-result-row--points .race-result-row__driver { grid-column: 2; }
body.has-compact-results #resultsDialog .race-result-row__driver strong { font-size: 14px; overflow-wrap: anywhere; }
body.has-compact-results #resultsDialog .race-result-row__team { grid-column: 2 / -1; grid-row: 2; min-width: 0; font-size: 13px; }
body.has-compact-results #resultsDialog .race-result-row__points { grid-column: 3; grid-row: 1; justify-self: center; min-width: 52px; padding: 8px 6px; font-size: 15px; }
body.has-compact-results #resultsDialog .race-result-row__metrics { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 2fr) minmax(60px, 1fr); gap: 10px; padding-top: 10px; border-top: 1px solid #ffffff12; }
body.has-compact-results #resultsDialog .race-result-row--qualifying .race-result-row__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.has-compact-results #resultsDialog .result-metric { grid-column: auto; display: grid; justify-items: center; align-content: start; gap: 4px; min-width: 0; text-align: center; }
body.has-compact-results #resultsDialog .race-result-row--qualifying .race-result-row__laps { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 6px; }
body.has-compact-results #resultsList .result-metric__label, body.has-compact-results #resultsDialog .result-metric__label { display: block; color: #94949f; font: 500 10px/1.4 "WallpaperUI", "Segoe UI", sans-serif; text-align: center; }
body.has-compact-results #resultsList .result-metric::before, body.has-compact-results #resultsDialog .result-metric::before { content: none; }
body.has-compact-results #resultsList .result-metric__value, body.has-compact-results #resultsDialog .result-metric__value { min-width: 0; font-variant-numeric: tabular-nums; }
body.has-compact-results #resultsList .driver-avatar, body.has-compact-results #resultsList .team-logo, body.has-compact-results #resultsDialog .driver-avatar, body.has-compact-results #resultsDialog .team-logo { width: 34px !important; height: 34px !important; min-width: 34px; border-radius: 10px; }
body.has-compact-results #resultsDialog .race-result-row__timing, body.has-compact-results #resultsDialog .race-result-row__laps .result-metric__value { font-size: 15px; }
body.is-mini-app #view-results, body.is-mini-app #resultsDialog .results-dialog__body { max-width: 760px; margin-inline: auto; }