/* EKO6 v3 — "Match Night": dark stage, angled cuts, big italic sports type, Nigerian colour & pattern */
:root{
  --bg:#030b07;--bg2:#06130c;--panel:#0a1c12;--panel2:#0e2619;--line:rgba(255,255,255,.13);
  --mint:#5be39b;--lime:#5be39b;--naija:#008751;--danfo:#ffc72c;--hot:#ff5a36;--white:#f3f8f4;--ink:#030b07;--paper:#030b07;
  --display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  --cut:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:Manrope,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}

/* ---------- type ---------- */
h1,h2,.diff-grid b,.record b,.stat-cards b,.rule-list h2,.leader-grid h2{
  font-family:var(--display)!important;font-style:italic!important;font-weight:900!important;
  text-transform:uppercase;letter-spacing:-.005em!important;line-height:.88!important}
h3{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.005em}
.section-title h2,.culture h2,.cta h2{font-size:clamp(54px,8vw,116px)!important}
.page-head h1,.tryout-hero h1,.club-hero h1{font-size:clamp(76px,12vw,176px)!important}
.label{display:inline-block;background:var(--mint);color:#02150b!important;padding:7px 18px 7px 14px;font-size:11px;font-weight:800;letter-spacing:.18em;
  clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.label:before{display:none!important}
.section-title{align-items:flex-end}
.section-title>a{font-family:var(--display);font-style:italic;font-weight:800;font-size:18px;letter-spacing:.06em;border:0;padding:10px 20px;background:var(--panel2);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .2s,color .2s}
.section-title>a:hover{background:var(--danfo);color:#000}
.block{padding:96px 0}

/* ---------- header ---------- */
.topbar{background:rgba(3,11,7,.92);backdrop-filter:blur(10px);height:76px}
.topbar nav a{font-family:var(--display);font-style:italic;font-weight:800;font-size:18px;letter-spacing:.07em;position:relative;padding:6px 0}
.topbar nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:3px;background:var(--danfo);transform:skew(-25deg);transition:right .25s}
.topbar nav a:hover:after{right:0}
.join,.primary,.secondary{font-family:var(--display);font-style:italic;font-weight:900;font-size:19px;letter-spacing:.06em;text-transform:uppercase;
  clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);padding:15px 34px;border:0;transition:transform .2s,background .2s,color .2s}
.join{background:var(--mint);color:#02150b;padding:11px 28px;font-size:17px}
.primary{background:var(--mint);color:#02150b!important;box-shadow:none}
.primary:hover,.join:hover{background:var(--danfo);transform:translateX(4px);box-shadow:none}
.secondary{background:rgba(255,255,255,.1);color:#fff}
.secondary:hover{background:#fff;color:#000}
.primary.disabled{background:#2a3a30;color:#8aa396!important}

/* ---------- STAGE (home hero) ---------- */
.stage{position:relative;overflow:hidden;background:radial-gradient(70% 60% at 18% 0,rgba(0,135,81,.5),transparent 70%),radial-gradient(45% 45% at 95% 5%,rgba(255,199,44,.22),transparent 70%),var(--bg);padding:64px 0 150px;isolation:isolate}
.stage:after{content:"";position:absolute;inset:-96px;z-index:-1;background:var(--pat-dark);opacity:.8;animation:drift 50s linear infinite;-webkit-mask:linear-gradient(180deg,#000,transparent 85%);mask:linear-gradient(180deg,#000,transparent 85%)}
.stage-fx{position:absolute;inset:0;z-index:-1;pointer-events:none}
.stage .big6{position:absolute;right:-3%;top:-8%;font:italic 900 min(78vw,860px)/1 var(--display);color:transparent;-webkit-text-stroke:3px rgba(91,227,155,.22);animation:floaty 9s ease-in-out infinite}
.beam{position:absolute;top:-30%;width:200px;height:150%;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 75%);filter:blur(22px);transform-origin:top center;animation:sweep 9s ease-in-out infinite alternate}
.beam.b1{left:6%;transform:rotate(20deg)}.beam.b2{left:40%;transform:rotate(-14deg);animation-delay:-4s;opacity:.7}
@keyframes sweep{from{transform:rotate(26deg)}to{transform:rotate(8deg)}}
.beam.b2{animation-name:sweep2}@keyframes sweep2{from{transform:rotate(-22deg)}to{transform:rotate(-6deg)}}
.stage-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.stage-copy>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) backwards}
.stage-copy>*:nth-child(2){animation-delay:.1s}.stage-copy>*:nth-child(3){animation-delay:.2s}.stage-copy>*:nth-child(4){animation-delay:.3s}.stage-copy>*:nth-child(5){animation-delay:.4s}
.stage h1{font-size:clamp(100px,17vw,240px)!important;line-height:.78!important;margin:26px 0 22px;text-shadow:0 10px 50px rgba(0,0,0,.5)}
.stage h1 em{font-style:italic;color:var(--mint);text-shadow:0 0 40px rgba(91,227,155,.55)}
.stage h1 .out{color:transparent;-webkit-text-stroke:3px #fff}
.stage-copy p{font-size:18px;line-height:1.6;color:#c9dccf;max-width:520px;margin:0 0 28px}
.stage .actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 34px}
.chips{display:flex;gap:0;flex-wrap:wrap}
.chips div{padding:6px 24px 6px 0;margin-right:24px;border-right:1px solid var(--line);display:grid}
.chips div:last-child{border:0}
.chips b{font:italic 900 40px/1 var(--display);color:var(--danfo)}
.chips span{font-size:10px;font-weight:800;letter-spacing:.2em;color:#9db8a6}

.poster{position:relative;display:block;aspect-ratio:4/5;width:min(100%,500px);margin-left:auto;clip-path:var(--cut);background:#000;box-shadow:0 0 0 2px rgba(255,255,255,.1);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.poster:hover{transform:translateY(-8px) rotate(-.6deg)}
.poster .ph{position:absolute;inset:0}
.poster .p1{background:radial-gradient(60% 50% at 30% 40%,#c9a227 0,transparent 70%),linear-gradient(160deg,#120d03,#4a3a0c);clip-path:polygon(0 0,64% 0,36% 100%,0 100%)}
.poster .p2{background:radial-gradient(60% 50% at 75% 60%,#12a7ba 0,transparent 70%),linear-gradient(200deg,#031f24,#06626f);clip-path:polygon(64% 0,100% 0,100% 100%,36% 100%)}
.poster:before{content:"";position:absolute;inset:0;z-index:1;background:var(--pat-dark);opacity:.7;mix-blend-mode:overlay}
.poster:after{content:"";position:absolute;z-index:4;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-20deg);animation:glint 5s ease-in-out infinite}
@keyframes glint{0%,60%{left:-40%}100%{left:140%}}
.ptag{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:18px 24px;font-size:10px;font-weight:800;letter-spacing:.2em}
.ptag span{color:var(--mint)}.ptag b{color:#fff}
.pl{position:absolute;z-index:3;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6))}
.pl.l1{width:46%;left:6%;top:16%;animation:floaty 6s ease-in-out infinite}
.pl.l2{width:48%;right:3%;top:38%;animation:floaty 6s ease-in-out -3s infinite}
.pvs{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%) skewX(-12deg);font:italic 900 clamp(60px,9vw,110px)/1 var(--display);color:var(--danfo);text-shadow:4px 4px 0 #000,0 0 40px rgba(255,199,44,.5)}
.pnames{position:absolute;z-index:3;left:0;right:0;bottom:84px;display:flex;justify-content:space-between;padding:0 24px;font:italic 900 clamp(18px,2.4vw,26px)/1 var(--display);text-transform:uppercase}
.pcount{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;gap:2px;background:rgba(0,0,0,.65);padding:14px 24px;align-items:center}
.pcount div{display:grid;justify-items:center;min-width:54px}
.pcount b{font:italic 900 30px/1 var(--display)}
.pcount span{font-size:8px;font-weight:800;letter-spacing:.2em;color:#9db8a6}
.pcount .tba{margin-left:auto;background:var(--danfo);color:#000;font:italic 900 18px/1 var(--display);padding:10px 16px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);letter-spacing:.06em}

/* ---------- crossing tapes ---------- */
.tapes{position:relative;height:190px;margin-top:-100px;overflow:hidden;z-index:6;pointer-events:none}
.tape{position:absolute;left:-6%;width:112%;white-space:nowrap;overflow:hidden;padding:12px 0;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.tape .tt{display:inline-flex;gap:26px;align-items:center;animation:tape 40s linear infinite;font:italic 900 26px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}
.tape .tt i{font-style:normal;font-size:16px}
.tape .tt.rev{animation-direction:reverse;animation-duration:46s}
.t1{background:var(--danfo);color:#050505;top:26px;transform:rotate(-2.6deg)}
.t2{background:var(--naija);color:#fff;top:78px;transform:rotate(1.8deg);border-top:3px solid #fff;border-bottom:3px solid #fff}
.t2 .tt i{color:var(--danfo)}
@keyframes tape{to{transform:translateX(-33.333%)}}

/* ---------- quick strip ---------- */
.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border:0;margin-top:10px}
.quick-strip a{border:0!important;background:var(--panel);padding:22px 24px;display:grid;gap:4px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);transition:background .25s,transform .25s;position:relative}
.quick-strip a:hover{background:var(--naija);transform:translateY(-4px)}
.quick-strip span{color:var(--mint)!important;font-size:10px;font-weight:800;letter-spacing:.2em}
.quick-strip b{font:italic 900 28px/1 var(--display);text-transform:uppercase}
.quick-strip small{color:#9db8a6;font-size:11px;font-weight:700;letter-spacing:.06em}

/* ---------- club tiles (posters) ---------- */
.club-grid{gap:14px}
.club-tile{display:flex!important;flex-direction:column;justify-content:flex-end;min-height:390px;padding:26px 26px 24px;clip-path:var(--cut);isolation:isolate;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .3s}
.club-tile:after{display:none}
.club-tile:before{content:attr(data-code);position:absolute;z-index:-1;right:-14px;top:-30px;font:italic 900 230px/1 var(--display);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.2);transition:transform .5s}
.club-tile:hover{transform:translateY(-8px);filter:brightness(1.12);box-shadow:none}
.club-tile:hover:before{transform:translateX(-16px)}
.club-tile .crest{position:absolute;top:26px;left:26px;width:150px;height:170px;z-index:2;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.club-tile .crest:not(.logo-crest){display:grid;place-items:center;font:italic 900 50px/1 var(--display);width:130px;height:130px;border-radius:0;background:rgba(0,0,0,.28);clip-path:var(--cut);box-shadow:none}
.club-tile:hover .crest{transform:scale(1.12) rotate(-4deg)}
.club-tile .crest.logo-crest{width:170px;height:190px}
.club-tile small{font-size:10px;font-weight:800;letter-spacing:.22em;color:rgba(255,255,255,.75);text-transform:uppercase}
.club-tile h3{font-size:46px;line-height:.9;margin:8px 0 0;letter-spacing:0;text-shadow:0 4px 18px rgba(0,0,0,.4)}
.club-tile>span{position:absolute;right:22px;bottom:22px;width:46px;height:46px;display:grid;place-items:center;background:#fff;color:#000;font-size:22px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .2s,transform .2s}
.club-tile:hover>span{background:var(--danfo);transform:translateX(4px)}
.black-gold{background:linear-gradient(155deg,#0a0803,#4d3b0b 140%)!important}
.cyan{background:linear-gradient(155deg,#021d21,#08899a 140%)!important}
.blue{background:linear-gradient(155deg,#04122c,#1b66d6 140%)!important}
.violet{background:linear-gradient(155deg,#0f0620,#7a45e0 140%)!important}
.red{background:linear-gradient(155deg,#190505,#d02020 140%)!important}
.amber{background:linear-gradient(155deg,#150c03,#e0920f 140%)!important}

/* ---------- match centre / fixtures ---------- */
.black-panel,.download-rule{background:linear-gradient(180deg,#041a0f,#030b07)!important;position:relative}
.black-panel{clip-path:polygon(0 36px,100% 0,100% calc(100% - 36px),0 100%);padding:150px 0 140px;margin:-36px 0}
.black-panel:before{display:none}
.matchday,.schedule{border:0}
.round-head{border:0;padding:0 0 14px;font-family:var(--display);font-style:italic;font-weight:900;font-size:22px;letter-spacing:.06em;text-transform:uppercase}
.round-head span{font-family:Manrope;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--mint)}
.fixture{background:linear-gradient(90deg,var(--panel2),var(--panel));border:0!important;margin:0 0 10px;padding:0 24px;min-height:92px;clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%);transition:transform .25s,background .25s;position:relative}
.fixture:hover{background:linear-gradient(90deg,#0f5a37,var(--panel2));transform:translateX(8px);padding-left:24px}
.fixture>span{font:italic 900 22px/1 var(--display);background:var(--danfo);color:#000;padding:9px 0;text-align:center;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.fixture b{font:italic 900 30px/1 var(--display);text-transform:uppercase}
.fixture i{font:italic 900 22px/1 var(--display);color:var(--danfo)}
.fixture em{font:italic 800 14px/1 var(--display);letter-spacing:.14em;color:var(--mint)}
.mini-crest{width:48px;height:52px;border-radius:0;font:italic 900 14px/1 var(--display);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}
.mini-crest.logo-crest{width:56px;height:62px;clip-path:none}
.fixture.muted{opacity:.45}
.fixture.big{min-height:110px}

/* ---------- stats ---------- */
.stat-cards{gap:14px}
.stat-cards article{border:0!important;background:var(--panel);clip-path:var(--cut);padding:26px;min-height:0;position:relative;transition:transform .3s}
.stat-cards article:hover{transform:translateY(-6px)}
.stat-cards article>span{color:var(--mint);font-size:10px;font-weight:800;letter-spacing:.2em}
.ghost-player{height:190px!important;margin:16px 0!important;background:radial-gradient(60% 80% at 50% 100%,rgba(91,227,155,.35),transparent 70%),linear-gradient(180deg,var(--panel2),var(--panel))!important;color:transparent!important;-webkit-text-stroke:2px var(--mint);font:italic 900 130px/1 var(--display)!important;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.stat-cards h3{font-size:34px}
.stat-cards p{border-color:var(--line)!important;color:#9db8a6}.stat-cards p b{color:#fff;font-size:28px!important}
.leader-grid article{border:0!important;background:var(--panel);clip-path:var(--cut);padding:28px}
.leader-grid small{color:var(--mint);font-weight:800;letter-spacing:.2em}
.leader-grid h2{font-size:56px!important}
.leader{border-color:var(--line)!important}
.player-dot{background:var(--naija)!important;color:#fff;font:italic 900 20px/1 var(--display)}
.leader strong{font:italic 900 34px/1 var(--display)}
.data-filter input,.data-filter select{background:var(--panel)!important;border:1px solid var(--line)!important;color:#fff}

/* ---------- presidents ---------- */
.presidents{padding:100px 0 110px;background:linear-gradient(180deg,transparent,rgba(0,135,81,.12));position:relative}
.pres-note{max-width:640px;color:#b4cbbb;line-height:1.6;font-size:17px;margin:-14px 0 40px}
.pres-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.pres{position:relative;aspect-ratio:3/4.3;background:linear-gradient(170deg,var(--c1),var(--c2) 160%);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;overflow:hidden;transition:transform .3s}
.pres:hover{transform:translateY(-8px)}
.pres:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-18deg);animation:glint 6s ease-in-out infinite}
.pres:nth-child(2):after{animation-delay:-1s}.pres:nth-child(3):after{animation-delay:-2s}.pres:nth-child(4):after{animation-delay:-3s}.pres:nth-child(5):after{animation-delay:-4s}.pres:nth-child(6):after{animation-delay:-5s}
.silh{position:absolute;left:0;right:0;top:0;height:68%;background:radial-gradient(circle at 50% 30%,rgba(0,0,0,.55) 0 22%,transparent 23%),radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.55) 0 48%,transparent 49%);display:grid;place-items:center}
.silh i{font:italic 900 74px/1 var(--display);color:rgba(255,255,255,.9);transform:translateY(-6px)}
.pres small{font-size:9px;font-weight:800;letter-spacing:.18em;position:relative;z-index:2;color:rgba(255,255,255,.8)}
.pres b{font:italic 900 26px/1 var(--display);position:relative;z-index:2;margin-top:4px}
.pres span{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--danfo);position:relative;z-index:2;margin-top:4px}

/* ---------- features / rules / language / culture ---------- */
.diff-grid{border:0!important;gap:12px}
.diff-grid article{background:var(--panel)!important;border:0!important;clip-path:var(--cut);padding:30px!important;transition:transform .3s,background .3s}
.diff-grid article:hover{background:var(--panel2)!important;transform:translateY(-6px)}
.diff-grid b{color:var(--mint)!important;font-size:clamp(46px,5vw,72px)!important}
.diff-grid h3{font-size:26px;color:#fff}
.diff-grid p{color:#b4cbbb!important}
.lingo{clip-path:polygon(0 30px,100% 0,100% calc(100% - 30px),0 100%);padding:140px 0 150px;margin:-20px 0}
.lingo:before,.lingo:after{display:none}
.lingo h2{font-size:clamp(70px,11vw,168px)!important}
.lingo-grid article{clip-path:var(--cut);box-shadow:none!important;border-bottom:6px solid var(--naija)}
.lingo-grid article:hover{transform:translateY(-6px) rotate(-1deg)}
.lingo-grid b{font-size:clamp(46px,5vw,70px)!important;font-family:var(--display)!important;font-style:italic!important;font-weight:900!important}
.culture{background:linear-gradient(160deg,#04301f,#030b07)!important;position:relative;overflow:hidden;padding:140px 0}
.culture:before{content:"6";position:absolute;right:-2%;top:50%;transform:translateY(-50%);font:italic 900 min(60vw,760px)/1 var(--display);color:transparent;-webkit-text-stroke:2px rgba(91,227,155,.2);pointer-events:none}
.culture-in{position:relative}
.culture h2 em{font-style:italic;color:var(--mint);text-shadow:0 0 40px rgba(91,227,155,.5)}
.culture p{color:#cfe2d5}

.story-art{background:linear-gradient(135deg,#0a3a24,#03120a)!important;color:var(--mint)!important;font:italic 900 150px/1 var(--display)!important;letter-spacing:0!important;clip-path:var(--cut);position:relative}
.story-art.alt{background:linear-gradient(135deg,#473503,#120d02)!important;color:var(--danfo)!important}
.story-art.rules-art{background:linear-gradient(135deg,#4a0b0b,#120303)!important;color:#ff8a6a!important}
.story h3,.lead-story h3{font-size:34px;line-height:.95}
.lead-story h3{font-size:44px}
.news-grid small,.story small{color:var(--mint);font-weight:800;letter-spacing:.2em;font-size:10px}
.news-grid span{font-family:var(--display);font-style:italic;font-weight:800;font-size:16px;letter-spacing:.1em;color:var(--danfo)}
.news-grid a:hover .story-art{filter:brightness(1.2)}

.cta{background:var(--mint)!important;color:#02150b;clip-path:polygon(0 36px,100% 0,100% 100%,0 100%);padding:170px 0 120px;margin-top:-30px;position:relative}
.cta:before{display:none}
.cta h2{font-size:clamp(80px,14vw,200px)!important;color:#02150b}
.cta .label{background:#02150b;color:var(--mint)!important}
.cta .primary{background:#02150b;color:#fff!important}
.cta .primary:hover{background:var(--danfo);color:#000!important}

/* ---------- inner pages ---------- */
.page-head:before{background:radial-gradient(60% 90% at 15% 0,rgba(0,135,81,.55),transparent 70%),var(--pat-dark),#030b07!important;background-color:#030b07!important}
.page-head{padding:100px 0 96px}
.page-head p{color:#c3d9ca;font-size:19px}
.page-head h1:after{content:"";display:block;width:140px;height:8px;margin-top:18px;background:var(--danfo);transform:skewX(-30deg)}
.tabs,.stat-tabs,.club-nav,.match-tabs{border-color:var(--line);gap:8px}
.tabs button,.stat-tabs button,.club-nav button,.match-tabs button{font-family:var(--display);font-style:italic;font-weight:800;font-size:18px;letter-spacing:.08em;background:var(--panel);color:#fff;padding:10px 26px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.tabs .active,.stat-tabs .active,.club-nav .active,.match-tabs .active{background:var(--mint)!important;color:#02150b!important}
table{background:transparent!important}
th,td{border-color:var(--line)!important;color:#fff}
table thead th{background:var(--panel2)!important;color:var(--mint)!important;font-weight:800}
tbody tr{transition:background .2s}tbody tr:hover{background:rgba(91,227,155,.08)}
tbody tr:nth-child(-n+4) td:first-child{box-shadow:inset 6px 0 0 var(--mint)}
tbody tr:nth-child(n+5) td:first-child{box-shadow:inset 6px 0 0 #3a4a40}
td:last-child{font-family:var(--display);font-style:italic;font-weight:900;font-size:24px}
.table-team{font-family:var(--display);font-style:italic;font-weight:900;font-size:22px;text-transform:uppercase}
.table-top{background:var(--naija)!important;font-family:var(--display);font-style:italic;font-weight:800;font-size:16px;letter-spacing:.1em;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%)}
.note{color:#8fa898}
.bracket div{border:0!important;background:var(--panel);clip-path:var(--cut);font-family:var(--display);font-style:italic;font-weight:900;font-size:28px;text-transform:uppercase}
.bracket small{color:var(--mint);font-family:Manrope;font-style:normal;font-size:10px;letter-spacing:.2em}
.bracket .final{background:linear-gradient(90deg,#0f6a40,#0a3a24)!important;color:#fff}
.bracket i{color:var(--danfo)}
.empty-state{border:2px dashed rgba(91,227,155,.35)!important;color:#9db8a6!important;background:rgba(0,135,81,.06)}
.rule-list article{background:var(--panel);border:0!important;margin-bottom:12px;padding:28px 30px;clip-path:var(--cut);transition:transform .3s,background .3s}
.rule-list article:hover{background:var(--panel2);transform:translateX(8px)}
.rule-list article>span{font:italic 900 64px/1 var(--display);color:transparent;-webkit-text-stroke:2px var(--mint)}
.rule-list h2{font-size:52px!important;color:#fff}
.rule-list p{color:#b4cbbb}
.wide-copy{color:#cfe2d5}
.match-hero{background:radial-gradient(50% 80% at 50% 0,rgba(0,135,81,.5),transparent 70%),var(--pat-dark),#030b07!important;background-color:#030b07!important}
.match-title h2{font-size:60px!important}
.match-title>strong{font:italic 900 80px/1 var(--display);color:var(--danfo);text-shadow:4px 4px 0 #000;transform:skewX(-12deg)}
.match-title .crest.logo-crest{width:200px;height:220px}
.match-info,.match-content aside{background:var(--panel)!important;border:0!important;clip-path:var(--cut)}
.match-content aside *{border-color:var(--line)!important}
.versus-stats div{border-color:var(--line)}
.club-hero h1{font-size:clamp(80px,12vw,180px)!important}
.club-hero .crest.huge.logo-crest{width:240px;height:260px}
.club-facts{background:var(--panel)!important;border:0!important;clip-path:var(--cut);gap:0}
.club-facts div{border-color:var(--line)!important}
.club-facts span{color:var(--mint)}
.club-facts b{color:#fff}
.record{border-color:var(--line)}
.record div{border-color:var(--line)!important}
.record b{font-size:64px!important}
.tryout-info article{background:var(--panel)!important;border:0!important;box-shadow:none!important;clip-path:var(--cut);color:#fff}
.tryout-info article:hover{background:var(--panel2)!important;transform:translateY(-4px);box-shadow:none!important}
.tryout-info b{color:var(--mint)!important;font-size:46px!important;font-family:var(--display)!important;font-style:italic;font-weight:900!important}
.tryout-info h3{font-size:34px;margin-top:10px!important}
.try-form{background:var(--panel)!important;border:0!important;box-shadow:none!important;clip-path:var(--cut);color:#fff;padding:34px!important}
.try-form h2{font-size:56px!important;color:#fff}
.try-form label{color:var(--mint);font-weight:800}
.try-form input,.try-form select{background:#071a10!important;border:1px solid rgba(91,227,155,.35)!important;color:#fff!important}
.try-form input:focus,.try-form select:focus{outline:2px solid var(--danfo);outline-offset:0}
.try-form ::placeholder{color:#6f8c7a}
.form-status{color:#9db8a6}
.tryout-hero{background:radial-gradient(60% 90% at 15% 0,rgba(0,135,81,.55),transparent 70%),var(--pat-dark),#030b07!important;background-color:#030b07!important}
.news-page .story-art{height:240px!important}

/* ---------- footer ---------- */
footer{background:var(--pat-dark),#020805!important;background-color:#020805!important}
.foot b{font-family:var(--display);font-style:italic;font-weight:900}
.foot>div:not(:first-child)>b{color:var(--mint)!important;font-size:15px!important;letter-spacing:.14em}
.foot a{transition:color .2s,padding-left .2s}.foot a:hover{color:var(--danfo);padding-left:6px}
.skyline{color:#020805}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  .stage-inner{grid-template-columns:1fr}.poster{margin:20px auto 0}
  .pres-grid{grid-template-columns:repeat(3,1fr)}
  .quick-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
  .club-tile{min-height:340px}.club-tile h3{font-size:38px}
  .club-grid{grid-template-columns:1fr 1fr}
  .fixture{grid-template-columns:54px 1fr 40px 28px 40px 1fr!important;padding:0 18px}
  .fixture b{font-size:20px}
  .black-panel{padding:120px 0 110px}
}
@media(max-width:600px){
  .stage{padding:40px 0 130px}.stage h1{font-size:clamp(92px,28vw,150px)!important}
  .club-grid,.diff-grid,.stat-cards,.leader-grid{grid-template-columns:1fr}
  .club-tile{min-height:320px}
  .pres-grid{grid-template-columns:1fr 1fr}
  .quick-strip{grid-template-columns:1fr}
  .fixture{grid-template-columns:46px 1fr 32px 20px 32px 1fr!important;gap:6px;padding:0 14px;min-height:80px}
  .fixture b{font-size:16px}.fixture>span{font-size:16px}
  .mini-crest.logo-crest{width:36px;height:40px}
  .rule-list article{grid-template-columns:70px 1fr!important;padding:22px}
  .rule-list article>span{font-size:44px}.rule-list h2{font-size:38px!important}
  .tapes{height:150px;margin-top:-80px}.tape .tt{font-size:20px}
  .match-title h2{font-size:34px!important}.match-title .crest.logo-crest{width:130px;height:145px}
  .page-head h1,.tryout-hero h1,.club-hero h1{font-size:clamp(64px,19vw,110px)!important}
  .section-title h2,.culture h2{font-size:clamp(50px,15vw,84px)!important}
  .cta h2{font-size:clamp(64px,19vw,110px)!important}
  .lingo h2{font-size:clamp(60px,18vw,100px)!important}
  .poster{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* fixes */
.club-tile>div:not(.crest){padding-right:62px;min-width:0}
.club-tile h3{overflow-wrap:anywhere;font-size:clamp(30px,3.2vw,40px)}
.pvs{top:46%;font-size:clamp(46px,6vw,78px);z-index:6}
.l2{top:34%}
.match-title>div{display:grid;justify-items:center;gap:26px}
.match-title .crest.logo-crest{margin-bottom:12px}