.profile-banner {
  background:
    linear-gradient(90deg, rgba(8, 9, 11, .88) 0%, var(--color-photo-tint-60) 42%, rgba(8, 9, 11, .18) 100%),
    url('/static/img/profile-banner.png') right center / cover no-repeat;
  color: var(--color-photo-text);
}

.nickname-actions-row { display: flex; gap: var(--gap-sm); white-space: nowrap; }
.token-value { display: block; max-width: 100%; overflow-wrap: anywhere; padding: var(--gap-sm) var(--gap-12); }
.sav-intro {
  display: flex; align-items: center; justify-content: space-between; gap: var(--gap-lg);
  margin-bottom: var(--gap-md); padding: var(--gap-md);
  background: var(--fo-surface-hover); border-left: 3px solid var(--fo-action-bg);
  clip-path: var(--fo-shape-field);
}
.sav-intro p { margin: var(--gap-xs) 0 0; color: var(--fo-muted); font-size: var(--fs-ui); }
.sav-team-tag-toggle { display: flex; align-items: center; gap: var(--gap-sm); white-space: nowrap; font-size: var(--fs-ui); }
.sav-download { display: inline-flex; gap: var(--gap-sm); white-space: nowrap; }
.sav-download span { color: var(--color-accent); font: 700 var(--fs-body)/1 var(--font-mono); }
.sav-rename-picker { margin-top: var(--gap-md); }
.sav-help { margin: var(--gap-md) 0 0; }
.sav-help strong { color: var(--fo-text); }

.race-slot { padding: var(--gap-sm) 0; border-top: var(--border-w) solid var(--fo-line); }
.race-slot:first-child { border-top: none; padding-top: 0; }
.race-slot-head { display: flex; align-items: center; gap: var(--gap-sm); margin-bottom: var(--gap-xs); }
.race-slot-num { font-family: var(--font-mono); font-weight: 700; color: var(--color-accent); min-width: 22px; }