.race-scores { width: 100%; min-width: 0; border: 1px solid #ffffff1a; border-radius: 8px; overflow: hidden; background: #1a1916; }
.race-score-scroll { display: block; width: 100%; min-width: 0; }
.race-score-table { width: 100%; border-collapse: collapse; table-layout: fixed; font: 14px/1.4 Inter, Arial, sans-serif; font-variant-numeric: tabular-nums; }
.race-score-table th, .race-score-table td { padding: 0; vertical-align: middle; }
.race-score-table th { height: 76px; background: #ffffff0a; border-bottom: 1px solid #ffffff24; font-weight: 500; text-align: center; }
.race-score-table td { border-bottom: 1px solid #ffffff14; }
.race-score-table tbody tr:last-child td { border-bottom: 0; }
.race-score-table .race-score-rank { width: 30px; text-align: center; color: var(--text-faint); font-size: 16px; }
.race-score-table .race-score-final { width: 80px; text-align: center; font-size: 18px; }
.race-score-table .race-score-replay-cell { width: 32px; text-align: center; }
.race-score-table .race-score-person { overflow: hidden; text-align: right; }
.race-score-identity { display: flex; align-items: center; min-width: 0; text-align: left; }
.race-score-identity .workshop-driver { flex: 1; flex-wrap: nowrap; gap: 3px; padding: 4px; overflow: hidden; font-size: 18px; line-height: 22px; }
.race-score-identity .workshop-driver-name { flex-shrink: 1; }
.race-score-identity [hidden] { display: none; }
.race-score-identity .workshop-driver:focus-visible { outline-offset: -2px; }
.race-score-controls { display: inline-flex; align-items: center; justify-content: center; width: 24px; padding: 4px; color: var(--text-dim); flex-shrink: 0; }
.race-score-controls svg { width: 16px; height: 16px; }
.race-scores svg { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.race-score-time { color: var(--text); text-decoration: none; white-space: nowrap; }
a.race-score-time:hover { text-decoration: underline; text-underline-offset: 3px; }
.race-score-table .is-current { background: #ffcc1a14; box-shadow: inset 3px 0 #ffcc1a; }
.race-score-table .is-best { color: var(--yellow); font-weight: 700; }
.race-score-detail[hidden] { display: none; }
.race-score-table .race-score-detail { width: 55px; text-align: center; white-space: nowrap; }
.race-score-table [data-field="raceTimeMs"], .race-score-table [data-field="elapsedTimeMs"] { width: 65px; }
.race-score-heading-icon { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; }
.race-score-heading-icon img { display: block; width: 52px; height: 52px; object-fit: contain; }
.race-score-heading-icon .is-drift { width: 54px; height: 36px; }
.race-score-heading-icon .is-monochrome { filter: invert(.85); }
.race-score-detail .race-score-heading-icon .is-monochrome { width: 32px; height: 32px; }
.race-score-heading-icon svg { width: 28px; height: 28px; color: var(--text-dim); }
.race-score-drift-label { padding: 2px 5px; border-radius: 3px; background: #ffffff29; color: #f7f3ea; font: 14px/1 Inter, sans-serif; text-transform: uppercase; }
.race-score-drift-label.is-draft { background: #06adfc; box-shadow: 0 0 4px #06adfc; }
.race-score-toggle { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 66px; margin: 3px; border: 1px solid #ffffff26; border-radius: 8px; background: #ffffff0f; color: var(--text-dim); cursor: pointer; vertical-align: middle; }
.race-score-toggle svg { width: 11px; height: 16px; transform: rotate(180deg); }
.race-score-toggle[aria-expanded="true"] svg { transform: none; }
.race-score-toggle:hover { background: #ffffff1f; border-color: #ffbd0f66; color: var(--yellow); }
.race-score-replay-cell .dt-icon-link { width: 28px; height: 28px; padding: 3px; border-radius: 5px; }
.race-score-replay-cell .dt-icon-link::before { width: 20px; height: 20px; }
.race-score-toggle:focus-visible, .race-score-time:focus-visible { outline: 2px solid var(--yellow); outline-offset: -2px; }