:root{--navy:#0a1a3c;--navy2:#13306b;--gold:#f6b800;--chalk:#f3f5f9;--ink:#16213a;--mut:#62708a;--line:#dde3ee;--ok:#1e8a4c;--bad:#d23b3b;--warn:#e08a00;--rehab:#2f6fd6;--med:#7a4fc4;--r:4px;--hd:'Big Shoulders Display','Arial Narrow',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 'Figtree',system-ui,sans-serif;color:var(--ink);background:var(--chalk)}
img{max-width:100%;display:block}a{color:var(--navy2)}h1,h2,h3,h4{font-family:var(--hd);line-height:1.1;margin:0 0 .5em;letter-spacing:.2px}
h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;text-transform:uppercase}h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:700}h3{font-size:1.4rem;font-weight:700}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.mut{color:var(--mut)}.center{text-align:center}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.btn{display:inline-block;border:2px solid var(--navy);background:var(--navy);color:#fff;font:700 .95rem var(--hd);letter-spacing:.8px;text-transform:uppercase;padding:.7em 1.4em;border-radius:var(--r);text-decoration:none;cursor:pointer;font-size:1.05rem}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}.btn.ghost{background:transparent;color:inherit;border-color:currentColor}.btn.sm{padding:.4em 1em}.btn:hover{filter:brightness(1.08)}
/* header */
.site-head{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50;border-bottom:3px solid var(--gold)}
.bar{display:flex;align-items:center;gap:18px;min-height:68px}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand img{height:46px;width:auto}
.brand b{display:block;font:700 1.15rem/1.05 var(--hd);text-transform:uppercase;max-width:200px}.brand small{color:var(--gold);font-size:.7rem;font-weight:600}
.shield{display:grid;place-items:center;width:44px;height:50px;background:var(--navy2);border:2px solid var(--gold);border-radius:6px 6px 22px 22px;font:800 1.05rem var(--hd);color:#fff}
.nav{margin-left:auto;display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:flex-end}
.nav>a:not(.btn){color:#dfe6f5;text-decoration:none;font:600 .98rem var(--hd);text-transform:uppercase;letter-spacing:.5px;padding:.5em .6em;border-bottom:3px solid transparent}
.nav>a.on,.nav>a:not(.btn):hover{color:#fff;border-bottom-color:var(--gold)}
.socs{display:flex;gap:6px;margin:0 8px}.soc{display:grid;place-items:center;width:28px;height:28px;border:1px solid #fff5;border-radius:50%;color:#fff;font:700 .7rem var(--hd);text-decoration:none}.soc:hover{background:var(--gold);color:var(--navy)}
.burger{display:none;margin-left:auto;background:none;border:0;padding:10px;cursor:pointer}.burger i{display:block;width:24px;height:2px;background:#fff;margin:5px 0}
@media(max-width:1060px){.burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--navy);flex-direction:column;align-items:stretch;padding:10px 16px 18px;margin:0}.nav.open{display:flex}.nav>a:not(.btn){padding:.7em 0;border-bottom:1px solid #fff2}.socs{margin:10px 0}}
/* hero */
.hero{background:var(--navy) center/cover;color:#fff;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--navy) 18%,#0a1a3ca8 60%,#0a1a3c40)}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;padding:64px 0;align-items:center}
.hero h1 span{display:block;color:#fff}.hero .tag{font:700 clamp(1.3rem,3vw,2rem) var(--hd);color:var(--gold);text-transform:uppercase;margin:.2em 0}.hero p.sub{font-size:1.15rem;max-width:34em;color:#dfe6f5}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.board{background:#071230;border:1px solid #ffffff2a;border-top:4px solid var(--gold);padding:20px 22px;border-radius:var(--r)}
.board h3{color:var(--gold);font-size:1rem;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 10px}
.board .vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;text-align:center;font:800 1.9rem var(--hd);text-transform:uppercase}
.board .vs i{font:600 .9rem var(--hd);color:var(--gold);font-style:normal}.board .sc{font-size:3rem;color:var(--gold)}
.board .meta{color:#c5d0e8;font-size:.9rem;text-align:center;margin-top:6px}
.cd{display:flex;gap:8px;justify-content:center;margin-top:14px}.cd div{background:#13306b;min-width:62px;padding:6px 8px;text-align:center;border-radius:var(--r)}.cd b{display:block;font:800 1.7rem/1 var(--hd)}.cd small{font-size:.65rem;color:#c5d0e8}
.board hr{border:0;border-top:1px dashed #ffffff30;margin:18px 0}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr;padding:40px 0}}
/* sections */
.sec{padding:52px 0}.sec.alt{background:#fff}.sec.dark{background:var(--navy);color:#fff}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;flex-wrap:wrap}.sec-h h2{margin:0}.sec-h a{font-weight:600}
.page-h{background:var(--navy);color:#fff;padding:38px 0 30px;border-bottom:4px solid var(--gold)}.page-h h1{font-size:clamp(2rem,5vw,3.2rem);margin:0}.page-h p{margin:.4em 0 0;color:#c5d0e8;max-width:46em}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g5{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.g3,.g4,.g5{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.g2,.g3,.g4,.g5{grid-template-columns:1fr}.g4.keep,.g5.keep{grid-template-columns:repeat(2,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.card.pad,.pad{padding:22px}.card h3{margin-bottom:.3em}
.sec.alt .card{background:var(--chalk)}
.ph{display:grid;place-items:center;background:linear-gradient(135deg,var(--navy2),var(--navy));color:var(--gold);font:800 2rem var(--hd);aspect-ratio:4/3;width:100%}
.card img,.card .ph{aspect-ratio:4/3;object-fit:cover;width:100%}.card img.sq,.card .ph.sq{aspect-ratio:1/1}
/* stats */
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--line);background:#fff;border-radius:var(--r)}
.stats div{padding:16px 10px;text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{display:block;font:800 2.3rem/1 var(--hd);color:var(--navy)}.stats span{font-size:.8rem;color:var(--mut)}
.stats .w b{color:var(--ok)}.stats .l b{color:var(--bad)}.stats .d b{color:var(--warn)}
@media(max-width:700px){.stats{grid-template-columns:repeat(3,1fr)}.stats div{border-bottom:1px solid var(--line)}}
/* match rows */
.mlist{display:grid;gap:8px}.mrow{display:grid;grid-template-columns:62px 1fr 40px;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-left:4px solid var(--navy);padding:10px 14px;border-radius:var(--r);text-decoration:none;color:inherit}
.mrow:hover{border-left-color:var(--gold)}.md{text-align:center;line-height:1}.md b{display:block;font:800 1.9rem var(--hd);color:var(--navy)}.md span{font-size:.7rem;color:var(--mut)}
.mt .teams{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;font:700 1.15rem var(--hd);text-transform:uppercase}.mt .teams span:first-child{text-align:right}.mt .teams .score{background:var(--navy);color:var(--gold);padding:0 12px;border-radius:var(--r);font-size:1.25rem}.mt .teams .ko{color:var(--mut);font-size:1rem}
.mt small{display:block;text-align:center;color:var(--mut);font-size:.8rem}
.res{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:800 1rem var(--hd);color:#fff}.r-W{background:var(--ok)}.r-L{background:var(--bad)}.r-D{background:var(--warn)}.r-N{background:#dde3ee;color:var(--navy)}
@media(max-width:560px){.mt .teams{font-size:.95rem;gap:6px}.mrow{grid-template-columns:48px 1fr 32px;gap:8px;padding:8px}}
.form-g{display:flex;gap:6px}.fchip{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font:800 .9rem var(--hd)}
/* tabs & table */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;border-bottom:2px solid var(--line)}
.tabs a,.tabs button{background:none;border:0;border-bottom:4px solid transparent;margin-bottom:-2px;padding:.6em 1.1em;font:700 1.05rem var(--hd);text-transform:uppercase;color:var(--mut);cursor:pointer;text-decoration:none}
.tabs .on{color:var(--navy);border-bottom-color:var(--gold)}
.tbl-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r)}table.tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.tbl th{background:var(--navy);color:#fff;text-align:left;font:600 .85rem var(--hd);text-transform:uppercase;letter-spacing:.8px;padding:10px 12px;white-space:nowrap}.tbl td{padding:10px 12px;border-top:1px solid var(--line)}
.tbl tr.us td{background:#fff6d6;font-weight:700}.tbl td.n,.tbl th.n{text-align:center}
.badge{display:inline-block;padding:.1em .7em;border-radius:20px;font-size:.78rem;font-weight:700;color:#fff}.b-ok{background:var(--ok)}.b-bad{background:var(--bad)}.b-warn{background:var(--warn)}.b-rehab{background:var(--rehab)}.b-med{background:var(--med)}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;align-items:center}
select,input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],input[type=datetime-local],input[type=password],textarea{font:inherit;padding:.65em .8em;border:1px solid #b9c3d6;border-radius:var(--r);background:#fff;width:100%;color:var(--ink)}
.filters select,.filters input{width:auto}
/* player cards */
.pcard{position:relative}.pcard .no{position:absolute;top:8px;left:8px;background:var(--navy);color:var(--gold);font:800 1.3rem var(--hd);padding:0 10px;border-radius:var(--r)}
.pcard .body{padding:14px 16px}.pcard h3{margin:0}.pcard .st{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.85rem;color:var(--mut)}
.pcard a.cover{position:absolute;inset:0}
.pstats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:8px;margin:18px 0}.pstats div{background:#fff;border:1px solid var(--line);padding:14px;border-radius:var(--r)}.pstats b{display:block;font:800 2rem/1 var(--hd);color:var(--navy)}.pstats span{font-size:.8rem;color:var(--mut)}
/* pathway */
.path{display:flex;gap:0;flex-wrap:wrap;margin:10px 0}.path .step{flex:1 1 110px;text-align:center;padding:12px 6px;position:relative;font:700 .95rem var(--hd);text-transform:uppercase;color:var(--mut)}
.path .step i{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 6px;border-radius:50%;background:#fff;border:3px solid var(--line);font-style:normal;color:var(--navy)}
.path .step:not(:last-child):after{content:"";position:absolute;top:30px;left:calc(50% + 24px);right:calc(-50% + 24px);border-top:3px dashed var(--line)}.path .step.on i{background:var(--gold);border-color:var(--gold)}.path .step.on{color:var(--navy)}
.bar-p{height:8px;background:var(--line);border-radius:8px;overflow:hidden;min-width:90px}.bar-p i{display:block;height:100%;background:var(--ok)}
.tact{background:var(--gold);color:var(--navy);padding:20px;text-align:center;border-radius:var(--r)}.tact b{display:block;font:800 2.3rem/1 var(--hd)}.tact span{font-weight:700}
.quote{background:var(--navy);color:var(--gold);padding:26px;text-align:center;font:italic 700 1.6rem var(--hd);border-radius:var(--r)}
.motto{border-left:6px solid var(--gold);padding:12px 20px;background:#fff;font:800 1.8rem var(--hd);color:var(--navy);margin:16px 0}
.icon{font-size:2rem;line-height:1}.staff img,.staff .ph{aspect-ratio:1/1}
.prose p{max-width:68ch}.prose img{margin:16px 0;border-radius:var(--r)}
/* forms */
.fgrid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fgrid2 .full{grid-column:1/-1}@media(max-width:640px){.fgrid2{grid-template-columns:1fr}}
label{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px}.req:after{content:" *";color:var(--bad)}
.alert{padding:12px 16px;border-radius:var(--r);margin:0 0 16px;font-weight:600}.alert.ok{background:#e1f5e9;color:#0e5d31}.alert.err{background:#fde7e7;color:#8c1f1f}
.hp{position:absolute;left:-9999px}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gal img{aspect-ratio:1/1;object-fit:cover;width:100%;cursor:zoom-in;border-radius:var(--r)}@media(max-width:700px){.gal{grid-template-columns:repeat(2,1fr)}}
.lb{position:fixed;inset:0;background:#000d;display:none;place-items:center;z-index:99;padding:20px}.lb.open{display:grid}.lb img{max-height:88vh;border-radius:var(--r)}
.partners{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.partners .card{text-align:center;padding:26px}.partners img{height:70px;width:auto;margin:0 auto 10px;aspect-ratio:auto}.partners b{font:800 1.6rem var(--hd);color:var(--navy)}
@media(max-width:700px){.partners{grid-template-columns:1fr}}
.cal-m{font:800 1.4rem var(--hd);color:var(--navy);margin:22px 0 8px}.cal-i{display:grid;grid-template-columns:70px 1fr auto;gap:12px;background:#fff;border:1px solid var(--line);padding:10px 14px;margin-bottom:6px;border-radius:var(--r);align-items:center}.cal-i b{font:800 1.3rem var(--hd)}
/* footer */
.site-foot{background:var(--navy);color:#c5d0e8;margin-top:0;border-top:4px solid var(--gold)}.site-foot a{color:#fff;display:block;text-decoration:none;padding:2px 0}.site-foot a:hover{color:var(--gold)}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1.3fr;gap:30px;padding:44px 0 30px}.site-foot h4{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:1rem}.site-foot .brand{display:flex;margin-bottom:10px}.site-foot p{margin:0 0 8px}
.nl{display:flex;gap:6px;flex-wrap:wrap}.nl input{flex:1 1 150px}.nl .msg{flex-basis:100%;color:var(--gold)}.fbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #ffffff22;padding:14px 0;font-size:.85rem}
@media(max-width:860px){.fgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.fgrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* ===== v2: bigger logo, new type, football motion, mobile ===== */
:root{--grass:#1e8a4c;--ease:cubic-bezier(.2,.8,.2,1);--ballurl:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3CclipPath id=%22c%22%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2248%22/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2248%22 fill=%22%23fff%22/%3E%3Cg clip-path=%22url%28%23c%29%22 fill=%22%230a1a3c%22 stroke=%22%230a1a3c%22 stroke-width=%223%22 stroke-linejoin=%22round%22%3E%3Cpolygon points=%2250%2C30 69%2C44 62%2C66 38%2C66 31%2C44%22/%3E%3Cg transform=%22rotate%280 50 50%29%22%3E%3Cpath d=%22M50 30V15%22 fill=%22none%22/%3E%3Cpolygon points=%2250%2C15 61%2C7 57%2C-6 43%2C-6 39%2C7%22/%3E%3C/g%3E%3Cg transform=%22rotate%2872 50 50%29%22%3E%3Cpath d=%22M50 30V15%22 fill=%22none%22/%3E%3Cpolygon points=%2250%2C15 61%2C7 57%2C-6 43%2C-6 39%2C7%22/%3E%3C/g%3E%3Cg transform=%22rotate%28144 50 50%29%22%3E%3Cpath d=%22M50 30V15%22 fill=%22none%22/%3E%3Cpolygon points=%2250%2C15 61%2C7 57%2C-6 43%2C-6 39%2C7%22/%3E%3C/g%3E%3Cg transform=%22rotate%28216 50 50%29%22%3E%3Cpath d=%22M50 30V15%22 fill=%22none%22/%3E%3Cpolygon points=%2250%2C15 61%2C7 57%2C-6 43%2C-6 39%2C7%22/%3E%3C/g%3E%3Cg transform=%22rotate%28288 50 50%29%22%3E%3Cpath d=%22M50 30V15%22 fill=%22none%22/%3E%3Cpolygon points=%2250%2C15 61%2C7 57%2C-6 43%2C-6 39%2C7%22/%3E%3C/g%3E%3C/g%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2248%22 fill=%22none%22 stroke=%22%230a1a3c%22 stroke-width=%223%22/%3E%3C/svg%3E");--pitchurl:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 260%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.13%22 stroke-width=%222%22%3E%3Crect x=%224%22 y=%224%22 width=%22392%22 height=%22252%22/%3E%3Cpath d=%22M200 4v252%22/%3E%3Ccircle cx=%22200%22 cy=%22130%22 r=%2238%22/%3E%3Crect x=%224%22 y=%2270%22 width=%2264%22 height=%22120%22/%3E%3Crect x=%22332%22 y=%2270%22 width=%2264%22 height=%22120%22/%3E%3C/svg%3E")}
body{--intro:0s;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.intro{--intro:1.8s}
h1{font-size:clamp(2.9rem,8.4vw,5.8rem);font-weight:900;line-height:.94;letter-spacing:1px}h2{font-weight:800;letter-spacing:.6px}h3{letter-spacing:.5px}
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:var(--navy);padding:10px 16px;z-index:300;font-weight:700}.skip:focus{left:8px;top:8px}
.ball{display:inline-block;width:1em;height:1em;flex-shrink:0}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes floaty{50%{translate:0 -22px}}@keyframes pulse{50%{opacity:.25}}
@keyframes fadeUp{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes lineUp{to{transform:none}}
/* header: bigger logo */
.site-head{border-bottom:0;transition:box-shadow .3s}.site-head.scrolled{box-shadow:0 10px 28px #0a1a3c66}
.bar{min-height:104px;transition:min-height .3s var(--ease)}.brand{gap:16px}
.brand .shield-svg,.brand .logo-img{height:86px;width:auto;max-width:160px;object-fit:contain;transition:height .3s var(--ease);filter:drop-shadow(0 4px 8px #0007)}
.brand b{font-size:1.75rem;max-width:270px;line-height:.92;font-weight:800;letter-spacing:.6px}.brand small{font-size:.82rem;letter-spacing:.6px}
.site-head.scrolled .bar{min-height:72px}.site-head.scrolled .brand .shield-svg,.site-head.scrolled .brand .logo-img{height:58px}
.sp{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff22}.sp i{display:block;height:100%;width:0;background:var(--gold)}
.sp .ball{position:absolute;top:50%;left:0;width:22px;height:22px;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 3px #000a)}
.nav>a:not(.btn){font-size:1.12rem;letter-spacing:.9px}
.btn{transition:transform .2s var(--ease),box-shadow .2s,filter .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0a1a3c3a}
.btn .ball{width:1.15em;height:1.15em;margin-right:.45em;vertical-align:-.22em}.btn:hover .ball{animation:spin .7s linear infinite}
.burger i{transition:transform .3s var(--ease),opacity .2s}.burger[aria-expanded=true] i:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] i:nth-child(2){opacity:0}.burger[aria-expanded=true] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* preloader */
#preload{position:fixed;inset:0;z-index:999;background:radial-gradient(circle at 50% 38%,var(--navy2),var(--navy) 72%);display:grid;place-items:center;color:#fff;animation:plOut .5s 4.5s forwards}
#preload.done{opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s .6s}@keyframes plOut{to{opacity:0;visibility:hidden}}
.pl-in{display:grid;justify-items:center;gap:8px;text-align:center;padding:20px}.pl-logo{height:120px;width:auto;max-width:200px;object-fit:contain;animation:pop .7s var(--ease) both}
@keyframes pop{from{opacity:0;scale:.6}to{opacity:1;scale:1}}
.pl-stage{position:relative;width:110px;height:150px}
.pl-hop{position:absolute;left:50%;bottom:18px;width:66px;height:66px;margin-left:-33px;transform-origin:50% 100%;animation:hop .9s infinite}
.pl-ball{width:100%;height:100%;animation:spin .9s linear infinite;filter:drop-shadow(0 6px 6px #0008)}
@keyframes hop{0%,100%{transform:translateY(0) scale(1.2,.8);animation-timing-function:cubic-bezier(.2,.7,.4,1)}16%{transform:translateY(-34px) scale(.95,1.05)}50%{transform:translateY(-104px) scale(1);animation-timing-function:cubic-bezier(.6,0,.85,.4)}84%{transform:translateY(-34px) scale(.97,1.03)}}
.pl-shadow{position:absolute;left:50%;bottom:8px;width:64px;height:10px;margin-left:-32px;border-radius:50%;background:#000b;animation:shad .9s infinite}
@keyframes shad{0%,100%{transform:scaleX(1.2);opacity:.65}50%{transform:scaleX(.4);opacity:.2}}
.pl-in p{margin:0;font:800 1.5rem var(--hd);letter-spacing:5px;text-transform:uppercase;color:var(--gold)}
.pl-bar{width:200px;height:4px;background:#ffffff26;border-radius:4px;overflow:hidden;margin-top:6px}.pl-bar i{display:block;height:100%;background:var(--gold);animation:load 1.6s var(--ease) forwards}@keyframes load{from{width:0}to{width:100%}}
/* hero */
.hero{min-height:min(86vh,780px);display:grid;align-items:center;overflow:hidden}.hero .wrap{position:relative;z-index:2;width:min(1180px,100% - 32px)}
.hero-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-fx .pitch{position:absolute;right:-8%;bottom:-14%;width:min(80vw,860px);color:#fff;opacity:.1;transform:perspective(900px) rotateX(58deg) rotateZ(-9deg)}
.hero-fx .ball{position:absolute;filter:drop-shadow(0 8px 10px #0008)}
.hero-fx .b1{width:36px;height:36px;left:47%;top:16%;animation:floaty 7s ease-in-out infinite,spin 9s linear infinite}
.hero-fx .b2{width:22px;height:22px;left:7%;top:70%;opacity:.5;animation:floaty 9s -2s ease-in-out infinite,spin 12s linear infinite reverse}
.hero-fx .b3{width:52px;height:52px;right:5%;top:10%;opacity:.35;animation:floaty 11s -4s ease-in-out infinite,spin 15s linear infinite}
.keepy{position:absolute;left:3%;bottom:20px;width:64px;height:140px}.keepy .ball{position:absolute;left:0;bottom:14px;width:60px;height:60px;transform-origin:50% 100%;animation:keepy 1.1s infinite,spin 1.1s linear infinite}
.keepy i{position:absolute;left:4px;bottom:4px;width:56px;height:9px;border-radius:50%;background:#0009;animation:shad 1.1s infinite}
@keyframes keepy{0%,100%{translate:0 0;scale:1.14 .86;animation-timing-function:cubic-bezier(.2,.7,.4,1)}50%{translate:0 -96px;scale:1;animation-timing-function:cubic-bezier(.6,0,.85,.4)}}
.ln{display:block;overflow:hidden;padding-bottom:.08em}.ln b{display:block;font-weight:inherit;transform:translateY(112%);animation:lineUp .95s var(--ease) forwards;animation-delay:calc(.1s + var(--intro))}.ln:nth-child(2) b{animation-delay:calc(.28s + var(--intro))}
.hero .tag,.hero .sub,.hero .cta,.hero .board{opacity:0;animation:fadeUp .9s var(--ease) forwards;animation-delay:calc(.5s + var(--intro))}.hero .sub{animation-delay:calc(.65s + var(--intro))}.hero .cta{animation-delay:calc(.8s + var(--intro))}.hero .board{animation-delay:calc(.7s + var(--intro))}
.hero .tag{letter-spacing:1.5px}.board h3::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff4d4d;margin-right:9px;animation:pulse 1.4s infinite}
.board .vs{font-size:2.1rem;font-weight:800}.board .sc{font-size:3.4rem;font-weight:900}.cd b{font-weight:800}
/* football hints: ball rolling along section lines, page headers and footer */
.sec{position:relative}.hero+.sec,.sec+.sec{border-top:2px solid rgba(30,138,76,.45)}
.hero+.sec::before,.sec+.sec::before{content:"";position:absolute;top:-17px;left:50%;width:32px;height:32px;margin-left:-16px;background:var(--ballurl) center/contain no-repeat;animation:rollLine 9s ease-in-out infinite;z-index:3;filter:drop-shadow(0 3px 2px #0004)}
@keyframes rollLine{0%,100%{transform:translateX(-110px) rotate(-420deg)}50%{transform:translateX(110px) rotate(420deg)}}
.page-h{position:relative;overflow:hidden;background:var(--pitchurl) right -30px center/auto 150% no-repeat,var(--navy);padding:46px 0 36px}.page-h .wrap{position:relative}.page-h h1{font-size:clamp(2.4rem,6.4vw,4.2rem)}
.page-h::after,.site-foot::after{content:"";position:absolute;bottom:-2px;left:-50px;width:30px;height:30px;background:var(--ballurl) center/contain no-repeat;animation:cross 16s linear infinite;filter:drop-shadow(0 2px 2px #0006)}
@keyframes cross{from{transform:translateX(0) rotate(0)}to{transform:translateX(calc(100vw + 100px)) rotate(1440deg)}}
.site-foot{position:relative;overflow:hidden;background:repeating-linear-gradient(45deg,transparent 0 13px,rgba(255,255,255,.045) 13px 14px),repeating-linear-gradient(-45deg,transparent 0 13px,rgba(255,255,255,.045) 13px 14px),var(--navy)}
.site-foot::after{bottom:6px;animation-duration:24s}.site-foot .brand .shield-svg,.site-foot .brand .logo-img{height:96px;width:auto;max-width:170px;object-fit:contain}.site-foot .brand b{font-size:1.5rem;max-width:230px}
/* motion polish */
.card,.mrow{transition:transform .35s var(--ease),box-shadow .35s,border-color .2s}a.card:hover{transform:translateY(-6px);box-shadow:0 18px 34px #0a1a3c26}.card img{transition:transform .7s var(--ease)}a.card:hover img{transform:scale(1.06)}.mrow:hover{transform:translateX(6px)}
.pcard:hover{transform:translateY(-6px);box-shadow:0 18px 34px #0a1a3c26}.pcard .no{transition:transform .3s var(--ease)}.pcard:hover .no{transform:scale(1.12) rotate(-4deg)}
.rv{opacity:0;transform:translateY(26px)}.mrow.rv,.cal-i.rv{transform:translateX(-30px)}.fchip.rv,.step.rv{transform:scale(.3)}
.rv.in{opacity:1;transform:none;transition:opacity .6s ease,transform .7s var(--ease);transition-delay:var(--rd,0s)}
.totop{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;border:3px solid var(--gold);background:var(--navy);cursor:pointer;display:grid;place-items:center;z-index:60;padding:0;opacity:0;visibility:hidden;transform:translateY(60px);transition:opacity .3s,visibility 0s .3s,transform .3s}
.totop .ball{width:32px;height:32px}.totop.show{opacity:1;visibility:visible;transform:none;transition:opacity .3s;animation:drop .9s}.totop:hover .ball{animation:spin .6s linear infinite}
@keyframes drop{0%{transform:translateY(-160px)}50%{transform:translateY(0)}65%{transform:translateY(-20px)}80%{transform:translateY(0)}90%{transform:translateY(-6px)}100%{transform:none}}
/* registration goal celebration */
.goal{position:relative;height:200px;margin-bottom:18px;border-radius:var(--r);overflow:hidden;background:repeating-linear-gradient(90deg,#1e8a4c 0 44px,#1a7d44 44px 88px)}
.goal .net{position:absolute;right:5%;top:22%;width:36%;height:62%;border:6px solid #fff;border-bottom:0;background:repeating-linear-gradient(45deg,transparent 0 9px,#ffffff66 9px 10px),repeating-linear-gradient(-45deg,transparent 0 9px,#ffffff66 9px 10px)}
.goal .gball{position:absolute;left:6%;bottom:10%;width:46px;height:46px;animation:shoot 1.5s .2s cubic-bezier(.3,.6,.4,1) forwards;filter:drop-shadow(0 6px 4px #0006)}
@keyframes shoot{0%{left:6%;bottom:8%;rotate:0deg}55%{left:64%;bottom:46%}100%{left:76%;bottom:34%;rotate:1080deg}}
.goal b{position:absolute;left:50%;top:12%;translate:-50% 0;font:900 3.6rem var(--hd);letter-spacing:5px;color:var(--gold);text-shadow:0 4px 0 #0a1a3c;opacity:0;animation:gt .7s 1.6s var(--ease) forwards}@keyframes gt{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
.goal s{position:absolute;top:-16px;width:8px;height:14px;opacity:0;animation:conf 2.4s ease-in forwards}@keyframes conf{0%{opacity:1;transform:translateY(0) rotate(0)}100%{opacity:1;transform:translateY(240px) rotate(720deg)}}
.goal s:nth-of-type(1){left:3%;background:#f6b800;animation-delay:1.60s}.goal s:nth-of-type(2){left:7%;background:#ffffff;animation-delay:1.72s}.goal s:nth-of-type(3){left:11%;background:#1e8a4c;animation-delay:1.84s}.goal s:nth-of-type(4){left:15%;background:#2f6fd6;animation-delay:1.96s}.goal s:nth-of-type(5){left:19%;background:#ff5a5a;animation-delay:2.08s}.goal s:nth-of-type(6){left:23%;background:#f6b800;animation-delay:2.20s}.goal s:nth-of-type(7){left:27%;background:#f6b800;animation-delay:2.32s}.goal s:nth-of-type(8){left:31%;background:#ffffff;animation-delay:1.60s}.goal s:nth-of-type(9){left:35%;background:#1e8a4c;animation-delay:1.72s}.goal s:nth-of-type(10){left:39%;background:#2f6fd6;animation-delay:1.84s}.goal s:nth-of-type(11){left:43%;background:#ff5a5a;animation-delay:1.96s}.goal s:nth-of-type(12){left:47%;background:#f6b800;animation-delay:2.08s}.goal s:nth-of-type(13){left:51%;background:#f6b800;animation-delay:2.20s}.goal s:nth-of-type(14){left:55%;background:#ffffff;animation-delay:2.32s}.goal s:nth-of-type(15){left:59%;background:#1e8a4c;animation-delay:1.60s}.goal s:nth-of-type(16){left:63%;background:#2f6fd6;animation-delay:1.72s}.goal s:nth-of-type(17){left:67%;background:#ff5a5a;animation-delay:1.84s}.goal s:nth-of-type(18){left:71%;background:#f6b800;animation-delay:1.96s}.goal s:nth-of-type(19){left:75%;background:#f6b800;animation-delay:2.08s}.goal s:nth-of-type(20){left:79%;background:#ffffff;animation-delay:2.20s}.goal s:nth-of-type(21){left:83%;background:#1e8a4c;animation-delay:2.32s}.goal s:nth-of-type(22){left:87%;background:#2f6fd6;animation-delay:1.60s}.goal s:nth-of-type(23){left:91%;background:#ff5a5a;animation-delay:1.72s}.goal s:nth-of-type(24){left:95%;background:#f6b800;animation-delay:1.84s}
/* mobile */
@media(max-width:1279px){
 .burger{display:block;position:relative;z-index:80;width:48px;height:48px;border-radius:50%}
 .nav{display:flex;position:fixed;top:0;left:auto;right:0;bottom:auto;height:100vh;height:100dvh;width:min(88vw,380px);flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:0;padding:112px 26px 32px;margin:0;background:linear-gradient(160deg,var(--navy2),var(--navy));transform:translateX(105%);visibility:hidden;transition:transform .4s var(--ease),visibility 0s .4s;overflow-y:auto;z-index:70;box-shadow:-24px 0 60px #000a}
 .nav.open{transform:none;visibility:visible;transition:transform .4s var(--ease)}
 .nav>a:not(.btn){font-size:1.7rem;padding:.5em 0;border-bottom:1px solid #ffffff1f}.nav>.btn{margin-top:20px;text-align:center;font-size:1.35rem;padding:.7em}.nav .socs{margin:20px 0 0}
 .scrim{position:fixed;inset:0;background:#000b;z-index:65;opacity:0;pointer-events:none;transition:opacity .3s}.scrim.on{opacity:1;pointer-events:auto}body.nav-open{overflow:hidden}body.nav-open .site-head{z-index:70}
}
@media(max-width:860px){.keepy,.hero-fx .b3{display:none}.hero{min-height:0}.hero-fx .pitch{opacity:.07}.board .vs{font-size:1.7rem}}
@media(max-width:700px){
 .wrap{width:calc(100% - 28px)}.sec{padding:38px 0}.bar{min-height:80px}.site-head.scrolled .bar{min-height:64px}
 .brand .shield-svg,.brand .logo-img{height:62px;max-width:100px}.site-head.scrolled .brand .shield-svg,.site-head.scrolled .brand .logo-img{height:48px}
 .brand b{font-size:1.2rem;max-width:160px}.brand small{display:none}.hero .wrap{padding:34px 0 44px}.hero .cta .btn{flex:1 1 140px;text-align:center}
 .board{padding:16px}.board .sc{font-size:2.6rem}.cd div{min-width:54px}.page-h{padding:30px 0 26px;background-position:right -120px center}
 .pstats{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(3,1fr)!important}.stats b{font-size:1.9rem}
 .path .step{flex:1 1 44%}.path .step:after{display:none}
 .tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.tabs a,.tabs button{white-space:nowrap;padding:.85em 1em}.tabs::-webkit-scrollbar{display:none}
 .cal-i{grid-template-columns:58px 1fr}.cal-i .badge{display:none}.filters select,.filters input{flex:1 1 140px}.fgrid{padding-top:34px}
 .btn{min-height:44px}input,select,textarea{font-size:16px}.goal{height:170px}.goal b{font-size:2.6rem}.pl-logo{height:96px}.totop{width:50px;height:50px}
 .tbl-wrap{-webkit-overflow-scrolling:touch}.hero+.sec::before,.sec+.sec::before{width:26px;height:26px;margin-left:-13px;top:-14px}
}
@media(max-width:420px){.stats{grid-template-columns:repeat(2,1fr)!important}.board .vs{font-size:1.35rem}.brand b{max-width:130px;font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}#preload{display:none}.rv{opacity:1!important;transform:none!important}.ln b{transform:none!important}.hero .tag,.hero .sub,.hero .cta,.hero .board{opacity:1!important}}

/* ===== v3: logo-only header on one line, new social icons ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-head .wrap.bar{width:min(1360px,100% - 32px);min-height:108px;gap:clamp(12px,2vw,32px)}
.site-head .brand .shield-svg,.site-head .brand .logo-img{height:92px;max-width:220px}
.site-head.scrolled .wrap.bar{min-height:76px}.site-head.scrolled .brand .shield-svg,.site-head.scrolled .brand .logo-img{height:62px}
@media(min-width:1280px){
 .nav{flex:1;flex-wrap:nowrap;white-space:nowrap;gap:0;justify-content:flex-end}
 .nav>a:not(.btn){font-size:clamp(1rem,1.2vw,1.2rem);padding:.5em clamp(.4em,.75vw,.85em)}
 .nav>.btn{margin-left:clamp(8px,1.2vw,22px);flex-shrink:0}
}
@media(max-width:1279px){.site-head .wrap.bar{min-height:88px}.site-head .brand .shield-svg,.site-head .brand .logo-img{height:70px}.site-head.scrolled .brand .shield-svg,.site-head.scrolled .brand .logo-img{height:52px}.site-head.scrolled .wrap.bar{min-height:68px}}
@media(max-width:700px){.site-head .wrap.bar{min-height:78px}.site-head .brand .shield-svg,.site-head .brand .logo-img{height:60px;max-width:150px}.site-head.scrolled .brand .shield-svg,.site-head.scrolled .brand .logo-img{height:48px}.site-head.scrolled .wrap.bar{min-height:62px}}
.socs{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
.soc{--cut:#16285a;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#ffffff14;border:1px solid #ffffff38;color:#fff;font-size:0;transition:transform .3s var(--ease),background .25s,border-color .25s,box-shadow .25s}
.soc svg{width:22px;height:22px;fill:currentColor}.soc svg .st{fill:none;stroke:currentColor;stroke-width:2}.soc svg .cut{fill:var(--cut)}
.soc:hover{transform:translateY(-5px) rotate(-6deg);color:#fff;border-color:transparent;box-shadow:0 10px 20px #0006}
.soc.facebook:hover{background:#1877f2;--cut:#1877f2}.soc.instagram:hover{background:linear-gradient(45deg,#f9a03f,#e1306c 55%,#833ab4)}.soc.youtube:hover{background:#f00;--cut:#f00}.soc.tiktok:hover{background:#111;box-shadow:-3px 0 0 #25f4ee,3px 0 0 #fe2c55,0 10px 20px #0006}.soc.twitter:hover{background:#111}
.socs.on-light .soc{background:var(--navy);border-color:var(--navy);--cut:var(--navy)}.socs.on-light .soc.facebook:hover{--cut:#1877f2}.socs.on-light .soc.youtube:hover{--cut:#f00}
.site-foot h4.fol{margin-top:18px}

/* ===== v4: one-page layout, mobile page mode, plans, donate, pay ===== */
[hidden]{display:none!important}
.pg{scroll-margin-top:76px}
@keyframes pgIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:900px){.pg{display:none}.pg.active{display:block;animation:pgIn .45s var(--ease)}}
.btn.line{background:transparent;border-color:var(--gold);color:var(--gold)}.btn.line:hover{background:var(--gold);color:var(--navy)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:16px 0}
.plan{position:relative;cursor:pointer;display:block}.plan input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.plan .pc{display:flex;flex-direction:column;gap:6px;height:100%;background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:22px 20px;transition:transform .3s var(--ease),border-color .2s,box-shadow .3s}
.plan:hover .pc{transform:translateY(-4px)}.plan input:checked+.pc{border-color:var(--gold);background:linear-gradient(#fffaf0,#fff);box-shadow:0 0 0 4px #f6b80040,0 14px 30px #0a1a3c22}
.plan input:focus-visible+.pc{outline:3px solid var(--navy);outline-offset:2px}.plan input:checked+.pc::after{content:"Selected";position:absolute;top:12px;right:14px;font-weight:800;color:var(--ok);font-size:.78rem;text-transform:uppercase;letter-spacing:1px}
.plan .nm{font:800 1.7rem/1 var(--hd);color:var(--navy);text-transform:uppercase}.plan .age{font-weight:700;color:var(--ok);font-size:.9rem}.plan .price{margin:4px 0}.plan .price b{font:900 2.3rem/1 var(--hd);color:var(--navy)}.plan ul{margin:6px 0 0;padding-left:18px;font-size:.92rem}
.tier{text-align:center}.tier .icon{font-size:2.5rem}.tier .amt{display:block;font:900 2.1rem var(--hd);color:var(--navy);margin:6px 0 2px}.tier h3{margin-bottom:.2em}
@media(max-width:900px){.pg .sec:first-of-type{padding-top:30px}}

/* ===== v5: compact single-page desktop (mockup style) ===== */
@media(min-width:901px){
 main{counter-reset:pg}
 .pg:not(#home){counter-increment:pg}
 .pg .page-h{padding:20px 0 16px;border-bottom-width:3px;background:var(--navy)}.pg .page-h::after{display:none}
 .pg .page-h h1{font-size:clamp(1.7rem,2.6vw,2.3rem);letter-spacing:1.5px}
 .pg:not(#home) .page-h h1::before{content:counter(pg,decimal-leading-zero);color:var(--gold);margin-right:.5em;font-weight:800}
 .pg .page-h p{font-size:.95rem;margin:.25em 0 0;color:#aab8d6}
 .pg .sec{padding:30px 0}
 .pg-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;border-top:3px solid var(--gold)}
 .pg-row>.pg{min-width:0}.pg-row>.pg+.pg{border-left:3px solid var(--gold)}
 .pg-row .wrap{width:calc(100% - 44px)}
 .pg-row .g2{grid-template-columns:1fr}.pg-row .g3,.pg-row .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pg-row .stats{grid-template-columns:repeat(3,1fr)!important}.pg-row .partners{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){.pg-row{display:block}}

/* ===== v6: mockup-style panel grid on desktop ===== */
.panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;width:min(1560px,100% - 32px);margin:0 auto;padding:26px 0 36px;align-items:start;grid-auto-flow:dense}
.panel{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 10px 26px #0a1a3c14;max-height:600px;scroll-margin-top:88px;transition:box-shadow .3s,max-height .5s var(--ease)}
.panel.w2{grid-column:span 2}.panel.full,.panel.open{grid-column:1/-1;max-height:none}.panel.full{max-height:none}
.panel.flash{animation:flash 1.4s ease}@keyframes flash{0%,100%{box-shadow:0 10px 26px #0a1a3c14}30%{box-shadow:0 0 0 4px var(--gold),0 14px 34px #0a1a3c40}}
.panel .page-h{background:var(--navy);border-radius:0}.panel .wrap{width:calc(100% - 32px)!important;max-width:none!important}
.panel .sec{padding:18px 0}.panel .sec+.sec::before{display:none}.panel .sec+.sec{border-top:0}
.panel h2{font-size:1.35rem}.panel .g2{grid-template-columns:1fr}.panel .g3,.panel .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.panel .stats{grid-template-columns:repeat(3,1fr)!important}.panel .partners{grid-template-columns:1fr}.panel .tbl{font-size:.85rem}.panel .tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.panel .tabs::-webkit-scrollbar{display:none}.panel .tabs button,.panel .tabs a{white-space:nowrap;padding:.6em .8em}
.panel .fgrid2{grid-template-columns:1fr}.panel .plans{grid-template-columns:1fr}
.panel.open .g2,.panel.full .g2,.panel.w2 .g2{grid-template-columns:repeat(2,minmax(0,1fr))}.panel.open .g3,.panel.full .g3{grid-template-columns:repeat(3,minmax(0,1fr))}.panel.open .g4,.panel.full .g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.panel.open .stats,.panel.full .stats{grid-template-columns:repeat(6,1fr)!important}.panel.open .partners,.panel.full .partners{grid-template-columns:repeat(3,1fr)}
.panel.open .fgrid2,.panel.full .fgrid2{grid-template-columns:repeat(2,1fr)}.panel.open .plans,.panel.full .plans{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.panel.open .wrap,.panel.full .wrap{width:min(1180px,100% - 40px)!important;margin-inline:auto}
.panel.open .tabs,.panel.full .tabs{flex-wrap:wrap;overflow:visible}
.pmore{position:absolute;left:0;right:0;bottom:0;height:92px;border:0;background:linear-gradient(rgba(255,255,255,0),#fff 68%);color:var(--navy);font:800 1.05rem var(--hd);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px}
.pmore span::after{content:" \2193";color:var(--gold)}.pmore:hover span{color:var(--navy2);text-decoration:underline}
.panel.open .pmore{position:static;height:auto;background:var(--chalk);padding:12px;border-top:1px solid var(--line);align-items:center;width:100%}.panel.open .pmore span::after{content:" \2191"}
.panel.full .pmore{display:none}
@media(max-width:1199px){.panels{grid-template-columns:repeat(3,minmax(0,1fr))}.panel.w2{grid-column:span 2}}
@media(max-width:999px){.panels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .panels{display:block;width:auto;padding:0}.panel{border:0;border-radius:0;box-shadow:none;max-height:none!important;overflow:visible;scroll-margin-top:0}
 .pmore{display:none}.panel .page-h{background:var(--pitchurl) right -30px center/auto 150% no-repeat,var(--navy)}.panel .wrap{width:calc(100% - 28px)!important}
 .panel .g2{grid-template-columns:1fr}.panel .g3,.panel .g4{grid-template-columns:repeat(2,minmax(0,1fr))}.panel .stats{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:560px){.panel .g3,.panel .g4{grid-template-columns:1fr}.panel .g4.keep{grid-template-columns:repeat(2,1fr)}}
main{counter-reset:pg 1}



/* ===== v8: short banner, Home = first panel, next match | latest result side by side ===== */
:root{--build:"v8"}
main{counter-reset:pg 0}
@media(min-width:901px){.hero{min-height:0}.hero .wrap{padding:40px 0;grid-template-columns:.95fr 1.05fr}}
.board{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:18px 6px}.board .bd{padding:0 16px;min-width:0}.board .bd+.bd{border-left:1px dashed #ffffff33}
.board .vs{font-size:clamp(1.2rem,1.6vw,1.65rem)}.board .sc{font-size:2.3rem}.board .cd{gap:5px}.board .cd div{min-width:44px;padding:5px}.board .cd b{font-size:1.3rem}
@media(max-width:700px){.board{grid-template-columns:1fr;padding:16px}.board .bd{padding:0}.board .bd+.bd{border-left:0;border-top:1px dashed #ffffff33;margin-top:14px;padding-top:14px}.board .vs{font-size:1.5rem}}
@media(max-width:900px){#overview .page-h{display:none}}
@media(min-width:901px){.hero h1{font-size:clamp(2.4rem,4.6vw,4.2rem)}.hero .wrap{padding:26px 0}.hero .tag{margin:.15em 0}.hero .sub{margin:.3em 0;font-size:1.05rem}.hero .cta{margin-top:14px}.hero .board{padding:14px 4px}.hero-fx .pitch{bottom:-30%}}