.live-center { max-width: 1120px; margin: auto; padding: 48px 24px 64px; }
.live-center .breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; font-size: .85rem; color: var(--muted); margin-bottom: 20px; }
.live-center h1 { margin-bottom: 20px; }
.live-center h2 { margin-bottom: 16px; font-size: clamp(1.35rem, 3vw, 1.8rem); }
.live-center h3 { margin-bottom: 12px; }
.live-center p { margin-bottom: 14px; }
.live-center a, .sports-subnav a { color: var(--gold); }
.live-center section { margin-top: 40px; }
.live-center .intro { max-width: 850px; }
.live-center .author { font-size: .85rem; }
.live-center .responsible-notice { padding: 20px; border: 1px solid var(--gold); border-radius: var(--radius); background: var(--gold-dim); }
.responsible-notice strong { color: var(--gold); }
.match-controls, .status-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.filter-button, .status-tabs button, .match-details summary, .sports-subnav summary { min-height: 44px; padding: 10px 16px; border: 1px solid var(--border); border-radius: 8px; background: var(--card); color: var(--white); font: inherit; cursor: pointer; }
.filter-button[aria-pressed="true"], .status-tabs button[aria-selected="true"] { color: var(--gold); border-color: var(--gold); background: var(--gold-dim); }
.filter-button:disabled { opacity: .7; cursor: wait; }
.live-center .filter-button { max-width: 100%; white-space: normal; }
.match-refresh-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 16px 0; }
.match-refresh-controls button { width: min(100%, 260px); }
.match-refresh-controls p { margin: 0; font-size: .82rem; }
.match-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; min-height: 160px; }
.match-card, .match-empty, .official-video { min-width: 0; padding: 22px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); }
.match-empty { grid-column: 1 / -1; }
.match-title { font-size: 1rem; overflow-wrap: anywhere; }
.match-meta { font-size: .82rem; }
.match-status { color: var(--gold); font-size: .9rem; font-weight: 700; }
.match-participant { display: flex; justify-content: space-between; align-items: start; gap: 12px; margin: 10px 0; }
.participant-name { min-width: 0; display: flex; align-items: center; gap: 8px; overflow-wrap: anywhere; }
.participant-name img { flex: 0 0 28px; object-fit: contain; }
.match-score { flex-shrink: 0; font-size: 1.2rem; }
.match-details { margin-top: 16px; }
.match-details summary { list-style-position: inside; }
.match-details div { padding-top: 12px; }
.live-center ul { padding-left: 24px; color: var(--muted); }
.live-center .status-definitions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; }
.status-definitions dt { color: var(--gold); font-weight: 700; }
.status-definitions dd { color: var(--muted); }
.official-video { margin-top: 16px; }
.video-player { aspect-ratio: 16 / 9; width: 100%; background: #0b0b0b; display: flex; align-items: center; justify-content: center; padding: 12px; margin: 16px 0; }
.video-player:has(iframe) { padding: 0; }
.video-player iframe { width: 100%; height: 100%; border: 0; }
.live-center .faq-entry { border-bottom: 1px solid var(--border); padding: 20px 0; }
.faq-entry summary { min-height: 44px; cursor: pointer; color: var(--white); font-weight: 700; }
.faq-entry p { padding-top: 12px; }
.sports-subnav { position: relative; }
.sports-subnav summary { background: transparent; border: 0; color: var(--gold); padding: 6px 10px; }
.sports-subnav ul { position: absolute; z-index: 1100; top: 100%; left: 0; width: 230px; max-height: 70vh; overflow-y: auto; padding: 8px; list-style: none; border: 1px solid var(--border); border-radius: 12px; background: var(--card); }
.sports-subnav ul a { display: block; padding: 10px; min-height: 44px; }
.mobile-menu .sports-subnav { padding: 8px 24px; }
.mobile-menu .sports-subnav ul { position: static; width: 100%; }
.sports-learning-nav { margin: 20px 0; padding: 20px; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); }
.sports-learning-nav a { color: var(--gold); }
@media (max-width: 600px) { .match-results, .live-center .status-definitions { grid-template-columns: minmax(0, 1fr); } .live-center { padding: 32px 20px 48px; } .match-card { padding: 18px; } }
@media (prefers-reduced-motion: reduce) { .live-center * { scroll-behavior: auto; } }

/* Option B: scoped accents and a consistent scoreboard hierarchy. */
#match-center { padding: 24px; border: 1px solid var(--border); border-top: 3px solid var(--gold); border-radius: var(--radius); background: #111214; box-shadow: 0 -4px 24px rgba(255, 200, 45, .035); }
#match-center > h2 { color: var(--gold); }
#match-center .match-section-header { display: flex; flex-direction: column; justify-content: center; min-height: 180px; padding: 24px; margin-bottom: 20px; border: 1px solid rgba(250, 204, 21, .22); border-radius: 10px; background-color: #080b0e; background-image: linear-gradient(90deg, #080b0e 0%, rgba(8, 11, 14, .9) 38%, rgba(8, 11, 14, .08) 75%), url('/images/live-matches-athlete-banner.png'); background-size: cover, auto 100%; background-position: center, right center; background-repeat: no-repeat; }
#match-center .match-section-label { margin: 0 0 6px; color: #c4c4c8; font-size: .75rem; font-weight: 600; letter-spacing: .06em; }
#match-center .match-section-header h2 { margin: 0 0 8px; color: var(--white); font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.2; }
#match-center .match-section-header h2 span { color: var(--gold); }
#match-center .match-section-subtitle { max-width: 55%; margin: 0; color: #c4c4c8; font-size: .9rem; line-height: 1.5; }
@media (max-width: 600px) { #match-center .match-section-header { min-height: 160px; padding: 16px; } #match-center .match-section-header h2 { max-width: 65%; } #match-center .match-section-subtitle { max-width: 62%; font-size: .8rem; } }
#match-center .status-tabs button[aria-selected="true"] { font-weight: 700; box-shadow: 0 0 16px rgba(255, 200, 45, .1); }
#match-center .match-card { padding: 20px; background: #1a1b1e; border-color: #37383b; overflow-wrap: anywhere; }
#match-center .match-card[data-match-status="live"] { border-top: 2px solid var(--gold); }
#match-center .match-card-header { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 16px; }
#match-center .match-league { margin: 0; color: #c4c4c8; line-height: 1.5; }
#match-center .match-status { margin: 0; padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: .76rem; line-height: 1.5; }
#match-center .match-card[data-match-status="live"] .match-status { background: var(--gold-dim); border-color: rgba(255, 200, 45, .3); }
#match-center .match-title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#match-center .match-participants { display: grid; gap: 14px; padding: 16px 0; border-top: 1px solid #37383b; border-bottom: 1px solid #37383b; }
#match-center .match-participant { align-items: center; margin: 0; gap: 16px; }
#match-center .participant-name { gap: 12px; font-weight: 600; line-height: 1.45; }
#match-center .participant-text { min-width: 0; }
#match-center .participant-mark { position: relative; display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid #47484b; border-radius: 8px; background: #242528; }
#match-center .participant-abbreviation { font-size: .7rem; color: #dedee2; font-weight: 700; }
#match-center .participant-mark img { position: absolute; width: 28px; height: 28px; object-fit: contain; }
#match-center .participant-mark.has-logo .participant-abbreviation { visibility: hidden; }
#match-center .participant-mark:not(.has-logo) img { opacity: 0; }
#match-center .match-score { min-width: 2ch; text-align: right; font-size: 1.65rem; font-variant-numeric: tabular-nums; color: var(--white); line-height: 1; }
#match-center .match-facts { display: grid; gap: 8px; margin-top: 16px; }
#match-center .match-facts p { margin: 0; color: #c4c4c8; line-height: 1.5; }
#match-center .match-details { margin-top: 16px; }
#match-center .match-details summary { color: var(--gold); background: transparent; border-color: #47484b; }
#match-center button:focus-visible, #match-center summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
@media (max-width: 600px) { #match-center { padding: 16px 12px; } #match-center .match-card { padding: 16px; } #match-center .participant-name { gap: 8px; } #match-center .match-participant { gap: 10px; } }