*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0f17;color:#f3f5f9;font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{position:sticky;top:0;z-index:99;border-bottom:1px solid #29344a;background:#0b0f17f2;backdrop-filter:blur(18px)}.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{font-weight:900;font-size:25px;letter-spacing:-1px;white-space:nowrap}.brand b{color:#f9bd74}.navlinks{margin-left:auto;display:flex;gap:25px;font-size:13px;font-weight:750;color:#c3cbd7}.navlinks a:hover{color:#f9bd74}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #e7a861;background:linear-gradient(135deg,#f5be7c,#ee955e);color:#171016;padding:12px 20px;border-radius:12px;font-weight:850;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn.alt{background:#1a2231;color:#fff;border-color:#3c4860}.mobnav{display:none;background:transparent;border:1px solid #3b4860;color:#fff;padding:9px 12px;border-radius:9px;margin-left:auto}.hero{padding:48px 0 28px}.stage{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:36px;min-height:480px;padding:56px;border:1px solid #495069;border-radius:28px;background:radial-gradient(circle at 100% 0%,#563a3e88,transparent 50%),linear-gradient(125deg,#171b2b,#111827)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#f5be7c;font-size:12px;font-weight:850;letter-spacing:1.5px;text-transform:uppercase}.eyebrow:before{content:'';background:#e4a76d;width:22px;height:2px}h1{font-size:clamp(35px,4.5vw,61px);line-height:1.13;letter-spacing:-2px;margin:17px 0}h1 span{color:#f5b66f}.lead{font-size:17px;color:#b7c1d1;max-width:610px;margin:0 0 26px}.actions{display:flex;gap:12px;flex-wrap:wrap}.art{position:relative;min-height:330px;display:grid;place-items:center}.stadium{position:absolute;inset:0;border-radius:45%;border:1px solid #f1b87844;background:radial-gradient(ellipse,#2e4256 0%,#10172b 70%);box-shadow:inset 0 0 80px #102b4f}.pitch{width:280px;height:185px;border:4px solid #efb577;border-radius:15px;transform:perspective(500px) rotateX(16deg) rotate(-7deg);background:linear-gradient(90deg,#254d4b,#1a4046);position:relative;box-shadow:0 18px 70px #0009;display:grid;place-items:center}.pitch:before{content:'';position:absolute;inset:15px;border:2px solid #ffffff65}.pitch:after{content:'';width:75px;height:75px;border:2px solid #ffffff77;border-radius:50%}.ball{position:absolute;font-size:70px;top:12px;right:12px;filter:drop-shadow(0 10px 14px #0009)}.mini{position:absolute;bottom:10px;left:4px;padding:10px 16px;background:#202b3d;border:1px solid #5f6774;border-radius:13px;font-size:12px;font-weight:800}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 0}.stat{border:1px solid #2e3b51;background:#141d2b;padding:20px;border-radius:15px}.stat strong{display:block;font-size:17px}.stat small{color:#9ba7ba}.section{padding:44px 0;scroll-margin-top:90px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:22px}.kicker{font-size:11px;letter-spacing:2px;color:#ecaa6e;font-weight:800;text-transform:uppercase}h2{font-size:clamp(25px,3vw,38px);line-height:1.22;letter-spacing:-.8px;margin:7px 0 10px}h3{font-size:19px;margin:0 0 9px}.muted{color:#aab6c7}.section p{color:#b7c1d1}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel,.match{background:#141d2c;border:1px solid #2f3d54;border-radius:18px;padding:23px}.match{transition:background .2s,border-color .2s;text-align:left;color:inherit;width:100%}.match:hover,.match[aria-pressed=true]{background:#202b3c;border-color:#e8b076}.match-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:800;color:#f5bb80}.teams{font-size:18px;font-weight:850;line-height:1.4;margin:17px 0 9px}.match small{color:#aab5c6;display:block}.featuregrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.player{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.playlist{display:flex;flex-direction:column;gap:9px}.playlist button{display:flex;align-items:center;justify-content:space-between;background:#182336;color:#fff;border:1px solid #35445e;border-radius:12px;padding:14px;text-align:left}.playlist button[aria-pressed=true]{border-color:#f3b877;background:#303044}.screen{min-height:300px;background:linear-gradient(145deg,#111729,#17263c);border:1px solid #374763;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px}.screen .round{width:75px;height:75px;border-radius:100px;display:grid;place-items:center;border:1px solid #e9af76;color:#f9c088;font-size:32px;margin-bottom:18px}.screen h3{margin:0 0 8px}.screen p{font-size:13px;max-width:390px;margin:0 0 14px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:17px}.step{border-left:2px solid #edb178;padding:12px 13px;background:#1a2537;border-radius:0 11px 11px 0;font-size:13px;color:#c1ccda}.step b{display:block;color:#fff}.article{display:grid;grid-template-columns:1.65fr .75fr;gap:24px}.article .panel p{margin:0 0 17px}.article .panel h2{font-size:27px;margin-top:25px}.article .panel h2:first-child{margin-top:0}.side{align-self:start;position:sticky;top:95px}.side a{display:block;padding:10px 0;border-bottom:1px solid #2c3a50;color:#d8dce6}.side a:hover{color:#f4b777}.faq details{border-bottom:1px solid #344259;padding:15px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{margin:10px 0}.bottomcta{margin:32px auto;background:linear-gradient(110deg,#25243a,#262031);border:1px solid #a47962;border-radius:23px;padding:37px;text-align:center}.bottomcta h2{margin:0 0 12px}footer{background:#080c13;border-top:1px solid #2a3548;padding:30px 0;margin-top:30px;color:#aab7c7;font-size:13px}.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}@media(max-width:950px){.stage{padding:38px;grid-template-columns:1fr}.art{min-height:270px}.quick,.four{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(2,1fr)}.article{grid-template-columns:1fr}.side{position:static}.player{grid-template-columns:1fr}.mobnav{display:block}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;margin:0;background:#0b0f17;padding:18px 25px;border-bottom:1px solid #334;flex-direction:column;gap:12px}.navlinks.open{display:flex}}@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.brand{font-size:21px}.stage{padding:28px 23px;border-radius:20px}.art{min-height:245px}.pitch{width:215px;height:140px}.ball{font-size:50px}.grid3,.featuregrid{grid-template-columns:1fr}.quick{gap:9px}.stat{padding:14px}.stat strong{font-size:14px}.section{padding:28px 0}.four{grid-template-columns:1fr}.actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* V2 premium editorial layout additions */
.section-alt{background:#111725;border-top:1px solid #273144;border-bottom:1px solid #273144}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.hero-pills span{font-size:11px;color:#edc49d;border:1px solid #66513c;padding:6px 11px;border-radius:24px;background:#f0bd7a12}.filterbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter,.tab{border:1px solid #394861;background:#192437;color:#dbe3eb;border-radius:999px;padding:9px 17px;font-size:13px;font-weight:800}.filter:hover,.filter.active,.tab.active{background:#efb779;color:#231a18;border-color:#efb779}.match-action{color:#f2c38c;display:block;font-size:12px;font-weight:800;margin-top:18px}.context-note{font-size:12px;margin-top:16px}.panel-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.panel-topline h3{margin:0}.status-indicator{font-size:9px;letter-spacing:1px;color:#e7b47a}.tabrow{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.screen{position:relative;min-height:365px;background:radial-gradient(circle at 50% 45%,#243c55 0%,#101728 75%)}.screen:before{content:'';position:absolute;inset:16px;border:1px solid #fff1;border-radius:9px;pointer-events:none}.screen-caption{font-size:11px;letter-spacing:2px;color:#eac095;margin-bottom:22px}.feature-card{background:#1b2231;border:1px solid #36415b;border-radius:20px;padding:28px}.feature-card h3{font-size:26px;margin:15px 0}.feature-card p{color:#bfc9d4}.feature-card a,.league-card a{display:inline-block;margin-top:15px;color:#efbd81;font-weight:800;font-size:13px}.small-tag{color:#f3b877;letter-spacing:2px;font-size:10px;font-weight:800}.feature-derby{background:radial-gradient(circle at 95% 5%,#54303785,transparent 50%),#1a2333;min-height:265px}.editorial{max-width:100%;margin-top:22px;border-left:3px solid #dc9b62;background:#1a2331;padding:25px 29px;border-radius:0 14px 14px 0}.editorial h3{font-size:21px;margin-bottom:12px}.editorial p{margin:0;line-height:1.85}.league-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.league-card{padding:27px;background:#192333;border:1px solid #364358;border-radius:19px;display:flex;flex-direction:column}.league-card .league-icon{display:grid;place-items:center;font-size:25px;background:#2a3547;border-radius:12px;width:55px;height:55px;margin-bottom:20px}.league-card p{flex:1;color:#bac4d0}.league-card h3{font-size:23px}.world-panel{padding:42px;border:1px solid #665242;border-radius:25px;display:grid;grid-template-columns:1.5fr .7fr;align-items:center;gap:24px;background:radial-gradient(circle at 100% 0%,#66452d59,transparent 65%),#1e2332}.world-panel h2{margin-bottom:18px}.world-panel p{max-width:660px;color:#bdcad7}.world-art{min-height:220px;border:1px solid #c7a37d66;border-radius:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,#553e2e,#1c2330 70%);font-size:34px;font-weight:950;color:#ebc497}.world-art strong{font-size:12px;letter-spacing:3px}.bottomcta{margin-top:48px}.faq{max-width:930px;margin:auto}.faq details{padding:20px 0}.faq summary{font-size:17px}.faq p{color:#bdc8d5}.section .league-card p,.section .feature-card p{margin:0}.screen .btn{z-index:1}@media(max-width:950px){.league-grid{grid-template-columns:repeat(2,1fr)}.world-panel{grid-template-columns:1fr}}@media(max-width:620px){.league-grid{grid-template-columns:1fr}.world-panel{padding:27px 20px}.world-art{min-height:180px}.feature-card{padding:24px}.panel-topline{align-items:flex-start;flex-direction:column}.filter{padding:8px 12px}.section-head{align-items:start;flex-direction:column}.section-head .btn{max-width:100%}}[hidden]{display:none!important}

/* V3 reference-aligned layouts */
.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:25px}
.category-tile,.story-card{min-width:0;border:1px solid var(--line,#37333e);border-radius:20px;padding:24px;background:var(--surface,#211d25);box-shadow:0 14px 35px rgba(0,0,0,.12)}
.category-tile{display:flex;flex-direction:column;min-height:235px;transition:transform .2s,border-color .2s}
.category-tile:hover{transform:translateY(-3px);border-color:var(--accent,#f4b86b)}
.category-tile small,.story-card>span{color:var(--accent,#f4b86b);font-size:11px;font-weight:800;letter-spacing:.07em}
.category-symbol{font-size:29px;margin-bottom:12px}.category-tile h3{font-size:19px;line-height:1.2;margin:10px 0;color:var(--text,#fff)}
.category-tile p,.story-card p,.match-selector p{font-size:14px;line-height:1.65;color:var(--muted,#bbb);margin:8px 0 16px}
.category-tile a{margin-top:auto;color:var(--accent,#f4b86b);font-size:13px;font-weight:750}
.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.story-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.story-card h3{margin:12px 0;font-size:21px;line-height:1.25}
.match-selector{margin-top:28px;padding:25px;border:1px solid var(--line,#37333e);border-radius:20px;background:rgba(0,0,0,.18);display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;align-items:center}
.match-selector h3{margin:10px 0}.selector-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.selector-links a{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:12px;border:1px solid var(--line,#37333e);background:var(--surface,#211d25);font-weight:700;font-size:13px}.selector-links a:hover{border-color:var(--accent,#f4b86b)}
.inline-action{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
@media(max-width:1050px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.reference-grid,.story-grid,.story-grid.three,.match-selector{grid-template-columns:1fr}.selector-links{grid-template-columns:1fr}.category-tile{min-height:0}.category-tile,.story-card{padding:20px}.match-selector{padding:18px}}