@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#07130d;--ink2:#0b1d13;--green:#14d86c;--green2:#8cffb9;--gold:#d7ae43;--paper:#edf4ee;--muted:#97aa9d;--line:rgba(140,255,185,.16);--display:"Barlow Condensed",Impact,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);min-height:100vh}button,input{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:-1;background-image:repeating-linear-gradient(115deg,transparent 0 38px,rgba(20,216,108,.06) 39px 40px),radial-gradient(circle at 78% 12%,rgba(20,216,108,.18),transparent 27%)}
.topbar{height:88px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,19,13,.92);backdrop-filter:blur(16px);z-index:100}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand strong{display:block;font-family:var(--display);font-size:1.5rem;line-height:.9;letter-spacing:.08em}.brand small{font-size:.67rem;color:var(--green2);letter-spacing:.16em}.crest{width:46px;height:54px;display:grid;place-items:center;background:var(--green);color:var(--ink);clip-path:polygon(8% 0,92% 0,84% 72%,50% 100%,16% 72%)}.crest span{font-family:var(--display);font-weight:900;font-style:italic;font-size:1.25rem}.topbar nav{display:flex;gap:8px}.nav-link,.menu-button{border:0;background:transparent;color:#b9c9bd;padding:12px 15px;cursor:pointer;text-transform:uppercase;font-family:var(--display);font-weight:800;letter-spacing:.08em}.nav-link:hover,.nav-link.active{color:var(--green)}.menu-button{display:none;border:1px solid var(--line)}
main{width:min(1400px,100%);margin:auto;padding:clamp(28px,4vw,64px) clamp(18px,5vw,72px) 80px}.view{display:none}.view.active{display:block;animation:rise .35s ease both}@keyframes rise{from{opacity:0;transform:translateY(8px)}}.eyebrow{color:var(--green);font:800 .9rem var(--display);letter-spacing:.18em;text-transform:uppercase}
.hero-grid{display:grid;grid-template-columns:1fr minmax(440px,.78fr);gap:clamp(36px,8vw,110px);align-items:end;min-height:510px}.hero-copy h1,.section-head h1{font:900 clamp(4.6rem,11vw,10rem)/.75 var(--display);font-style:italic;letter-spacing:-.045em;margin:26px 0 16px}.hero-copy h1 span{color:transparent;-webkit-text-stroke:2px var(--gold)}.hero-note{color:var(--muted);font-weight:600;letter-spacing:.06em}
.next-match{position:relative;background:linear-gradient(145deg,#10261a,#08150e);border:1px solid rgba(215,174,67,.5);padding:26px;box-shadow:18px 18px 0 rgba(20,216,108,.08);overflow:hidden}.next-match:before{content:"";position:absolute;width:190px;height:190px;border:36px solid rgba(20,216,108,.07);border-radius:50%;right:-55px;top:40px}.match-topline,.date-lockup,.versus{position:relative;display:flex;justify-content:space-between;align-items:center}.match-topline{font:800 .78rem var(--display);letter-spacing:.16em;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:15px}.date-lockup{margin:24px 0}.date-lockup strong{font:900 5.5rem/.8 var(--display);color:var(--green)}.date-lockup span{font:800 1.25rem/1 var(--display);margin-right:auto;margin-left:10px}.date-lockup time{font:900 2.1rem var(--display)}.versus{gap:12px;margin:28px 0}.team{text-align:center;display:grid;justify-items:center;gap:8px;width:42%;font:800 1.05rem var(--display);letter-spacing:.04em}.mini-badge{display:grid;place-items:center;width:62px;height:62px;background:#dce6de;color:#102118;border-radius:50%;font:900 1.25rem var(--display)}.mini-badge:not(.rival){background:var(--green);clip-path:polygon(10% 0,90% 0,82% 72%,50% 100%,18% 72%);border-radius:0}.vs{font:900 1.2rem var(--display);color:var(--gold)}.field-link{position:relative;width:100%;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--paper);padding:15px;display:flex;justify-content:space-between;gap:20px;cursor:pointer;text-align:left}.field-link:hover{border-color:var(--green)}.field-link b{color:var(--green);white-space:nowrap}
.pulse-strip{margin:70px 0 30px;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.pulse-strip div{padding:24px;border-right:1px solid var(--line)}.pulse-strip div:last-child{border:0}.pulse-strip span{display:block;color:var(--muted);font:800 .75rem var(--display);letter-spacing:.14em}.pulse-strip strong{font:800 1.5rem var(--display);text-transform:uppercase}.home-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-card{position:relative;border:1px solid var(--line);padding:28px;min-height:190px;background:rgba(255,255,255,.02);overflow:hidden}.card-index{position:absolute;right:20px;top:8px;color:rgba(20,216,108,.12);font:900 6rem var(--display)}.home-card h2{font:800 1.8rem var(--display);text-transform:uppercase;margin:0 0 10px}.home-card p{color:var(--muted);max-width:440px}.home-card button{border:0;background:transparent;color:var(--green);font-weight:800;padding:5px 0;cursor:pointer}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head h1{font-size:clamp(4rem,8vw,7rem);margin:18px 0 0}.phase-switch{display:flex;border:1px solid var(--line);padding:4px}.phase-switch button{border:0;padding:11px 20px;background:transparent;color:var(--muted);font:800 .9rem var(--display);text-transform:uppercase;cursor:pointer}.phase-switch button.active{background:var(--green);color:var(--ink)}.round-tabs{display:flex;overflow:auto;gap:8px;padding-bottom:12px;scrollbar-color:var(--green) transparent}.round-tabs button{flex:0 0 52px;height:48px;border:1px solid var(--line);background:transparent;color:var(--paper);font:800 1rem var(--display);cursor:pointer}.round-tabs button.active{background:var(--gold);color:var(--ink);border-color:var(--gold)}.round-summary{display:flex;align-items:baseline;gap:16px;margin:26px 0 14px}.round-summary span{font:900 1.7rem var(--display)}.round-summary strong{color:var(--green);font-size:.82rem;letter-spacing:.12em}.fixtures{display:grid;gap:8px}.fixture{display:grid;grid-template-columns:88px minmax(0,1fr) 50px minmax(0,1fr) 42px;align-items:center;gap:16px;padding:17px 20px;background:rgba(255,255,255,.025);border:1px solid var(--line);cursor:pointer;transition:.2s}.fixture:hover{border-color:var(--green);transform:translateX(4px)}.fixture.chisone-match{background:linear-gradient(90deg,rgba(20,216,108,.15),rgba(255,255,255,.02));border-left:4px solid var(--green)}.fixture time{color:var(--gold);font:900 1.1rem var(--display)}.fixture .home{text-align:right}.fixture .away{text-align:left}.fixture .home,.fixture .away{font-weight:700}.fixture .dash{text-align:center;color:var(--muted)}.fixture .arrow{color:var(--green);font-size:1.2rem}
.status-pill{color:var(--gold);border:1px solid rgba(215,174,67,.45);padding:10px 14px;font:800 .78rem var(--display);letter-spacing:.08em;text-transform:uppercase}.table-wrap{overflow:auto;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:750px}th,td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:center}th{color:var(--muted);font:800 .75rem var(--display);letter-spacing:.09em}th:nth-child(2),td:nth-child(2){text-align:left}td:nth-child(2){font-weight:700}.team-dot{display:inline-grid;place-items:center;width:31px;height:31px;margin-right:10px;background:#183124;color:var(--green);font:800 .7rem var(--display)}tr.our-team{background:rgba(20,216,108,.1)}tr.our-team td:first-child{color:var(--green);font-weight:900}.source-note{color:var(--muted);font-size:.78rem;margin-top:14px}
.legend{font-size:.78rem;color:var(--muted);display:flex;gap:8px;align-items:center}.legend i{width:10px;height:10px;border-radius:50%;background:var(--green)}.legend i:nth-of-type(2){background:var(--gold);margin-left:10px}.map-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr);height:620px;border:1px solid var(--line)}#map{height:100%;background:#13271a}.field-list{overflow:auto;background:#09160f;border-left:1px solid var(--line)}.field-search{position:sticky;top:0;z-index:2;padding:18px;background:#09160f;border-bottom:1px solid var(--line)}.field-search label{display:block;font:800 .75rem var(--display);letter-spacing:.1em;color:var(--muted);margin-bottom:8px;text-transform:uppercase}.field-search input{width:100%;padding:12px;border:1px solid var(--line);background:#102219;color:white;outline:none}.field-search input:focus{border-color:var(--green)}.field-item{padding:17px 18px;border-bottom:1px solid var(--line);cursor:pointer}.field-item:hover,.field-item.active{background:rgba(20,216,108,.09)}.field-item strong{display:block;font:800 1.05rem var(--display);text-transform:uppercase}.field-item span{color:var(--muted);font-size:.78rem}.field-item em{display:block;color:var(--gold);font:normal .75rem var(--body);margin-top:4px}.leaflet-container{font-family:var(--body)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#0c2014;color:white}.leaflet-popup-content b{font-family:var(--display);font-size:1rem;color:var(--green)}.leaflet-popup-content a{color:var(--gold)}
dialog{width:min(560px,calc(100% - 28px));border:1px solid var(--gold);background:#0a1a11;color:white;padding:0;box-shadow:0 40px 100px #000}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:white;font-size:2rem;cursor:pointer}.dialog-body{padding:34px}.dialog-body .eyebrow{margin-bottom:8px}.dialog-body h2{font:900 2.8rem/.95 var(--display);text-transform:uppercase;margin:0 35px 25px 0}.dialog-versus{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;border-block:1px solid var(--line);padding:20px 0;font:800 1.2rem var(--display);text-align:center}.dialog-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.dialog-meta div{background:rgba(255,255,255,.04);padding:14px}.dialog-meta span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.directions{display:block;margin-top:18px;text-align:center;text-decoration:none;background:var(--green);color:var(--ink);font-weight:900;padding:14px}.dialog-warning{font-size:.73rem;color:var(--muted);margin-top:12px}
footer{border-top:1px solid var(--line);padding:24px clamp(20px,5vw,72px);display:flex;justify-content:space-between;color:#6f8476;font:800 .73rem var(--display);letter-spacing:.12em}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:30px}.hero-copy h1{font-size:clamp(4.4rem,19vw,8rem)}.section-head{align-items:flex-start;flex-direction:column}.map-layout{grid-template-columns:1fr;height:auto}.field-list{height:360px;border-left:0;border-top:1px solid var(--line)}#map{height:460px}.fixture{grid-template-columns:58px minmax(0,1fr) 26px minmax(0,1fr) 20px;gap:8px;padding:14px 10px}.fixture .home,.fixture .away{font-size:.83rem}.home-panels{grid-template-columns:1fr}}
@media(max-width:650px){.topbar{height:72px;padding-inline:16px}.menu-button{display:block}.topbar nav{display:none;position:absolute;top:71px;left:0;right:0;background:#07130d;border-bottom:1px solid var(--line);padding:12px 16px;flex-direction:column}.topbar nav.open{display:flex}.nav-link{text-align:left}.brand small{display:none}main{padding-top:25px}.pulse-strip{grid-template-columns:1fr}.pulse-strip div{border-right:0;border-bottom:1px solid var(--line)}.pulse-strip div:last-child{border-bottom:0}.next-match{padding:20px}.date-lockup strong{font-size:4.5rem}.round-summary{align-items:flex-start;flex-direction:column;gap:5px}.phase-switch{width:100%}.phase-switch button{flex:1}.section-head h1{font-size:4.3rem}.map-layout{margin-inline:-18px;border-inline:0}#map{height:410px}.dialog-meta{grid-template-columns:1fr}footer{flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Team crests */
.mini-badge{display:grid;place-items:center;width:76px;height:76px;background:transparent!important;clip-path:none!important;border-radius:0!important}.mini-badge img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,0,0,.45))}
.fixture{padding-block:13px}.fixture-team{display:flex;align-items:center;gap:12px;font-weight:700}.fixture .home{justify-content:flex-end}.fixture .away{justify-content:flex-start}.team-crest{width:44px;height:44px;object-fit:contain;flex:0 0 44px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.45))}
.standing-team{display:flex;align-items:center;gap:12px}.standing-crest{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.field-item{display:flex;align-items:center;gap:14px;padding-block:14px}.field-crest{width:46px;height:46px;object-fit:contain;flex:0 0 46px}
.crest-marker span{display:grid;place-items:center;width:46px;height:46px;padding:4px;border:2px solid var(--gold);border-radius:50%;background:#eef4ef;box-shadow:0 5px 16px rgba(0,0,0,.5)}.crest-marker span.our-marker{border:3px solid var(--green);transform:scale(1.12)}.marker-crest{width:36px;height:36px;object-fit:contain}.popup-team{display:flex;align-items:center;gap:9px;margin-bottom:7px}.popup-crest{width:34px;height:34px;object-fit:contain}
.dialog-versus>span{display:grid;justify-items:center;gap:9px}.dialog-crest{width:76px;height:76px;object-fit:contain}
@media(max-width:650px){.fixture{grid-template-columns:50px minmax(0,1fr) 18px minmax(0,1fr) 16px;gap:5px}.fixture-team{gap:5px}.team-crest{width:30px;height:30px;flex-basis:30px}.fixture .home,.fixture .away{font-size:.72rem}}
.official-crest{clip-path:none;background:transparent;width:54px;height:62px}.official-crest img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.5))}.hero-copy{position:relative;isolation:isolate}.hero-copy:before{content:"";position:absolute;z-index:-1;inset:-60px -80px -40px -70px;background:radial-gradient(circle at 38% 43%,rgba(20,216,108,.18),transparent 40%),linear-gradient(118deg,transparent 42%,rgba(185,255,212,.08) 49%,transparent 56%);filter:blur(2px);pointer-events:none}.hero-copy h1 span{color:var(--green);-webkit-text-stroke:0;background:linear-gradient(180deg,#e2ffeb 0%,#62ff9e 14%,#14d86c 48%,#079d46 78%,#4bf58a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 12px rgba(20,216,108,.42)) drop-shadow(0 9px 0 rgba(0,0,0,.28))}.hero-note{font-family:var(--display);font-size:1.1rem;text-transform:uppercase;letter-spacing:.1em;color:#d8e4da}.next-match{box-shadow:0 0 34px rgba(20,216,108,.1),18px 18px 0 rgba(20,216,108,.08)}.next-match:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 48%,transparent 60%);transform:translateX(-110%);animation:stadium-light 7s ease-in-out infinite;pointer-events:none}@keyframes stadium-light{0%,55%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}.battle-cry{position:relative;margin:-8px 0 26px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;background:linear-gradient(105deg,#0bb957,#24e979 52%,#0aa84e);color:var(--ink);box-shadow:0 0 26px rgba(20,216,108,.22);transform:skewX(-4deg);font:900 1rem var(--display);letter-spacing:.09em}.battle-cry>*{transform:skewX(4deg)}.battle-cry strong{font-size:1.55rem}.battle-cry:after{content:"";position:absolute;right:-20px;top:-35px;width:150px;height:120px;border:20px solid rgba(7,19,13,.12);transform:rotate(-22deg)}
@media(max-width:650px){.official-crest{width:44px;height:50px}.battle-cry{align-items:flex-start;flex-direction:column}.battle-cry strong{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.next-match:after{animation:none}}
.kickoff-countdown{position:relative;margin-top:14px;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--display)}.kickoff-countdown span{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.14em}.kickoff-countdown strong{color:var(--gold);font-size:1.08rem;letter-spacing:.08em}
.form-run{display:flex;justify-content:center;gap:4px}.form-run i{width:22px;height:22px;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font:800 .68rem var(--display);font-style:normal}
.formation-head{margin-bottom:20px}.formation-controls{display:flex;align-items:center;gap:10px}.formation-controls label{color:var(--muted);font:800 .75rem var(--display);letter-spacing:.12em;text-transform:uppercase}.formation-controls select,.formation-controls button{height:44px;border:1px solid var(--line);background:#102219;color:var(--paper);padding:0 16px;font:800 .9rem var(--display);text-transform:uppercase}.formation-controls button{cursor:pointer;color:var(--green)}.formation-controls button:hover{border-color:var(--green)}.formation-help{margin-bottom:18px;padding:13px 16px;border-left:4px solid var(--gold);background:rgba(215,174,67,.08);color:var(--muted);font-size:.86rem}.formation-help strong{color:var(--gold);font-family:var(--display);letter-spacing:.08em}.formation-layout{display:grid;grid-template-columns:minmax(620px,1.5fr) minmax(280px,.55fr);gap:18px}.pitch-shell{padding:18px;background:linear-gradient(145deg,#0a2c19,#07180f);border:1px solid rgba(20,216,108,.35);box-shadow:0 0 38px rgba(20,216,108,.08)}.pitch{position:relative;min-height:690px;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(20,216,108,.1) 0 10%,rgba(255,255,255,.018) 10% 20%),linear-gradient(#0a4a27,#073b20);border:2px solid rgba(232,255,239,.5)}.pitch:before{content:"";position:absolute;inset:4%;border:2px solid rgba(232,255,239,.42);background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(232,255,239,.42) 50%,transparent calc(50% + 1px))}.pitch:after{content:"";position:absolute;left:50%;top:50%;width:110px;height:110px;border:2px solid rgba(232,255,239,.42);border-radius:50%;transform:translate(-50%,-50%)}.position-slot{position:absolute;z-index:2;transform:translate(-50%,-50%)}.player-card{position:relative;width:86px;min-height:70px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,#14251a,#08120c);color:white;padding:8px 5px 6px;display:grid;justify-items:center;gap:2px;cursor:grab;box-shadow:0 7px 16px rgba(0,0,0,.42);transition:.18s}.player-card:hover,.player-card.selected{transform:translateY(-3px);border-color:var(--green);box-shadow:0 0 22px rgba(20,216,108,.34)}.player-token{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--green);color:#062012;font:900 .83rem var(--display)}.player-card strong{font:900 .82rem var(--display);letter-spacing:.05em}.player-card i{position:absolute;right:5px;top:5px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;font:900 .63rem var(--display);font-style:normal;color:#07130d}.role-P i,.role-P.player-card i{background:#f4c84d}.role-D i,.role-D.player-card i{background:#55b9ff}.role-C i,.role-C.player-card i{background:#50ea8c}.role-A i,.role-A.player-card i{background:#ff6d6d}.squad-panel{border:1px solid var(--line);background:#09160f;padding:20px}.squad-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;font:800 .78rem var(--display);letter-spacing:.11em}.squad-title strong{color:var(--green)}.role-legend{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:17px 0;color:var(--muted);font-size:.71rem}.role-legend i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#07130d;font:900 .65rem var(--display);font-style:normal}.squad-panel h2{margin:24px 0 12px;font:900 1.5rem var(--display);text-transform:uppercase}.bench{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bench .player-card{width:100%;min-height:64px;grid-template-columns:auto 1fr;align-items:center;text-align:left;padding:8px}.bench .player-token{grid-row:1/3}.bench .player-card strong{justify-self:start}.bench .player-card i{position:static;grid-column:2;grid-row:2;justify-self:start}
@media(max-width:1000px){.formation-layout{grid-template-columns:1fr}.pitch{min-height:650px}.bench{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.formation-controls{width:100%;flex-wrap:wrap}.formation-controls select{flex:1}.formation-layout{margin-inline:-18px}.pitch-shell{padding:7px}.pitch{min-height:610px}.player-card{width:64px;min-height:61px}.player-token{width:26px;height:26px}.player-card strong{font-size:.7rem}.bench{grid-template-columns:1fr 1fr}.squad-panel{padding:16px}.kickoff-countdown{align-items:flex-start;flex-direction:column}}
.role-legend .role-P{background:#f4c84d}.role-legend .role-D{background:#55b9ff}.role-legend .role-C{background:#50ea8c}.role-legend .role-A{background:#ff6d6d}
.player-card.has-art{width:94px;min-height:118px;padding-top:72px;overflow:visible;background:linear-gradient(180deg,rgba(8,18,12,.2) 0 55%,#0b1710 72%);border-color:rgba(215,174,67,.42)}.player-art{position:absolute;z-index:1;left:50%;top:-18px;width:105px;height:105px;object-fit:contain;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 9px 7px rgba(0,0,0,.48))}.player-card.has-art strong{position:relative;z-index:2}.player-card.has-art i{z-index:3}.bench .player-card.has-art{min-height:84px;padding:8px 6px 8px 70px;display:grid;grid-template-columns:1fr;text-align:left;overflow:hidden}.bench .player-card.has-art .player-art{left:0;top:50%;width:78px;height:78px;transform:translate(-5px,-50%)}.bench .player-card.has-art strong{grid-column:1;grid-row:1;justify-self:start}.bench .player-card.has-art i{position:static;grid-column:1;grid-row:2;justify-self:start}
.staff-block{margin-top:28px;padding-top:20px;border-top:1px solid rgba(215,174,67,.32)}.staff-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--paper);font:900 .8rem var(--display);letter-spacing:.1em}.staff-title strong{color:var(--gold);font-size:.7rem}.staff-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.staff-card{position:relative;min-height:116px;overflow:hidden;border:1px solid rgba(215,174,67,.35);background:radial-gradient(circle at 50% 30%,rgba(20,216,108,.12),transparent 54%),linear-gradient(145deg,#14251a,#08120c);display:flex;align-items:flex-end;padding:8px;isolation:isolate}.staff-card:after{content:"";position:absolute;inset:auto 0 0;height:50%;z-index:-1;background:linear-gradient(transparent,rgba(0,0,0,.88))}.staff-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.55));transform:scale(1.15);transform-origin:center 38%}.staff-card div{position:relative;z-index:2;display:grid;gap:2px}.staff-card strong{color:#fff;font:900 .76rem var(--display);letter-spacing:.04em}.staff-card span{color:var(--gold);font:800 .58rem var(--display);letter-spacing:.09em}
.staff-card:first-child{grid-column:1/-1;min-height:190px;border-color:var(--gold);background:radial-gradient(circle at 50% 30%,rgba(20,216,108,.28),transparent 55%),linear-gradient(145deg,#153822,#08120c);box-shadow:inset 0 0 0 1px rgba(215,174,67,.24),0 0 22px rgba(20,216,108,.13)}.staff-card:first-child img{transform:scale(1.08)}.staff-card:first-child:after{height:58%}.staff-card:first-child strong{font-size:1.15rem}.staff-card:first-child span{font-size:.76rem;color:#73f6a1}
@media(max-width:650px){.player-card.has-art{width:70px;min-height:94px;padding-top:58px}.player-art{width:82px;height:82px;top:-13px}.bench .player-card.has-art{width:100%;min-height:76px;padding-left:58px}.bench .player-card.has-art .player-art{width:67px;height:67px}.staff-list{grid-template-columns:repeat(2,1fr)}.staff-card{min-height:128px}}
.stats-dashboard{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.55fr);gap:20px;align-items:start}.rankings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ranking-card{border:1px solid var(--line);background:#09160f;overflow:hidden}.ranking-title{height:95px;padding:18px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;background:linear-gradient(115deg,rgba(20,216,108,.2),transparent);border-bottom:1px solid var(--line)}.ranking-title>span{font:900 3.3rem var(--display);color:rgba(20,216,108,.22)}.ranking-title small{color:var(--green);font:800 .68rem var(--display);letter-spacing:.13em}.ranking-title h2{margin:0;font:900 1.8rem var(--display);font-style:italic}.ranking-title>b{color:var(--gold);font:900 .75rem var(--display)}.ranking-list{max-height:680px;overflow:auto}.ranking-row{position:relative;min-height:70px;display:grid;grid-template-columns:28px 54px minmax(0,1fr) 34px 24px;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid var(--line)}.ranking-row.top-1{min-height:91px;background:linear-gradient(90deg,rgba(215,174,67,.17),transparent)}.ranking-row.top-2,.ranking-row.top-3{background:rgba(255,255,255,.025)}.rank-pos{font:900 1rem var(--display);color:var(--muted)}.top-1 .rank-pos{font-size:1.45rem;color:var(--gold)}.rank-art{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 4px rgba(0,0,0,.4))}.top-1 .rank-art{width:70px;height:70px;margin-left:-8px}.rank-initials{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:var(--ink);font:900 .75rem var(--display)}.ranking-row>div strong{display:block;font:900 1rem var(--display);letter-spacing:.04em}.ranking-row>div small{color:var(--muted);font:700 .6rem var(--display);letter-spacing:.06em}.ranking-row>b{font:900 1.5rem var(--display);text-align:right;color:var(--green)}.ranking-row>em{font:800 .55rem var(--display);font-style:normal;color:var(--muted)}.stats-editor{position:sticky;top:108px;border:1px solid rgba(215,174,67,.48);background:linear-gradient(145deg,#10261a,#08150e);padding:24px;box-shadow:14px 14px 0 rgba(20,216,108,.07)}.stats-editor h2{font:900 2rem var(--display);font-style:italic;margin:8px 0}.stats-editor p{color:var(--muted);font-size:.82rem;line-height:1.55}.stats-editor label{display:block;margin:22px 0 7px;color:var(--muted);font:800 .7rem var(--display);letter-spacing:.1em;text-transform:uppercase}.stats-editor select{width:100%;height:46px;padding:0 12px;border:1px solid var(--line);background:#07130d;color:white;font-weight:800}.stat-control{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:15px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.stat-control span{display:block;color:var(--muted);font:800 .7rem var(--display);letter-spacing:.12em;text-transform:uppercase}.stat-control strong{font:900 2.2rem var(--display);color:var(--green)}.stepper{display:flex;gap:7px}.stepper button{width:43px;height:43px;border:1px solid var(--line);background:#102219;color:white;font:900 1.4rem var(--display);cursor:pointer}.stepper button:last-child{background:var(--green);color:var(--ink);border-color:var(--green)}.reset-stats{width:100%;margin-top:20px;padding:12px;border:0;background:transparent;color:#799080;font:800 .7rem var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.reset-stats:hover{color:#ff7d7d}
@media(max-width:1050px){.stats-dashboard{grid-template-columns:1fr}.stats-editor{position:static;order:-1}.rankings{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.rankings{grid-template-columns:1fr}.ranking-list{max-height:none}.ranking-row{grid-template-columns:28px 54px minmax(0,1fr) 34px 24px}.stats-dashboard{margin-inline:-5px}.stats-editor{box-shadow:none}}

/* Vertical pitch: markings follow the goalkeeper-to-strikers direction. */
.pitch{background:repeating-linear-gradient(180deg,rgba(20,216,108,.1) 0 10%,rgba(255,255,255,.018) 10% 20%),linear-gradient(#0a4a27,#073b20)}
.pitch:before{background:linear-gradient(180deg,transparent calc(50% - 1px),rgba(232,255,239,.42) 50%,transparent calc(50% + 1px))}
.pitch-penalty{position:absolute;z-index:1;left:24%;width:52%;height:13%;border:2px solid rgba(232,255,239,.42);pointer-events:none}
.pitch-penalty.top{top:4%;border-top:0}
.pitch-penalty.bottom{bottom:4%;border-bottom:0}
.pitch-penalty:before{content:"";position:absolute;left:22%;width:56%;height:42%;border:2px solid rgba(232,255,239,.42)}
.pitch-penalty.top:before{top:0;border-top:0}
.pitch-penalty.bottom:before{bottom:0;border-bottom:0}
.home-signature{display:flex;align-items:center;gap:16px;margin-top:25px;color:var(--gold);font:900 clamp(1.45rem,3vw,2.25rem)/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
.home-signature img{width:clamp(78px,10vw,118px);height:clamp(78px,10vw,118px);object-fit:contain;filter:drop-shadow(0 6px 18px rgba(215,174,67,.22))}
@media(max-width:650px){.home-signature{gap:10px;font-size:1.4rem}.home-signature img{width:78px;height:78px}.pitch-penalty{height:12%}}


.site-credit{flex-basis:100%;display:block;margin-top:10px;text-align:center;color:var(--muted);font:500 .66rem/1.4 system-ui,-apple-system,sans-serif;letter-spacing:.02em;opacity:.68}
@media(max-width:650px){.site-credit{margin-top:4px;font-size:.64rem}}

footer{flex-wrap:wrap}.site-credit{text-align:left;opacity:.8}.site-credit a{color:var(--gold);text-decoration:none;border-bottom:1px solid currentColor}.site-credit a:hover,.site-credit a:focus-visible{color:var(--green)}

.team-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.team-stats article{padding:20px 24px;background:linear-gradient(125deg,#133b25,#09170f);border:1px solid rgba(20,216,108,.28);display:grid;gap:5px}.team-stats span{font:800 .72rem var(--display);letter-spacing:.12em;color:var(--gold)}.team-stats strong{font:900 3.5rem/1 var(--display);color:var(--green)}.team-stats small{color:var(--muted)}

@media(max-width:650px){.team-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.team-stats article{padding:9px}.team-stats span{font-size:.58rem}.team-stats strong{font-size:2.1rem}.team-stats small{font-size:.6rem}.ranking-list{max-height:460px}}

/* Full squad gallery */
.roster-intro{color:var(--muted);margin:0 0 28px}
.roster-groups{display:grid;gap:38px}
.roster-group-head{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:10px}
.roster-group-head h2{margin:0;font:900 clamp(1.35rem,3vw,2rem) var(--display);color:var(--paper)}
.roster-group-head span{font:900 .95rem var(--display);color:var(--green)}
.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}
.roster-card{min-width:0;overflow:hidden;border:1px solid rgba(215,174,67,.34);background:linear-gradient(150deg,#153a24,#0a1a11 70%);transition:transform .2s,border-color .2s}
.roster-card:hover{transform:translateY(-4px);border-color:var(--green)}
.roster-art{height:212px;display:grid;place-items:center;background:radial-gradient(circle at 50% 65%,rgba(20,216,108,.22),transparent 62%)}
.roster-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 8px rgba(0,0,0,.35))}
.roster-card-info{display:grid;gap:3px;padding:12px 14px;border-top:1px solid var(--line);background:#0a1a11}
.roster-card-info strong{font:900 1.08rem var(--display);letter-spacing:.04em}
.roster-card-info span{font:800 .62rem var(--display);color:var(--gold);letter-spacing:.1em}
@media(max-width:650px){.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.roster-art{height:174px}.roster-card-info{padding:10px}.roster-card-info strong{font-size:.9rem}}
.stats-note{color:var(--muted);margin:0 0 20px;font-size:.87rem}
.ranking-empty{padding:28px 18px;margin:0;color:var(--muted);font-size:.9rem}
.stats-editor h3{font:900 1.05rem var(--display);color:var(--gold);text-transform:uppercase;margin:24px 0 4px;padding-top:12px;border-top:1px solid var(--line)}
.stats-editor h3:first-of-type{margin-top:16px}
.stats-reset{margin-top:22px;color:var(--muted);font-size:.75rem}
.stats-reset summary{cursor:pointer}
.stats-reset .reset-stats{margin-top:8px;border:1px solid var(--line)}
