@font-face { font-family:'Graduate'; src:url('./assets/fonts/graduate.ttf') format('truetype'); font-style:normal; font-weight:400; font-display:swap; }
@font-face {
  font-family: 'Russo One';
  src: url('./assets/fonts/russo-one.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root { --accent: #ff3038; --panel: #161e2b; }
.jersey-divisions { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; }
.jersey-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.jersey-card { min-width:0; aspect-ratio:3 / 4.7; perspective:1200px; container-type:inline-size; }
.jersey-rotor { position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform .5s cubic-bezier(.3,.7,.3,1); }
.jersey-front,.jersey-back { position:absolute; inset:0; width:100%; height:100%; backface-visibility:hidden; -webkit-backface-visibility:hidden; border:0; border-radius:0; background:#10151e; color:#fff; }
.jersey-front { display:flex; flex-direction:column; padding:0; text-align:initial; cursor:pointer; }
.jersey-front:hover { box-shadow:0 0 0 2px var(--jersey-trim),0 10px 30px #0005; }
.jersey-art { display:block; position:relative; width:100%; flex:1; min-height:0; background-size:400% 400%; background-repeat:no-repeat; container-type:inline-size; }
.jersey-abbr { position:absolute; top:25%; left:20%; right:20%; display:block; }
.jersey-number { position:absolute; top:35%; left:22%; right:22%; display:block; }
.jersey-abbr svg,.jersey-number svg { display:block; width:100%; height:auto; overflow:visible; }
.jersey-number svg { overflow:hidden; }
.jersey-nameplate { display:flex; flex:none; align-items:stretch; min-height:16cqw; border-top:4px solid var(--jersey-trim); background:linear-gradient(120deg,#1b212c,#10151e); }
.jersey-rank { display:flex; align-items:center; justify-content:center; padding:9px 10px; min-width:25%; color:#fff; background:linear-gradient(130deg,#ff3038,#d10009); font:400 italic 9cqw/1 'Russo One',sans-serif; }
.jersey-name { display:flex; align-items:center; padding:8px 10px; font:800 8cqw/1 'Barlow',sans-serif; text-transform:uppercase; overflow-wrap:anywhere; }
@media(max-width:700px) {
  .jersey-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .jersey-card { aspect-ratio:3 / 4.95; }
  .jersey-nameplate { min-height:18cqw; }
}
.current-hero { display:flex; justify-content:space-between; align-items:center; gap:36px; padding:8px 0 4px; }
.current-hero h1 { font:400 italic clamp(32px,4.5vw,60px)/1.1 'Russo One',sans-serif; margin:16px 0; }
.current-hero h1 span { color:#ff3038; }
.current-hero p { margin:0; max-width:55ch; font-size:17px; color:#acbdd4; }
.feed-overview { flex:0 0 280px; border-left:2px solid #3b4b63; padding:6px 0 6px 20px; display:flex; flex-direction:column; gap:9px; }
.feed-state { align-self:flex-start; color:#d9c08d; font:600 11px/1.3 'Barlow',sans-serif; letter-spacing:.06em; text-transform:uppercase; border:1px solid #79623a; border-radius:20px; padding:5px 9px; }
.feed-overview strong { font-size:15px; color:#e3eaf4; }
.feed-overview>span:last-child { color:#91a5c1; font-size:13px; }
.current-sports { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; }
.current-sports a { min-width:0; display:flex; flex-direction:column; gap:7px; padding:15px 12px; text-decoration:none; color:#bdcbe0; background:#131f30; border:1px solid #2d3c52; border-radius:8px; }
.current-sports a>span { font:700 15px/1.2 'Barlow',sans-serif; }
.current-sports a small { color:#8da2bf; font-size:11px; }
.current-sports a[aria-current="page"] { background:#262035; border-color:#ea3540; box-shadow:inset 0 -2px #e50914; color:white; }
.current-board { background:#111b29; border:1px solid #2c3a50; border-radius:12px; overflow:hidden; }
.board-header { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:22px 24px; border-bottom:1px solid #2b374b; }
.board-header h2 { font:400 italic 25px/1.2 'Russo One',sans-serif; margin:7px 0 0; }
.refresh-feed,.clear-filters { min-height:42px; border:1px solid #3c4e69; padding:10px 14px; border-radius:6px; color:#dbe6f6; background:#1b2a40; font:600 13px 'Barlow',sans-serif; cursor:pointer; }
.refresh-feed:disabled { opacity:.6; cursor:wait; }
.board-filters { display:flex; gap:14px; align-items:end; padding:20px 24px; }
.board-filters label { display:flex; flex-direction:column; gap:8px; color:#a6b9d2; font-size:12px; }
.injury-search { flex:1; }
.board-filters input { min-width:0; width:100%; background:#0d1522; color:#fff; border:1px solid #34445c; padding:11px 14px; border-radius:6px; font:400 15px 'Barlow',sans-serif; }
.board-filters select { min-height:42px; border-radius:6px !important; background:#0d1522 !important; }
.live-notice { padding:11px 24px; border-block:1px solid #2b374b; background:#172235; color:#a9bbd2; font-size:13px; }
.current-empty { min-height:240px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:32px 24px; text-align:center; }
.empty-symbol { display:grid; place-items:center; width:42px; height:42px; border:1px solid #405573; background:#1c2b40; border-radius:50%; color:#9bafca; }
.current-empty h3 { font:600 21px/1.3 'Barlow',sans-serif; margin:16px 0 8px; }
.current-empty p { margin:0 0 18px; max-width:62ch; color:#8fa5c0; font-size:14px; }
.current-empty a { color:#cedbed; font-size:13px; }
.current-table-wrap { overflow-x:auto; }
.current-table { border-collapse:collapse; width:100%; min-width:760px; text-align:left; font-size:14px; }
.current-table th { color:#8fa5bf; text-transform:uppercase; letter-spacing:.06em; font-size:11px; padding:14px 18px; background:#101a28; }
.current-table td { padding:16px 18px; border-top:1px solid #2b374b; }
.current-table td small { display:block; color:#8fa5bf; margin-top:4px; }
.availability-badge { padding:5px 9px; border-radius:5px; font-size:12px; background:#293951; white-space:nowrap; }
.availability-badge[data-status="out"],.availability-badge[data-status="reserve"] { background:#4a222e; color:#ffb2b8; }
.availability-badge[data-status="questionable"],.availability-badge[data-status="doubtful"] { background:#403629; color:#ecd092; }
.current-coverage h2,.archive-promo h2 { font:600 21px/1.3 'Barlow',sans-serif; margin:0 0 6px; }
.current-coverage p,.archive-promo p { color:#91a6c1; font-size:14px; margin:0; }
.feed-tiles { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin-top:18px; }
.feed-tiles a { display:flex; flex-direction:column; gap:7px; text-decoration:none; color:#dce7f7; padding:15px 16px; border-left:2px solid #445773; background:#131f30; }
.feed-tiles a span { color:#91a6c1; font-size:12px; }
.archive-promo { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px; border:1px solid #293a53; border-radius:10px; background:linear-gradient(110deg,#16273e,#111a29); }
.archive-promo h2 { margin-top:8px; }
@media(max-width:850px) {
  .current-hero { flex-direction:column; align-items:stretch; gap:20px; }
  .feed-overview { flex:auto; }
  .current-sports { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .feed-tiles { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .board-filters { flex-wrap:wrap; }
  .injury-search { flex-basis:100%; }
  .archive-promo { align-items:start; flex-direction:column; }
}
@media(max-width:520px) {
  .current-sports { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .current-sports a:first-child { grid-column:1/-1; flex-direction:row; align-items:center; justify-content:space-between; }
  .board-header { align-items:start; flex-direction:column; padding:20px 16px; gap:14px; }
  .board-header h2 { font-size:21px; }
  .board-filters { padding:16px; }
  .live-notice { padding:12px 16px; }
  .feed-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.hero-copy { container-type: inline-size; min-width: 0; }
main h1 { font-size: clamp(28px,5vw,62px) !important; line-height: 1.08 !important; letter-spacing: -.025em; overflow-wrap: anywhere; }
main h1.hero-title { font-size: clamp(32px,17cqw,104px) !important; line-height: 1.02 !important; letter-spacing: -.035em; padding-right: .08em; }
.favorite-team-name { font-size: clamp(24px,10cqw,56px) !important; line-height: 1.08 !important; }
html { scroll-padding-top: 160px; }
body { background: #0b111b; }
button, a, input, select { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #80c9ff !important; outline-offset: 4px; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 100; background: white; color: #091729; padding: 12px; }
.skip-link:focus { top: 12px; }
.site-header { position: sticky; top: 0; z-index: 50; background: #0b111bf5; border-bottom: 1px solid #ffffff20; backdrop-filter: blur(16px); }
.brand-row { margin: auto; padding: 8px max(16px,calc((100vw - 1288px)/2)) 14px; display:grid; grid-template-columns:330px minmax(0,1fr); grid-template-areas:'. app' 'logo sports'; gap:0 24px; align-items:center; background:linear-gradient(110deg,#0a1627,#101724); }
.brand-wordmark { display:block; width:320px; height:auto; flex:none; }
.brand-link { grid-area:logo; display:flex; align-items:center; justify-content:center; width:330px; height:80px; overflow:hidden; padding:0 10px 0 0; background:transparent; color:#fff; text-decoration:none; }
.brand-icon { width: 52px; height: 52px; border-radius: 12px; }
.brand-name { font: 400 italic 27px/1 'Russo One', sans-serif; letter-spacing: -.02em; }
.brand-name b { color: #e50914; }
.brand-tagline { display: block; color: #a7b4c7; font: 600 10px/1.4 'Barlow', sans-serif; letter-spacing: .13em; margin-top: 5px; text-transform: uppercase; }
.header-meta { grid-area:app; justify-self:end; display:flex; align-items:center; }
.archive-label { color: #475c76; font-size: 12px; }
.archive-label strong { color: #0b2340; display: block; font-size: 12px; letter-spacing: .09em; text-transform: uppercase; }
.install-button, .app-button { border: 1px solid #ffffff35; background: #172337; color: #fff; border-radius: 5px; padding: 11px 15px; cursor: pointer; font: 600 14px 'Barlow', sans-serif; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
.install-button { gap:8px; padding:5px 10px 5px 5px; border:1px solid #31425a; border-radius:10px; background:#172437; text-align:left; transition:background .15s,border-color .15s; }
.install-button:hover { background:#21334c; border-color:#6b829e; }
.install-app-icon { width:30px; height:30px; display:block; border-radius:7px; }
.install-copy { display:flex; flex-direction:column; gap:4px; }
.install-copy strong { font:700 13px/1.1 'Barlow',sans-serif; }
.install-copy small { display:none; }
.install-arrow { display:flex; align-items:center; justify-content:center; width:28px; height:28px; margin-left:8px; border-radius:50%; background:#fff; color:#c81927; font:700 18px/1 system-ui,sans-serif; }
.app-button.primary { background: #e50914; color: #ffffff; border-color: #e50914; font-weight: 700; }
.sport-list { grid-area:sports; display:flex; justify-content:flex-end; gap:8px; min-width:0; position:relative; }
.sport-menu { position:relative; }
.sport-trigger { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:0 15px; border:1px solid #30405a; border-radius:8px; background:linear-gradient(#1d2b40,#142034); color:#e5ecf7; font:700 14px/1 'Barlow',sans-serif; letter-spacing:.035em; cursor:pointer; list-style:none; transition:background .15s,border-color .15s; }
.sport-trigger::-webkit-details-marker { display:none; }
.sport-trigger:hover { background:#253a54; border-color:#587292; }
.sport-menu[data-active="true"]>.sport-trigger { border-color:#f03b45; box-shadow:inset 0 -2px #e50914; color:#fff; }
.sport-menu[open]>.sport-trigger { background:#273b56; border-color:#86a2c4; }
.sport-chevron { width:7px; height:7px; border-right:2px solid #97aac3; border-bottom:2px solid #97aac3; transform:translateY(-2px) rotate(45deg); transition:transform .15s; }
.sport-menu[open] .sport-chevron { transform:translateY(2px) rotate(225deg); }
.sport-dropdown { position:absolute; z-index:80; top:calc(100% + 12px); right:0; width:350px; padding:18px; border:1px solid #3d506b; border-top:3px solid #e50914; border-radius:12px; background:#111e30; box-shadow:0 20px 50px #0009; max-height:calc(100dvh - 190px); overflow-y:auto; }
.dropdown-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.dropdown-heading strong { font:400 italic 23px/1 'Russo One',sans-serif; color:#fff; }
.dropdown-heading>span { color:#a7b9d1; font:500 11px/1.4 'Barlow',sans-serif; text-align:right; }
.dropdown-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
.dropdown-links a { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; padding:10px 11px; border-radius:6px; color:#d9e4f4; text-decoration:none; font:600 14px/1.2 'Barlow',sans-serif; }
.dropdown-links a:hover { background:#253a55; color:white; }
.dropdown-links a[aria-current="page"] { background:#2a334b; color:#fff; box-shadow:inset 3px 0 #ff3038; }
.menu-arrow { color:#758ba8; font-size:13px; }
.dropdown-note { margin:14px 0 0; padding-top:12px; border-top:1px solid #ffffff18; color:#9eafc6; font:400 12px/1.5 'Barlow',sans-serif; }
.coverage-note { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; background: #142134; border-left: 3px solid #80b5df; padding: 11px 16px; color: #aabdd6; font-size: 13px; }
.coverage-note b { color: #e9f2ff; }
.coverage-note a { margin-left: auto; }
.coverage-intro { display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.eyebrow { color: #ff3038; text-transform: uppercase; letter-spacing: .17em; font-size: 12px; font-weight: 700; }
.coverage-title { margin: 8px 0; font: 400 italic clamp(24px, 3.5vw, 40px)/1.15 'Russo One', sans-serif; text-transform: uppercase; letter-spacing: -.025em; }
.coverage-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.coverage-card { padding: 23px; background: linear-gradient(140deg,#19293f,#101925); border: 1px solid #ffffff15; color: #fff; text-decoration: none; border-radius: 8px; display: flex; flex-direction: column; gap: 15px; transition: border-color .15s, transform .15s; }
.coverage-card:hover { border-color: #ff303880; transform: translateY(-2px); }
.coverage-card strong { font: 400 italic 27px/1 'Russo One',sans-serif; }
.coverage-card .card-top { display: flex; justify-content: space-between; align-items: center; }
.coverage-card .card-index { color: #778ba6; font: 600 13px monospace; }
.coverage-card p { font-size: 14px; line-height: 1.5; color: #adbed4; margin: 0; flex: 1; }
.coverage-card .card-status { color: #bbc9da; font-size: 12px; }
.coverage-card.available .card-status { color: #86dcba; }
.sport-empty { padding: clamp(24px,5vw,64px); background: radial-gradient(ellipse at top right,#243d5b,#101925 65%); border: 1px solid #ffffff1c; border-radius: 10px; }
.sport-empty h1 { font: 400 italic clamp(36px,7vw,80px)/1.08 'Russo One',sans-serif; text-transform: uppercase; margin: 20px 0; }
.sport-empty p { color: #b9c8da; max-width: 58ch; font-size: 18px; line-height: 1.6; }
.sport-empty .actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.brand-banner { width: 260px; max-width: 100%; border-radius: 5px; }
.app-dialog { background: #142034; color: #f0f5fb; border: 1px solid #ffffff40; border-radius: 12px; padding: 30px; max-width: 440px; width: calc(100% - 32px); }
.app-dialog::backdrop { background: #030914cc; backdrop-filter: blur(5px); }
.app-dialog h2 { margin: 0 0 16px; }
.app-dialog p { color: #beccde; line-height: 1.6; }
.app-dialog .actions { display: flex; gap: 10px; flex-wrap: wrap; }
.connection-status { color: #edc984; }
[hidden] { display: none !important; }
@media(max-width:1100px) {
  .brand-row { grid-template-columns:250px minmax(0,1fr); gap:0 16px; }
  .brand-link { width:250px; }
  .brand-wordmark { width:245px; }
  .sport-list { gap:5px; }
  .sport-trigger { gap:9px; padding:0 11px; font-size:13px; }
}
@media(max-width: 850px) {
  .brand-row { padding:10px 12px 16px; gap:10px; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:'logo app' 'sports sports'; }
  .brand-link { width:clamp(184px,54vw,280px); height:62px; padding:0 15px 0 4px;  }
  .brand-wordmark { width:100%; }
  .brand-icon { width: 42px; height: 42px; }
  .brand-name { font-size: 24px; }
  .brand-tagline { font-size: 8px; }
  .archive-label { display: none; }
  .install-button { padding:7px; gap:7px; border-radius:10px; }
  .install-app-icon { width:36px; height:36px; border-radius:8px; }
  .install-copy strong { font-size:12px; max-width:42px; line-height:1.2; }
  .install-copy small,.install-arrow { display:none; }
  .sport-list { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }
  .sport-menu { position:static; min-width:0; }
  .sport-trigger { padding:0 10px; gap:8px; font-size:12px; }
  .sport-dropdown { left:0; right:0; width:auto; max-height:calc(100dvh - 230px); }
  .coverage-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .coverage-card { padding: 17px; }
  .coverage-intro { align-items: start; flex-direction: column; }
  main { padding-top: 20px !important; gap: 24px !important; }

}
@media(max-width:520px) {
  .sport-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sport-trigger { min-height:42px; padding:0 14px; }
  .sport-dropdown { max-height:calc(100dvh - 270px); }
}
@media(prefers-reduced-motion: reduce) { .coverage-card:hover { transform: none; } }

/* Persistent scrolling board, with room for device safe areas. */
.site-footer { padding-bottom:calc(82px + env(safe-area-inset-bottom,0px)) !important; }
.injury-ticker { position:fixed; left:0; right:0; bottom:0; z-index:45; display:flex; align-items:stretch; height:calc(48px + env(safe-area-inset-bottom,0px)); padding-bottom:env(safe-area-inset-bottom,0px); background:#f2f3f5; color:#082b4c; border-top:3px solid #ff3038; box-shadow:0 -5px 20px #0004; }
.ticker-label { flex:none; display:flex; flex-direction:column; justify-content:center; gap:3px; background:#e50914; color:white; padding:0 22px 0 14px; font:400 italic 13px/1 'Russo One',sans-serif; text-transform:uppercase; clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%); }
.ticker-label small { font:600 10px/1 'Barlow',sans-serif; letter-spacing:.13em; }
.ticker-window { flex:1; min-width:0; overflow:hidden; display:flex; align-items:center; font:700 16px/1 'Barlow',sans-serif; letter-spacing:.04em; text-transform:uppercase; }
.ticker-pause { flex:none; min-width:58px; border:0; border-left:1px solid #c5ced8; background:#e5eaf0; color:#082b4c; font:700 12px 'Barlow',sans-serif; cursor:pointer; }
.ticker-window:hover .ticker-track,.ticker-window:focus .ticker-track,.injury-ticker[data-paused="true"] .ticker-track { animation-play-state:paused !important; }
@media(max-width:520px) { .ticker-label { padding-left:10px; padding-right:18px; font-size:11px; } .ticker-window { font-size:13px; } .ticker-pause { min-width:48px; } }
@media(prefers-reduced-motion:reduce) { .ticker-window { overflow-x:auto; } .ticker-pause { display:none; } }

/* Printed trading-card reverse, scaled with the jersey card. */
.jersey-back { transform:rotateY(180deg); display:flex; flex-direction:column; gap:0; padding:4cqw; border:2px solid #d5d0c4; border-radius:7px; color:#182b3e; background:radial-gradient(circle at 1px 1px,#1522350b .5px,transparent .8px) 0 0 / 3px 3px,#eeeade; box-shadow:inset 0 0 0 1.5cqw #f9f6ee,inset 0 0 0 1.8cqw #24374c,0 5px 15px #0005; overflow:hidden; }
.card-series { display:flex; align-items:center; justify-content:space-between; gap:5px; padding:2cqw 2.5cqw; background:#14283e; color:#f9f6ef; border-bottom:3px solid var(--jersey-trim); }
.card-series strong { font:400 italic clamp(9px,4cqw,13px)/1 'Russo One',sans-serif; }
.card-series strong span { color:#ff5058; }
.card-series>span { font:700 clamp(6px,2.5cqw,9px)/1 'Barlow',sans-serif; letter-spacing:.08em; }
.card-team-heading { display:flex; justify-content:space-between; align-items:center; gap:2cqw; padding:4cqw 0 3cqw; border-bottom:2px solid #20374b; }
.card-team-heading>div:first-child { min-width:0; }
.card-city { display:block; font:700 clamp(8px,3.3cqw,11px)/1.2 'Barlow',sans-serif; text-transform:uppercase; letter-spacing:.13em; }
.jersey-back h4 { font:400 italic clamp(12px,7cqw,24px)/1.08 'Russo One',sans-serif; text-transform:uppercase; margin:1cqw 0 0; overflow-wrap:anywhere; }
.card-rank-stamp { flex:none; width:17cqw; height:17cqw; max-width:57px; max-height:57px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:2px solid var(--team-color); border-radius:50%; box-shadow:0 0 0 2px #f9f6ee,0 0 0 3px #20374b; transform:rotate(6deg); }
.card-rank-stamp small { font:800 clamp(5px,2.2cqw,8px)/1 'Barlow',sans-serif; letter-spacing:.04em; }
.card-rank-stamp b { font:400 clamp(13px,7cqw,23px)/1.2 'Graduate',serif; }
.card-edition { display:flex; justify-content:space-between; gap:4px; padding:2.5cqw 0; font:700 clamp(7px,3cqw,10px)/1.2 'Barlow',sans-serif; letter-spacing:.035em; }
.card-stat-table { width:100%; border-collapse:collapse; color:#182b3e; font:600 clamp(10px,4.5cqw,15px)/1.1 'Barlow',sans-serif; border-bottom:2px solid #20374b; }
.card-stat-table caption { background:var(--team-color); color:white; text-transform:uppercase; font:800 clamp(8px,3.3cqw,11px)/1.2 'Barlow',sans-serif; letter-spacing:.15em; text-align:left; padding:2cqw 2.5cqw; }
.card-stat-table th,.card-stat-table td { padding:2cqw 2.5cqw; border-bottom:1px solid #20374b40; }
.card-stat-table th { text-align:left; font-weight:600; }
.card-stat-table td { text-align:right; font-weight:800; font-variant-numeric:tabular-nums; }
.card-stat-table tr:nth-child(odd) { background:#24374c0a; }
.card-fine-print { display:flex; flex-direction:column; gap:1cqw; padding:2.8cqw 0; font:500 clamp(7px,3cqw,10px)/1.15 'Barlow',sans-serif; }
.card-fine-print strong { text-transform:uppercase; letter-spacing:.08em; }
.card-serial { margin-top:auto; display:flex; justify-content:space-between; align-items:center; gap:4px; border-top:1px solid #20374b80; padding:2.2cqw 0; font:800 clamp(6px,2.5cqw,9px)/1.2 'Barlow',sans-serif; }
.card-serial>span:last-child { text-align:right; font-size:.85em; letter-spacing:.03em; }
.card-actions { display:grid; grid-template-columns:1.1fr 1fr; border:1px solid #20374b; }
.jersey-team-link,.jersey-return { display:flex; align-items:center; justify-content:center; min-height:28px; padding:2.7cqw 1cqw; border:0; border-radius:0; text-decoration:none; font:700 clamp(9px,3.4cqw,12px)/1.1 'Barlow',sans-serif; cursor:pointer; }
.jersey-team-link { color:#fff; background:#14283e; }
.jersey-return { color:#182b3e; background:#f9f6ee; }
.jersey-team-link:hover { background:#294662; color:white; }
.jersey-return:hover { background:#ded9cb; }
@container (max-width:190px) {
  .jersey-back { padding:3cqw; overflow-y:auto; }
  .card-team-heading { padding:2.5cqw 0 2cqw; }
  .card-stat-table th,.card-stat-table td { padding:1.4cqw 2cqw; }
  .card-fine-print { padding:1.8cqw 0; }
  .card-serial { padding:1.5cqw 0; }
}