/* Arena: white editorial portal, crimson identity, dark broadcast canvas. */
body.public{--paper:#fff;--ink:#0b234b;--muted:#536078;--primary:#c51f38;--accent:#c51f38;--line:#dce1e9;background:#f5f6f9;color:var(--ink);color-scheme:light;font-family:Stadium,Arial,sans-serif}.public *{box-sizing:border-box;scrollbar-color:#9ba8bd transparent}.public [hidden]{display:none!important}.public ::selection{background:#c51f38;color:white}.public input,.public textarea{caret-color:#c51f38}.public .site-header{position:sticky;top:0;z-index:50;background:#fff;color:#0b234b;border-bottom:1px solid #dce1e9;min-height:86px;padding:20px max(24px,calc((100vw - 1280px)/2));gap:28px;box-shadow:none}.public .site-header .brand{font-size:24px;font-weight:700;letter-spacing:-.03em}.public .brand svg{color:#c51f38;width:32px;height:32px}.public .site-header nav{gap:24px}.public .site-header nav a{color:#414d64;font-size:14px;padding:12px 0;box-shadow:none}.public .site-header nav a[aria-current],.public .site-header nav a:hover{color:#c51f38;box-shadow:0 2px #c51f38;background:none}.public .header-date{color:#536078}.public .container{max-width:1280px;padding:0 24px}.portal-intro{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:end;gap:40px;padding:52px 0 40px}.portal-intro h1{font-size:clamp(30px,3.6vw,46px);line-height:1.4;letter-spacing:-.025em;margin:0 0 16px;font-weight:700}.portal-intro h1 span{font-size:.7em;font-weight:500;color:#536078}.portal-intro p{font-size:15px;line-height:1.8;margin:0;color:#536078}.service-links{display:flex;flex-direction:column;border-top:2px solid #0b234b}.service-links a{display:flex;justify-content:space-between;gap:12px;color:#0b234b;border-bottom:1px solid #d5dce7;padding:14px 0;font-weight:600;text-decoration:none}.service-links a span{font-size:12px;color:#64718a;font-weight:400}.service-links a:hover{color:#c51f38}.broadcast-stage{background:#071e46;color:#f3f6ff;padding:28px;border-radius:16px}.stage-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.stage-heading h2{font-size:25px;margin:0;color:white}.stage-heading>span{font-size:12px;color:#c2cde1}.public .broadcast-stage .toolbar{display:flex;flex-wrap:wrap;background:#0d2a55;border:0;padding:14px;border-radius:9px;gap:10px;margin:0 0 16px}.public .toolbar input,.public .toolbar select{background:white;color:#0b234b;border:1px solid #b2bdcf;border-radius:5px;min-height:44px;padding:10px}.public .toolbar input::placeholder{color:#5c6880}.public .toolbar input[type=search]{min-width:220px}.public .broadcast-stage .toolbar label{color:#d7dfef}.public .broadcast-stage #clear-date{background:#2e405f;color:#fff}.public .broadcast-stage .filter-row{border:0;gap:6px;flex-wrap:wrap;padding:8px 0}.public .broadcast-stage .filter-row button{background:transparent;color:#c5cfe2;border:1px solid #425372;border-radius:5px;padding:9px 14px;min-height:40px}.public .broadcast-stage .filter-row button.active,.public .broadcast-stage .filter-row button[aria-pressed=true]{background:#c51f38;border-color:#df4268;color:white}.public .broadcast-stage #update-state{color:#c5cfe2}.public .league-group{margin:22px 0 0}.public .league-group h2{color:inherit;font-size:16px;padding:0;margin:0 0 12px;display:flex;align-items:center;gap:8px}.public .league-group h2 span{color:#94a6c8;font-size:12px;font-weight:400}.public .league-group h2 svg{width:18px;height:18px}.public .match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:none;border:0}.public .match-card{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px;background:#102d59;color:#eef3ff;border:1px solid #354564;border-radius:10px;transition:border-color .18s,background .18s}.public .match-card:hover,.public .match-card:focus-within{background:#183c6d;border-color:#8da5ce}.public .match-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#bfcae0}.public .match-meta .favorite{margin-left:auto}.public .match-main{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:14px;align-items:center;color:inherit;text-decoration:none}.public .team,.public .team.away{display:flex;flex-direction:column;text-align:center;gap:9px;align-items:center;min-width:0}.public .team strong{font-size:13px;font-weight:500;line-height:1.7;overflow-wrap:anywhere}.public .crest{width:38px;height:38px}.public .crest.letter{background:#344461;color:white;border:0}.public .score{font-size:26px;text-align:center;color:white;white-space:nowrap;font-variant-numeric:tabular-nums}.public .score b{color:#92a5c6}.public .match-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #354564;padding-top:12px;min-height:25px;font-size:11px}.public .match-bottom a{color:#d5e1ff}.public .status{background:#32405b;color:#d5dfef;border:0;font-size:10px}.public .status.live{background:#5b1730;color:#ffc2d2}.public .favorite{color:#ccd7eb}.public .load-more{width:100%;margin-top:22px;min-height:48px;background:transparent;border:1px solid #8194b6;border-radius:6px;color:white;font:inherit}.public .load-more:hover{background:#2b3e61}.content-divider{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px 0 20px;border-bottom:1px solid #d8dee8;color:#0b234b;font-size:20px;font-weight:600}.content-divider a{color:#aa1437;font-size:13px;font-weight:400}.home-editorial{background:#fff;padding:42px 52px;margin:24px 0 0;border-radius:12px}.editorial-copy{max-width:900px;margin:auto;line-height:2;font-size:16px;color:#34415a;overflow-wrap:anywhere}.editorial-copy>p{margin:0 0 22px}.editorial-copy h2{font-size:27px;line-height:1.6;color:#0b234b;margin:48px 0 18px;scroll-margin-top:120px;letter-spacing:-.02em}.editorial-copy h3{font-size:21px;line-height:1.7;margin:28px 0 12px;color:#0b234b}.editorial-copy a{color:#ae1930;text-underline-offset:4px}.editorial-copy ul,.editorial-copy ol{padding-left:25px}.editorial-copy li{padding:4px 0}.editorial-copy blockquote{margin:28px 0;padding:24px;background:#edf1f8;border:0;border-radius:8px;color:#334765;font-size:15px}.editorial-copy blockquote em{font-style:normal}.article-toc{background:#f3f5fa;border:1px solid #d8e0ed;border-radius:10px;padding:24px;margin:32px 0}.article-toc>p{margin:0 0 16px;color:#0b234b;font-size:19px;font-weight:700}.article-toc ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 30px;list-style:none;margin:0;padding:0}.article-toc a{color:#405270;text-decoration:none;font-size:14px}.article-toc a:hover{color:#b10f35;text-decoration:underline}.article-toc .toc_number{color:#8a1639}.public .faqs{background:#fff;margin:24px 0 48px;padding:36px 52px;border-radius:12px}.public .faqs h2{font-size:28px;margin:0 0 20px}.public .faqs details{border-bottom:1px solid #dce1e9;padding:18px 0;background:transparent;color:#47536b}.public .faqs summary{font-size:16px;font-weight:600;color:#0b234b;cursor:pointer}.public .faqs p{max-width:850px;line-height:1.9}.public .portal-footer{margin-top:40px;padding:48px max(24px,calc((100vw - 1232px)/2)) 22px;background:#0b234b;color:#eef3ff}.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.footer-columns h2{font-size:18px;margin:0 0 20px;color:white}.footer-columns p{font-size:14px;line-height:1.9;color:#c6d1e5}.footer-columns a{display:block;color:#f5b8c8;margin-top:12px;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #40516e;margin-top:32px;padding-top:22px;font-size:12px;color:#bbcae2}.footer-bottom a{color:white}.public .preference-bar{background:#fff;border:1px solid #c6cedc;border-radius:7px;box-shadow:0 6px 22px #13213c16}.public .preference-bar button{background:#fff;color:#3b4760}.public .preference-bar button[aria-pressed=true]{background:#c51f38;color:white}.public a:focus-visible,.public button:focus-visible,.public input:focus-visible,.public textarea:focus-visible{outline:3px solid #df3450;outline-offset:4px}.public .eyebrow{display:none}.public .live-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.public .live-heading{align-items:flex-start;margin-bottom:20px}.public .live-heading h1{font-size:29px;line-height:1.6;color:#0b234b}.public .player{background:#061937;border:0;border-radius:10px;overflow:hidden}.public .player-tools{background:#e9eef7;color:#0b234b;border:0;padding:18px;margin-top:16px;border-radius:8px}.public #sources{display:flex;flex-wrap:wrap;gap:10px}.public #sources button{background:white;color:#263854;border:1px solid #b5c1d5;border-radius:5px;min-height:44px;padding:10px 18px}.public #sources button.active{background:#c51f38;color:#fff;border-color:#c51f38}.public .player-menu,.public .player-subpanel{background:#15223aef;color:white;border-color:#6c83a8}.public .menu-grid button{background:#293c5b;color:white;border:1px solid #566e92}.public .menu-grid button:hover{background:#c51f38}.public .menu-heading{color:white}.public .chat-rail{display:block;position:sticky;top:110px;background:transparent;border:0;padding:0}.public .chat-room{margin:0;padding:22px;background:#fff;border:1px solid #d6deeb;border-radius:10px;color:#0b234b}.public .chat-room h2{font-size:22px}.public .chat-room header{align-items:start;gap:14px;border-color:#dce1e9}.public .room-dot{color:#ae1236;white-space:nowrap;font-size:9px}.public .chat-room ol{height:300px}.public .chat-room li{border-color:#dce1e9}.public .chat-room li strong{color:#ae1930}.public .chat-room li time,.public .chat-room [role=status]{color:#536078}.public .chat-room form{grid-template-columns:minmax(0,1fr)}.public .chat-room input,.public .chat-room textarea{background:#f6f8fc;color:#0b234b;border:1px solid #a8b5ca;border-radius:5px;font-size:16px}.public .chat-room button{background:#c51f38;color:white;border:0;border-radius:5px;padding:12px}.public .chat-unread{width:100%}.public .detail-section{background:white;border:1px solid #d8e0ed;border-radius:10px;color:#0b234b}.public .tabs button{color:#52627c;background:transparent;min-height:44px}.public .tabs button.active{background:#0b234b;color:white}.public .breadcrumb{margin:26px 0;color:#536078}.public .breadcrumb a{color:#ae1930}.public .hero{background:none;color:#0b234b;border-color:#dce1e9}.public .hero h1{color:#0b234b}.public .hero p{color:#536078}.portal-intro{animation:arena-reveal .65s cubic-bezier(.16,1,.3,1) both}.public .chat-room li:last-child{animation:arena-message .25s ease-out}.public .score-updated{animation:arena-score .7s ease-out}@keyframes arena-reveal{from{clip-path:inset(0 0 8% 0);transform:translateY(8px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes arena-message{from{background:#f7dce4;transform:translateY(5px)}to{background:transparent;transform:none}}@keyframes arena-score{0%,40%{color:#ffc2d2}100%{color:inherit}}
@media(max-width:1050px){.public .site-header{padding:16px 24px;gap:10px;flex-wrap:wrap}.public .site-header nav{order:3;overflow:auto;white-space:nowrap;flex:1 0 100%}.public .header-date{margin-left:auto}.portal-intro{grid-template-columns:minmax(0,1fr);gap:28px}.service-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-links a{flex-direction:column;gap:5px}.public .live-layout{grid-template-columns:minmax(0,1fr)}.public .chat-rail{position:static}.public .chat-room form{grid-template-columns:140px minmax(0,1fr) auto}.public .chat-room ol{height:250px}}
@media(max-width:640px){.public .container{padding:0 14px}.public .site-header{padding:14px;min-height:0}.public .site-header .brand{font-size:21px}.public .site-header nav{gap:22px;scrollbar-width:none}.public .site-header nav a{font-size:13px}.public .header-date{display:none}.portal-intro{padding:30px 0 25px;gap:24px}.portal-intro h1{font-size:31px}.portal-intro p{font-size:14px}.service-links{gap:12px}.service-links a{font-size:13px}.service-links a span{font-size:10px}.broadcast-stage{padding:16px;border-radius:12px}.stage-heading{align-items:start;gap:10px}.stage-heading h2{font-size:20px}.stage-heading>span{font-size:10px}.public .broadcast-stage .toolbar{padding:10px}.public .toolbar input[type=search]{min-width:0;width:100%}.public .match-grid{grid-template-columns:minmax(0,1fr)}.public .match-card{padding:16px}.public .match-main{grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr);gap:8px}.public .team strong{font-size:13px}.public .score{font-size:25px}.content-divider{padding-top:28px;font-size:17px}.content-divider a{font-size:11px}.home-editorial{padding:24px 20px}.editorial-copy{font-size:15px;line-height:1.95}.editorial-copy h2{font-size:23px;margin-top:35px}.editorial-copy h3{font-size:19px}.article-toc{padding:18px}.article-toc ul{grid-template-columns:minmax(0,1fr);gap:7px}.editorial-copy blockquote{padding:18px;font-size:14px}.public .faqs{padding:24px 20px}.public .faqs h2{font-size:24px}.footer-columns{grid-template-columns:minmax(0,1fr);gap:28px}.public .portal-footer{padding:32px 24px 22px}.public .preference-bar{position:static;margin:16px;width:fit-content}.public .live-heading h1{font-size:23px}.public .live-layout>section{min-width:0}.public .chat-room form{grid-template-columns:minmax(0,1fr)}.public .tabs{overflow:auto;flex-wrap:nowrap}.public .tabs button{white-space:nowrap}.public .menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.public .menu-grid button{min-height:64px;font-size:12px;padding:8px 4px}.public .player-menu{inset:0;max-height:100%;padding:10px}.public #sources button{flex:1;padding:10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.public *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.public .fixture-league{font-size:11px;font-weight:600;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9e5fc}.public .broadcast-stage #board{margin-top:20px}.public .toc-toggle{font:inherit;font-size:12px;border:1px solid #aebacf;background:white;border-radius:4px;color:#415572;padding:5px 10px}.public .portal-intro.entry-header{border:0}
/* Finish review: readable timestamps and a fixture visible on a 390px phone. */
.public .match-meta time{color:#bfcae0}
@media(max-width:640px){
 .public .site-header{padding:9px 14px;gap:4px}.public .site-header nav a{padding:8px 0}
 .portal-intro{padding:18px 0;gap:12px}.portal-intro h1{font-size:28px;margin-bottom:8px}.portal-intro p{font-size:12px;line-height:1.6}
 .service-links a{padding:8px 0}.service-links a span{display:none}
 .stage-heading{margin-bottom:12px}.public .broadcast-stage .toolbar{margin-bottom:8px}
 .public .broadcast-stage .filter-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px 0}
 .public .broadcast-stage .filter-row button{padding:7px 2px;font-size:10px;white-space:nowrap}
 .public .broadcast-stage #update-state{grid-column:1/4;margin:0;font-size:10px;align-self:center}.public .broadcast-stage #pause{grid-column:4/6}
 .public .broadcast-stage #board{margin-top:12px}
}
.public .player{--text:#f3f6ff;--ink:#f3f6ff;--muted:#c2cde1;--line:#566e92;color:#f3f6ff;color-scheme:dark}
.public .player-actions button,.public .subpanel-heading button{color:#f3f6ff;background:#15223ae8;border-color:#8da5ce}
.public .player-status,.public .player-top{color:#f3f6ff}

/* Owner-selected red and deep navy; editorial text retains a white reading surface. */
.public .site-header{background:#071e46;border-bottom:3px solid #c51f38;color:#edf3ff}
.public .site-header .brand,.public .site-header nav a{color:#edf3ff}
.public .site-header .brand svg{color:#ff7389}
.public .site-header nav a[aria-current=page]{color:#fff;border-color:#ff7389}
.public .header-date{color:#c4d4ee}
.public ::selection{background:#c51f38;color:#fff}
.public input,.public textarea{caret-color:#c51f38}
.public{scrollbar-color:#748db4 #edf1f8}
.match-directory{padding:12px 0 32px;color:#0b234b}
.directory-nav{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}
.directory-nav a{color:#ae1930;text-underline-offset:5px}
.directory-index{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-block:1px solid #c3cfdf;padding:20px 0}
.directory-index h2{font-size:20px;margin:0 0 14px}
.directory-index a{display:inline-block;margin:0 18px 12px 0;color:#153b70}
.directory-results{list-style:none;padding:0;margin:24px 0}
.directory-results li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;border-bottom:1px solid #c3cfdf}
.directory-results h2{font-size:20px;line-height:1.6;margin:5px 0}
.directory-results a{color:#0b234b;text-underline-offset:4px}
.directory-results span,.directory-results p{font-size:13px;color:#465b79;margin:0}
.directory-results strong{white-space:nowrap;color:#ae1930;font-variant-numeric:tabular-nums}
@media(max-width:640px){.directory-index{grid-template-columns:1fr;gap:18px}.directory-results li{align-items:start;flex-direction:column;gap:8px}.directory-results h2{font-size:18px}}
/* Full-width navy surround: eliminate the pale desktop side gutters. */
body.public{background:#071e46}
.public .site-header{max-width:none;width:100%;margin:0}
.public main.container{background:transparent}
/* Night match centre: owner-requested full navy world, red actions, blue data. */
body.public{--paper:#102747;--ink:#edf4ff;--muted:#b6c8e2;--line:#385474;--primary:#dc2945;background:#06162e;color:#edf4ff;color-scheme:dark}
.public .site-header{background:#081d3d;border-bottom-color:#dc2945}
.portal-intro h1,.public .live-heading h1,.public .hero h1{color:#f2f7ff}
.portal-intro h1 span{color:#8bbdff}
.portal-intro p,.public .hero p{color:#b6c8e2}
.service-links{border-top-color:#6da8f6}
.service-links a{color:#edf4ff;border-color:#385474}
.service-links a span{color:#b6c8e2}
.service-links a:hover{color:#ff8ba0}
.broadcast-stage{background:#0b2348;border:1px solid #34567e;border-radius:12px}
.public .broadcast-stage .toolbar{background:#112f58}
.public .toolbar input,.public .toolbar select{background:#091c38;color:#eef4ff;border-color:#56799f}
.public .toolbar input::placeholder{color:#b6c8e2}
.public .match-card{background:#102c53;border-color:#385e8b;border-radius:12px}
.public .match-card:hover,.public .match-card:focus-within{background:#173966;border-color:#88b8f3}
.public .match-main .score{color:#a9d1ff}
.public .match-bottom{border-color:#385e8b}
.public .status.live{background:#7b1830;color:#ffe2e8}
.content-divider{color:#edf4ff;border-color:#385474}
.content-divider a{color:#ff96a8}
.home-editorial,.public .faqs{background:#0c203e;border:1px solid #345170}
.editorial-copy,.public .faqs details{color:#c7d6eb}
.editorial-copy h2,.editorial-copy h3,.public .faqs h2,.public .faqs summary{color:#edf4ff}
.editorial-copy a{color:#8fc2ff}
.editorial-copy blockquote{background:#142e51;color:#d0dff3}
.article-toc{background:#102949;border-color:#43658f}
.article-toc>p,.article-toc a{color:#d5e6fc}
.article-toc a:hover{color:#fff}
.article-toc .toc_number{color:#ff96a8}
.public .toc-toggle{background:#183c65;color:#edf4ff;border-color:#719aca}
.public .faqs details{border-color:#385474}
.public .player-tools,.public .detail-section,.public .chat-room{background:#0e2648;color:#edf4ff;border-color:#385474}
.public .tabs button{color:#c7d6eb}
.public .tabs button.active{background:#245991;color:white}
.public .chat-room header,.public .chat-room li{border-color:#385474}
.public .chat-room li strong,.public .room-dot{color:#ff96a8}
.public .chat-room li time,.public .chat-room [role=status]{color:#b6c8e2}
.public .chat-room input,.public .chat-room textarea{background:#091c38;color:#edf4ff;border-color:#6385ab}
.public .chat-room input::placeholder,.public .chat-room textarea::placeholder{color:#b6c8e2}
.public #sources button{background:#17395f;color:#edf4ff;border-color:#719aca}
.public #sources button.active,.public .chat-room button{background:#c51f38;color:white}
.public .breadcrumb,.public .breadcrumb a{color:#b5d2f4}
.public .portal-footer{background:#081b36;border-top:1px solid #385474}
.public .preference-bar,.public .preference-bar button{background:#0e294c;color:#e4eeff;border-color:#5c7da3}
.match-directory,.directory-results a,.directory-index h2{color:#edf4ff}
.directory-nav a,.directory-results strong{color:#ff96a8}
.directory-index a{color:#a9d1ff}
.directory-results span,.directory-results p{color:#b6c8e2}
.directory-index,.directory-results li{border-color:#385474}
.public .prose,.public .article,.public .story{color:#d3e1f4}
.public .table-wrap{color:#d3e1f4}
.public .demo-banner{background:#17304d;color:#c9d9ed}
.public button,.public .service-links a{transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.public button:active{transform:translateY(1px)}
.public .player-menu[hidden]{animation:none}
.public .player-menu:not([hidden]){animation:signal-open .24s cubic-bezier(.16,1,.3,1) both}
.public .chat-room li:last-child{animation:night-message .28s ease-out}
.public .score-updated{animation:night-score .65s ease-out}
@keyframes signal-open{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes night-message{from{background:#214b77;transform:translateY(4px)}to{background:transparent;transform:none}}
@keyframes night-score{0%,45%{color:#fff;background:#8d1834}100%{color:#a9d1ff;background:transparent}}
@media(prefers-reduced-motion:reduce){.public *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.public button:active{transform:none}}

.source-context{color:#bdd0ec;font-size:14px;line-height:1.8;margin:-12px 0 22px;max-width:75ch}.public video{background:#030d1d}

/* Live priorities and API team crests. */
.public .match-card{padding:20px;gap:16px;background:#0d2547}
.public .match-card .match-main{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);min-height:112px}
.public .match-card .crest{width:58px;height:58px;object-fit:contain;border-radius:50%;padding:5px;background:#193455}
.public .match-card .score{font-variant-numeric:tabular-nums;font-size:28px;background:#164189;border:1px solid #5275ad;border-radius:30px;padding:5px 8px;text-align:center}
.public .match-card .team{gap:10px;min-width:0}.public .match-card .team strong{overflow-wrap:anywhere;line-height:1.5}
.public .hot-badge{background:#ad1635;color:#fff;border-radius:4px;font-size:10px;padding:3px 6px}
.public [data-count]{margin-left:6px;font-size:11px;opacity:.85}.public .match-bottom{gap:10px;flex-wrap:wrap}
@media(max-width:600px){.public .match-card{padding:16px}.public .match-card .crest{width:48px;height:48px}.public .match-card .match-main{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:10px}.public .match-card .score{font-size:23px}}
/* Match centre: two-level sport/day navigation and the pre-match room. */
.sport-tabs{display:flex;gap:8px;border-bottom:1px solid #315077;padding:0 0 14px;margin:0 0 18px;overflow-x:auto}.sport-tabs button{flex-shrink:0;padding:12px 22px;background:#0b2345;color:#d4e7ff;border:1px solid #45658a;border-radius:6px}.sport-tabs button.active{background:#bf1d38;border-color:#ff5472;color:#fff}.filter-row{flex-wrap:wrap;gap:7px}.filter-row .filter{white-space:nowrap}.fixture-banner{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;background:#102d59;border:1px solid #385d88;padding:24px;margin-bottom:20px;border-radius:12px}.fixture-banner>span{display:flex;align-items:center;gap:16px}.fixture-banner>span:last-child{flex-direction:row-reverse;text-align:right}.fixture-banner>div{text-align:center}.fixture-banner b{display:block;font-size:28px;margin-top:8px}.fixture-banner time{font-size:13px;color:#c8dcfa}.waiting-stage{text-align:center;padding:20px;color:#ecf4ff}.waiting-stage h2{font-size:clamp(20px,3vw,30px);margin:18px 0 8px}.waiting-stage p{color:#bdd4f5;font-size:14px}.waiting-stage>strong{display:block;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#ffb3c1;margin-top:18px}.waiting-pitch{position:relative;width:180px;height:96px;margin:auto;border:1px solid #5f84b5;border-radius:3px;overflow:hidden}.waiting-pitch:before{content:'';position:absolute;left:50%;height:100%;border-left:1px solid #5f84b5}.waiting-pitch:after{content:'';position:absolute;left:calc(50% - 23px);top:calc(50% - 23px);width:46px;height:46px;border:1px solid #5f84b5;border-radius:50%}.waiting-pitch i{position:absolute;left:0;top:0;width:35%;height:100%;background:linear-gradient(90deg,transparent,#7cb2ff30,transparent);animation:pitch-scan 4s ease-in-out infinite}.waiting-pitch b{position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);height:8px;width:8px;border-radius:50%;background:#ff4568}.status.pending{background:#273c58;color:#d1e0f7}@keyframes pitch-scan{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}@media(prefers-reduced-motion:reduce){.waiting-pitch i{animation:none}}@media(max-width:600px){.sport-tabs button{padding:10px 16px}.fixture-banner{gap:10px;padding:15px 10px}.fixture-banner>span,.fixture-banner>span:last-child{flex-direction:column;text-align:center;font-size:13px}.fixture-banner .crest{width:44px;height:44px}.fixture-banner time{font-size:11px}.waiting-pitch{width:120px;height:60px}.waiting-stage p{font-size:12px}.waiting-stage h2{margin:10px 0 5px}.waiting-stage>strong{margin-top:8px}.player-empty{padding:8px}}

.public .player.is-waiting{min-height:360px}.public .player.is-waiting .player-empty{padding:32px 16px 72px}.public .player.is-waiting .player-actions{bottom:12px}@media(max-width:600px){.public .player.is-waiting{min-height:320px}}
/* Mobile match centre: compact hierarchy and touch-first controls. */
.public .match-card{border-radius:14px;border:1px solid #284666;transition:border-color .2s,background .2s}
.public .match-card[data-state=live]{border-top:2px solid #e63857}
.public .match-card .match-bottom a{padding:10px 14px;border-radius:7px;background:#173c6a;color:#f4f7ff;min-height:44px;display:inline-flex;align-items:center}
.public .match-card[data-state=live] .match-bottom a{background:#ba203b}
.public .player{border-radius:14px;background:#020b18;border:1px solid #345377}
.public .player-actions button{min-height:44px;min-width:44px;border-radius:8px}
.public .player-tools{border:1px solid #284666;border-radius:12px;background:#0b2342;padding:16px}
.public .sources button{min-height:44px;padding:10px 18px}
.public .live-heading h1{font-size:clamp(22px,3vw,34px);line-height:1.45}
.public .player:fullscreen{border:0;border-radius:0;height:100vh}
@media(max-width:640px){
 .public .site-header{padding:14px 16px 0;gap:12px;min-height:0;align-items:flex-start}
 .public .site-header .brand{font-size:21px}
 .public .site-header nav{width:100%;overflow-x:auto;gap:22px;scrollbar-width:none;padding-bottom:10px}
 .public .site-header nav a{font-size:13px;white-space:nowrap;min-height:44px;display:flex;align-items:center}
 .public .container{padding:0 12px}
 .portal-intro{padding:26px 4px 22px;gap:16px}
 .portal-intro h1{font-size:30px;margin-bottom:12px;line-height:1.4}
 .portal-intro p{font-size:14px;line-height:1.7}
 .service-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:0;gap:8px}
 .service-links a{font-size:12px;padding:10px 4px;flex-direction:column;align-items:center;gap:4px}
 .service-links a span{font-size:10px;text-align:center}
 .public .broadcast-stage{padding:16px 10px;border-radius:14px}
 .stage-heading{margin-bottom:16px}.stage-heading h2{font-size:21px}.stage-heading>span{display:none}
 .sport-tabs{gap:6px;margin-bottom:12px;padding-bottom:10px}.sport-tabs button{min-height:44px;padding:10px 14px;font-size:14px}
 .public .broadcast-stage .toolbar{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:8px}
 .public .toolbar .search{grid-column:1/-1;min-width:0}.public .toolbar input,.public .toolbar select{font-size:16px;min-width:0;width:100%;min-height:44px}
 .public .toolbar label{min-width:0}.public .toolbar #clear-date{min-height:44px}
 .public .broadcast-stage .filter-row{flex-wrap:nowrap;overflow-x:auto;padding:8px 0 14px;gap:7px;scroll-snap-type:x proximity;scrollbar-width:thin;align-items:center}
 .public .filter-row>*{flex-shrink:0;scroll-snap-align:start}.public .filter-row #update-state{font-size:11px;max-width:120px;white-space:normal}
 .public .broadcast-stage .filter-row button{min-height:44px;padding:10px 13px}
 .public .match-grid{gap:12px}.public .match-card{padding:14px;gap:12px}
 .public .match-meta{gap:6px;font-size:11px;flex-wrap:wrap}.public .match-meta .favorite{min-width:44px;min-height:44px;margin-left:auto}
 .public .match-card .match-main{min-height:104px;grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);gap:8px}
 .public .match-card .team,.public .match-card .team.away{flex-direction:column;text-align:center;gap:8px}
 .public .match-card .team strong{font-size:14px;line-height:1.45}
 .public .match-card .crest{width:52px;height:52px;background:#163553;padding:5px}
 .public .match-card .score{font-size:22px;border-radius:8px;background:#102b50;padding:7px 4px}
 .public .match-bottom{font-size:11px;gap:8px;padding-top:10px}.public .match-bottom a{margin-left:auto;font-size:13px}
 .public .live-layout{gap:18px}.public .live-heading{margin:20px 0 12px}.public .live-heading h1{font-size:23px}
 .source-context{font-size:12px;margin:0 0 14px;line-height:1.7}
 .fixture-banner{padding:16px 10px}.fixture-banner .crest{width:48px;height:48px}
 .public .player:not(:fullscreen){overflow:visible;margin-bottom:58px}
 .public .player:not(:fullscreen) .player-actions{bottom:-54px;left:0;right:0;gap:8px;height:46px}
 .public .player:not(:fullscreen) .player-actions button{background:#143153;border:1px solid #45638a;font-size:13px;padding:10px}
 .public .player.is-waiting{min-height:280px}.public .player.is-waiting .player-empty{padding:28px 14px;border-radius:14px}
 .public .player.is-waiting .waiting-stage{padding:10px}.waiting-stage p{font-size:14px}
 .public .tabs button{min-height:44px;white-space:nowrap;font-size:13px}.public .tabs{overflow-x:auto;flex-wrap:nowrap}
 .public .chat-room{padding:16px;border-radius:14px}.public .chat-room input,.public .chat-room textarea{font-size:16px}.public .chat-room h2{font-size:21px}
 .public .preference-bar{position:static;justify-content:center;padding:16px 12px max(16px,env(safe-area-inset-bottom));background:#071a33}
}
@media(hover:hover){.public .match-card:hover{border-color:#6084b2;background:#133154}}
@media(max-width:640px){.public .broadcast-stage .filter-row{display:flex;scrollbar-width:none}.public .sport-tabs{scrollbar-width:none}.public .sport-tabs::-webkit-scrollbar,.public .filter-row::-webkit-scrollbar{display:none}.public .live-layout .breadcrumb{margin-block:16px}.public .match-bottom .anchor-name{max-width:100%;overflow-wrap:anywhere}}
/* Match centre: one information rail beside the video, recommendations below. */
.public .live-layout{grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
.public .live-layout .chat-rail{position:static;min-width:0}
.public .chat-rail .detail-section{margin:0;overflow:hidden}
.public .chat-rail .tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;padding:8px;gap:4px;border-bottom:1px solid #385474}
.public .chat-rail .tabs button{flex:none;white-space:nowrap;min-height:44px;padding:10px 13px;border-radius:8px}
.public .chat-rail [role=tabpanel]{padding:18px;min-height:300px}
.public .chat-rail [role=tabpanel][hidden]{display:none}
.public .chat-rail .overview h2{font-size:20px;line-height:1.5;margin-top:0}
.public .chat-rail .empty{min-height:0;padding:24px 16px;background:#142f53;color:#c9d9ef;line-height:1.8}
.public .chat-rail .chat-room{border:0;padding:0;margin:0;background:transparent}
.public .chat-rail .chat-room h2{font-size:19px}.public .chat-rail .chat-room .eyebrow{display:none}
.public .chat-rail .chat-room ol{height:210px;margin:10px 0}
.public .chat-rail .chat-room ol:empty:before{content:'ยังไม่มีข้อความ เริ่มคุยเรื่องเกมนี้กับแฟนบอลคนอื่นได้เลย';display:block;padding:24px 8px;color:#c9d9ef;line-height:1.8}
.public .live-heading{margin:0 0 12px}.public .source-context{font-size:12px;margin:0 0 16px}
.public .match-recommendations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}
.public .match-recommendations>h2{grid-column:1/-1;margin:0;font-size:22px}
.public .match-recommendations .compact .crest{display:inline-flex;width:48px;height:48px;min-width:48px;object-fit:contain;flex-shrink:0}
.public .match-recommendations .team,.public .match-recommendations .team.away{flex-direction:column;align-items:center;text-align:center;gap:10px}
.public .match-header{margin:0 0 24px}.public .match-header .fixture-banner{margin-bottom:0}
.public .live-layout>.chat-rail{max-height:none;overflow:visible;min-width:0}
.public .chat-rail #match-details{height:var(--stage-height,480px);display:flex;flex-direction:column;overflow:hidden;margin:0}
.public .chat-rail .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:none;overflow:visible;gap:0;padding:4px}
.public .chat-rail .tabs button{white-space:normal;padding:8px 2px;min-width:0;min-height:40px;font-size:12px;line-height:1.35}
.public .chat-rail [role=tabpanel]{flex:1;min-height:0;overflow:auto;padding:14px}
.public .chat-rail #panel-chat{overflow:hidden;padding:12px}
.public .chat-rail .chat-room{height:100%;min-height:0;display:flex;flex-direction:column;gap:8px;padding:0}
.public .chat-rail .chat-room header{flex:none;gap:8px}.public .chat-rail .chat-room h2{margin:0;font-size:16px}
.public .chat-rail .chat-room ol{flex:1;min-height:40px;height:auto;margin:0;overflow:auto}
.public .chat-rail .chat-room form{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.public .chat-rail .chat-room form label:first-child{grid-column:1/-1}
.public .chat-rail .chat-room input{min-height:34px;padding:6px 10px}
.public .chat-rail .chat-room textarea{min-height:44px;height:44px;resize:none;padding:8px}
.public .chat-rail .chat-room form button{height:44px;padding:8px 12px;font-size:12px}
.public .chat-rail .chat-room [role=status]{flex:none;margin:0;font-size:11px}
.public .detail-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;padding:0 0 12px;border-bottom:1px solid #355273;margin-bottom:12px}
.public .detail-teams>span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px}.public .detail-teams .crest{width:40px;height:40px}
.public .detail-updated{font-size:10px;color:#aabfda;margin:8px 0}.public .formation{font-size:12px;color:#c7dcf3}
.public .lineups{display:block}.public .lineups .pitch{position:relative;display:block;height:360px;background:repeating-linear-gradient(0deg,#134e40 0 60px,#155543 60px 120px);border:1px solid #87b7a2;margin:12px 0 20px}
.public .lineups .pitch:before{content:'';position:absolute;inset:8px;border:1px solid #87b7a2;background:linear-gradient(transparent calc(50% - 1px),#87b7a2 50%,transparent calc(50% + 1px))}
.public .lineups .pitch .pitch-player{position:absolute;transform:translate(-50%,-50%);width:25%;text-align:center;font-size:10px;display:flex;align-items:center;flex-direction:column;gap:3px}
.public .lineups .pitch .pitch-player span{background:#102745;border:1px solid #b7c9e1;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:white}
.public .lineups .pitch .pitch-player strong{font-size:9px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:white}
.public .lineup-bench{font-size:12px;padding:0;list-style:none}.public .lineup-bench li{padding:5px 0;border-bottom:1px solid #355273}
@media(max-width:1050px){.public .chat-rail #match-details{height:520px}.public .chat-rail .tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.public .live-layout{grid-template-columns:minmax(0,1fr)}.public .chat-rail [role=tabpanel]{min-height:180px}.public .match-recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.public .match-recommendations{grid-template-columns:minmax(0,1fr)}.public .chat-rail .tabs{position:sticky;top:0;background:#0e2648}.public .chat-rail [role=tabpanel]{padding:16px}.public .fixture-banner{margin-top:12px}.public .live-layout{gap:16px}}

/* The match continues below the video: score, verified history, then reading. */
.public .match-afterword{margin:36px 0 48px;min-width:0}
.public .match-afterword section,.public .match-story{scroll-margin-top:100px}
.public .context-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}
.public .context-heading h2{margin:0;font-size:22px;line-height:1.5;font-weight:650}
.public .context-heading>span{font-size:12px;color:#adc2dc;text-align:right}
.public .score-centre{background:#102b50;border:1px solid #36587d;border-top:3px solid #e02c48;border-radius:12px;overflow:hidden}
.public .score-centre>.context-heading{padding:22px 28px 0;margin-bottom:8px}
.public .score-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.65fr) minmax(0,1fr);align-items:center;gap:20px;padding:24px 40px 32px}
.public .score-team{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;min-width:0}
.public .score-team .crest{width:72px;height:72px;min-width:72px;object-fit:contain;background:transparent}
.public .score-team strong{font-size:20px;line-height:1.4;overflow-wrap:anywhere}
.public .score-team>span:last-child,.public .score-core>span{font-size:12px;color:#b1c7e1}
.public .score-core{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.public .score-core>b{font-family:inherit;font-size:clamp(38px,5vw,64px);font-weight:650;line-height:1.1;letter-spacing:.04em;white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff}
.public .score-centre>footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 28px;border-top:1px solid #36587d;font-size:12px;color:#b9cce3;background:#0e2544}
.public .match-jump{display:flex;flex-wrap:wrap;gap:12px 28px;border-bottom:1px solid #314c6c;margin-bottom:36px;padding:10px 0}
.public .match-jump a{display:flex;align-items:center;min-height:44px;color:#d6e6f8;font-size:14px;border-bottom:2px solid transparent;text-decoration:none}
.public .match-jump a:hover,.public .match-jump a:focus-visible{border-color:#ed3756;color:#fff}
.public .history-section,.public .form-section{margin-bottom:36px}
.public .result-list{list-style:none;padding:0;margin:0;border-top:1px solid #355273}
.public .result-list>li{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 12px;border-bottom:1px solid #2a4564;font-variant-numeric:tabular-nums}
.public .result-list>li:nth-child(odd){background:#0d2340}
.public .result-list time{font-size:11px;color:#b2c6de}
.public .result-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}
.public .result-teams>span{display:flex;align-items:center;gap:8px;min-width:0}
.public .result-teams>span:last-child{flex-direction:row-reverse;text-align:right}
.public .result-teams b{font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.public .result-teams .crest{width:26px;height:26px;min-width:26px;object-fit:contain;background:transparent}
.public .result-score{color:#fff;background:#193d68;padding:6px 10px;white-space:nowrap;min-width:54px;text-align:center;font-size:14px;font-weight:650;border-radius:5px}
.public .result-score i{font-style:normal;color:#91afd1;padding:0 3px}
.public .form-result{display:grid;place-items:center;width:22px;height:22px;font-size:10px;font-weight:700;border-radius:4px}
.public .form-result.win{color:#b1f0d6;background:#174c41}.public .form-result.draw{color:#d6e3f6;background:#2f4664}.public .form-result.loss{color:#ffd5dd;background:#67293a}
.public .team-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.public .team-form h3{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:17px;line-height:1.5}
.public .team-form h3 .crest{width:36px;height:36px;min-width:36px;object-fit:contain;background:transparent}
.public .team-form .result-list>li{grid-template-columns:minmax(0,1fr) auto;gap:5px 12px}
.public .team-form .result-list time{grid-column:1/-1}.public .team-form .result-teams{gap:8px}
.public .result-unavailable{border-top:1px solid #355273;border-bottom:1px solid #2a4564;margin:0;padding:22px 20px;font-size:14px;line-height:1.8;color:#d4e3f5;background:#0c223e}
.public .result-unavailable span{display:block;color:#94aecb;font-size:12px;margin-top:4px}
.public .match-reading{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(230px,1fr);gap:48px;border-top:1px solid #355273;padding-top:32px}
.public .match-story{min-width:0}.public .match-story h2{font-size:28px;line-height:1.5;margin:0 0 20px;font-weight:650}
.public .match-story h3{font-size:20px;line-height:1.5;margin:32px 0 12px;font-weight:600}
.public .match-story p{font-size:16px;line-height:1.95;color:#c4d6ec;margin:0 0 18px;max-width:72ch;overflow-wrap:anywhere}
.public .match-reading-side{align-self:start;border-left:1px solid #355273;padding-left:24px}
.public .match-reading-side h3{font-size:16px;margin:0 0 16px}.public .match-reading-side h3:not(:first-child){margin-top:30px}
.public .match-reading-side dl{margin:0;font-size:13px;line-height:1.7}.public .match-reading-side dt{font-size:11px;color:#9eb7d4;margin-top:14px}.public .match-reading-side dd{margin:3px 0 0;color:#e0eaf7}
.public .match-reading-side ul{padding:0;list-style:none;margin:0}.public .match-reading-side li{padding:12px 0;border-bottom:1px solid #294564;line-height:1.7;font-size:14px}
.public .match-reading-side a{color:#d2e4fa}.public .back-to-player{display:inline-flex;align-items:center;min-height:44px;margin-top:22px;font-size:13px}
@media(max-width:800px){.public .score-stage{padding:22px 24px}.public .match-reading{grid-template-columns:minmax(0,1fr);gap:28px}.public .match-reading-side{border-left:0;border-top:1px solid #355273;padding:24px 0 0}.public .team-form-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.public .match-afterword{margin-top:24px}.public .context-heading{align-items:flex-start;gap:10px}.public .context-heading h2{font-size:18px}.public .context-heading>span{font-size:10px;max-width:110px}.public .score-centre>.context-heading{padding:18px 16px 0}.public .score-stage{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:8px;padding:24px 12px}.public .score-team .crest{width:48px;height:48px;min-width:48px}.public .score-team strong{font-size:13px}.public .score-core>b{font-size:32px}.public .score-core>span,.public .score-team>span:last-child{font-size:10px}.public .score-centre>footer{padding:12px 16px;font-size:11px}.public .match-jump{gap:8px 18px}.public .match-jump a{font-size:12px}.public .result-list>li{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:12px 8px}.public .result-list time{grid-column:1/-1}.public .result-teams{gap:8px}.public .result-teams b{font-size:11px}.public .result-teams>span{gap:5px}.public .result-teams .crest{width:22px;height:22px;min-width:22px}.public .result-score{padding:5px 6px;min-width:48px}.public .match-story h2{font-size:23px}.public .match-story h3{font-size:18px}.public .match-story p{font-size:15px;line-height:1.9}}

/* Data-backed match form and a permanent site announcement, separate from chat. */
.form-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 16px;background:#0a2039;border-bottom:1px solid #294664;font-size:12px;color:#b9cce3}.form-summary b{font-size:17px;color:#f5f8ff}.form-summary .win{color:#75d5b5}.form-summary .draw{color:#e7c97f}.form-summary .loss{color:#ff8ca3}.form-summary>span:last-child{margin-left:auto}
.chat-rail .room-announcement,.room-announcement{flex:0 0 auto;display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border:1px solid #355c80;border-left:3px solid #ec254b;background:#0a2039;border-radius:6px;color:#c8def5;font-size:12px;line-height:1.6}.room-announcement p{margin:0}.room-announcement a{color:#ff9db1;text-decoration:underline;overflow-wrap:anywhere}.room-announcement>span{color:#ff7896;font-size:18px}
@media(max-width:600px){.form-summary{gap:8px 12px;padding:10px}.form-summary>span:last-child{margin-left:0}.room-announcement{font-size:11px}}