/* FOOTBALL41K v4 — restoration of the v2 visual language: bright background, cobalt blue, navy stadium hero and tilted main-match card. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{--bg:#f4f6fa;--surface:#fff;--surface2:#fff;--line:#e1e6ef;--ink:#121c2d;--muted:#6f7889;--accent:#365eff;--accent-dark:#fff;--orange:#e85269;--navy:#0c1829;--font:'Manrope',system-ui,-apple-system,sans-serif;--display:'Oswald','Arial Narrow',Impact,sans-serif;--max:1220px}
body{background:var(--bg);color:var(--ink);font:500 15px/1.66 var(--font)}
a:hover{color:var(--accent)}
.topline{background:#345bff;border:0;color:#fff;text-align:center;letter-spacing:.11em;font-size:10px;padding:10px 0}.topline span{color:#b8e6ff;margin:0 12px}
.site-header{position:relative;top:auto;background:#fff;border-bottom:1px solid #e8eaf0;backdrop-filter:none}.nav-wrap{height:78px}
.logo{color:var(--ink);font:700 25px/1 var(--display);font-style:normal;letter-spacing:-.02em;gap:10px}.logo:hover{color:var(--ink)}.logo-accent{color:var(--accent)}.logo-mark{background:var(--accent);color:#fff;width:43px;height:43px;font:700 19px var(--display);border-radius:12px;letter-spacing:-.05em;transform:none;box-shadow:0 8px 18px #244ada22}.logo-mark span{color:#a9e5ff}
.nav{gap:17px}.nav a{background:transparent!important;color:#485367;font-size:13px;font-weight:800;padding:11px 9px}.nav a.selected,.nav a:hover{color:var(--accent)}.nav-toggle{color:var(--ink);background:#eff2ff;border:1px solid var(--line)}
.overline,.eyebrow{color:var(--accent);letter-spacing:.17em;font-weight:900}.hero{position:relative;background:var(--navy);color:white;border:0;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;width:950px;height:950px;right:-340px;top:-450px;border-radius:50%;border:1px solid #677dbb42;box-shadow:0 0 0 68px #647bb51a,0 0 0 145px #647bb510,0 0 0 245px #647bb50b;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 65% 20%,#3155b444,transparent 55%);pointer-events:none}.hero-layout{grid-template-columns:minmax(0,1fr) 500px;min-height:auto;gap:62px;padding:85px 0 90px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #63738a88;background:#ffffff0b;border-radius:20px;padding:8px 13px;color:#c4cee4;font-size:10px;letter-spacing:.13em}.signal{width:8px;height:8px;background:#6be0f7;box-shadow:0 0 0 5px #51d8f21b}.hero-copy h1{font:700 clamp(60px,6.7vw,102px)/1.02 var(--display);text-transform:uppercase;letter-spacing:-.045em;margin:27px 0 19px;max-width:650px}.hero-copy h1 span{color:#91b1ff}.hero-copy p{font-size:15px;line-height:1.84;color:#b6c4d9;max-width:490px;margin:0}.hero-actions{gap:12px;margin-top:33px}.btn{border-radius:10px;font-size:13px;font-weight:800;padding:14px 20px;transition:transform .2s,box-shadow .2s,filter .2s}.btn-primary{background:var(--accent);color:white;box-shadow:0 10px 28px #1b4aec35}.btn-primary:hover{color:#fff;box-shadow:0 14px 35px #1b4aec48}.btn-outline{color:var(--ink);border-color:#aab5ca;background:transparent}.hero .btn-outline{color:#fff;border-color:#879ab5;background:#ffffff0c}.btn-ghost{background:#e8edff;color:#2c4bb4;border-color:#cbd6ff}.hero-stats{gap:35px;margin-top:45px;padding-top:22px;border-top:1px solid #ffffff22}.hero-stats b{font:600 27px/1.1 var(--display);color:#fff}.hero-stats small{font-size:11px;color:#aebcd4;text-transform:none;letter-spacing:0;font-weight:600}
.hero-feature{color:var(--ink);border:0;background:#fff;border-radius:20px;box-shadow:0 28px 65px #02081255;transform:rotate(-1.5deg);transition:transform .25s ease,box-shadow .25s ease;isolation:auto;overflow:hidden}.hero-feature:hover,.hero-feature:focus-within{transform:rotate(0) translateY(-5px);box-shadow:0 36px 80px #02081270}.hero-feature:before,.hero-corner{display:none}.hero-feature-head{padding:22px 26px;color:#536177;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.13em;font-weight:900}.hero-feature-head span:first-child{color:#db3a51;background:#fff0f3;padding:6px 9px;border-radius:5px}.dot{background:#e64c5e}.hero-match{justify-content:space-between;gap:8px;padding:36px 24px 40px}.hero-match>div{width:146px;gap:12px}.hero-match strong{font:700 23px/1.2 var(--display);letter-spacing:0;color:var(--ink)}.vstext{font:700 35px var(--display);color:var(--accent)}.hero-feature-foot{background:#f2f5ff;border:0;padding:19px 26px;color:var(--accent);font-weight:900;font-size:12px}.hero-feature-foot a{color:var(--accent)}
.emblem{background:#fff;border:1px solid #e4e8f1;border-radius:14px;color:var(--ink);width:48px;height:48px;box-shadow:none}.emblem.big{width:114px;height:114px;border-radius:21px;box-shadow:none}.emblem img{background:#fff}.emblem img.is-loaded{opacity:1}.emblem.big img{padding:10%}
.catalog-top{margin-top:75px;margin-bottom:26px;align-items:end}.catalog-top h1,.catalog-top h2{font:700 clamp(37px,4vw,52px)/1.12 var(--display);letter-spacing:0;text-transform:uppercase;margin:6px 0 0}.catalog-top p{font-size:13px;color:var(--muted);margin:11px 0 0}.search-wrap{background:#fff;border:1px solid var(--line);width:295px;color:var(--accent);border-radius:10px;padding:14px 17px}.search-wrap input{color:var(--ink)}.search-wrap input::placeholder{color:var(--muted)}
.catalog-section{margin:33px 0 65px}.section-heading{border:0;align-items:end;margin:0 0 21px;padding:0}.section-heading h2{font:700 31px/1.1 var(--display);letter-spacing:0;text-transform:uppercase}.section-link,.more-link{font-size:12px;color:var(--accent);font-weight:850}.event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.event-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px;min-height:258px;transition:transform .18s,box-shadow .18s,border-color .18s}.event-card:hover{transform:translateY(-4px);border-color:#a8baff;box-shadow:0 14px 33px #2749ad13}.card-meta{font-size:11px;letter-spacing:0;color:#7c8798;font-weight:800}.card-sport{color:#59677c}.card-time{color:var(--accent);background:#eff2ff;padding:7px 10px;border-radius:7px}.event-card-link{margin:23px 0;gap:14px}.team-line{gap:13px;font:700 23px/1.25 var(--display);letter-spacing:0}.card-end{border-color:var(--line);padding-top:17px}.card-end>span{color:var(--muted);font-size:11px}.card-end a{font-size:12px;color:var(--accent)}.no-results{background:#fff}.breadcrumb{color:#80899a;font-weight:700;font-size:11px}.breadcrumb a{color:#667589}.inner-page{padding-top:25px}.big-head{margin-top:20px}.big-head h1{font-size:64px}
.match-banner{border:none;border-radius:21px;background:#0c192c;color:#fff;isolation:isolate;position:relative}.match-banner:before{content:"";position:absolute;z-index:-1;inset:-145px -35px;background:radial-gradient(circle at 60% 70%,#385bca7d,transparent 52%),repeating-linear-gradient(111deg,transparent 0 80px,#ffffff08 81px 82px)}.banner-top,.banner-bottom{color:#bbcae4;font-size:10px;letter-spacing:.13em;padding:22px 31px}.banner-top{border-color:#ffffff1b}.banner-top span:first-child{color:#8eb2ff}.banner-bottom{border-color:#ffffff1c}.match-banner h1{font:700 clamp(32px,4.8vw,64px)/1.13 var(--display);letter-spacing:0;text-transform:uppercase;margin:29px 16px 30px}.opponents{gap:clamp(14px,4vw,57px);padding:3px 25px 40px}.opponents>div:not(.middle){width:225px}.opponents b{font:700 clamp(18px,2.15vw,27px)/1.2 var(--display)}.opponents .middle strong{font:700 57px/1 var(--display);letter-spacing:0}.opponents .middle span{color:#a0b2d6}.opponents .middle small{color:#cad6e9}.opponents .emblem.big{width:130px;height:130px;border-radius:24px}
.content-grid{grid-template-columns:minmax(0,1fr) 315px;gap:23px}.player-panel,.info-article,.side-panel{background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink)}.player-heading,.player-meta{color:var(--ink);padding:19px 23px;font-size:11px}.player-clock,.muted-2{color:#8b94a4}.player-shell{background:radial-gradient(ellipse at 58% 35%,#253968,#080f1c 65%);color:#fff}.player-shell:before{border-color:#ffffff10}.player-overlay h2{font:700 clamp(23px,3vw,37px)/1.15 var(--display);text-transform:uppercase;letter-spacing:0}.player-overlay p{font-size:13px;color:#bdc9de;max-width:375px}.play-symbol{border-color:#7d98cc;color:#bed4ff;box-shadow:0 0 0 9px #638afc16;background:#ffffff09}.player-meta{color:#687588;letter-spacing:0;font-size:11px}.player-meta strong{color:#5c6981}.player-meta .status-light{background:#f6a645}.info-article{padding:30px 34px;margin-top:23px}.info-article h1,.info-article h2,.info-article h3,.side-panel h2{color:var(--ink)}.info-article h1{font:700 51px/1.1 var(--display)}.info-article h2{font:700 33px/1.2 var(--display);letter-spacing:0}.info-article h3{font:700 22px/1.2 var(--display);letter-spacing:0}.info-article p{color:#586479;line-height:1.84}.info-article strong{color:var(--ink)}.info-article p a{color:var(--accent);text-decoration-color:#a4b8ff}.faq details{border-color:var(--line)}.side-panel{padding:22px}.side-panel h2{font:700 25px/1.2 var(--display);letter-spacing:0;margin:6px 0 18px}.side-panel dt{color:#7a8798}.side-panel dd{color:var(--ink)}.side-panel .btn-outline{color:var(--ink)}
.related{display:grid}.related a{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:12px 0;color:var(--ink);min-width:0;transition:transform .2s,color .2s}.related a:hover{color:var(--accent);transform:translateX(3px)}.related .related-crests{display:flex;flex-shrink:0;padding-right:6px}.related-crests .emblem{width:33px;height:33px;border-radius:9px;margin-right:-7px;border:1px solid #e2e7f4}.related-crests .emblem img{padding:5%}.related-crests .abbr{font-size:10px}.related-copy{min-width:0;flex:1;display:grid;gap:3px}.related-copy strong{font-size:11px;line-height:1.35;font-weight:800}.related-copy small{font-size:10px;margin:0;color:#7c8798}.related-arrow{font-size:14px;color:var(--accent);flex:none}.footer{background:var(--navy);border:0;color:#fff;margin-top:40px}.footer-grid{gap:55px}.footer .logo{color:#fff}.footer .logo:hover{color:#fff}.footer p{color:#aebcd4}.footer-grid>div:nth-child(2) a{color:#aebcd4}.foot-bottom{color:#aebcd4;border-color:#ffffff1c}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9ac7ff;outline-offset:4px}
@media(max-width:1080px){.hero-layout{grid-template-columns:minmax(0,1fr) 440px;gap:34px}.hero-match>div{width:120px}.hero-match strong{font-size:20px}.event-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr;gap:36px;padding:55px 0}.hero-feature{max-width:560px;margin:0 auto;width:100%}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.secondary-col{grid-template-columns:1fr 1fr}.nav{position:absolute;left:0;right:0;top:77px;padding:14px 25px 22px;background:white;border-bottom:1px solid var(--line);box-shadow:0 12px 25px #0f294c16}.nav a{color:var(--ink)}.nav a:hover,.nav a.selected{color:var(--accent)}}
@media(max-width:600px){.container{width:calc(100% - 30px)}.topline{font-size:8px;letter-spacing:.03em}.nav-wrap{height:65px}.nav{top:65px}.logo{font-size:23px}.hero-copy h1{font-size:clamp(54px,13vw,76px)}.hero-copy p{font-size:14px}.hero-stats{gap:30px}.hero-feature{transform:rotate(-.75deg)}.hero-feature:hover{transform:rotate(0)}.hero-match{padding:30px 9px;gap:5px}.hero-match>div{width:110px}.hero-match strong{font-size:17px}.hero-match .emblem.big{width:77px;height:77px;border-radius:16px}.vstext{font-size:27px}.hero-feature-head,.hero-feature-foot{padding:15px}.hero-feature-head{font-size:9px}.hero-feature-foot{font-size:10px}.catalog-top h2{font-size:43px}.section-heading h2{font-size:28px}.event-grid{grid-template-columns:1fr}.event-card{min-height:235px}.event-card-link{gap:14px;margin:18px 0}.team-line{font-size:23px}.card-end>span{font-size:10px}.big-head h1{font-size:49px}.match-banner h1{font-size:36px}.banner-top,.banner-bottom{padding:13px;letter-spacing:0}.opponents{padding:0 6px 25px;gap:6px}.opponents>div:not(.middle){width:112px}.opponents .emblem.big{width:69px;height:69px;border-radius:15px}.opponents b{font-size:17px}.opponents .middle{min-width:65px}.opponents .middle strong{font-size:39px}.opponents .middle small{font-size:9px}.player-shell{min-height:275px}.player-overlay{padding:18px 15px}.player-overlay h2{font-size:23px}.player-overlay p{font-size:11px}.info-article{padding:25px 18px}.info-article h1{font-size:37px}.info-article h2{font-size:27px}.secondary-col{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:18px}}
@media(prefers-reduced-motion:reduce){.hero-feature,.event-card,.related a{transition:none!important;transform:none!important}}
/* v5: inline third-party licensed embeds occupy the same native player surface. */
.actual-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;z-index:3}

/* FOOTBALL41K v6 — source selector; other design untouched. */
.stream-switch{display:flex;gap:6px;align-items:center;background:#eff4fc;border:1px solid #dbe4f5;border-bottom:0;padding:10px 13px;flex-wrap:wrap}.stream-tab{appearance:none;cursor:pointer;border:1px solid #cedcf1;border-radius:9px;background:#fff;color:#243c65;font-weight:800;font-size:12px;line-height:1.2;padding:11px 16px;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.stream-tab:hover{transform:translateY(-2px);box-shadow:0 4px 16px #12254b1a}.stream-tab.active{background:#2369de;color:#fff;border-color:#2369de}.stream-tab:focus-visible{outline:3px solid #4b96ff;outline-offset:3px}.actual-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;z-index:3}.player-overlay[hidden]{display:none!important}.player-message{font-weight:650}@media(max-width:600px){.stream-switch{padding:8px;gap:7px}.stream-tab{flex:1;padding:11px 7px;font-size:11px}}

/* v7 : football match groups, editorial previews, watch counter, support link */
.league-group{margin-top:22px}.league-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#e9f0fb;border-left:4px solid #3778e5;border-radius:6px;padding:10px 15px;margin-bottom:13px;color:#173a70}.league-heading h3{font-size:17px;margin:0;line-height:1.3}.league-heading span{font-size:11px;color:#64758b;font-weight:700}.card-preview{padding:1px 16px 10px;color:#586982;font-size:12px;line-height:1.55;min-height:50px}.viewer-pill{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:#dbeaff;background:#1b334f;border-radius:20px;padding:6px 10px;white-space:nowrap}.viewer-pill strong{font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.viewer-pill>span:first-child{color:#70d5ff}.support-row{background:#f5f8fd;text-align:center;padding:12px;border:1px solid #e2eafa;border-top:0;border-radius:0 0 12px 12px}.support-link{display:inline-flex;gap:7px;align-items:center;background:#fff;border:1px solid #d9e4fb;color:#1e5cc3;font-size:12px;font-weight:800;text-decoration:none;border-radius:9px;padding:9px 17px;transition:transform .18s,box-shadow .18s}.support-link:hover{transform:translateY(-2px);box-shadow:0 8px 18px #143b6524;color:#174fa8}.player-meta{flex-wrap:wrap;gap:8px}@media(max-width:550px){.league-heading h3{font-size:15px}.card-preview{min-height:0}.viewer-pill{font-size:11px}}

/* v8: stronger donation CTA, editorial match facts and narrow-device fixes */
.support-row{padding:17px 15px 19px;background:linear-gradient(115deg,#f4f7ff,#eaf1ff);border-color:#d9e4fa}
.support-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:min(100%,385px);min-height:52px;padding:13px 18px;border-radius:12px;border:1px solid #1d5aee;background:linear-gradient(120deg,#2368ec,#3852e9);color:#fff!important;font-size:14px;line-height:1.3;font-weight:800;text-align:center;box-shadow:0 7px 19px #2457d128;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.support-link:hover{color:#fff!important;transform:translateY(-2px);box-shadow:0 12px 28px #2457d142;filter:brightness(1.06)}
.support-link:focus-visible{outline:3px solid #ffcf56;outline-offset:3px}
.support-heart{display:grid;place-items:center;flex-shrink:0;color:#ffdfec;font-size:21px;line-height:1}
.support-out{opacity:.85;font-size:16px}
.card-extra{margin:0 16px 10px;color:#5e74a6;font-weight:700;font-size:11px;line-height:1.5}
.info-article .lead-story{font-size:16px;font-weight:650;line-height:1.7;color:#30415d}
.story-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0 27px}
.story-points>div{display:grid;align-content:start;gap:6px;padding:14px 13px;background:#f3f6fd;border:1px solid #e1e9f9;border-radius:11px;min-width:0}
.story-points span{font-size:10px;text-transform:uppercase;letter-spacing:.045em;color:#697f9f;font-weight:800}
.story-points strong{font-size:12px;line-height:1.48;overflow-wrap:anywhere}
.emblem{isolation:isolate}
img{max-width:100%}
@media(max-width:900px){.story-points{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){html,body{max-width:100%;overflow-x:clip}.container{width:calc(100% - 26px)}.logo{font-size:clamp(19px,5.2vw,23px)}.logo-mark{width:39px;height:39px;flex:none}.site-header .nav-wrap{gap:6px}.hero-copy h1{overflow-wrap:break-word}.hero-feature{max-width:100%}.hero-match{gap:3px}.hero-match>div{min-width:0;width:37%;overflow-wrap:anywhere}.hero-match strong{font-size:clamp(12px,3.6vw,17px)}.hero-match .emblem.big{width:clamp(52px,16vw,75px);height:clamp(52px,16vw,75px)}.hero-match .vstext{font-size:24px}.opponents{gap:3px}.opponents>div:not(.middle){min-width:0;width:35%;overflow-wrap:anywhere}.opponents b{font-size:clamp(12px,3.5vw,17px)}.opponents .middle{min-width:0;width:26%}.opponents .middle strong{font-size:34px}.banner-top,.banner-bottom{flex-wrap:wrap;gap:8px}.match-banner h1{overflow-wrap:anywhere}.support-row{padding:13px}.support-link{width:100%;font-size:13px;min-height:50px}.stream-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stream-tab{min-width:0}.story-points{grid-template-columns:1fr;gap:8px}.story-points>div{padding:11px 12px}.info-article .lead-story{font-size:14px}.card-extra{font-size:11px}.player-meta{display:flex;align-items:center;justify-content:space-between;padding:13px 15px}.viewer-pill{flex-shrink:0}.related-copy strong{overflow-wrap:anywhere}}
@media(max-width:360px){.topline{letter-spacing:0}.logo{font-size:18px}.opponents .emblem.big{width:50px;height:50px}.opponents .middle strong{font-size:30px}.hero-stats{gap:13px}.player-meta{align-items:flex-start}.support-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.support-link{transition:none!important}.support-link:hover{transform:none}}

/* v8 cards with actual pre-match details */
.card-highlight{margin-top:7px;font-size:12px;line-height:1.45;color:#6e7990}
.event-card .card-preview{padding:0;margin:1px 0 10px;min-height:0}
.event-card .card-extra{margin:2px 0 12px;color:#4569a8;font-size:11px;line-height:1.35;font-weight:750}
.event-card .event-card-link{margin:16px 0}
.event-card{display:flex;flex-direction:column;min-height:0}
.event-card .card-end{margin-top:auto}
@media(max-width:600px){.event-card{padding:19px}.card-highlight{font-size:12px}.event-card .card-extra{font-size:11px}}