.scores-card { padding: 0; overflow: hidden; background: #141416; border-color: #ffffff1a; }
.scores-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.scores-table th, .scores-table td { padding: 12px; text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff0d; }
.scores-table th { color: var(--text-faint); font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .08em; }
.scores-table th:first-child, .scores-table td:first-child { width: 82px; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.scores-table td:first-child { color: var(--text-dim); font-size: 14px; }
.scores-table tbody tr:last-child td { border-bottom: 0; }
.scores-table tr.is-current { background: #ffcc1a0a; box-shadow: inset 2px 0 #ffcc1a80; }
.scores-table tr.is-current td:first-child { color: var(--gold); }
.scores-table .workshop-driver { vertical-align: middle; }
.lesson-score-track { display: flex; align-items: center; gap: 16px; }
.lesson-score-track[hidden] { display: none; }
.lesson-score-track img { width: 96px; height: 96px; border-radius: 8px; object-fit: cover; }
.lesson-score-track p { margin: 0; min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 400px) {
    .scores-table th, .scores-table td { padding: 12px 8px; }
    .scores-table th:first-child, .scores-table td:first-child { width: 64px; }
    .scores-table .workshop-driver { flex-wrap: wrap; }
    .scores-table .workshop-driver-name { flex-shrink: 0; }
}