.club-badge{display:inline-flex;position:relative;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:54px;vertical-align:middle;color:#d8f4ff;font-weight:800}.club-badge img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.club-badge:not(.club-loaded) img{opacity:0}.club-loaded>span{visibility:hidden}.teams .club-badge{margin:0 auto 10px}.pitch-labels b{display:inline-flex;align-items:center;gap:8px}.pitch-labels .club-badge{width:30px;height:34px}@media(max-width:600px){.pitch-labels .club-badge{width:24px;height:28px}.pitch-labels b{gap:5px}}
.scoreboard{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vw,20px);margin:0 0 25px;padding:clamp(16px,3vw,28px) clamp(16px,4vw,40px);border:1px solid rgba(120,200,255,.16);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.scoreboard>h1{margin:0 0 4px;font-size:clamp(22px,3vw,34px);letter-spacing:0;word-spacing:2px;text-align:center}
.scoreboard-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,3vw,40px);width:100%}
.scoreboard-team{display:flex;align-items:center;gap:clamp(10px,2vw,20px);min-width:0}
.scoreboard-home{justify-content:flex-end}
.scoreboard-away{justify-content:flex-start}
.scoreboard-team .club-badge{width:clamp(56px,9vw,96px);height:clamp(63px,10vw,108px);font-size:clamp(16px,2.4vw,26px)}
.scoreboard-name{font-weight:700;font-size:clamp(14px,1.8vw,20px);color:#d8f4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scoreboard-goals{font-weight:800;font-size:clamp(44px,8vw,84px);line-height:1;color:#fff;font-variant-numeric:tabular-nums;min-width:1ch;text-align:center}
.scoreboard-dash{font-size:clamp(24px,4vw,40px);color:var(--muted);font-weight:600}
.scoreboard-status{grid-column:1/-1;justify-self:center;font:11px "DM Mono";letter-spacing:1px;color:var(--cyan);text-transform:uppercase}
@media(max-width:600px){.scoreboard-name{display:none}}

/* Compact scoreboard for cards (Results page, homepage latest result). Team names are
   already in the card title, so only badges and score show. */
.scoreboard.scoreboard-compact{margin:14px 0 0;padding:12px 16px;gap:8px;border-radius:14px}
.scoreboard-compact .scoreboard-main{gap:clamp(10px,2vw,18px)}
.scoreboard-compact .scoreboard-name{display:none}
.scoreboard-compact .scoreboard-team{gap:12px}
.scoreboard-compact .scoreboard-team .club-badge{width:40px;height:45px;font-size:13px}
.scoreboard-compact .scoreboard-goals{font-size:34px}
.scoreboard-compact .scoreboard-dash{font-size:20px}
.scoreboard-compact .scoreboard-status{font-size:10px}
.hero-game .scoreboard-compact{margin:0;border:0;border-radius:0;background:#0c2150;padding:10px 16px}

/* Draft room: a smaller main scoreboard, so the lobby isn't pushed down the page. */
.match-lobby #scoreboard{padding:14px 24px;gap:8px;margin-bottom:16px}
.match-lobby #scoreboard>h1{font-size:clamp(18px,2.2vw,24px);margin:0}
.match-lobby #scoreboard .scoreboard-main{gap:clamp(10px,2vw,24px)}
.match-lobby #scoreboard .scoreboard-team .club-badge{width:clamp(44px,5vw,60px);height:clamp(50px,5.6vw,68px);font-size:15px}
.match-lobby #scoreboard .scoreboard-name{font-size:clamp(14px,1.4vw,17px)}
.match-lobby #scoreboard .scoreboard-goals{font-size:clamp(36px,4.6vw,52px)}
.match-lobby #scoreboard .scoreboard-dash{font-size:clamp(20px,2.4vw,28px)}

/* Slim score bar that follows you down the page (see scoreDock in club-badges.js). */
.score-dock{position:fixed;top:0;left:50%;z-index:65;display:flex;max-width:calc(100vw - 24px);padding:7px 20px;border:1px solid rgba(120,200,255,.4);border-top:0;border-radius:0 0 14px 14px;background:rgba(9,27,58,.96);box-shadow:0 8px 20px rgba(0,0,0,.45);transform:translate(-50%,-10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s}
.score-dock.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.score-dock .scoreboard-main{display:flex;align-items:center;gap:12px;width:auto}
.score-dock .scoreboard-team{gap:8px}
.score-dock .scoreboard-team .club-badge{width:32px;height:36px;font-size:11px}
.score-dock .scoreboard-name{font-size:14px;max-width:160px}
.score-dock .scoreboard-goals{font-size:28px;min-width:1ch}
.score-dock .scoreboard-dash{font-size:18px}
.score-dock .scoreboard-status{margin-left:4px;padding-left:12px;border-left:1px solid rgba(120,200,255,.25);font-size:10px;white-space:nowrap}
@media(max-width:600px){.score-dock .scoreboard-status{display:none}}
@media(prefers-reduced-motion:reduce){.score-dock{transition:none}}

/* Badge-free look (SHOW_OFFICIAL_BADGES=false in club-badges.js): club colours + 3-letter code. */
.club-badge-plain>span{display:grid;place-items:center;width:88%;aspect-ratio:1;border-radius:50%;background:var(--club-bg,#1a3a5f);color:var(--club-fg,#d8f4ff);box-shadow:inset 0 0 0 2px rgba(255,255,255,.25),0 2px 6px rgba(0,0,0,.3);font-size:.72em;letter-spacing:.02em;line-height:1}
.club-badge-plain{font-size:16px}