:root{--gold:#ffc61b;--red:#df1f1b;--panel:#010710;--line:#a6acb3;--white:#fff}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:Arial,Helvetica,sans-serif}
.viewport{position:fixed;inset:0;display:grid;place-items:center;background:#000}
.stage{position:relative;width:min(100vw,calc(100vh * 1.658111));aspect-ratio:1615/974;background:url('stadium.clean.png') center/100% 100% no-repeat;overflow:hidden}
.clock{position:absolute;left:77.9%;top:1.55%;width:20.75%;height:16.25%;border:1.5px solid var(--line);border-radius:18px;background:var(--panel);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:30}
.clock-title{font-size:clamp(10px,1.4vw,22px);font-weight:800;color:var(--gold)}
.clock-time{font-size:clamp(24px,4vw,64px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.035em}
.clock-date{font-size:clamp(9px,1.17vw,19px);font-weight:700;margin-top:.42em;white-space:nowrap}

.live-feed-hero{position:absolute;left:12.75%;top:23.9%;width:73.2%;height:25.3%;border:1.5px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#020914 0%,#010710 100%);color:#fff;overflow:hidden;z-index:30;display:grid;grid-template-columns:31% 69%;grid-template-rows:22% 78%}
.live-feed-heading{grid-column:1/-1;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:clamp(12px,1.5vw,24px);font-weight:900;letter-spacing:.035em;border-bottom:1px solid rgba(255,255,255,.22)}
.feed-countdown{border-right:1px solid #505963;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2% 5%}
.feed-countdown-title{font-size:clamp(8px,.83vw,14px);font-weight:900;color:var(--gold);text-align:center;line-height:1.08;margin-bottom:4%;white-space:normal}
.feed-countdown-units{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8% 5%}
.feed-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.feed-unit b{font-size:clamp(22px,3.15vw,51px);line-height:.88;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(255,255,255,.16)}
.feed-unit span{margin-top:5%;font-size:clamp(7px,.67vw,11px);font-weight:900;color:var(--gold)}
.live-feed-list{display:grid;grid-template-rows:repeat(4,1fr);min-width:0;padding:1.5% 2.6%}
.feed-row{min-width:0;display:flex;align-items:center;gap:1.4%;border-bottom:1px solid rgba(255,255,255,.12);font-size:clamp(8px,.91vw,15px);font-weight:800;line-height:1.08;overflow:hidden}
.feed-row:last-child{border-bottom:0}
.feed-row-badge{flex:0 0 auto;color:var(--gold);font-size:clamp(8px,.72vw,12px);font-weight:900;border:1px solid #8c6b00;border-radius:5px;padding:.28em .55em;background:#0b111a;white-space:nowrap}
.feed-row-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed-empty{grid-row:1/-1;display:grid;place-items:center;text-align:center;color:#d8dde3;font-size:clamp(10px,1vw,16px);font-weight:800;padding:5%}
.season-strip{display:none}
.fixture-card{position:absolute;left:5.2%;top:50.2%;width:89.6%;height:12.25%;border:1.5px solid #8c6b00;border-radius:14px;background:#010710;color:#fff;z-index:28;overflow:hidden;text-align:center;padding-top:.55%}
.fixture-heading{font-size:clamp(10px,1.18vw,19px);font-weight:900;color:var(--gold)}
.fixture-row{display:grid;grid-template-columns:1fr 10% 1fr;align-items:center;margin:.2% 7% 0}
.team{font-size:clamp(14px,1.85vw,30px);font-weight:900;white-space:nowrap}.home{text-align:right}.away{text-align:left}
.versus{font-size:clamp(14px,1.7vw,27px);font-weight:900;color:var(--gold)}
.fixture-meta{font-size:clamp(8px,.98vw,16px);font-weight:800;margin-top:.12%}
/* This opaque mask hides the old baked-in cards/footer before drawing live content. */
.lower-mask{position:absolute;left:0;right:0;top:49.7%;bottom:0;background:linear-gradient(180deg,#010710 0%,#010710 86%,#000 100%);z-index:27}
.cards{position:absolute;left:5.2%;top:63.4%;width:89.6%;height:25.4%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7%;z-index:29;background:#010710;padding:.25%;border-radius:12px}
.card{min-width:0;border:1.5px solid #8c6b00;border-radius:12px;background:#010710;color:#fff;overflow:hidden;display:grid;grid-template-rows:auto 46% 1fr;padding:2.4%}
.card h3{margin:0 0 2.2%;font-size:clamp(8px,.96vw,16px);line-height:1;color:var(--gold);font-weight:900;text-align:center;white-space:nowrap}
.card-image{width:100%;height:100%;min-height:0;border-radius:7px;overflow:hidden;background:#0b1118;display:grid;place-items:center}.card-image img{width:100%;height:100%;min-height:0;object-fit:cover;display:block}.image-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#111925,#02060b);color:#66717d;font-size:clamp(6px,.6vw,10px);font-weight:800;letter-spacing:.08em}
.card p{margin:2.2% 1% 0;font-size:clamp(6px,.67vw,11px);line-height:1.16;font-weight:700;text-align:center;overflow:hidden}
.card p strong{color:#fff}.card .credit{display:none}
.footer{position:absolute;left:5.2%;top:89.65%;width:89.6%;height:8.8%;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);background:#010710;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:30;text-align:center}
.footer strong{font-size:clamp(12px,1.48vw,24px);color:var(--gold);letter-spacing:.05em}
.footer span{font-size:clamp(8px,.9vw,14px);font-weight:800;margin-top:.22%}
.badge-match{width:100%;height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:5%;padding:4%;background:radial-gradient(circle at center,#172131 0%,#050a11 70%)}
.badge-match>b{color:var(--gold);font-size:clamp(12px,1.2vw,20px)}
.badge-side{height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%}
.badge-side img{width:auto!important;height:72%!important;max-width:82%;object-fit:contain!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}
.badge-side span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(5px,.55vw,9px);font-weight:900;text-transform:uppercase}

/* Option A: automatic live sports channel refinements */
.legend-card .card-image{background:radial-gradient(circle at 50% 35%,#263448 0%,#080d14 68%)}
.legend-card .card-image img{object-fit:contain!important;object-position:center top;padding:1.5% 4% 0;filter:drop-shadow(0 3px 5px rgba(0,0,0,.65))}
.history-card .card-image img{object-position:center 30%;filter:contrast(1.04) saturate(1.03)}
.fact-card .card-image{background:#07562d;border:1px solid rgba(255,255,255,.35)}
.pitch-diagram,.circle-diagram{position:relative;width:100%;height:100%;background:repeating-linear-gradient(90deg,#086934 0 13%,#075d30 13% 26%);overflow:hidden}
.pitch-diagram .box{position:absolute;left:23%;right:23%;top:-4%;height:70%;border:2px solid rgba(255,255,255,.9)}
.pitch-diagram .goal{position:absolute;left:39%;top:-2%;width:22%;height:14%;border:2px solid #fff;background:repeating-linear-gradient(45deg,transparent 0 5px,rgba(255,255,255,.35) 5px 6px)}
.pitch-diagram .spot{position:absolute;left:49%;top:57%;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.pitch-diagram span,.circle-diagram span{position:absolute;right:5%;bottom:6%;font-weight:900;color:#fff;font-size:clamp(7px,.7vw,12px);text-shadow:0 2px 3px #000}
.circle-diagram .halfway{position:absolute;left:0;right:0;top:50%;border-top:2px solid #fff}
.circle-diagram .centre-circle{position:absolute;left:35%;top:15%;width:30%;height:70%;border:2px solid #fff;border-radius:50%}
.circle-diagram .centre-dot{position:absolute;left:49.3%;top:48%;width:4px;height:4px;border-radius:50%;background:#fff}
.number-graphic{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#22354e 0%,#07101c 70%)}
.number-graphic b{font-size:clamp(26px,3vw,48px);line-height:.9;color:var(--gold)}
.number-graphic span{font-size:clamp(6px,.6vw,10px);font-weight:900;text-transform:uppercase;margin-top:4%}
.cup-graphic{position:relative;width:100%;height:100%;background:radial-gradient(circle,#263448 0%,#07101c 70%)}
.cup-bowl{position:absolute;left:35%;top:12%;width:30%;height:43%;border:5px solid var(--gold);border-top-width:3px;border-radius:5px 5px 45% 45%}
.cup-bowl:before,.cup-bowl:after{content:"";position:absolute;top:4%;width:32%;height:42%;border:3px solid var(--gold);border-radius:50%}
.cup-bowl:before{left:-33%}.cup-bowl:after{right:-33%}
.cup-stem{position:absolute;left:48%;top:52%;width:4%;height:20%;background:var(--gold)}
.cup-base{position:absolute;left:38%;top:70%;width:24%;height:7%;background:var(--gold);border-radius:4px}
.cup-graphic span{position:absolute;left:0;right:0;bottom:5%;text-align:center;font-weight:900;color:#fff;font-size:clamp(7px,.72vw,12px)}

.result-board{width:100%;height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4%;padding:4%;background:radial-gradient(circle at center,#263448 0%,#050a11 72%)}
.result-board>div{min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3%}
.result-board img{width:auto!important;height:60%!important;max-width:78%;object-fit:contain!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.75))}
.result-board span{max-width:100%;font-size:clamp(5px,.52vw,9px);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.result-board b{font-size:clamp(15px,1.55vw,26px);color:var(--gold);white-space:nowrap}
.legend-card .card-image img{object-position:center 15%!important;max-width:100%;}

/* Content engine v6 refinements */
.history-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5%;background:radial-gradient(circle at 50% 35%,#23344b 0%,#07101c 72%);padding:5%;text-align:center}
.history-ball{font-size:clamp(22px,2.5vw,42px);filter:drop-shadow(0 3px 4px #000)}
.history-fallback span{font-size:clamp(6px,.62vw,10px);font-weight:900;color:#fff;line-height:1.05}
.legend-card .card-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;padding:0!important;transform:scale(1.08);transform-origin:center 20%}
.tv-score{grid-template-columns:1fr 1.12fr 1fr;gap:2%;padding:3%}
.score-team{height:100%;min-width:0;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3%}
.score-team img{height:58%!important;width:auto!important;max-width:86%;object-fit:contain!important}
.score-team span{font-size:clamp(5px,.5vw,8px)!important;line-height:1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.score-numbers{display:grid!important;grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;align-items:center;justify-items:center;height:90%!important;gap:0!important}
.score-numbers b{font-size:clamp(18px,1.75vw,30px)!important;line-height:.9;color:var(--gold)}
.score-numbers i{font-style:normal;font-size:clamp(4px,.42vw,7px);font-weight:900;color:#fff;letter-spacing:.08em;white-space:nowrap}

/* Football Engine v7 */
.score-numbers b{font-size:clamp(27px,2.5vw,44px)!important;line-height:.76!important}
.history-card .card-image img{object-fit:cover!important;object-position:center 35%!important}
.card-image.image-failed:after{content:'KOD1 SPORTS LIVE';display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at center,#203047 0%,#07101c 72%);color:#758195;font-size:clamp(6px,.62vw,10px);font-weight:900;letter-spacing:.08em}


.ticker-track{left:0;padding-left:28px;display:inline-flex;align-items:center;gap:36px;will-change:transform;animation:none!important}
.ticker-track.ticker-running{animation:kod1Ticker var(--ticker-duration,42s) linear infinite!important}
.ticker-copy{white-space:nowrap}.ticker-gap{color:var(--gold);padding:0 18px}
@keyframes kod1Ticker{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--ticker-distance,1400px)))}}
.photo-fallback{position:relative;padding:0;overflow:hidden}
.photo-fallback img{width:100%;height:100%;object-fit:cover;filter:sepia(.2) contrast(1.08) brightness(.78)}
.photo-fallback span{position:absolute;left:3%;right:3%;bottom:5%;padding:3%;background:rgba(0,0,0,.68);border-radius:5px;text-shadow:0 2px 3px #000}
.engine-status{position:absolute;right:5.45%;bottom:1.2%;z-index:40;padding:.32% .65%;border:1px solid #8c6b00;border-radius:6px;background:rgba(1,7,16,.92);color:#f3c84b;font-size:clamp(6px,.58vw,10px);font-weight:900;letter-spacing:.04em}

.live-card{border-color:#d73524!important;box-shadow:0 0 16px rgba(215,53,36,.25)}
.live-card h3{color:#ff4a37!important}
.fixture-card:has(+ .ticker .ticker-label){transition:border-color .25s}

.cards{transition:opacity .42s ease,filter .42s ease}
.cards.cards-fading{opacity:.08;filter:blur(1px)}
.card-image img{animation:kod1ImageFade .48s ease both}
@keyframes kod1ImageFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.cards,.card-image img{transition:none!important;animation:none!important}}

.result-card p{transform:translateY(7px)}

/* Clickable information cards and full-screen detail panel */
.card{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.card:hover,.card:focus-visible{transform:translateY(-3px);border-color:#ffd21f;box-shadow:0 0 18px rgba(255,199,0,.26);outline:none}
.card:active{transform:translateY(-1px)}
.card:after{content:'CLICK FOR MORE';position:absolute;right:6px;bottom:4px;font-size:clamp(5px,.48vw,8px);font-weight:900;letter-spacing:.06em;color:rgba(255,199,0,.78)}
.card{position:relative}
.card-modal[hidden]{display:none}
.card-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}
.modal-panel{position:relative;width:min(980px,94vw);max-height:90vh;overflow:auto;border:2px solid #c99700;border-radius:18px;background:linear-gradient(180deg,#07101d,#01050a);box-shadow:0 22px 70px rgba(0,0,0,.7);color:#fff;padding:24px}
.modal-panel h2{margin:0 48px 20px 0;color:#ffc400;font-size:clamp(22px,3vw,38px);line-height:1.05;text-transform:uppercase}
.modal-close{position:absolute;right:14px;top:10px;width:42px;height:42px;border:1px solid #8c6b00;border-radius:50%;background:#111923;color:#fff;font-size:30px;line-height:36px;cursor:pointer}
.modal-close:hover,.modal-close:focus-visible{background:#d71920;outline:none}
.modal-detail{display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:24px;align-items:center}
.modal-detail img,.modal-detail .card-image{width:100%;max-height:360px;object-fit:contain;border-radius:12px;background:#08111c}
.modal-copy{font-size:clamp(16px,2vw,24px);line-height:1.45}
.modal-copy strong{display:block;color:#fff;font-size:1.15em;margin-bottom:8px}
.league-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.league-button{border:1px solid #8c6b00;border-radius:9px;background:#101923;color:#fff;padding:11px 14px;font-weight:900;cursor:pointer}
.league-button:hover,.league-button:focus-visible,.league-button.active{background:#ffc400;color:#07101d;outline:none}
.table-status{padding:20px;text-align:center;font-weight:800;color:#cbd4df}
.league-table-wrap{overflow:auto;border:1px solid #34404d;border-radius:12px}
.league-table{width:100%;border-collapse:collapse;min-width:660px;font-size:14px}
.league-table th{position:sticky;top:0;background:#111c29;color:#ffc400;text-align:center;padding:10px 8px}
.league-table th:nth-child(2){text-align:left}
.league-table td{padding:9px 8px;border-top:1px solid #25303c;text-align:center}
.league-table td:nth-child(2){text-align:left;font-weight:800;white-space:nowrap}
.league-table tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
.league-table tbody tr:hover{background:rgba(255,196,0,.09)}
.pos{font-weight:900;color:#ffc400}
@media(max-width:700px){.modal-panel{padding:18px 14px}.modal-detail{grid-template-columns:1fr}.modal-detail img,.modal-detail .card-image{max-height:220px}.league-button{flex:1 1 46%;padding:10px 7px;font-size:12px}}

.table-meta{padding:8px 10px 10px;color:#f5c400;font-weight:800;text-align:left;font-size:14px;letter-spacing:.04em}
.table-team{display:flex;align-items:center;gap:9px;min-width:180px}
.table-team img{width:24px;height:24px;object-fit:contain;flex:0 0 24px}
@media(max-width:700px){.table-team{min-width:145px}.table-team img{width:20px;height:20px;flex-basis:20px}.league-table th,.league-table td{padding:8px 7px}}

.preseason-table-note{padding:10px 12px;border-bottom:1px solid rgba(255,193,7,.28);background:rgba(255,193,7,.07);font-weight:800;color:#ffd23f;font-size:.9rem}

/* Today's fixtures card and compact league identity tiles */
.league-card .card-image{background:linear-gradient(145deg,#101a28,#03070d);border:1px solid rgba(255,196,0,.38);padding:5%}
.league-icon-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:6%;align-items:stretch}
.league-mini-logo{min-width:0;min-height:0;border-radius:5px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.82)}
.league-mini-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:3px;box-sizing:border-box}
.today-card .card-image{background:radial-gradient(circle at 50% 85%,#1b5b31 0%,#07121c 58%,#02060a 100%);border:1px solid rgba(255,255,255,.22)}
.today-fixtures-graphic{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3%;font-weight:900;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.4))}
.fixture-calendar{background:#d71920;color:#fff;border-radius:5px;padding:.3em .65em;font-size:clamp(6px,.62vw,10px);letter-spacing:.08em}
.today-fixtures-graphic b{color:#fff;font-size:clamp(11px,1.25vw,20px);letter-spacing:.05em}.today-fixtures-graphic small{color:#ffc400;font-size:clamp(5px,.52vw,9px)}
.fixtures-date{margin:-4px 0 14px;color:#ffc400;font-size:clamp(14px,2vw,20px);font-weight:900;text-transform:uppercase}
.today-fixture-list{display:grid;gap:10px}
.today-fixture-row{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:center;gap:12px;border:1px solid #354251;border-radius:12px;background:#07101a;padding:12px 16px}
.today-fixture-row.live{border-color:#d71920;box-shadow:0 0 15px rgba(215,25,32,.18)}
.fixture-team{display:flex;align-items:center;gap:10px;min-width:0;font-size:clamp(14px,2vw,20px);font-weight:900}.fixture-team.home{justify-content:flex-end;text-align:right}.fixture-team.away{justify-content:flex-start}.fixture-team img{width:38px;height:38px;object-fit:contain;flex:0 0 38px}.fixture-team span{overflow:hidden;text-overflow:ellipsis}
.fixture-centre{text-align:center;display:grid;gap:3px}.fixture-centre time{color:#ffc400;font-weight:900}.fixture-v,.fixture-score{font-size:clamp(18px,2.7vw,28px);color:#fff}.fixture-score{color:#ffdf57}
.fixtures-empty{text-align:center;font-size:clamp(15px,2vw,21px);line-height:1.45}.today-fixtures-graphic.large{height:180px;border:1px solid #354251;border-radius:12px;margin-bottom:16px}.today-fixtures-graphic.large b{font-size:clamp(18px,3vw,30px)}
@media(max-width:700px){.today-fixture-row{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:5px;padding:10px 6px}.fixture-team{gap:5px;font-size:12px}.fixture-team img{width:25px;height:25px;flex-basis:25px}.fixture-centre time{font-size:11px}.league-icon-grid{gap:4%}}
/* League card graphical emblems */
.league-mini-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;overflow:hidden!important;border:0!important;background:transparent!important;box-shadow:none!important}
.league-mini-logo img{display:block!important;width:100%!important;height:100%!important;max-width:48px!important;max-height:34px!important;object-fit:contain!important;border-radius:6px!important;background:transparent!important}

/* Approved league-logo panel and corrected text spacing */
.league-card{grid-template-rows:auto 54% 1fr!important}
.league-card .card-image{padding:2.5%!important;margin-bottom:0!important;overflow:hidden!important}
.league-icon-grid{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;overflow:hidden!important}
.league-logos-image{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:6px!important}
.league-card p{margin-top:7%!important;transform:translateY(3px)!important;line-height:1.2!important}
.league-card p strong{display:inline-block;margin-bottom:2px}

/* Expanded Today's Fixtures groups */
.fixture-group{margin:0 0 18px}.fixture-group h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding:9px 12px;border:1px solid #354251;border-radius:10px;background:#0b1722;color:#ffc400;font-size:clamp(13px,1.7vw,18px);letter-spacing:.03em}.fixture-group h3 span{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 7px;border-radius:999px;background:#d71920;color:#fff;font-size:12px}.fixture-centre small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aeb8c4;font-size:10px;line-height:1.2}.fixtures-source-note{text-align:center;color:#aeb8c4;font-size:12px;margin:14px 0 0}.modal-body .today-fixture-list{margin-bottom:2px}

/* Three simultaneous live tickers */
.live-feed-hero{left:12.75%;top:23.9%;width:73.2%;height:38.5%;grid-template-columns:26% 74%;grid-template-rows:15% 85%}
.live-feed-heading{font-size:clamp(13px,1.55vw,25px)}
.feed-countdown{grid-column:1;grid-row:2;border-right:1px solid #505963;padding:3% 6%}
.feed-countdown-title{font-size:clamp(8px,.78vw,13px);margin-bottom:7%}
.feed-countdown-units{gap:10% 6%}
.feed-unit b{font-size:clamp(22px,3vw,49px)}
.triple-ticker{grid-column:2;grid-row:2;display:grid;grid-template-rows:repeat(3,1fr);min-width:0;overflow:hidden;padding:1.4% 0}
.ticker-lane{position:relative;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);background:linear-gradient(90deg,rgba(255,198,27,.035),transparent 12%,transparent 88%,rgba(255,198,27,.035))}
.ticker-lane:last-child{border-bottom:0}
.ticker-lane:before,.ticker-lane:after{content:"";position:absolute;top:0;bottom:0;width:5%;z-index:2;pointer-events:none}
.ticker-lane:before{left:0;background:linear-gradient(90deg,#010710,transparent)}
.ticker-lane:after{right:0;background:linear-gradient(270deg,#010710,transparent)}
.ticker-runner{display:flex;align-items:center;width:max-content;min-width:100%;white-space:nowrap;will-change:transform;animation:kod1Ticker 34s linear infinite}
.ticker-runner-reverse{animation-direction:reverse;animation-duration:39s}
.ticker-item{display:inline-flex;align-items:center;gap:.6em;margin-right:3.2em;font-size:clamp(10px,1.05vw,17px);font-weight:900;line-height:1.1}
.ticker-item-badge{color:var(--gold);border:1px solid #8c6b00;border-radius:5px;padding:.28em .55em;background:#0b111a;font-size:.78em}
.ticker-item-separator{color:var(--gold);margin-left:1.8em}
@keyframes kod1Ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fixture-card{display:none!important}
.cards{top:63.4%;height:25.4%}
@media (prefers-reduced-motion:reduce){.ticker-runner{animation:none;transform:none}.ticker-lane{overflow:auto}}


/* Live Feed Info branding and full-width working tickers */
.brand-mask{position:absolute;background:linear-gradient(180deg,#01060d 0%,#020812 70%,rgba(2,8,18,.96) 100%);z-index:31;pointer-events:none}
.brand-mask-left{left:7.6%;top:1.4%;width:15.6%;height:18.4%;border-radius:4px}
.brand-left-title{position:absolute;left:8.2%;top:2.4%;width:14.4%;height:16.2%;z-index:32;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:.9;pointer-events:none}
.brand-left-title strong{font-size:clamp(25px,3.45vw,56px);font-style:italic;font-weight:900;letter-spacing:-.05em}
.brand-left-title span{font-size:clamp(10px,1.3vw,21px);font-weight:900;color:var(--gold);margin-top:.25em}
.brand-left-title em{font-size:clamp(9px,1.05vw,17px);font-style:normal;font-weight:900;color:#fff;margin-top:.55em;background:var(--red);padding:.36em .75em;border-radius:7px;letter-spacing:.035em}
.brand-mask-centre{left:23.1%;top:2.1%;width:53.2%;height:21.8%;border-radius:4px}
.brand-centre-title{position:absolute;left:23.5%;top:6.1%;width:52.4%;height:11%;z-index:32;display:flex;align-items:center;justify-content:center;gap:.22em;color:#fff;font-size:clamp(29px,4.55vw,73px);font-weight:900;letter-spacing:-.035em;white-space:nowrap;pointer-events:none}
.brand-centre-title span{color:var(--gold)}
.brand-centre-title em{color:var(--red);font-style:normal}
.live-feed-hero{left:12.75%;top:23.9%;width:73.2%;height:38.5%;display:grid;grid-template-columns:1fr;grid-template-rows:15% 85%}
.live-feed-heading{grid-column:1;grid-row:1}
.countdown-data{display:none!important}
.triple-ticker{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(3,1fr);min-width:0;overflow:hidden;padding:0}
.ticker-lane{position:relative;overflow:hidden!important;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);background:linear-gradient(90deg,rgba(255,198,27,.04),transparent 10%,transparent 90%,rgba(255,198,27,.04));scrollbar-width:none}
.ticker-lane::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.ticker-runner{display:flex;align-items:center;flex:0 0 max-content;width:max-content;min-width:0;white-space:nowrap;will-change:transform;animation:kod1TickerForward 42s linear infinite!important;transform:translate3d(0,0,0)}
.ticker-runner-reverse{animation-name:kod1TickerReverse!important;animation-duration:48s!important}
.ticker-copy{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap;padding-right:3.2em}
@keyframes kod1TickerForward{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.333333%,0,0)}}
@keyframes kod1TickerReverse{from{transform:translate3d(-33.333333%,0,0)}to{transform:translate3d(0,0,0)}}
@media (prefers-reduced-motion:reduce){.ticker-runner,.ticker-runner-reverse{animation-play-state:running!important}.ticker-lane{overflow:hidden!important}}

/* Header cleanup: fully cover the original artwork text before adding replacement branding */
.brand-mask-left{left:6.2%!important;top:.4%!important;width:18.8%!important;height:22.2%!important;background:#01060d!important}
.brand-mask-centre{left:21.8%!important;top:.4%!important;width:55.8%!important;height:22.2%!important;background:#01060d!important}
.brand-left-title{left:7.2%!important;top:1.6%!important;width:15.8%!important;height:17.8%!important;align-items:flex-start!important;text-align:left!important;padding-left:.6%!important}
.brand-left-title strong{font-size:clamp(24px,3vw,48px)!important;line-height:.9!important}
.brand-left-title span{font-size:clamp(9px,1.05vw,17px)!important;line-height:1.05!important}
.brand-left-title em{font-size:clamp(8px,.82vw,14px)!important;margin-top:.45em!important}
.brand-centre-title{left:25.2%!important;top:5.2%!important;width:47.5%!important;height:10.5%!important;font-size:clamp(28px,3.65vw,59px)!important;letter-spacing:-.025em!important}

/* Pause any individual ticker while hovered, focused or manually paused */
.ticker-lane{cursor:pointer;outline:none}
.ticker-lane:hover .ticker-runner,
.ticker-lane:focus-within .ticker-runner,
.ticker-lane.is-paused .ticker-runner{animation-play-state:paused!important}
.ticker-lane.is-paused{box-shadow:inset 0 0 0 1px rgba(255,198,27,.8);background:linear-gradient(90deg,rgba(255,198,27,.11),transparent 12%,transparent 88%,rgba(255,198,27,.11))}
.ticker-lane::after{transition:opacity .2s}
.ticker-lane.is-paused::after{opacity:.25}


/* Definitive header cleanup: one opaque panel hides all baked-in legacy wording. */
.header-clean-panel{
  position:absolute;
  left:6.2%;
  top:0;
  width:71.6%;
  height:23.7%;
  z-index:31;
  background:#01060d;
  pointer-events:none;
}
.brand-mask,.brand-mask-left,.brand-mask-centre{display:none!important}
.clock{z-index:40!important}
.brand-left-title{
  left:7.5%!important;
  top:2.2%!important;
  width:12.5%!important;
  height:15.6%!important;
  z-index:33!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.brand-left-title strong{font-size:clamp(22px,2.7vw,44px)!important;line-height:.88!important}
.brand-left-title span{font-size:clamp(8px,.88vw,14px)!important;line-height:1!important;margin-top:.35em!important}
.brand-left-title em{font-size:clamp(7px,.72vw,12px)!important;line-height:1!important;margin-top:.5em!important;padding:.38em .65em!important}
.brand-centre-title{
  left:21.4%!important;
  top:5.0%!important;
  width:54.5%!important;
  height:10.5%!important;
  z-index:33!important;
  font-size:clamp(25px,3.55vw,57px)!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.footer strong{font-size:clamp(11px,1.34vw,22px)!important}
@media(max-width:700px){
  .header-clean-panel{left:0;top:0;width:100%;height:22.5%}
  .brand-left-title{left:2%!important;top:1.2%!important;width:20%!important;height:16%!important}
  .brand-centre-title{left:23%!important;top:5.4%!important;width:52%!important;font-size:clamp(16px,4.1vw,30px)!important}
  .clock{left:76.5%!important;width:22.5%!important}
  .footer strong{font-size:clamp(10px,2.5vw,16px)!important}
}

/* Final clean header layout: cover all legacy artwork text and prevent overlap. */
.header-clean-panel{
  left:0!important;
  top:0!important;
  width:100%!important;
  height:24.8%!important;
  background:#01060d!important;
  z-index:31!important;
}
.brand-left-title{
  left:2.2%!important;
  top:2.0%!important;
  width:17.2%!important;
  height:17.2%!important;
  z-index:42!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
.brand-left-title strong{font-size:clamp(22px,3vw,48px)!important}
.brand-left-title span{font-size:clamp(8px,1.05vw,17px)!important}
.brand-left-title em{font-size:clamp(7px,.82vw,13px)!important}
.brand-centre-title{
  left:20.5%!important;
  top:5.0%!important;
  width:54.8%!important;
  height:10.8%!important;
  z-index:42!important;
  justify-content:center!important;
  font-size:clamp(23px,3.25vw,52px)!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.clock{
  left:76.4%!important;
  top:1.45%!important;
  width:21.2%!important;
  z-index:43!important;
}
.live-feed-hero{
  top:24.8%!important;
  height:37.6%!important;
}
.cards{top:63.6%!important}
@media(max-width:700px){
  .header-clean-panel{height:23.5%!important}
  .brand-left-title{left:1%!important;top:1%!important;width:21%!important;height:17%!important}
  .brand-centre-title{left:22.5%!important;top:5.4%!important;width:52.5%!important;font-size:clamp(15px,4vw,28px)!important}
  .clock{left:76%!important;top:1.2%!important;width:23%!important}
  .live-feed-hero{top:23.5%!important;height:38.8%!important}
}


/* Today's Fixtures: full-width readable competition details */
.today-fixture-row{display:block!important;padding:0!important;overflow:hidden!important}
.fixture-main{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px}
.fixture-details{grid-column:1/-1;width:100%;box-sizing:border-box;border-top:1px solid #354251;padding:9px 12px 10px;text-align:center}
.fixture-competition{color:#fff;font-size:clamp(16px,2vw,20px);font-weight:900;line-height:1.25;text-transform:uppercase;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.fixture-venue{margin-top:3px;color:#ffc400;font-size:clamp(13px,1.6vw,16px);font-weight:800;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){.fixture-main{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:5px;padding:10px 6px}.fixture-details{padding:8px 8px 9px}.fixture-competition{font-size:16px}.fixture-venue{font-size:13px}}

/* Clickable league teams and team information panel */
.team-click-hint{padding:9px 12px;background:#091521;border-top:1px solid #263442;color:#ffc400;font-size:12px;font-weight:800;letter-spacing:.03em;text-align:center}
.clickable-team-row{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.clickable-team-row:hover,.clickable-team-row:focus{background:rgba(255,196,0,.14)!important;box-shadow:inset 4px 0 #ffc400;outline:none}
.team-row-arrow{margin-left:auto;color:#ffc400;font-size:24px;line-height:1}
.team-details-overlay{position:absolute;z-index:5;inset:0;min-height:100%;padding:22px;background:linear-gradient(180deg,#07101d,#01050a);border-radius:16px;overflow:auto;color:#fff}
.team-details-back{border:1px solid #8c6b00;border-radius:9px;background:#111923;color:#ffc400;padding:10px 14px;font-weight:900;cursor:pointer;margin-bottom:18px}
.team-details-back:hover,.team-details-back:focus{background:#ffc400;color:#07101d;outline:none}
.team-details-loading{padding:36px 18px;border:1px solid #34404d;border-radius:12px;text-align:center;font-size:18px;font-weight:800}
.team-profile-header{display:flex;align-items:center;gap:20px;padding:18px;border:1px solid #34404d;border-radius:14px;background:#091521}
.team-profile-header img{width:100px;height:100px;object-fit:contain;flex:0 0 100px}
.team-profile-header h3{margin:0;color:#fff;font-size:clamp(26px,4vw,42px);text-transform:uppercase}
.team-profile-header p{margin:7px 0 0;color:#ffc400;font-weight:800;font-size:16px}
.team-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:16px 0}
.team-stat-grid div{padding:13px 8px;border:1px solid #34404d;border-radius:10px;background:#0b1722;text-align:center}
.team-stat-grid span{display:block;color:#ffc400;font-size:11px;font-weight:900}
.team-stat-grid strong{display:block;margin-top:4px;color:#fff;font-size:24px}
.team-club-facts{padding:12px 16px;border:1px solid #34404d;border-radius:10px;background:#07111c}
.team-club-facts p{margin:5px 0;font-size:15px}.team-club-facts b{color:#ffc400}
.team-fixture-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.team-fixture-columns section{border:1px solid #34404d;border-radius:12px;overflow:hidden;background:#07111c}
.team-fixture-columns h4{margin:0;padding:11px 13px;background:#111c29;color:#ffc400;font-size:15px}
.team-event{display:grid;grid-template-columns:74px 1fr auto;gap:9px;align-items:center;padding:11px 12px;border-top:1px solid #25303c}
.team-event span{color:#ffc400;font-size:12px;font-weight:800}.team-event b{font-size:13px}.team-event em{color:#ffc400;font-style:normal}.team-event strong{font-size:15px;color:#fff}
.team-no-data{padding:16px;margin:0;color:#fff;font-weight:700}
.team-about{margin-top:16px;border:1px solid #34404d;border-radius:10px;background:#07111c;padding:12px 14px}
.team-about summary{cursor:pointer;color:#ffc400;font-weight:900}.team-about p{line-height:1.55;color:#fff}
@media(max-width:700px){.team-details-overlay{padding:16px 12px}.team-profile-header{gap:13px;padding:13px}.team-profile-header img{width:70px;height:70px;flex-basis:70px}.team-stat-grid{grid-template-columns:repeat(3,1fr)}.team-fixture-columns{grid-template-columns:1fr}.team-event{grid-template-columns:64px 1fr auto}.team-click-hint{font-size:10px}}


/* Expanded Legend of the Week panel */
.legend-modal{display:grid;grid-template-columns:minmax(260px,38%) 1fr;gap:26px;align-items:start}
.legend-modal-image{position:sticky;top:0}
.legend-modal-image img{display:block;width:100%;max-height:520px;object-fit:cover;object-position:center top;border:1px solid #3a4654;border-radius:14px;background:#08111c}
.legend-modal-content h3{margin:0;color:#fff;font-size:clamp(26px,3vw,40px);line-height:1}
.legend-subtitle{margin:8px 0 18px;color:#ffc400;font-size:clamp(15px,1.8vw,20px);font-weight:800;letter-spacing:.035em}
.legend-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.legend-fact-grid div{padding:11px 12px;border:1px solid #344250;border-radius:10px;background:#0b1722}
.legend-fact-grid span{display:block;margin-bottom:4px;color:#ffc400;font-size:11px;font-weight:900;letter-spacing:.06em}
.legend-fact-grid strong{display:block;color:#fff;font-size:clamp(14px,1.5vw,18px);line-height:1.25}
.legend-modal-content section{margin-top:13px;padding-top:12px;border-top:1px solid #2c3947}
.legend-modal-content h4{margin:0 0 5px;color:#ffc400;font-size:clamp(14px,1.7vw,18px);letter-spacing:.035em}
.legend-modal-content p{margin:0;color:#fff;font-size:clamp(15px,1.65vw,19px);line-height:1.48}
.legend-legacy{border:1px solid #8c6b00!important;border-radius:11px;padding:13px!important;background:rgba(255,196,0,.055)}
@media(max-width:700px){.legend-modal{grid-template-columns:1fr;gap:18px}.legend-modal-image{position:static}.legend-modal-image img{max-height:300px}.legend-fact-grid{grid-template-columns:1fr}.legend-modal-content p{font-size:16px}}


/* KOD1 Today's Fixtures: worldwide broadcaster panel */
.fixture-round{color:#ffca18;font-size:.82em;font-weight:800}
.fixture-tv{margin-top:9px;border-top:1px solid #354251;padding-top:8px;text-align:left}
.fixture-tv summary{cursor:pointer;list-style:none;color:#ffca18;font-size:clamp(14px,1.7vw,18px);font-weight:900;text-align:center;padding:4px 8px}
.fixture-tv summary::-webkit-details-marker{display:none}
.fixture-tv summary span{display:inline-flex;min-width:24px;height:24px;padding:0 6px;align-items:center;justify-content:center;margin-left:6px;border-radius:999px;background:#cf142b;color:#fff;font-size:12px;vertical-align:middle}
.fixture-tv-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin-top:10px;padding:4px 4px 2px}
.fixture-tv-channel{display:grid;grid-template-columns:34px minmax(85px,.7fr) minmax(0,1.3fr);align-items:center;gap:8px;background:#0d1823;border:1px solid #354251;border-radius:8px;padding:7px 9px;color:#fff;font-size:14px}
.fixture-tv-channel img{width:30px;height:24px;object-fit:contain}
.fixture-tv-channel b{color:#ffca18;white-space:normal}
.fixture-tv-channel span{color:#fff;font-weight:800;overflow-wrap:anywhere}
.fixture-tv-none{margin-top:8px;color:#fff;font-weight:700;font-size:13px;text-align:center}
@media(max-width:700px){.fixture-tv-list{grid-template-columns:1fr}.fixture-tv-channel{grid-template-columns:28px minmax(75px,.65fr) minmax(0,1.35fr);font-size:12px}.fixture-tv-channel img{width:25px;height:21px}.fixture-tv summary{font-size:14px}.fixture-round{display:block;margin-top:3px}}

/* Today / Tomorrow fixture selector */
.fixture-day-switch{
  display:flex;
  gap:12px;
  margin:0 0 14px;
  padding:0;
}
.fixture-day-button{
  flex:1 1 0;
  min-height:52px;
  border:1px solid #d5a900;
  border-radius:10px;
  background:#0c1724;
  color:#fff;
  font:800 18px/1 Arial,sans-serif;
  letter-spacing:.4px;
  cursor:pointer;
}
.fixture-day-button.active{
  background:#ffc400;
  color:#07111d;
  border-color:#ffc400;
}
.fixture-day-button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:640px){.fixture-day-button{min-height:46px;font-size:16px}}


/* Fixed Today / Tomorrow side navigation for long fixture lists */
.fixtures-with-side-nav{position:relative}
.fixture-side-day-switch{
  position:sticky;
  top:42%;
  z-index:25;
  float:right;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:154px;
  min-height:54px;
  margin:0 2px -54px 12px;
  padding:10px 14px;
  border:2px solid #ffc400;
  border-radius:12px;
  background:rgba(7,17,29,.97);
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.4);
  font:900 16px/1 Arial,sans-serif;
  letter-spacing:.03em;
  cursor:pointer;
  white-space:nowrap;
  writing-mode:horizontal-tb;
  text-orientation:mixed;
}
.fixture-side-day-switch span{color:#ffc400}
.fixture-side-day-switch strong{color:#fff;font-size:26px;line-height:1}
.fixture-side-day-switch:hover,.fixture-side-day-switch:focus-visible{background:#ffc400;color:#07111d;outline:none}
.fixture-side-day-switch:hover span,.fixture-side-day-switch:focus-visible span,.fixture-side-day-switch:hover strong,.fixture-side-day-switch:focus-visible strong{color:#07111d}
@media(max-width:820px){.fixture-side-day-switch{display:none}}

/* KOD1 ticker direction update: all three lanes travel right-to-left. */
.ticker-runner,.ticker-runner-reverse{animation-name:kod1TickerForward!important;animation-direction:normal!important}

/* Slow the top live-score ticker for comfortable TV reading. */
.triple-ticker .ticker-lane:first-child .ticker-runner{animation-duration:180s!important}


/* Audio result button for completed matches in the live-score ticker */
.read-result-btn{
  flex:0 0 auto;
  margin-left:12px;
  padding:6px 10px;
  border:1px solid #ffc400;
  border-radius:7px;
  background:#07111d;
  color:#ffc400;
  font:900 12px/1 Arial,sans-serif;
  letter-spacing:.02em;
  cursor:pointer;
  white-space:nowrap;
}
.read-result-btn:hover,.read-result-btn:focus-visible,.read-result-btn.speaking{background:#ffc400;color:#07111d;outline:none}
@media(max-width:640px){.read-result-btn{padding:5px 8px;font-size:11px}}


/* LEGENDS: consistent portrait centring in the existing card and profile layout */
.legend-card .card-image img{object-fit:cover!important;object-position:center 28%!important;transform:scale(1.02)!important;transform-origin:center center!important;padding:0!important}
.legend-modal-image img{object-fit:cover!important;object-position:center 25%!important}


/* Team Hub: expandable detailed STATS link */
.team-stats-link{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;min-width:200px;padding:11px 18px;border:2px solid #fff;background:#07101d;color:#ffc400;font-size:15px;font-weight:900;letter-spacing:.04em;cursor:pointer;text-transform:uppercase}
.team-stats-link:hover,.team-stats-link:focus{background:#ffc400;color:#07101d;border-color:#ffc400;outline:none}
.team-stats-panel{margin-top:12px;padding:14px;border:1px solid #34404d;border-radius:10px;background:#07111c}
.team-stats-panel[hidden]{display:none!important}.team-stats-panel h4{margin:0 0 12px;color:#ffc400;font-size:18px}.team-stats-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.team-stats-summary div{padding:10px 6px;border:1px solid #34404d;border-radius:8px;text-align:center;background:#0b1722}.team-stats-summary span{display:block;color:#ffc400;font-size:10px;font-weight:900}.team-stats-summary strong{display:block;margin-top:4px;color:#fff;font-size:20px}.team-stats-loading,.team-stats-note{margin:12px 0 0;color:#fff;font-weight:700}.team-player-stats{margin-top:14px;border:1px solid #34404d;border-radius:9px;overflow:hidden}.team-player-stats h5{margin:0;padding:10px 12px;background:#111c29;color:#ffc400;font-size:14px}.team-player-head,.team-player-row{display:grid;grid-template-columns:minmax(150px,1fr) 70px 70px 70px;gap:6px;align-items:center;padding:9px 12px;border-top:1px solid #25303c}.team-player-head{color:#ffc400;font-size:11px;font-weight:900}.team-player-row{color:#fff}.team-player-row span{text-align:center}.team-player-head span:not(:first-child){text-align:center}
@media(max-width:700px){.team-stats-summary{grid-template-columns:repeat(3,1fr)}.team-stats-link{width:100%}.team-player-head,.team-player-row{grid-template-columns:minmax(120px,1fr) 48px 48px 55px;padding:8px 7px;font-size:12px}}
/* Team Hub historical season selector */
.team-stats-season-title{color:#ffc400;font-size:12px;font-weight:900;margin-bottom:8px}.team-stats-seasons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.team-stats-seasons button{border:1px solid #8d7420;border-radius:7px;background:#0b1722;color:#fff;padding:8px 12px;font-weight:900;cursor:pointer}.team-stats-seasons button.active,.team-stats-seasons button:hover{background:#ffc400;color:#07101d}.team-stats-panel .team-stats-summary{grid-template-columns:repeat(5,1fr)}
@media(max-width:700px){.team-stats-panel .team-stats-summary{grid-template-columns:repeat(3,1fr)}.team-stats-seasons button{flex:1 1 28%;padding:8px 5px}}

/* Premier League final-day top ticker team/scorer colours - single line only */
.ticker-home{color:var(--gold)!important}
.ticker-away{color:#fff!important}
.ticker-score{color:#fff!important}
.ticker-final-prefix{color:#fff!important}
.ticker-goal-sep{color:var(--gold)!important;margin:0 .35em}

/* Team Hub: next five fixtures with worldwide TV/streaming */
.team-fixture-columns>section:first-child .team-event-rich{display:block;padding:10px 12px}
.team-event-main{display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center}
.team-event-comp{display:block;margin:5px 0 2px 82px;color:var(--gold);font-weight:800}
.team-event-tv{margin:5px 0 0 82px;border-top:1px solid rgba(255,255,255,.12);padding-top:5px}
.team-event-tv summary{cursor:pointer;color:var(--gold);font-weight:900;list-style:none}
.team-event-tv summary::-webkit-details-marker{display:none}
.team-event-tv summary span{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:10px;background:#c9342f;color:#fff;font-size:12px;margin-left:5px}
.team-event-tv-list{padding:7px 0 2px;display:grid;gap:4px}
.team-event-tv-list div{display:grid;grid-template-columns:minmax(90px,140px) 1fr;gap:8px;font-size:13px}
.team-event-tv-list div b{color:var(--gold)}
.team-event-tv-list div span{color:#fff}
.team-event-tv p{margin:6px 0 0;color:#cfd5dd;font-size:13px}

/* Safe Team Hub fixture enrichment: preserve layout and keep recent results readable */
.team-fixture-columns section{min-width:0}
.team-fixture-columns>section:nth-child(2) .team-event{grid-template-columns:72px minmax(0,1fr) auto}
.team-fixture-columns>section:nth-child(2) .team-event b{white-space:normal;line-height:1.15}
.team-fixture-columns>section:nth-child(2) .team-event>strong{white-space:nowrap;min-width:34px;text-align:right}

/* Team Hub TV + Recent Results formatting */
.team-fixture-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}
.team-fixture-columns section{min-width:0}
.team-event-rich{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.13)}
.team-event-main{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center}
.team-event-main>b{min-width:0;line-height:1.2}
.team-event-main>strong{white-space:nowrap}
.team-event-comp{display:block;margin:5px 0 3px 82px;color:var(--gold);font-weight:800}
.team-event-tv,.team-event-tv-pending{margin:5px 0 0 82px;border-top:1px solid rgba(255,255,255,.11);padding-top:6px}
.team-event-tv summary{cursor:pointer;color:var(--gold);font-weight:900;list-style:none}
.team-event-tv summary::-webkit-details-marker{display:none}
.team-event-tv summary span{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:10px;background:#c9342f;color:#fff;font-size:12px;margin-left:5px}
.team-event-tv-list{padding:7px 0 2px;display:grid;gap:4px}
.team-event-tv-list div{display:grid;grid-template-columns:minmax(90px,135px) 1fr;gap:8px;font-size:13px}
.team-event-tv-list div b{color:var(--gold)} .team-event-tv-list div span{color:#fff}
.team-event-tv-pending{color:var(--gold);font-weight:900;font-size:13px}
.team-event-tv-pending span{color:#cfd5dd;font-weight:700}
.team-result-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto minmax(0,1fr);gap:9px;align-items:center;padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.13)}
.team-result-date{color:var(--gold);font-weight:900}
.team-result-home{text-align:right;font-weight:800;line-height:1.15}
.team-result-score{font-size:20px;white-space:nowrap;color:#fff}
.team-result-away{text-align:left;font-weight:800;line-height:1.15}
.team-result-card small{grid-column:2/5;text-align:center;color:var(--gold);font-weight:800}
@media(max-width:800px){.team-fixture-columns{grid-template-columns:1fr}.team-event-comp,.team-event-tv,.team-event-tv-pending{margin-left:0}.team-result-card{grid-template-columns:68px 1fr auto 1fr}}

/* Premium TV v2 + five recent results */
.team-result-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.13)}
.team-result-row:last-child{border-bottom:0}
.team-result-date{color:var(--gold);font-weight:900;line-height:1.1}
.team-result-match{min-width:0;line-height:1.2;text-align:left}
.team-result-match em{color:var(--gold);font-style:normal}
.team-result-score{font-size:19px;white-space:nowrap}
.team-result-row small{grid-column:2/4;color:var(--gold);font-weight:800}

/* Other Sports personal live-feed selector */
.other-sports-card-graphic{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#16263a 0%,#07101c 72%);font-weight:900}
.other-sports-card-graphic b{font-size:clamp(12px,1.25vw,22px);color:#fff}.other-sports-card-graphic strong{font-size:clamp(18px,2vw,34px);color:var(--gold)}.other-sports-card-graphic small{margin-top:5px;color:#fff}
.other-sports-hub{padding:4px}.my-live-feed{border:1px solid #6d5714;border-radius:10px;padding:14px;margin-bottom:16px;background:#0b1724}.my-live-feed h3{color:var(--gold);margin:0 0 10px}.my-live-feed div{display:flex;flex-wrap:wrap;gap:8px}.my-live-feed span{border:1px solid #806719;border-radius:999px;padding:6px 10px;font-weight:900}.my-live-feed p{margin:10px 0 0}
.sports-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sport-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #344253;border-radius:9px;padding:11px;background:#09131f}.sport-choice strong{font-size:15px}.sport-choice button{border:1px solid var(--gold);background:#0c1725;color:var(--gold);font-weight:900;border-radius:7px;padding:8px 10px;cursor:pointer}.sport-choice button.remove{background:var(--gold);color:#07101c}
@media(max-width:700px){.sports-picker{grid-template-columns:1fr}.sport-choice{align-items:flex-start;flex-direction:column}.sport-choice button{width:100%}}

/* Constant physical reading speed for all three ticker lanes. */
.triple-ticker .ticker-runner,
.triple-ticker .ticker-runner-reverse{animation-duration:var(--kod1-ticker-duration,90s)!important}

.sport-logo{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:30px;margin-right:9px;font-style:normal;font-size:23px;line-height:1;vertical-align:middle}
.sport-choice strong{display:flex;align-items:center}
.my-live-feed span{display:inline-flex;align-items:center}
.my-live-feed .sport-logo{width:23px;min-width:23px;height:23px;font-size:18px;margin-right:6px}

/* On-demand Next Live Event control — no API request until clicked. */
.sport-actions{display:flex;gap:7px;align-items:center}
.sport-choice .next-live-event{background:#172334;color:#fff;border-color:#6f7b88}
.sport-choice .next-live-event:hover{border-color:var(--gold);color:var(--gold)}
.next-event-result{grid-column:1/-1;width:100%;box-sizing:border-box;border-top:1px solid #344253;margin-top:8px;padding-top:9px;display:flex;flex-direction:column;gap:3px}
.next-event-result b{color:var(--gold);font-size:12px}.next-event-result strong{display:block;font-size:14px}.next-event-result span{font-size:12px;color:#d7dce2}
.sport-choice:has(.next-event-result){display:grid;grid-template-columns:minmax(120px,1fr) auto}
@media(max-width:900px){.sport-actions{flex-direction:column;align-items:stretch}.sport-actions button{width:100%}.sport-choice:has(.next-event-result){grid-template-columns:1fr}}

/* KOD1 User Guide — uses the otherwise empty central header space. */
.user-guide-button{position:absolute;z-index:9;top:134px;left:50%;transform:translateX(-50%);min-width:270px;padding:11px 24px;border:1px solid var(--gold);border-radius:8px;background:#09131f;color:#fff;font-weight:900;font-size:15px;letter-spacing:.7px;cursor:pointer}
.user-guide-button span{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;margin-right:8px;border-radius:50%;background:var(--gold);color:#07101c}
.user-guide-button:hover{background:#122033;color:var(--gold)}
.kod1-user-guide{display:grid;gap:12px}.kod1-user-guide section{border:1px solid #344253;border-radius:10px;background:#09131f;padding:15px}.kod1-user-guide h3{margin:0 0 8px;color:var(--gold);font-size:18px}.kod1-user-guide p{margin:0;line-height:1.55}.guide-quick{border-color:#8a6d16!important}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.guide-steps>div{display:flex;gap:10px;padding:11px;border:1px solid #344253;border-radius:8px;background:#0d1a28}.guide-steps b{display:flex;align-items:center;justify-content:center;min-width:27px;height:27px;border-radius:50%;background:var(--gold);color:#07101c}.guide-steps span{font-size:13px;line-height:1.35}.guide-steps strong{display:block;color:#fff;margin-bottom:4px}.guide-tip{border-color:var(--gold)!important}
@media(max-width:900px){.user-guide-button{top:130px;min-width:220px;font-size:13px}.guide-steps{grid-template-columns:1fr}}
@media(max-width:600px){.user-guide-button{top:128px;min-width:180px;padding:8px 12px;font-size:12px}}

/* USER GUIDE visibility fix — explicit stacking and colours. */
#userGuideBtn.user-guide-button{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  align-items:center !important;
  justify-content:center !important;
  position:absolute !important;
  left:50% !important;
  top:142px !important;
  transform:translateX(-50%) !important;
  z-index:9999 !important;
  width:330px !important;
  min-height:48px !important;
  padding:10px 22px !important;
  border:2px solid #f5bf18 !important;
  border-radius:8px !important;
  background:#0b1724 !important;
  color:#f5bf18 !important;
  font-weight:900 !important;
  font-size:18px !important;
  line-height:1 !important;
  letter-spacing:.8px !important;
  text-align:center !important;
  box-shadow:0 0 0 2px rgba(0,0,0,.35) !important;
}
#userGuideBtn.user-guide-button span{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  align-items:center !important;
  justify-content:center !important;
  width:26px !important;
  height:26px !important;
  margin-right:9px !important;
  border-radius:50% !important;
  background:#f5bf18 !important;
  color:#07101c !important;
  font-size:17px !important;
}
#userGuideBtn.user-guide-button:hover{background:#13263a !important;color:#fff !important;}
@media(max-width:900px){
  #userGuideBtn.user-guide-button{top:132px !important;width:260px !important;font-size:15px !important;}
}
@media(max-width:600px){
  #userGuideBtn.user-guide-button{top:126px !important;width:210px !important;min-height:40px !important;font-size:13px !important;}
}

.other-sports-symbols{display:flex;align-items:center;justify-content:center;gap:12px;min-height:78px;font-size:28px;line-height:1}

/* Other Sports card polish: larger icon selection and lower copy. */
.other-sports-card-graphic{min-height:92px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.other-sports-symbols{display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:center!important;justify-items:center!important;gap:7px 12px!important;width:92%!important;min-height:82px!important;font-size:27px!important;line-height:1!important}
.other-sports-symbols span{display:flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;min-height:30px!important;font-size:27px!important}
#comingCard .card-copy{padding-top:12px!important}
#comingCard .card-copy strong,#comingCard .card-copy b{margin-top:7px!important}

/* Dynamic KOD1 Match Centre / Next Big Match */
.match-centre-graphic{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:92px;padding:8px}.match-centre-graphic.live{box-shadow:inset 0 0 0 1px #d71920}.mc-team{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.mc-team img{width:42px;height:42px;object-fit:contain}.mc-team span{font-size:10px;font-weight:900;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92px}.mc-score{text-align:center}.mc-score b{display:block;font-size:25px;color:var(--gold)}.mc-score small{font-size:9px;font-weight:900}.match-centre-empty{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center}.match-centre-empty b{color:var(--gold);font-size:20px}.match-centre-detail{display:grid;gap:14px}.mc-status{font-size:20px;font-weight:900;color:var(--gold)}.mc-detail-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px;border:1px solid #344253;border-radius:10px;background:#09131f}.mc-detail-score>div{display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px}.mc-detail-score img{width:55px;height:55px;object-fit:contain}.mc-detail-score>strong{font-size:32px;color:var(--gold)}.mc-meta{text-align:center;font-weight:800}.match-centre-detail section{padding:14px;border:1px solid #344253;border-radius:10px;background:#09131f}.match-centre-detail section h3{margin:0 0 10px;color:var(--gold)}