/* The running career uses the same season details and FUT tokens as the review. */
.career-book-dialog { width:min(1040px,calc(100vw - 32px)); height:fit-content; max-height:calc(100dvh - 40px); margin:auto; padding:0; border:1px solid var(--club-line); border-radius:18px; background:var(--club-surface); color:var(--club-text); box-shadow:var(--club-shadow); overflow:hidden; }
.career-book-dialog::backdrop { background:#06120cbb; }
.career-book { display:flex; flex-direction:column; max-height:calc(100dvh - 42px); }
.career-book>header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 24px; border-bottom:1px solid var(--club-line); }
.career-book h2 { margin:4px 0; font-size:25px; letter-spacing:-.04em; }
.career-book header p { color:var(--club-muted); font-size:12px; margin:0; }
.career-book-close { display:grid; place-items:center; flex:none; width:44px; height:44px; border:0; border-radius:50%; background:#a4e4ce0a; color:var(--club-text); }
.career-book-close .ui-art { width:18px; height:18px; }
.career-book-list { overflow:auto; min-height:0; padding:6px 18px 18px; scrollbar-width:thin; scrollbar-color:#87ae9866 transparent; position:relative; }
.career-book-season { border-bottom:1px solid var(--club-line); }
.career-book-row { display:grid; grid-template-columns:90px 38px minmax(0,1fr) 38px 195px 20px; gap:12px; align-items:center; min-height:64px; padding:10px; border-radius:8px; list-style:none; cursor:pointer; }
.career-book-row::-webkit-details-marker { display:none; }
.career-book-row:hover,.career-book-season[open]>.career-book-row { background:#a8e5cc0c; }
.career-book-year,.career-book-club { display:grid; gap:4px; min-width:0; }
.career-book-year b,.career-book-club strong { font-size:13px; }.career-book-club strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.career-book-year small,.career-book-club small { font-size:10px; color:var(--club-muted); }
.book-crest { width:34px; height:38px; min-width:34px; }
.career-book-rating { display:grid; place-items:center; height:29px; border-radius:7px; background:var(--rating-fill); color:var(--rating-ink); border:1px solid var(--rating-border); font-size:15px; }
.career-book-stats { display:grid; grid-template-columns:repeat(3,1fr); text-align:center; }
.career-book-stats b { display:grid; gap:4px; font-size:14px; font-variant-numeric:tabular-nums; }
.career-book-stats small { color:var(--club-muted); font-size:9px; font-weight:500; }
.career-book-chevron { color:var(--club-quiet); }.career-book-chevron .ui-art { width:15px; height:15px; transition:transform 160ms; transform:rotate(90deg); }
.career-book-season[open] .career-book-chevron .ui-art { transform:rotate(-90deg); }
.career-book-detail { max-width:760px; margin:0 auto 14px; padding:16px 18px; border-left:2px solid var(--club-green); background:#a4e4ce04; border-radius:0; }
.career-book-detail:empty { display:none; }.career-book-detail .review-detail-heading { display:none; }
.career-book-empty { display:grid; justify-items:center; gap:12px; padding:36px 15px; text-align:center; }
.career-book-empty>.ui-art { width:36px; height:36px; color:var(--club-green); }.career-book-empty p { font-size:13px; color:var(--club-muted); }
@media(max-width:650px) {
  .career-book-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); border-radius:13px; }.career-book { max-height:calc(100dvh - 18px); }
  .career-book>header { padding:17px; }.career-book h2 { font-size:23px; }
  .career-book-list { padding:5px 10px 12px; }.career-book-row { grid-template-columns:28px minmax(0,1fr) 32px 16px; gap:9px; padding:12px 5px; }
  .career-book-year { grid-column:1/-1; display:flex; gap:7px; align-items:baseline; }.career-book-year b { font-size:12px; }
  .career-book-row .book-crest { width:26px; min-width:26px; height:30px; }.career-book-club strong { font-size:12px; }
  .career-book-stats { grid-column:2/4; grid-row:3; gap:15px; text-align:left; }.career-book-stats b { font-size:13px; gap:2px; }
  .career-book-chevron { grid-column:4; grid-row:2; }.career-book-detail { padding:12px; }
}
@media(prefers-reduced-motion:reduce) { .career-book-chevron .ui-art { transition:none; } }