/* Performance grades intentionally differ from the FUT ability badge. */
.season-grade { display:inline-grid; place-items:center; justify-self:center; min-width:29px; height:23px; padding:0 4px; border-radius:50%; color:#d1ded8; background:#263c37; font-size:11px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1; vertical-align:middle; }
.season-grade.grade-good { color:#d2f5db; background:#24533d; }
.season-grade.grade-exceptional { color:#fbe7af; background:#655128; }
.season-grade.grade-poor { color:#f6c5b7; background:#563832; }
.season-grade.grade-none { color:#a0b2a9; background:transparent; }
.season-grade:focus-visible { outline:2px solid #a4e4ce; outline-offset:3px; }
.review-season-identity small .season-grade,.career-book-year small .season-grade { height:18px; min-width:25px; font-size:10px; margin-left:3px; }
.season-rating-detail { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--club-line); margin-bottom:12px; }
.season-rating-detail>.season-grade { min-width:47px; height:43px; font-size:18px; }
.season-rating-detail h3 { margin:0 0 3px; font-size:13px; color:var(--club-text); }
.season-rating-detail p { margin:0 0 4px; font-size:12px; color:var(--club-muted); }
.season-rating-detail small { display:block; max-width:460px; color:var(--club-quiet); font-size:10px; line-height:1.5; }
@media(max-width:600px) { .timeline-row>.season-grade { min-width:26px; padding:0 2px; height:22px; font-size:10px; } }
@media(max-width:400px) {
  .timeline-labels { font-size:7px; letter-spacing:0; }
  .national-bar { flex-wrap:wrap; }
  .national-bar .national-identity { flex:1 1 100%; min-width:0; flex-wrap:wrap; }
  .national-bar .national-totals { margin-left:0; }
  .national-bar .national-record-link { margin-left:auto; }
}