/* Capa final de legibilidad para la pantalla principal de carrera. */

#careerScreen .career-head .eyebrow {
  font-size: 11px;
}

#careerScreen .club-line b {
  font-size: 14px;
}

#careerScreen .club-line small {
  font-size: 10px;
}

#careerScreen .summary-tab,
#careerScreen .mini-profile small {
  font-size: 10px;
}

#careerScreen .mini-profile b {
  font-size: 13px;
}

#careerScreen .stats-panel > .panel-title,
#careerScreen .timeline > .panel-title {
  font-size: 11px;
  letter-spacing: 1.7px;
}

#careerScreen .overall span {
  font-size: 10px;
}

#careerScreen .overall b {
  font-size: 42px;
}

#careerScreen #statBars .stat-label {
  font-size: 10px;
}

#careerScreen #statBars .stat-label span:last-child,
#careerScreen #statBars .stat-label b {
  font-size: 12px;
}

#careerScreen .career-numbers b {
  font-size: 15px;
}

#careerScreen .career-numbers span,
#careerScreen .season-boxscore > small {
  font-size: 8px;
}

#careerScreen .boxscore-grid b {
  font-size: 15px;
}

#careerScreen .boxscore-grid span {
  font-size: 8px;
}

#careerScreen .scorebug {
  padding: 6px 9px;
  font-size: 10px;
}

#careerScreen .event-type {
  font-size: 10px;
}

#careerScreen .event-copy h3 {
  font-size: clamp(27px, 5vw, 35px);
}

#careerScreen .event-copy > p {
  font-size: 15px;
  line-height: 1.55;
}

#careerScreen .decision {
  min-height: 56px;
  font-size: 13.5px;
}

#careerScreen .choice-gains i {
  padding: 5px 7px;
  font-size: 10px;
}

#careerScreen .training-choice {
  grid-template-rows: auto auto minmax(70px, 1fr) auto auto;
  gap: 12px;
  min-height: 250px;
  padding: 18px;
}

#careerScreen .training-card-top b {
  width: 38px;
  height: 38px;
  font-size: 17px;
}

#careerScreen .training-card-top em {
  padding: 5px 7px;
  font-size: 9px;
}

#careerScreen .training-choice > strong {
  font-size: 17px;
}

#careerScreen .training-choice > p {
  font-size: 12.5px;
  line-height: 1.55;
}

#careerScreen .training-choice > small:last-child {
  font-size: 10px;
}

#careerScreen .summary-team b {
  font-size: 14px;
}

#careerScreen .summary-team span {
  font-size: 10px;
}

#careerScreen .summary-averages b {
  font-size: 16px;
}

#careerScreen .summary-averages span {
  font-size: 9px;
}

#careerScreen .summary-record {
  font-size: 9px;
}

#careerScreen .summary-record b {
  font-size: 13px;
}

#careerScreen .history-item {
  font-size: 12px;
  line-height: 1.55;
}

#careerScreen .history-item b {
  font-size: 10px;
}

#careerScreen .empty-history {
  font-size: 13px;
}

.prospect-indicator,
.prospect-badge {
  display: inline-flex;
  align-items: center;
  width: max-content;
  border: 1px solid color-mix(in srgb, var(--team-secondary, #cfff47) 48%, transparent);
  border-radius: 99px;
  background: color-mix(in srgb, var(--team-secondary, #cfff47) 12%, transparent);
  color: color-mix(in srgb, var(--team-secondary, #cfff47) 82%, white);
  font-style: normal;
  font-weight: 900;
  letter-spacing: .8px;
}

.prospect-indicator {
  margin-left: 7px;
  padding: 4px 7px;
  font-size: 8px;
  vertical-align: middle;
}

.prospect-badge {
  margin-top: 7px;
  padding: 5px 8px;
  font-size: 8px;
}

#careerScreen .career-summary.number-one-prospect {
  border-color: color-mix(in srgb, var(--team-secondary, #cfff47) 32%, var(--career-line));
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--team-secondary, #cfff47) 72%, white 5%);
}

@media (max-width: 520px) {
  #careerScreen .training-choice {
    grid-template-rows: auto;
    min-height: 0;
  }

  #careerScreen .event-copy > p {
    font-size: 14px;
  }

  #careerScreen #statBars .stat-label span:first-child {
    white-space: normal;
  }
}