:root{--bg:#101722;--surface:#182334;--card:#222f43;--border:#3c4b62;--gold:#e7d19e;--text:#f4f6fb;--muted:#aebbd0;--red:#ff9898}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#101722;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.topbar{height:78px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));background:#111a27;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:800;letter-spacing:.075em}.brand b{color:var(--gold)}.brand img{width:45px;height:45px}.topbar nav{display:flex;gap:30px;align-items:center}.topbar nav a{color:#c7d0de;font-size:13px}.btn{border-radius:9px;border:1px solid transparent;min-height:44px;padding:11px 20px;font-weight:750;font-size:13px;display:inline-flex;gap:9px;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn-gold{background:var(--gold);color:#18212c}.btn-outline{background:#ffffff0b;color:#f2f5fa;border-color:#657287}.btn:disabled{opacity:.48;cursor:not-allowed}.hero{max-width:1240px;min-height:640px;margin:auto;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;padding:65px 24px 85px;gap:30px;position:relative}.hero:before{content:"";position:absolute;inset:-60px -120px;background:radial-gradient(ellipse at 77% 42%,#34527d78,transparent 42%),radial-gradient(ellipse at 15% 10%,#1d314d50,transparent 38%);pointer-events:none;filter:blur(2px)}.hero-inner,.hero-art{position:relative;z-index:1}.eyebrow{font-weight:850;letter-spacing:.18em;font-size:11px;color:var(--gold)}h1,h2,h3{line-height:1.15}h1{font-size:clamp(42px,5.3vw,78px);letter-spacing:-.055em;margin:18px 0}h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:17px;color:var(--muted);max-width:530px;margin:0 0 27px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-stats{display:flex;gap:36px;margin-top:68px;flex-wrap:wrap}.hero-stats div{display:flex;flex-direction:column;min-width:92px}.hero-stats b{font-size:30px;color:var(--gold);line-height:1.15}.hero-stats span{font-size:12px;color:var(--muted)}.hero-art{display:flex;flex-direction:column;align-items:center;gap:20px}.hero-art img{width:min(440px,90%);filter:drop-shadow(0 26px 44px #0008)}.hero-art span{letter-spacing:.2em;font-weight:750;font-size:11px;color:#e7d19e}.feature-section{border-top:1px solid #ffffff15;background:transparent;padding:90px 24px 95px;text-align:center;position:relative}.feature-section h2{font-size:clamp(26px,3vw,37px);margin:13px 0 36px}.feature-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;text-align:left}.feature-grid article{padding:29px;background:#202d40;border:1px solid #3c4b5a;border-radius:17px;box-shadow:0 18px 50px #0000001f}.feature-grid h3{font-size:19px;margin:14px 0}.feature-grid p{color:var(--muted);font-size:14px;margin:0}.feature-icon{font-size:29px}.auth-wrap{min-height:calc(100vh - 165px);display:grid;place-items:center;padding:48px 20px}.auth-card{width:min(450px,100%);padding:38px;background:#1d2a3b;border:1px solid var(--border);border-radius:18px;box-shadow:0 25px 85px #0004}.auth-card h1{font-size:32px;margin:12px 0}.subtle{color:var(--muted);font-size:14px}.auth-card form{display:grid;gap:16px;margin-top:26px}.auth-card label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:7px}.auth-card input{padding:12px 13px;background:#0f1a28;color:white;border:1px solid #4c6077;border-radius:9px;width:100%}.auth-card input:focus{outline:2px solid #d5ba81;outline-offset:1px}.btn-block{width:100%;margin-top:7px}.auth-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:19px;flex-wrap:wrap}.link-button{background:none;border:0;color:var(--gold);padding:0;font-size:12px;text-decoration:underline}.alert{padding:13px 15px;margin:12px 0;border:1px solid #a26969;border-radius:9px;background:#5c2e353d;color:#ffd4d4;font-size:13px}.alert.ok{background:#1c523840;border-color:#4f8c6a;color:#c9f3db}#dashboard{max-width:1240px;margin:auto;padding:58px 24px 90px;min-height:75vh}.dash-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.dash-top h1{font-size:43px;margin:11px 0}.dash-actions{display:flex;gap:12px;align-items:center}.slot-indicator{border:1px solid #56657a;border-radius:9px;padding:12px;color:var(--gold);font-weight:750;font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px;gap:12px}.section-title h2{margin:0;font-size:23px}.section-title span{color:var(--muted);font-size:12px}.careers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.career{border:1px solid #40516b;border-radius:14px;background:#202d40;padding:22px;display:flex;flex-direction:column;gap:16px}.career-head{display:flex;align-items:center;gap:16px}.career-icon{width:61px;height:61px;border-radius:14px;border:1px solid #586a81;background:#29394f;display:grid;place-items:center;font-size:30px}.career-details{min-width:0;flex:1}.career-details h3{font-size:18px;margin:0 0 4px;overflow-wrap:anywhere}.career-details p{margin:0;font-size:12px;color:var(--muted)}.career-metrics{display:flex;gap:8px;flex-wrap:wrap}.career-metrics span{background:#101b2b;border-radius:8px;padding:8px 11px;color:#c7d2e1;font-size:12px}.career-metrics b{color:#fff}.career-buttons{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.career-buttons .primary-action{flex:1}.icon-btn{border-radius:9px;background:#314158;border:1px solid #53647b;color:white;min-height:43px;padding:0 15px}.icon-btn.danger{color:#f5a6a6}.career.new{border:1px dashed #728096;align-items:center;justify-content:center;min-height:220px;text-align:center;gap:8px;background:#162132}.career.new .plus{font-size:36px;color:var(--gold)}.career.new h3{margin:0}.career.new p{color:var(--muted);font-size:12px;margin:0}.dash-footer{margin-top:24px;display:flex;align-items:center;gap:16px}.dash-footer span{color:var(--muted);font-size:12px}.game-toolbar{display:flex;align-items:center;gap:22px;justify-content:space-between;min-height:80px;padding:14px 22px;background:#131e2b;border-bottom:1px solid #3d4d60}.game-toolbar>div:nth-child(2){display:flex;flex-direction:column}.game-toolbar strong{font-size:15px}.game-toolbar small{font-size:12px;color:#b8c8dd}.game-buttons{display:flex;gap:9px}#gameFrame{display:block;border:0;width:100%;height:calc(100vh - 80px);min-height:630px;background:#14171d}#footer{border-top:1px solid #ffffff15;display:flex;justify-content:space-between;padding:22px max(24px,calc((100vw - 1240px)/2));color:var(--muted);font-size:12px}.toast{position:fixed;bottom:30px;right:30px;z-index:30;max-width:450px;background:#253a39;border:1px solid #70998b;padding:14px 20px;border-radius:12px;box-shadow:0 20px 40px #0007;color:white}@media(max-width:1024px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{display:none}.hero-stats{gap:24px;margin-top:35px}.feature-grid,.careers{grid-template-columns:1fr}.dash-top,.section-title{align-items:flex-start;flex-direction:column}.game-toolbar{flex-wrap:wrap;gap:10px}.game-buttons{width:100%}.game-buttons .btn{flex:1}#gameFrame{height:calc(100vh - 150px)}.topbar nav a{display:none}}@media(max-width:480px){.topbar{padding:0 12px}.brand{font-size:10px;gap:6px}.brand img{width:34px;height:34px}.hero-stats{gap:13px}.hero-stats b{font-size:24px}.hero-stats span{font-size:10px}.auth-card{padding:22px}.dash-footer{flex-direction:column;align-items:flex-start}}

/* Site v1.2: original deep-navy palette, with an uninterrupted, full-width wash. */
#home{overflow:hidden;background:linear-gradient(180deg,#101722 0%,#111b29 44%,#151f2d 72%,#101722 100%)}
.hero:before{inset:0;background:radial-gradient(ellipse at 78% 42%,#31476577,transparent 58%)}
.hero{isolation:isolate}
.feature-section{border-top:1px solid #ffffff12}
.feature-grid article{transition:transform .2s ease,border-color .2s ease;min-height:225px}
.feature-grid article:hover{transform:translateY(-4px);border-color:#bca57988}
.showcase-section{max-width:1250px;margin:0 auto;padding:96px 24px 115px}
.showcase-intro{text-align:center;max-width:700px;margin:0 auto 45px}
.showcase-intro h2{font-size:clamp(32px,3.2vw,48px);letter-spacing:-.035em;margin:12px 0 14px}
.showcase-intro p,.last-cta p{color:var(--muted);font-size:16px;margin:0}
.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.showcase-card{min-width:0;overflow:hidden;border:1px solid #485a6f;background:#1c2a3d;border-radius:19px;box-shadow:0 20px 55px #040a1460;display:flex;flex-direction:column}
.showcase-wide{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
.showcase-screen{min-height:225px;overflow:hidden;background:#0f1520;display:flex;align-items:center;justify-content:center;padding:16px}
.showcase-screen > img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;border:1px solid #596779;border-radius:10px;box-shadow:0 12px 35px #0008}
.showcase-wide .showcase-screen{min-height:340px}
.showcase-copy{padding:28px 32px 32px}
.showcase-wide .showcase-copy{display:flex;flex-direction:column;justify-content:center}
.showcase-num{color:var(--gold);font-weight:800;letter-spacing:.16em;font-size:10px}
.showcase-copy h3{font-size:clamp(20px,2.2vw,28px);letter-spacing:-.025em;margin:13px 0 13px}
.showcase-copy p{color:var(--muted);font-size:14px;margin:0;line-height:1.7}
.last-cta{padding:10px 24px 105px}
.last-cta-inner{max-width:1200px;margin:0 auto;border:1px solid #bca57665;border-radius:22px;padding:43px 52px;background:radial-gradient(circle at 90% 0%,#51462c44,transparent 43%),linear-gradient(110deg,#202b3b,#172235);display:flex;justify-content:space-between;align-items:center;gap:25px}
.last-cta h2{font-size:clamp(25px,3vw,39px);letter-spacing:-.035em;margin:12px 0}
.last-cta .btn{white-space:nowrap;min-width:170px}
#passwordUpdateForm{display:grid;gap:16px;margin-top:26px}
#passwordUpdateForm label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:7px}
#passwordUpdateForm input{padding:12px 13px;background:#0f1a28;color:white;border:1px solid #4c6077;border-radius:9px;width:100%}
@media(max-width:900px){.showcase-wide{display:flex;grid-column:span 2}.showcase-wide .showcase-screen{min-height:0}.showcase-grid{grid-template-columns:1fr}.showcase-card{grid-column:span 1!important}.last-cta-inner{padding:34px;flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.showcase-section{padding:65px 16px}.showcase-copy{padding:22px}.last-cta{padding:0 16px 75px}.last-cta-inner{padding:26px}.last-cta .btn{width:100%}.feature-section{padding:70px 16px}.showcase-screen{padding:10px;min-height:150px}}

/* v1.3: continuous full-width deep navy background (no horizontal band/seam). */
#home{overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 1100px 900px at 78% 15%,rgba(40,62,91,.38),transparent 75%),radial-gradient(ellipse 1150px 940px at 18% 68%,rgba(28,48,76,.19),transparent 78%),#101722!important;}
.hero:before{display:none!important;}
.feature-section{background:transparent!important;border-top:0!important;}
.showcase-section{background:transparent!important;}
.clubs-section{padding:0 24px 110px;background:transparent;}
.clubs-inner{max-width:1200px;margin:0 auto;padding:38px;border:1px solid #43536c;border-radius:22px;background:#192739a8;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:35px;box-shadow:0 20px 60px #020a1345;}
.clubs-text h2{font-size:clamp(27px,3vw,43px);letter-spacing:-.04em;margin:13px 0 18px;}
.clubs-text p{color:var(--muted);font-size:16px;line-height:1.7;max-width:420px;}
.clubs-highlights{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px;}
.clubs-highlights span{padding:9px 12px;background:#263950;color:#e7d19e;border:1px solid #51657d;border-radius:100px;font-size:11px;font-weight:750;}
.clubs-art img{display:block;width:100%;height:auto;border-radius:15px;border:1px solid #52627a;}
.showcase-screen{background:#101b2b;}
@media(max-width:850px){.clubs-inner{grid-template-columns:1fr;padding:25px}.clubs-section{padding:0 16px 75px}}


/* v1.4 homepage refinements */
#home{overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#091423 0%,#0b1730 38%,#0d1a33 70%,#0b1628 100%)!important;position:relative;}
#home::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 14%,rgba(48,72,104,.28),transparent 33%),radial-gradient(circle at 18% 58%,rgba(25,46,78,.18),transparent 32%);pointer-events:none;}
.hero,.feature-section,.showcase-section,.clubs-section,.last-cta{position:relative;z-index:1;}
.topbar{background:#0f1826;}
.hero{padding-bottom:78px;}
.feature-section{padding:88px 24px 92px;text-align:center;background:transparent!important;border-top:1px solid #ffffff10!important;}
.feature-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;text-align:center;align-items:stretch;}
.feature-grid article{padding:34px 28px;background:linear-gradient(180deg,#223148 0%,#1c2a3d 100%);border:1px solid #41526b;border-radius:20px;box-shadow:0 22px 55px rgba(2,10,19,.22);min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.feature-grid h3{font-size:18px;margin:0 0 14px;letter-spacing:-.02em;}
.feature-grid p{font-size:14px;line-height:1.8;max-width:240px;margin:0 auto;color:var(--muted);}
.feature-icon{display:none!important;}
.showcase-section{max-width:1260px;padding:94px 24px 105px;}
.showcase-intro{margin-bottom:34px;}
.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.showcase-card{border:1px solid #43546d;background:linear-gradient(180deg,#182638 0%,#1a273a 100%);border-radius:22px;box-shadow:0 22px 60px rgba(1,8,18,.4);}
.showcase-wide{grid-column:span 2;grid-template-columns:minmax(0,1.55fr) minmax(320px,.55fr);}
.showcase-screen{background:#0f1927;padding:18px;}
.showcase-screen > img{border-radius:14px;border:1px solid #53667f;}
.showcase-copy{padding:30px 32px 34px;}
.showcase-copy h3{font-size:clamp(22px,2vw,31px);margin:11px 0 12px;}
.clubs-section{padding-top:6px;}
@media(max-width:1024px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){.showcase-wide{display:flex;grid-column:span 2;}.showcase-grid{grid-template-columns:1fr;}.showcase-card{grid-column:span 1!important;}}
@media(max-width:800px){.feature-grid{grid-template-columns:1fr;}}


/* v1.5: polished showcase details with genuine user-provided screenshots */
.showcase-section{padding-top:88px;padding-bottom:94px;}
.showcase-grid{gap:24px;}
.showcase-card{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;}
.showcase-card:hover{transform:translateY(-3px);border-color:#b6a078;box-shadow:0 27px 65px rgba(0,0,0,.44);}
.showcase-card .showcase-screen{height:350px;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#101a29;padding:18px;}
.showcase-card .showcase-screen > img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;border:0;border-radius:12px;box-shadow:none;}
.showcase-wide .showcase-screen{height:440px;min-height:0;}
.showcase-wide .showcase-screen > img{width:100%;height:100%;object-fit:contain;}
.showcase-card:not(.showcase-wide) .showcase-copy{padding:26px 32px 35px;}
.showcase-card:not(.showcase-wide) .showcase-copy h3{font-size:25px;}
.showcase-card .showcase-copy p{max-width:440px;}
.showcase-card .showcase-num{font-size:11px;}
.showcase-intro p{max-width:660px;margin-left:auto;margin-right:auto;}
.clubs-inner{box-shadow:0 25px 65px #02081466;}
.last-cta-inner{box-shadow:0 24px 65px #030a1660;}
@media(min-width:901px){.showcase-card:not(.showcase-wide) .showcase-screen{height:335px;}}
@media(max-width:900px){.showcase-wide .showcase-screen{height:auto;aspect-ratio:16/9;}.showcase-card .showcase-screen{height:auto;aspect-ratio:16/9;}}
@media(max-width:600px){.showcase-card .showcase-screen{padding:10px;}.showcase-card:not(.showcase-wide) .showcase-screen{aspect-ratio:4/3;}.showcase-copy{padding:23px!important;}}



/* Career/dashboard update: full-height game without the redundant cloud save toolbar. */
#gameView{min-height:100vh}
body:has(#gameView:not(.hidden))>.topbar{display:none}
#gameFrame{height:100vh;min-height:640px;width:100%;border:0;display:block}
.career-icon{overflow:hidden;flex:none}
.career-icon img,.career-icon svg{max-width:100%;max-height:100%;width:53px;height:53px;object-fit:contain;display:block}
.career-fallback{font-weight:900;font-size:15px;letter-spacing:.06em;color:var(--gold)}
/* Integrated career dialogs replace browser prompt/confirm windows. */
.career-dialog{width:min(470px,calc(100vw - 28px));max-height:min(90vh,660px);border:1px solid #64758c;border-radius:19px;background:linear-gradient(145deg,#223249,#152234);color:#f4f6fb;box-shadow:0 30px 110px #000b;padding:0;overflow:auto}
.career-dialog::backdrop{background:rgba(3,9,20,.78);backdrop-filter:blur(5px)}
.career-dialog-inner{display:grid;gap:16px;padding:33px}
.career-dialog h2{font-size:27px;margin:0;letter-spacing:-.025em}
.career-dialog p{margin:0;color:#bac7db;font-size:14px;line-height:1.6}
.career-dialog label{display:grid;gap:8px;font-size:13px;font-weight:800;color:#ecf0f9}
.career-dialog input{width:100%;border:1px solid #63768f;border-radius:10px;background:#0e1a2a;color:white;padding:13px 15px;font:inherit;outline:0}
.career-dialog input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e7d19e33}
.career-dialog-error{font-size:12px;color:#ffaaaa;min-height:0}
.career-dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:7px;flex-wrap:wrap}
.career-dialog-actions .btn{min-width:122px}
.btn-danger{background:#9f3848;border-color:#d26373;color:white}
.btn-danger:hover{background:#b84758}
/* Pull the 'Inside the Touchline' showcase closer to the feature cards. */
.showcase-section{padding-top:38px!important}
.showcase-intro{margin-bottom:27px}
@media(max-width:600px){.career-dialog-inner{padding:23px}.career-dialog-actions .btn{flex:1}.showcase-section{padding-top:25px!important}}

/* Premium graphical match preview: drawn with crisp HTML and vectors, no blurry screenshot. */
.match-demo{width:100%;max-width:960px;background:#0a1827;border:1px solid #4e657a;border-radius:13px;padding:11px;box-shadow:0 24px 60px #0009;color:#edf4f7;isolation:isolate}
.showcase-wide .showcase-screen{padding:clamp(12px,2.3vw,32px);background:radial-gradient(circle at 50% 38%,#24455b30,transparent 65%),#0d1827}
.match-demo-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:11px 12px 15px}
.demo-team{display:flex;gap:9px;align-items:center;font-size:clamp(9px,1.07vw,13px);font-weight:850;letter-spacing:.025em}
.demo-team.away{justify-content:flex-end;text-align:right}
.demo-team img{width:clamp(24px,2.6vw,38px);height:clamp(24px,2.6vw,38px);object-fit:contain}
.demo-team small,.demo-result small{display:block;font-size:9px;font-weight:700;color:#d9c18f;letter-spacing:.08em}
.demo-result{text-align:center;font-weight:850;font-size:clamp(21px,2.5vw,31px);white-space:nowrap}
.demo-result>span{color:#aab8c5}
.demo-result small{font-size:10px}
.demo-result i,.demo-status-dot{display:inline-block;width:6px;height:6px;background:#6fe9a5;border-radius:50%;box-shadow:0 0 11px #52eb8a;animation:demoPulse 2.5s ease-in-out infinite}
.match-demo-tools{display:flex;gap:14px;background:#20364a;border-radius:6px;padding:9px 12px;font-size:9px;letter-spacing:.05em;color:#dce8f3;font-weight:650}
.match-demo-tools b{color:#fff}
.match-demo-tools .demo-tools-last{margin-left:auto;color:#e7d09b}
.match-demo-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,23%);gap:9px;margin-top:9px}
.match-demo-field{position:relative;aspect-ratio:1.6;overflow:hidden;border:4px solid #173f40;border-radius:3px;background:repeating-linear-gradient(90deg,#165e46 0%,#165e46 10%,#1d7354 10%,#1d7354 20%);box-shadow:inset 0 0 35px #08170f75}
.match-demo-field svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.match-player{position:absolute;z-index:1;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:clamp(8px,1.25vw,13px);height:clamp(8px,1.25vw,13px);display:grid;place-items:center;border-radius:50%;font-size:clamp(5px,.7vw,7px);font-weight:900;box-shadow:0 1px 2px #000b;border:1px solid #0a1821;color:#fff}
.match-player.h{background:#d82740}.match-player.a{background:#1e2b67}
.match-demo-ball{position:absolute;z-index:3;left:51%;top:60%;width:8px;height:8px;border:1px solid #182131;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #ffffff45,0 1px 5px #000c;animation:matchBallDrift 9s ease-in-out infinite}
.match-demo-stats{border:1px solid #42596e;border-radius:7px;background:#162a40;padding:clamp(7px,1vw,14px);display:flex;flex-direction:column;gap:9px}
.match-demo-stats>b{font-size:9px;color:#e7d09b;letter-spacing:.065em}
.demo-stat{display:flex;flex-direction:column;gap:3px;padding:7px 5px;border-bottom:1px solid #395069}
.demo-stat span{color:#adc0d0;font-size:10px}.demo-stat strong{font-size:12px}
.demo-bar{height:4px;border-radius:4px;background:#d94151;overflow:hidden}.demo-bar i{display:block;width:52%;height:100%;background:#d6dbe8}
.match-demo-stats .demo-report{margin-top:auto}
.match-demo-stats p{font-size:10px;color:#d0dde8;margin:0}
.match-demo-caption{display:flex;align-items:center;gap:8px;padding:11px 3px 2px;color:#e4d1a2;font-weight:750;font-size:8px;letter-spacing:.14em}
.match-demo-caption>span:last-child{margin-left:auto;color:#9eafc0}
@keyframes matchBallDrift{0%,100%{left:51%;top:60%}28%{left:59%;top:41%}55%{left:68%;top:54%}82%{left:56%;top:52%}}
@keyframes demoPulse{0%,100%{opacity:.4;box-shadow:0 0 4px #5fea8b}50%{opacity:1;box-shadow:0 0 12px #5fea8b}}
/* Atmosphere moves subtly without moving or interfering with buttons. */
#home::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.28;background:radial-gradient(ellipse 560px 420px at 10% 21%,#546c8a24,transparent 75%),radial-gradient(ellipse 620px 480px at 82% 55%,#d7b46e13,transparent 78%);animation:atmosphereShift 19s ease-in-out infinite alternate}
@keyframes atmosphereShift{from{transform:translate(-2%,0)}to{transform:translate(3%,2%)}}
.showcase-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.showcase-card:hover{transform:translateY(-4px);border-color:#a48e63;box-shadow:0 28px 65px #0008}
@media(max-width:900px){.match-demo{max-width:740px}}
@media(max-width:650px){.match-demo{padding:6px}.match-demo-score{padding:6px 4px 10px;gap:5px}.match-demo-tools{gap:7px;font-size:7px;padding:7px}.match-demo-body{grid-template-columns:minmax(0,1fr) 92px;gap:4px}.match-demo-stats{padding:5px;gap:2px}.match-demo-stats>b{font-size:7px}.demo-stat{padding:4px 2px}.demo-stat span{font-size:7px}.demo-stat strong{font-size:9px}.demo-stat:nth-of-type(n+4){display:none}.match-demo-caption>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.match-demo-ball,.demo-status-dot,#home::before{animation:none!important}.showcase-card{transition:none}}


/* Three Lions premium landing page — original navy-and-gold stadium interpretation. */
:root{--tlfm-night:#081426;--tlfm-gold:#e7d19e;--tlfm-stroke:rgba(207,222,240,.16)}
body{background:#081426}
.topbar{height:80px;position:sticky;top:0;z-index:50;background:rgba(9,20,38,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(215,193,140,.17);box-shadow:0 8px 36px rgba(0,0,0,.14)}
.topbar .brand{font-weight:900;letter-spacing:.08em}
.topbar .brand img{width:44px;height:44px;object-fit:contain}
.topbar nav{gap:26px}
.topbar nav a{font-size:12px;font-weight:750;color:#d0dae9;transition:color .2s}
.topbar nav a:hover{color:#e8d19e}
.topbar .btn-outline{border-color:rgba(223,204,157,.57);color:#f1e3bc}
#home{position:relative;overflow:hidden!important;background:radial-gradient(ellipse 1150px 900px at 72% 4%,rgba(30,58,87,.45),transparent 70%),linear-gradient(180deg,#081426,#0b1a2f 42%,#081426 100%)!important}
#home::before{z-index:0!important;inset:0!important;background:radial-gradient(ellipse 700px 490px at 13% 25%,rgba(109,144,170,.08),transparent 72%),radial-gradient(ellipse 670px 440px at 86% 55%,rgba(209,176,95,.09),transparent 77%)!important;opacity:.85!important}
.hero{max-width:1440px;min-height:680px;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:12px;padding:68px clamp(24px,5vw,86px) 72px;isolation:isolate;overflow:hidden}
.hero:before{display:none!important}
.hero-inner{max-width:680px}
.hero-live-tag{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;margin-bottom:21px;border:1px solid rgba(227,199,132,.38);border-radius:999px;color:#e9d7aa;background:rgba(18,32,49,.72);font-weight:850;letter-spacing:.1em;font-size:10px;box-shadow:0 10px 26px #0004}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e4c887;box-shadow:0 0 0 4px #e4c8871b,0 0 18px #e4c8877a;animation:tlfmGlow 2.8s ease-in-out infinite}
.hero h1{font-size:clamp(52px,5.2vw,83px);line-height:1.06;letter-spacing:-.063em;margin:15px 0 24px;font-weight:950;text-shadow:0 5px 28px #0005}
.hero h1 em{color:#e8d19b}
.hero .eyebrow{letter-spacing:.18em;font-size:12px}
.hero p{color:#c4d2e2;font-size:clamp(15px,1.3vw,18px);line-height:1.8;max-width:540px;margin-bottom:32px}
.hero .actions .btn{padding:15px 25px;min-height:51px;font-size:13px;border-radius:11px}
.hero-stats{margin-top:51px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:640px}
.hero-stats>div{padding:0 17px;border-right:1px solid #8f9aab30;min-width:0}
.hero-stats>div:first-child{padding-left:0}
.hero-stats>div:last-child{border-right:0}
.hero-stats b{font-weight:900;font-size:29px}
.hero-stats span{font-size:11px;margin-top:5px}
.stadium-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.stadium-glow{position:absolute;top:-30%;width:45%;height:85%;filter:blur(2px);opacity:.5;mix-blend-mode:screen;animation:tlfmLightDrift 17s ease-in-out infinite alternate}
.stadium-glow-left{left:2%;background:conic-gradient(from 168deg at 50% 0%,transparent 0deg,#c9e0ff2c 12deg,transparent 26deg,transparent 360deg);transform:rotate(16deg)}
.stadium-glow-right{right:-3%;background:conic-gradient(from 177deg at 50% 0%,transparent 0deg,#d9e8ff34 13deg,transparent 28deg,transparent 360deg);transform:rotate(-18deg);animation-delay:-6s}
.stadium-stands{position:absolute;bottom:7%;left:-4%;right:-4%;height:30%;opacity:.3;background:repeating-linear-gradient(91deg,transparent 0 10px,#d9e4ff0b 11px 13px,transparent 14px 23px),linear-gradient(180deg,transparent,#030c18 78%);transform:perspective(430px) rotateX(52deg)}
.stadium-pitch{position:absolute;bottom:-15%;left:-25%;right:-25%;height:35%;opacity:.23;background:repeating-linear-gradient(90deg,#1d5241 0 9%,#215f49 9% 18%);border-top:2px solid rgba(158,203,182,.25);transform:perspective(380px) rotateX(68deg);box-shadow:0 -20px 80px #467b6533}
.hero-art{align-self:center;min-width:0;min-height:520px;display:flex;justify-content:center;position:relative;z-index:2}
.hero-art-orbit{position:absolute;inset:12% 2%;border:1px solid rgba(222,201,148,.22);border-radius:50%;transform:rotate(-23deg);box-shadow:0 0 0 24px rgba(222,201,148,.025),0 0 110px rgba(222,201,148,.08);animation:tlfmOrbit 20s ease-in-out infinite alternate}
.hero-crest-panel{position:relative;width:min(410px,88%);min-height:466px;padding:19px 29px 27px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid rgba(225,204,154,.4);border-radius:24px;background:linear-gradient(150deg,rgba(39,56,77,.94),rgba(11,23,39,.97) 70%);box-shadow:0 35px 90px #0009, inset 0 1px #fff2;transform:rotate(-2.5deg);animation:tlfmFloat 8s ease-in-out infinite}
.hero-crest-top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:.16em;color:#e4d5ac;font-weight:850}
.hero-crest-dot{width:6px;height:6px;border-radius:50%;background:#e8c789;box-shadow:0 0 16px #e8c789}
.hero-crest-panel>img{display:block!important;width:min(195px,58%)!important;height:215px!important;max-width:195px!important;max-height:215px!important;object-fit:contain!important;filter:drop-shadow(0 16px 25px #000b)}
.hero-crest-panel>strong{font-size:26px;letter-spacing:.13em;line-height:1.1;color:#f6f5ee;text-align:center}
.hero-crest-panel>span{font-size:13px;color:#e8d3a0;font-weight:850;letter-spacing:.25em}
.hero-art-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,#c1ad7965,transparent);margin-top:10px}
.hero-crest-caption{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;font-size:10px;letter-spacing:.09em;color:#b8cadb}
.hero-crest-caption b{color:#e8d3a0;font-size:10px}
.hero-glass-tag{position:absolute;z-index:3;padding:11px 15px;border:1px solid rgba(224,202,151,.4);border-radius:10px;background:rgba(22,35,52,.88);backdrop-filter:blur(12px);font-size:10px;font-weight:850;letter-spacing:.07em;color:#e9d5a8;box-shadow:0 15px 30px #0005;white-space:nowrap;animation:tlfmFloat 8s ease-in-out infinite}
.hero-glass-tag span{font-size:14px;margin-right:6px}
.hero-glass-left{left:-1%;top:20%;animation-delay:-2s}
.hero-glass-right{right:-1%;bottom:22%;animation-delay:-5s}
.hero-ticker{position:relative;z-index:2;width:100%;overflow:hidden;height:50px;border-top:1px solid rgba(218,196,146,.26);border-bottom:1px solid rgba(218,196,146,.26);background:rgba(11,26,44,.88);display:flex;align-items:center}
.hero-ticker-track{display:flex;align-items:center;gap:35px;width:max-content;animation:tlfmMarquee 38s linear infinite}
.hero-ticker-track>span{font-size:11px;font-weight:850;letter-spacing:.13em;white-space:nowrap;color:#dce3ea}
.hero-ticker-track>i{font-style:normal;color:#dfc48a}
.section-lead{margin:-15px auto 35px;color:#b5c7d7;font-size:15px;max-width:650px;line-height:1.7}
.feature-section{padding:87px 24px 77px!important}
.feature-section h2{font-size:clamp(32px,3.2vw,46px);letter-spacing:-.045em;margin-bottom:33px}
.feature-grid article{min-height:225px!important;background:linear-gradient(155deg,rgba(34,51,71,.96),rgba(16,31,49,.95))!important;border:1px solid rgba(191,209,232,.17)!important;border-radius:16px!important;box-shadow:0 16px 55px #0003!important;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.feature-grid article:before{content:"";height:2px;position:absolute;inset:0 100% auto 0;background:linear-gradient(90deg,#bfa26b,#e6d6ac);transition:right .4s}
.feature-grid article:hover{transform:translateY(-6px);border-color:#d3b57e88!important;box-shadow:0 22px 65px #0007!important}
.feature-grid article:hover:before{right:0}
.feature-number{font-size:10px;font-weight:850;letter-spacing:.16em;color:#e0c48c}
.feature-grid article h3{margin:22px 0 13px;font-size:19px}
.feature-grid article p{line-height:1.75}
.showcase-section{padding-top:80px!important;padding-bottom:85px!important}
.showcase-intro{margin-bottom:32px}
.showcase-intro h2{font-size:clamp(36px,3.7vw,54px)}
.showcase-wide{grid-template-columns:minmax(0,1.32fr) minmax(260px,.68fr)!important;align-items:stretch}
.showcase-wide .showcase-screen{height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:visible!important;padding:clamp(17px,2.1vw,28px)!important;background:radial-gradient(circle at 48% 35%,#24496231,transparent 70%),#0c1728!important}
.showcase-card .showcase-screen > img{width:100%;height:100%;object-fit:contain;max-height:100%;border:0}
.match-demo{box-sizing:border-box;display:block;flex:0 1 auto;width:min(100%,730px)!important;max-width:730px!important;height:auto!important;min-width:0;border-radius:12px;padding:11px!important;overflow:hidden}
.match-demo-score{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px!important;padding:9px 7px 12px!important;min-width:0}
.match-demo-score .demo-team{min-width:0;overflow:hidden;font-size:clamp(9px,1vw,12px);gap:7px}
.match-demo-score .demo-team span{min-width:0;overflow-wrap:anywhere}
.match-demo-score .demo-team img{display:block!important;flex:0 0 auto;width:32px!important;height:36px!important;max-width:32px!important;max-height:36px!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.match-demo-score .demo-result{min-width:75px;font-size:clamp(18px,2vw,26px)}
.match-demo-field{width:100%;min-width:0;aspect-ratio:1.60;max-height:none}
.match-demo-body{grid-template-columns:minmax(0,1fr) minmax(110px,23%);align-items:stretch}
.match-demo-stats{overflow:hidden;min-width:0}
.match-demo-tools{flex-wrap:wrap;row-gap:4px}
.match-demo-caption{flex-wrap:wrap}
.league-showcase{position:relative;z-index:1;padding:78px 24px 92px}
.league-showcase-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;align-items:center}
.league-intro h2{font-size:clamp(34px,3.6vw,53px);letter-spacing:-.048em;margin:15px 0 18px}
.league-intro h2 em{font-style:normal;color:#e7d19e}
.league-intro p{color:#b2c4d6;max-width:490px;font-size:15px;line-height:1.85}
.league-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.league-pills span{border:1px solid rgba(227,204,155,.28);border-radius:7px;padding:8px 10px;font-size:10px;font-weight:800;letter-spacing:.09em;color:#dccb9e}
.league-ladder{display:grid;gap:9px;padding:17px;border:1px solid rgba(209,196,159,.28);background:linear-gradient(155deg,#1b2d43df,#0e1c30ef);border-radius:20px;box-shadow:0 20px 60px #0005}
.league-step{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 19px;border:1px solid rgba(201,218,231,.1);background:#ffffff08;border-radius:11px;transition:transform .26s,border-color .26s,background .26s}
.league-step:first-child{background:linear-gradient(90deg,#a68b4b27,#ffffff05);border-color:#e5c88d65}
.league-step:hover{transform:translateX(5px);border-color:#d4b8757b;background:#e3c78a10}
.league-num{font-size:12px;color:#dec58b;font-weight:850}
.league-step strong{font-size:16px;letter-spacing:-.015em}
.league-step>span:last-child{font-size:9px;color:#9fb0c4;letter-spacing:.12em;font-weight:800}
.clubs-section{padding-top:10px}
.last-cta-inner{background:linear-gradient(110deg,#23384d,#101f32);border-color:#dfc68b66}
.last-cta-inner .btn{box-shadow:0 10px 28px #0006}
#footer{background:#071120;border-top:1px solid #d3bd8a23}
@keyframes tlfmGlow{0%,100%{opacity:.55;box-shadow:0 0 0 4px #e4c88710,0 0 7px #e4c88744}50%{opacity:1;box-shadow:0 0 0 6px #e4c88726,0 0 22px #e4c887bb}}
@keyframes tlfmLightDrift{0%{transform:translateX(-15px) rotate(12deg);opacity:.35}100%{transform:translateX(18px) rotate(19deg);opacity:.55}}
@keyframes tlfmOrbit{from{transform:rotate(-18deg) scale(.96)}to{transform:rotate(8deg) scale(1.04)}}
@keyframes tlfmFloat{0%,100%{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-12px) rotate(-1.2deg)}}
@keyframes tlfmMarquee{to{transform:translateX(-50%)}}
@media(max-width:1100px){
 .hero{padding:66px 28px;gap:15px}
 .hero h1{font-size:clamp(45px,5.4vw,68px)}
 .hero-art{min-height:430px}
 .hero-crest-panel{min-height:414px;padding:18px 21px 21px}
 .hero-crest-panel>img{height:170px!important}
 .hero-glass-tag{font-size:8px}
 .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .hero-stats>div{border-right:0;padding:0}
}
@media(max-width:900px){
 .hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding:74px 26px 65px}
 .hero-art{min-height:390px;max-width:530px;margin:18px auto 0;width:100%;display:flex!important}
 .hero-crest-panel{min-height:390px;width:min(360px,88%)}
 .hero-crest-panel>img{height:155px!important}
 .showcase-wide{display:flex!important;flex-direction:column!important}
 .showcase-wide .showcase-screen{width:100%;min-height:0!important}
 .showcase-wide .showcase-copy{padding:26px 28px!important}
 .league-showcase-inner{grid-template-columns:minmax(0,1fr);gap:30px}
 .league-intro p{max-width:620px}
}
@media(max-width:600px){
 .topbar{padding:0 15px;height:70px}
 .topbar nav a{display:none}
 .hero{padding:52px 19px 46px}
 .hero h1{font-size:clamp(43px,10vw,58px)}
 .hero-art{min-height:345px}
 .hero-crest-panel{min-height:340px;width:min(310px,90%);padding:16px 18px}
 .hero-crest-panel>img{height:130px!important}
 .hero-crest-panel>strong{font-size:18px}
 .hero-crest-panel>span{font-size:10px}
 .hero-glass-tag{font-size:7px;padding:7px}
 .hero-glass-left{left:0}
 .hero-glass-right{right:0}
 .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}
 .hero-ticker{height:43px}
 .hero-ticker-track{gap:20px}
 .hero-ticker-track>span{font-size:9px}
 .feature-section{padding:58px 18px!important}
 .showcase-section{padding:52px 16px 63px!important}
 .showcase-wide .showcase-screen{padding:12px!important;aspect-ratio:auto!important}
 .match-demo{padding:6px!important}
 .match-demo-score .demo-team img{width:22px!important;height:25px!important;max-width:22px!important;max-height:25px!important}
 .match-demo-score .demo-team{font-size:8px}
 .match-demo-score .demo-result{min-width:52px}
 .match-demo-body{grid-template-columns:minmax(0,1fr) 81px;gap:5px}
 .league-showcase{padding:43px 17px 75px}
 .league-step{padding:13px 12px;grid-template-columns:26px minmax(0,1fr) auto;gap:8px}
 .league-step strong{font-size:13px}
 .league-step>span:last-child{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .stadium-glow,.hero-crest-panel,.hero-glass-tag,.hero-art-orbit,.hero-ticker-track,.live-dot{animation:none!important}
 .league-step,.feature-grid article,.hero .btn{transition:none!important}
}

/* Progressive scroll reveals; all content remains available with JS disabled. */
.tlfm-reveal{transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}
.tlfm-reveal:not(.tlfm-visible){opacity:0;transform:translateY(25px)}
.tlfm-reveal.tlfm-visible{opacity:1;transform:translateY(0)}
.league-step.tlfm-reveal:nth-child(2){transition-delay:.06s}
.league-step.tlfm-reveal:nth-child(3){transition-delay:.12s}
.league-step.tlfm-reveal:nth-child(4){transition-delay:.18s}
.league-step.tlfm-reveal:nth-child(5){transition-delay:.24s}
@media(prefers-reduced-motion:reduce){.tlfm-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* 2026-11 — feature page, motion polish, clean stadium-to-ticker transition */
.stadium-pitch{display:none!important} /* Removed green perspective block above the banner */
.hero{padding-bottom:52px!important}
.hero-ticker{margin-top:0!important;border-top:1px solid rgba(224,202,151,.3)!important}
#auth,.auth-wrap,.auth-card,#auth .auth-card *{animation:none!important}
#auth .auth-card,#auth .auth-wrap{transform:none!important;transition:none!important}
#auth .auth-card{will-change:auto!important}
#featuresPage{background:radial-gradient(ellipse 950px 600px at 78% 9%,#20365342,transparent 73%),linear-gradient(180deg,#081426,#101f33 42%,#081426 100%);min-height:calc(100vh - 155px);color:#f4f6fb}
.features-page{max-width:1280px;margin:0 auto;padding:0 24px 100px}
.features-page-hero{padding:92px clamp(22px,4vw,55px) 57px;position:relative;overflow:hidden;border-bottom:1px solid #e7d19e35;background:radial-gradient(ellipse at 95% 40%,#bd9e5c1f,transparent 55%)}
.features-page-hero:after{content:"";position:absolute;right:6%;top:19%;width:min(25vw,330px);aspect-ratio:1;border:1px solid #e7d19e30;border-radius:50%;box-shadow:0 0 0 24px #e7d19e07,0 0 0 70px #e7d19e04;pointer-events:none;animation:featuresHalo 9s ease-in-out infinite alternate}
.features-page-hero h1{font-size:clamp(39px,5vw,70px);line-height:1.09;letter-spacing:-.05em;max-width:800px;margin:16px 0 20px;position:relative;z-index:1}
.features-page-hero h1 em{font-style:normal;color:#e7d19e}
.features-page-hero>p{max-width:670px;font-size:clamp(15px,1.45vw,18px);line-height:1.8;color:#c1d0e0;position:relative;z-index:1}
.features-page-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 42px;position:relative;z-index:1}
.features-page-actions .btn{min-height:49px}
.features-page-metrics{display:flex;flex-wrap:wrap;gap:14px 34px;position:relative;z-index:1}
.features-page-metrics span{font-size:12px;color:#b2c4d6;display:inline-flex;align-items:center;gap:8px}
.features-page-metrics b{font-size:18px;color:#ebd6a5}
.features-page-heading{text-align:center;padding:80px 15px 37px}
.features-page-heading h2{font-size:clamp(30px,3.7vw,51px);letter-spacing:-.045em;margin:12px 0 16px}
.features-page-heading p{color:#b2c4d6;margin:0 auto;max-width:660px}
.features-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.features-detail-card{position:relative;min-width:0;padding:24px 24px 29px;border:1px solid #54667d80;border-radius:18px;background:linear-gradient(150deg,#23364b,#15253a);box-shadow:0 14px 38px #03091440;overflow:hidden;transition:border-color .28s,box-shadow .28s,transform .28s}
.features-detail-card:hover{transform:translateY(-5px);border-color:#e7d19e88;box-shadow:0 22px 55px #03091491}
.features-detail-wide{grid-column:span 2}
.features-detail-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;color:#e7d19e}
.features-detail-number{font-size:24px;letter-spacing:-.04em;font-weight:850;opacity:.8}
.features-detail-tag{font-size:10px;letter-spacing:.17em;font-weight:850;text-align:right}
.features-detail-media{width:100%;background:#0b1727;border:1px solid #3e556d;border-radius:11px;overflow:hidden;aspect-ratio:1.8;display:flex;align-items:center;justify-content:center;margin-bottom:21px}
.features-detail-media img{display:block;width:100%;height:100%;object-fit:contain}
.features-detail-card h3{font-size:clamp(18px,1.5vw,24px);letter-spacing:-.025em;margin:8px 0 12px}
.features-detail-card p{font-size:14px;line-height:1.73;color:#b7c8db;margin:0;max-width:600px}
.features-page-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:75px 0 0;padding:37px clamp(23px,3.8vw,48px);border:1px solid #c7ac7070;border-radius:19px;background:linear-gradient(110deg,#25364a,#142439)}
.features-page-footer h2{font-size:clamp(25px,3vw,39px);letter-spacing:-.04em;margin:12px 0}
.features-page-footer p{color:#c0cee0}
.features-page-footer button{flex:none}
@keyframes featuresHalo{to{transform:scale(1.12);opacity:.55}}
/* JS animates the same pitch markers and keeps the ball attached to passing play */
.match-demo-field .match-player{transition:none!important;will-change:left,top}
.match-demo-ball{animation:none!important;will-change:left,top,transform}
@media(max-width:1000px){.features-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features-detail-wide{grid-column:span 2}}
@media(max-width:700px){.features-page{padding:0 16px 65px}.features-page-hero{padding:57px 10px 48px}.features-page-hero:after{opacity:.4}.features-page-heading{padding-top:50px}.features-detail-grid{grid-template-columns:1fr}.features-detail-wide{grid-column:auto}.features-page-footer{flex-direction:column;align-items:flex-start;padding:28px 24px}.features-page-footer button{width:100%}}
@media(prefers-reduced-motion:reduce){.features-page-hero:after{animation:none!important}.match-demo-field .match-player,.match-demo-ball{will-change:auto!important}}

/* Feature visuals, selectable menu colours and the dedicated leagues page. */
.topbar nav a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 13px;border-radius:9px;border:0!important;outline:0!important;background:transparent;transition:color .2s,background .2s,box-shadow .2s}
.topbar nav a:hover,.topbar nav a.is-current,.topbar nav a:focus-visible{background:rgba(231,209,158,.16)!important;color:#f3d89d!important;border:0!important;outline:0!important;box-shadow:none!important}
.topbar nav a:focus-visible{box-shadow:inset 0 0 0 1px rgba(231,209,158,.35)!important}
.features-hero-mark{position:absolute;z-index:0;right:10%;top:20%;width:clamp(170px,19vw,290px);aspect-ratio:1;display:grid;place-items:center;pointer-events:none;opacity:.78;filter:drop-shadow(0 16px 44px rgba(0,0,0,.65))}
.features-hero-mark img{display:block;max-width:74%;max-height:74%;width:74%;height:74%;object-fit:contain}
.features-page-hero>p,.features-page-hero>.eyebrow,.features-page-hero>h1,.features-page-actions,.features-page-metrics{position:relative;z-index:2}
.features-detail-card{display:flex;flex-direction:column}
.features-detail-card .features-detail-media{height:auto;flex:0 0 auto}
.features-detail-card .features-mini{width:100%;aspect-ratio:1.8;min-height:0;flex:0 0 auto;margin-bottom:21px;border:1px solid #47627a;border-radius:11px;padding:clamp(11px,1.7vw,19px);overflow:hidden;display:flex;flex-direction:column;gap:9px;color:#e9f0f7;background:radial-gradient(circle at 90% 8%,rgba(231,209,158,.13),transparent 54%),linear-gradient(140deg,#0e1f34,#1c334c);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.features-detail-card .features-mini strong,.features-detail-card .features-mini b{color:#f7f2e7}
.features-mini .mini-header{display:flex;justify-content:space-between;gap:12px;font-size:clamp(8px,.85vw,11px);color:#e9d19d;letter-spacing:.1em;font-weight:850}
.features-mini .mini-kpi{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:7px}
.features-mini .mini-kpi small{font-size:10px;letter-spacing:.1em;color:#b8c9d8}
.features-mini .mini-kpi strong{font-size:clamp(15px,2vw,25px)}
.features-mini .mini-trend{flex:1;display:flex;align-items:flex-end;gap:5px;padding-top:6px;min-height:40px}
.features-mini .mini-trend>span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#dfc384,#aa8959);box-shadow:0 0 18px rgba(219,181,108,.11)}
.features-mini .mini-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px;border-top:1px solid #aac2d12c;font-size:clamp(8px,.75vw,10px);letter-spacing:.06em}
.features-mini .mini-note span{color:#b4c6d8}
.features-mini .mini-offer{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:6px 0;color:#b2c4d4;font-size:10px;letter-spacing:.03em}
.features-mini .mini-offer strong{font-size:clamp(9px,.9vw,12px);color:#ebd3a2;text-align:right}
.features-mini .mini-rows{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:9px;flex:1;font-size:9px;letter-spacing:.05em;color:#bacada}
.features-mini .mini-rows>i{height:7px;background:#31465d;border-radius:10px;overflow:hidden}
.features-mini .mini-rows>i>b{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#ae9062,#e8d19e)}
.features-mini .mini-league-row{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:7px 9px;font-size:clamp(8px,.85vw,10px);background:#2b405632;border-radius:5px;border:1px solid #63778a36}
.features-mini .mini-league-row>span{font-weight:700}
.features-mini .mini-league-row>b{color:#e7d19e}
.features-mini .mini-league-row>strong{text-align:right;color:#cfdce8}
.features-mini .mini-league-row:first-of-type{border-color:#d7c0885c;background:#a78a4c1c}
.features-mini .mini-training-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1}
.features-mini .mini-training-grid>div{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:10px 11px;background:#263e57;border:1px solid #49647e80;border-radius:10px}
.features-mini .mini-training-grid small{font-size:9px;color:#b7c8d8;letter-spacing:.07em}
.features-mini .mini-training-grid strong{font-size:clamp(17px,2.4vw,28px)}
.features-mini .mini-training-grid i{display:block;height:7px;background:#4c5e70;border-radius:10px;overflow:hidden}
.features-mini .mini-training-grid i b{display:block;height:100%;border-radius:10px;background:#e7d19e}
.features-mini .mini-save-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;flex:1;align-items:center}
.features-mini .mini-save-grid span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;aspect-ratio:.85;background:#253b52;border:1px solid #506a82;border-radius:7px;font-size:clamp(13px,1.5vw,20px);font-weight:850;color:#cad8e5}
.features-mini .mini-save-grid span.selected{background:#dfc59124;border-color:#d7b67d;color:#ebd4a1}
.features-mini .mini-save-grid small{font-size:clamp(6px,.65vw,9px);font-weight:700}
.features-mini .mini-backup-doc{display:flex;align-items:center;justify-content:center;gap:16px;flex:1;background:#253a51a6;border:1px solid #506a829c;border-radius:10px;padding:12px}
.features-mini .mini-backup-doc>span{font-size:clamp(26px,3.7vw,43px);color:#ecd39d}
.features-mini .mini-backup-doc>div{display:flex;flex-direction:column;gap:8px}
.features-mini .mini-backup-doc strong{font-size:clamp(10px,1.05vw,15px);letter-spacing:.055em}
.features-mini .mini-backup-doc small{font-size:clamp(7px,.8vw,10px);color:#b3c7d8;letter-spacing:.04em}
.leagues-page{max-width:1270px;margin:0 auto;padding:0 24px 100px}
#leaguesPage{background:radial-gradient(ellipse 820px 620px at 85% 0%,rgba(54,76,110,.34),transparent 75%),linear-gradient(180deg,#081426,#0e1d31 47%,#081426);min-height:calc(100vh - 150px)}
.leagues-page-hero{position:relative;isolation:isolate;overflow:hidden;min-height:520px;padding:90px clamp(24px,5vw,65px) 70px;border-bottom:1px solid #d8bd8755;background:radial-gradient(circle at 83% 40%,rgba(232,209,153,.1),transparent 41%)}
.leagues-page-hero h1{position:relative;z-index:1;font-size:clamp(42px,5.2vw,76px);line-height:1.08;letter-spacing:-.054em;margin:17px 0 22px;max-width:830px}
.leagues-page-hero h1 em{font-style:normal;color:#e8d19e}
.leagues-page-hero p{position:relative;z-index:1;max-width:620px;color:#bccddd;font-size:17px;line-height:1.85}
.leagues-hero-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.leagues-hero-actions .btn{min-height:49px}
.leagues-hero-mark{position:absolute;z-index:0;right:5%;top:12%;width:clamp(220px,25vw,350px);aspect-ratio:1;border:1px solid #d7c2913b;border-radius:50%;box-shadow:0 0 0 27px #d7c29108,0 0 0 69px #d7c29104;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:featuresHalo 10s ease-in-out infinite alternate}
.leagues-hero-mark>span{color:#e7d19e;font-weight:950;font-size:clamp(72px,10vw,125px);letter-spacing:-.09em;line-height:1}
.leagues-hero-mark small{font-size:11px;color:#d6c69f;font-weight:850;letter-spacing:.15em}
.leagues-page-intro{text-align:center;max-width:740px;margin:0 auto;padding:77px 0 34px}
.leagues-page-intro h2{font-size:clamp(29px,3.7vw,48px);margin:12px 0 15px;letter-spacing:-.045em}
.leagues-page-intro p{color:#b9c8d9;line-height:1.7;margin:0}
.league-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.league-detail-card{display:flex;gap:22px;padding:27px 26px;border:1px solid #55657d90;border-radius:18px;background:linear-gradient(140deg,#20334a,#142339);box-shadow:0 16px 40px #0003;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s}
.league-detail-card:hover{transform:translateY(-4px);border-color:#e5cc9277;box-shadow:0 25px 60px #0006}
.league-detail-card:first-child{border-color:#e7c9867d;background:linear-gradient(140deg,#344055,#17263b)}
.league-detail-card:last-child{grid-column:1/-1}
.league-detail-rank{font-size:clamp(35px,4vw,56px);font-weight:950;color:#ddc790;letter-spacing:-.055em;line-height:1}
.league-detail-content{min-width:0;flex:1}
.league-detail-tag{font-size:10px;color:#dec99e;font-weight:850;letter-spacing:.14em}
.league-detail-card h3{font-size:clamp(24px,2.8vw,35px);margin:11px 0 5px;letter-spacing:-.032em}
.league-detail-content>strong{font-size:14px;color:#f0dfb1}
.league-detail-content>p{font-size:14px;color:#bdd0e0;line-height:1.75;margin:13px 0 18px;max-width:650px}
.league-detail-crests{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.league-detail-crests span{width:56px;height:56px;display:grid;place-items:center;border:1px solid #5f7285;border-radius:11px;background:#ffffff0d;padding:7px;transition:background .2s,transform .2s}
.league-detail-crests span:hover{transform:translateY(-3px);background:#e7d19e1c}
.league-detail-crests img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.league-page-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:72px;padding:37px 42px;border:1px solid #ddc58e66;border-radius:19px;background:linear-gradient(110deg,#243750,#102239)}
.league-page-cta h2{font-size:clamp(29px,3vw,41px);letter-spacing:-.04em;margin:12px 0}
.league-page-cta p{font-size:14px;color:#b9cbda}
@media(max-width:1000px){.features-hero-mark{opacity:.33;right:0}.league-detail-card{padding:22px;gap:14px}.leagues-hero-mark{opacity:.35}}
@media(max-width:750px){.features-hero-mark{display:none}.league-detail-list{grid-template-columns:1fr}.league-detail-card:last-child{grid-column:auto}.leagues-page{padding:0 16px 65px}.leagues-page-hero{padding:60px 14px 65px;min-height:0}.leagues-page-intro{padding:48px 0 29px}.league-page-cta{flex-direction:column;align-items:flex-start;padding:29px 24px}.league-page-cta button{width:100%}.features-detail-card .features-mini{padding:15px}}
@media(max-width:480px){.leagues-hero-mark{display:none}.league-detail-rank{font-size:32px}.league-detail-crests span{width:45px;height:45px}.features-mini .mini-rows{grid-template-columns:75px minmax(0,1fr)}.topbar nav a{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.leagues-hero-mark{animation:none!important}.league-detail-card,.features-detail-card{transition:none!important}}

/* 2026-11: Compact Features / Leagues page headers and no unreliable league badges. */
#featuresPage .features-page{padding-top:0}
#featuresPage .features-page-heading{padding:55px 18px 30px;max-width:750px;margin:0 auto}
#featuresPage .features-page-heading .eyebrow{margin-bottom:12px}
#featuresPage .features-page-heading h2{font-size:clamp(30px,3.3vw,45px);margin:0 0 14px}
#featuresPage .features-detail-grid{align-items:stretch}
.leagues-page-hero.leagues-page-hero-compact{min-height:0!important;padding:55px clamp(19px,4vw,52px) 47px!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.29fr);align-items:center;gap:24px;border-bottom:1px solid #d8bd8755;overflow:hidden}
.leagues-page-hero-compact .leagues-page-hero-copy{position:relative;z-index:2;min-width:0}
.leagues-page-hero-compact h1{font-size:clamp(35px,4.25vw,57px)!important;line-height:1.1!important;max-width:830px;margin:12px 0 15px!important;letter-spacing:-.046em}
.leagues-page-hero-compact p{font-size:15px!important;line-height:1.75!important;max-width:660px!important;margin:0;color:#bfcedf}
.leagues-page-hero-compact .leagues-hero-actions{margin-top:24px}
.leagues-hero-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:175px;border:1px solid rgba(226,201,144,.25);border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(221,190,117,.11),transparent 75%),linear-gradient(145deg,rgba(32,53,77,.72),rgba(14,30,49,.85));box-shadow:inset 0 1px #ffffff09;position:relative;z-index:1;transform:none}
.leagues-hero-number{font-size:clamp(66px,7vw,106px);font-weight:950;letter-spacing:-.085em;line-height:1;color:#e9d29c}
.leagues-hero-side-label{font-size:9px;font-weight:850;letter-spacing:.15em;color:#c3d2df;text-align:center;padding:0 10px}
.leagues-page-intro{padding:37px 10px 24px!important}
.leagues-page-intro h2{font-size:clamp(27px,3vw,40px);margin:9px 0 9px}
.leagues-page-intro p{font-size:14px}
.league-detail-list{gap:17px}
.league-detail-card{align-items:flex-start}
.league-clubs-hint{display:inline-flex;align-items:center;gap:9px;border-radius:999px;border:1px solid rgba(217,193,138,.33);background:rgba(218,194,138,.08);padding:8px 13px;color:#e7d19e;font-size:11px;font-weight:750;letter-spacing:.035em;margin-top:1px}
.league-clubs-dot{width:6px;height:6px;background:#d5bd86;border-radius:50%;box-shadow:0 0 12px #d5bd8666}
@media(max-width:850px){.leagues-page-hero.leagues-page-hero-compact{grid-template-columns:minmax(0,1fr) 145px;gap:14px;padding:44px 22px 39px!important}.leagues-hero-side{min-height:145px}.leagues-hero-number{font-size:70px}}
@media(max-width:650px){.leagues-page-hero.leagues-page-hero-compact{grid-template-columns:minmax(0,1fr);padding:40px 15px 32px!important}.leagues-hero-side{display:none}.leagues-page-intro{padding:30px 5px 22px!important}#featuresPage .features-page-heading{padding:42px 6px 25px}}

/* Features: animated match hero, eleven illustration-led cards. */
.features-page{max-width:1500px!important;padding-left:clamp(16px,2.4vw,40px)!important;padding-right:clamp(16px,2.4vw,40px)!important}
.features-pitch-hero{display:grid;grid-template-columns:minmax(285px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(22px,3.1vw,54px);padding:57px clamp(12px,2vw,30px) 53px;border-bottom:1px solid rgba(220,197,145,.25);min-width:0}
.features-pitch-copy{min-width:0}
.features-pitch-copy h1{font-size:clamp(35px,4.1vw,62px);letter-spacing:-.052em;line-height:1.07;margin:15px 0 21px}
.features-pitch-copy h1 em{font-style:normal;color:#e7d19e}
.features-pitch-copy>p{font-size:clamp(14px,1.2vw,17px);line-height:1.85;color:#bdcddd;max-width:460px}
.features-pitch-tags{margin-top:25px;display:flex;flex-wrap:wrap;gap:9px}
.features-pitch-tags span{border:1px solid #c9af7659;background:#d8bf8820;border-radius:8px;padding:9px 11px;color:#e9d5a6;font-size:10px;letter-spacing:.085em;font-weight:800;display:inline-flex;align-items:center;gap:7px}
.features-pitch-tags i{width:6px;height:6px;background:#69e3a4;border-radius:50%;box-shadow:0 0 9px #69e3a4;display:inline-block}
.features-pitch-display{min-width:0;padding:clamp(8px,1.1vw,16px);background:radial-gradient(ellipse at 48% 40%,#2e4a5b30,transparent 70%),#101d2d;border:1px solid #bcab8454;border-radius:20px;box-shadow:0 22px 70px #0007;overflow:hidden}
.features-pitch-display .match-demo{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;overflow:hidden!important;margin:0!important}
.features-pitch-display .match-demo-score .demo-team img{width:32px!important;height:34px!important;max-width:32px!important;max-height:34px!important;object-fit:contain!important;display:block!important;border:0!important;box-shadow:none!important}
.features-pitch-display .match-demo-body{grid-template-columns:minmax(0,1fr) minmax(102px,23%);gap:7px}
.features-pitch-display .match-demo-field{min-width:0;max-height:none!important;aspect-ratio:1.6}
.features-pitch-display .match-demo-stats{min-width:0}
#featuresPage .features-page-heading{padding:52px 15px 29px!important}
#featuresPage .features-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:stretch}
#featuresPage .features-detail-card{grid-column:auto!important;display:flex!important;flex-direction:column;min-height:0!important;padding:23px 23px 26px}
#featuresPage .features-detail-card .features-mini{width:100%;flex:0 0 auto;aspect-ratio:1.8;min-height:150px;max-height:235px}
#featuresPage .features-detail-card h3{margin-top:2px}
#featuresPage .features-detail-card .features-detail-top{margin-bottom:14px}
/* First six cards use matching native game UI illustrations rather than screenshots. */
.features-mini-match .mini-match-board{display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;font-weight:800;margin:2px 0 0}
.features-mini-match .mini-match-board strong{font-size:clamp(17px,2vw,28px);color:#e9d19e}
.features-mini-match .mini-match-graphic{flex:1;min-height:38px;position:relative;background:repeating-linear-gradient(90deg,#196748 0 15%,#257955 15% 30%);border:1px solid #aec7ae80;border-radius:4px;overflow:hidden}
.features-mini-match .mini-pitch-line{position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #c3e0cead}
.features-mini-match .mini-pitch-mid{position:absolute;left:50%;top:50%;width:35px;height:35px;transform:translate(-50%,-50%);border:1px solid #c3e0cead;border-radius:50%}
.features-mini-match .mini-match-graphic b{position:absolute;display:block;width:8px;height:8px;border:1px solid #0a1930;border-radius:50%;transform:translate(-50%,-50%)}
.features-mini-match .mini-match-graphic b.dot-home{background:#eb324c}
.features-mini-match .mini-match-graphic b.dot-away{background:#263f8b}
.features-mini-match .mini-match-graphic b.mini-ball{background:white;width:6px;height:6px;border-color:#555}
.features-mini-tactics .mini-tactics-pitch{position:relative;flex:1;min-height:88px;background:repeating-linear-gradient(90deg,#196347 0 15%,#287655 15% 30%);border:1px solid #98ccb56b;border-radius:6px}
.features-mini-tactics .mini-tactics-line{position:absolute;top:50%;left:0;width:100%;border-top:1px solid #bddec66d}
.features-mini-tactics .mini-tactics-pitch span{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#213b6f;border:1px solid #d1dcee;font-size:8px;font-weight:850;color:#fff}
.features-mini-transfers .mini-transfer-item{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#2e465d80;border:1px solid #526b82;border-radius:7px;padding:10px;flex:1;font-size:clamp(8px,.85vw,10px);letter-spacing:.04em}
.features-mini-transfers .mini-transfer-item span{color:#b8cad8}
.features-mini-transfers .mini-transfer-item strong{font-size:clamp(8px,.84vw,11px)}
.features-mini-transfers .mini-transfer-item.accent{border-color:#d9bc816a;background:#c9a66d24}
.features-mini-custom .mini-custom-centre{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;flex:1}
.features-mini-custom .mini-custom-shield{width:78px;height:92px;clip-path:polygon(50% 0,94% 17%,90% 67%,50% 100%,10% 67%,6% 17%);background:linear-gradient(90deg,#d4b477 0%,#e5d2a5 9%,#1c2d43 10%,#1c2d43 90%,#e6cd92 91%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:#f1d8a3;font-size:22px;font-weight:900}
.features-mini-custom .mini-custom-shield small{font-size:11px;letter-spacing:.18em}
.features-mini-custom .mini-custom-options{display:flex;flex-direction:column;gap:5px;min-width:0}
.features-mini-custom .mini-custom-options>span{font-size:9px;color:#9fb6c8}
.features-mini-custom .mini-custom-options>strong{font-size:14px;color:#f1e6cd}
.features-mini-custom .mini-swatch{display:flex;gap:6px;margin-top:5px}
.features-mini-custom .mini-swatch i{width:19px;height:19px;border-radius:5px;background:#e7d19e;border:1px solid #8191a4}
.features-mini-custom .mini-swatch i:nth-child(2){background:#174b73}.features-mini-custom .mini-swatch i:nth-child(3){background:#f3f2ee}
.features-mini-youth .mini-prospects{display:flex;flex-direction:column;gap:9px;flex:1}
.features-mini-youth .mini-prospects>div{background:#243c54;border:1px solid #45657e;border-radius:8px;display:flex;align-items:center;gap:11px;padding:8px}
.features-mini-youth .mini-prospect-avatar{width:30px;height:30px;flex:none;background:#bba17127;border:1px solid #d2b474;border-radius:50%;display:grid;place-items:center;color:#ebd6a8;font-size:10px;font-weight:900}
.features-mini-youth .mini-prospects>div>span:nth-child(2){font-weight:750;font-size:11px;flex:1;min-width:0}
.features-mini-youth .mini-prospects small{font-size:8px;color:#aec4d4;display:block;margin-top:4px}
.features-mini-youth .mini-prospects strong{font-size:20px;color:#e7d19e}
.features-mini-facilities .mini-facilities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1}
.features-mini-facilities .mini-facilities-grid>div{border-radius:8px;border:1px solid #577087;background:#263d52;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;padding:9px}
.features-mini-facilities .mini-facilities-grid span{color:#c2d0dc;font-size:9px}
.features-mini-facilities .mini-facilities-grid strong{font-size:12px;color:#ead19b}
/* The five English tiers fill the page horizontally, one division per row. */
#leaguesPage .leagues-page{max-width:none!important;width:100%;padding-left:clamp(16px,3.5vw,72px)!important;padding-right:clamp(16px,3.5vw,72px)!important}
#leaguesPage .league-detail-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px;max-width:none!important}
#leaguesPage .league-detail-card{grid-column:1!important;width:100%;min-width:0;display:flex;align-items:center;padding:24px clamp(20px,3vw,45px);gap:clamp(19px,3vw,44px);min-height:170px}
#leaguesPage .league-detail-rank{min-width:75px;text-align:center;font-size:clamp(42px,5vw,65px)}
#leaguesPage .league-detail-content{min-width:0;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);column-gap:clamp(20px,4vw,75px);align-items:center}
#leaguesPage .league-detail-tag,#leaguesPage .league-detail-content>h3,#leaguesPage .league-detail-content>strong{grid-column:1}
#leaguesPage .league-detail-content>h3{margin:8px 0 3px}
#leaguesPage .league-detail-content>p{grid-column:2;grid-row:1/span 3;margin:0;max-width:850px;font-size:15px}
#leaguesPage .league-clubs-hint{display:none!important}
#leaguesPage .leagues-page-intro{max-width:900px}
@media(max-width:1100px){.features-pitch-hero{grid-template-columns:minmax(0,1fr)}.features-pitch-copy>p{max-width:760px}.features-pitch-display{max-width:900px;width:100%}#featuresPage .features-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){#leaguesPage .league-detail-content{grid-template-columns:minmax(0,1fr)}#leaguesPage .league-detail-content>p{grid-column:1;grid-row:auto;margin:13px 0 0}#leaguesPage .league-detail-rank{min-width:45px;font-size:42px}#leaguesPage .league-detail-card{min-height:0;gap:12px}#featuresPage .features-detail-grid{grid-template-columns:minmax(0,1fr)}.features-pitch-hero{padding:34px 0 28px;gap:19px}.features-pitch-display{padding:8px}}
@media(max-width:520px){.features-pitch-display .match-demo-body{grid-template-columns:minmax(0,1fr) 82px}.features-pitch-display .match-demo-score .demo-team img{width:22px!important;height:25px!important;max-width:22px!important;max-height:25px!important}.features-pitch-display .match-demo-stats .demo-stat:nth-of-type(n+3){display:none}#featuresPage .features-detail-card{padding:20px}#leaguesPage .league-detail-card{padding:18px 13px}#leaguesPage .league-detail-rank{min-width:35px;font-size:34px}}
@media(prefers-reduced-motion:reduce){.features-pitch-display .match-demo-ball,.features-pitch-display .match-player{transition:none!important;animation:none!important}}

/* 2026-11-11 — coherent 4–3–3 tactics visual and compact homepage showcase spacing. */
.features-mini-tactics .mini-formation-label{color:#eddbb5}
.features-mini-tactics .mini-tactics-pitch{
  position:relative;flex:1;min-height:146px;max-height:none;
  isolation:isolate;overflow:hidden;border:2px solid #8abd9b91;border-radius:9px;
  background:repeating-linear-gradient(0deg,#1e674d 0 14.28%,#247755 14.28% 28.56%);
  box-shadow:inset 0 0 22px #051d1766;
}
.features-mini-tactics .mini-tactics-pitch::before{
 content:"";position:absolute;inset:5px;border:1px solid #deefd080;pointer-events:none;
}
.features-mini-tactics .mini-tactics-pitch::after{
 content:"";position:absolute;inset:auto 0 50%;border-top:1px solid #d5e7d28c;pointer-events:none;
}
.features-mini-tactics .mini-tactics-field-lines{position:absolute;inset:0;pointer-events:none}
.features-mini-tactics .mini-tactics-field-lines::before{
 content:"";position:absolute;left:50%;top:50%;width:clamp(36px,17%,57px);aspect-ratio:1;
 border:1px solid #e0eddd83;border-radius:50%;transform:translate(-50%,-50%);
}
.features-mini-tactics .mini-tactics-field-lines::after{
 content:"";position:absolute;top:0;left:35%;right:35%;height:12%;border:1px solid #dcebd479;border-top:0;
}
.features-mini-tactics .mini-tactics-field-lines>span{
 position:absolute;bottom:0;left:38%;right:38%;height:8%;border:1px solid #dcebd479;border-bottom:0;
}
.features-mini-tactics .mini-tactics-pitch .tactics-role{
 position:absolute;z-index:2;display:grid;place-items:center;
 width:clamp(19px,2vw,25px);height:clamp(19px,2vw,25px);padding:0;
 transform:translate(-50%,-50%);border:1px solid #d7e7f2;
 border-radius:50%;background:#213e6d;color:white;
 font-size:clamp(7px,.73vw,9px);font-weight:850;letter-spacing:-.035em;
 box-shadow:0 2px 7px #0008,0 0 0 2px #142c478a;
}
.features-mini-tactics .mini-tactics-pitch .tactics-role-cdm{
 width:clamp(26px,2.2vw,31px);height:clamp(26px,2.2vw,31px);
 font-size:8px;background:#344b7c;border-color:#edcd8e;color:#ffefc3;
}
.features-mini-tactics .mini-tactics-pitch .tactics-role-gk{background:#80613b;border-color:#efd69d}
.features-mini-tactics .mini-tactics-pitch .mini-tactics-line{display:none!important}
/* Reduce the dead space between the homepage features grid and Inside the touchline. */
#home .feature-section{padding-bottom:34px!important}
#home .showcase-section{padding-top:22px!important}
#home .showcase-intro{margin-top:0!important;margin-bottom:26px!important}
@media(max-width:650px){
  #home .feature-section{padding-bottom:22px!important}
  #home .showcase-section{padding-top:16px!important}
  .features-mini-tactics .mini-tactics-pitch{min-height:142px}
}
@media(prefers-reduced-motion:reduce){
 .features-mini-tactics .mini-tactics-pitch .tactics-role{transition:none}
}

/* Half-pitch tactics card: remove obsolete centre-circle / stray blue disc. */
.features-mini-tactics .mini-tactics-halfpitch{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:168px!important;
  max-height:218px!important;
  width:100%;
  border:2px solid rgba(152,204,172,.7)!important;
  border-radius:10px!important;
  overflow:hidden!important;
  isolation:isolate;
  background:repeating-linear-gradient(90deg,#1a6249 0 12.5%,#247454 12.5% 25%)!important;
  box-shadow:inset 0 0 26px rgba(5,29,23,.45)!important;
}
.features-mini-tactics .mini-tactics-halfpitch::before{
  content:""!important;
  position:absolute!important;inset:5px!important;
  border:1px solid rgba(219,238,216,.65)!important;
  border-radius:5px;
  width:auto!important;height:auto!important;
  background:none!important;box-shadow:none!important;
  pointer-events:none;
}
.features-mini-tactics .mini-tactics-halfpitch::after{content:none!important;display:none!important}
.features-mini-tactics .mini-halfpitch-lines{position:absolute;inset:0;z-index:0;pointer-events:none}
.features-mini-tactics .mini-halfpitch-lines::before{
  content:"";position:absolute;left:21%;right:21%;bottom:0;height:30%;
  border:1px solid rgba(222,240,221,.68);border-bottom:0;
}
.features-mini-tactics .mini-halfpitch-lines::after{
  content:"";position:absolute;left:36%;right:36%;bottom:0;height:13%;
  border:1px solid rgba(222,240,221,.68);border-bottom:0;
}
.features-mini-tactics .mini-tactics-field-lines,
.features-mini-tactics .mini-tactics-line{display:none!important}
.features-mini-tactics .mini-tactics-halfpitch .tactics-role{
  z-index:3!important;
  width:clamp(20px,2vw,26px)!important;
  height:clamp(20px,2vw,26px)!important;
  display:grid!important;place-items:center!important;
  padding:0!important;line-height:1!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  background:#213e6d!important;border:1px solid #d7e7f2!important;
  box-shadow:0 2px 6px #0008!important;
  font-size:clamp(8px,.75vw,10px)!important;
  font-weight:850!important;color:#fff!important;
  text-align:center!important;
}
.features-mini-tactics .mini-tactics-halfpitch .tactics-role-cdm{
  width:clamp(28px,2.4vw,34px)!important;
  height:clamp(28px,2.4vw,34px)!important;
  background:#3e5588!important;border-color:#edcd8e!important;color:#ffefc3!important;
}
.features-mini-tactics .mini-tactics-halfpitch .tactics-role-gk{
  background:#80613b!important;border-color:#efd69d!important;
}
@media(max-width:650px){
 .features-mini-tactics .mini-tactics-halfpitch{min-height:160px!important}
 .features-mini-tactics .mini-tactics-halfpitch .tactics-role{width:21px!important;height:21px!important}
 .features-mini-tactics .mini-tactics-halfpitch .tactics-role-cdm{width:29px!important;height:29px!important}
}