.race-shell {
    display: grid;
    gap: var(--space-3);
}

.track-list {
    display: grid;
    gap: 0.9rem;
}

.track-row {
    align-items: center;
    background: var(--surface-strong);
    border: 1px solid var(--stroke);
    border-radius: var(--radius-sm);
    display: grid;
    gap: 0.6rem;
    grid-template-columns: 100px minmax(0, 1fr) auto;
    padding: 0.9rem 1rem;
}

.track-lane {
    background: repeating-linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.1),
        rgba(255, 255, 255, 0.1) 12px,
        transparent 12px,
        transparent 24px
    );
    border-radius: 999px;
    height: 1rem;
    overflow: hidden;
    position: relative;
}

.track-progress {
    background: linear-gradient(90deg, var(--secondary), var(--highlight));
    border-radius: 999px;
    inset: 0 auto 0 0;
    position: absolute;
    width: 0;
}