:root { --ink:#08111e; --navy:#0b1728; --navy-2:#102540; --paper:#f2e6ca; --gold:#d9ad51; --gold-light:#f3d89a; --red:#a82e32; --red-light:#d5594d; --smoke:#a9b2c0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:#07101c; }
body { margin:0; background:#07101c; color:var(--paper); font-family:var(--font-sans),Arial,sans-serif; }
body:before { content:""; pointer-events:none; position:fixed; inset:0; z-index:20; opacity:.16; background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px),radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.62)); mix-blend-mode:soft-light; }
a { color:inherit; text-decoration:none; } button { font:inherit; }
.topbar { height:78px; padding:0 clamp(22px,5vw,84px); display:flex; align-items:center; justify-content:space-between; background:linear-gradient(90deg,#08111e,#0e1d33); border-bottom:1px solid rgba(217,173,81,.42); position:relative; z-index:5; }
.topbar:after { content:""; position:absolute; left:0; bottom:-1px; width:118px; height:1px; background:var(--red-light); }
.brand { display:flex; align-items:center; gap:11px; color:#f6ead0; font-size:12px; letter-spacing:.16em; font-weight:800; white-space:nowrap; }.brand b { color:var(--red-light); }.brand-mark { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--gold); color:var(--gold-light); font-size:11px; letter-spacing:-.08em; font-weight:900; position:relative; }.brand-mark:after { content:""; position:absolute; inset:4px; border:1px solid rgba(217,173,81,.42); }
.nav-links { display:flex; gap:34px; margin-left:12vw; font-size:10px; text-transform:uppercase; letter-spacing:.16em; font-weight:800; color:#b9c2cf; }.nav-links a:hover { color:var(--gold-light); }
.ghost-button { border:1px solid rgba(217,173,81,.75); color:var(--gold-light); padding:10px 18px; text-transform:uppercase; letter-spacing:.12em; font-size:10px; font-weight:900; transition:.2s; }.ghost-button:hover { background:var(--gold); color:var(--ink); }
.hero { min-height:704px; position:relative; overflow:hidden; isolation:isolate; padding:110px clamp(22px,12vw,190px) 96px; color:#f8f0df; background:linear-gradient(116deg,#07111f 0%,#0c1d33 49%,#172f52 100%); }.hero:before { content:""; position:absolute; inset:0; z-index:-1; opacity:.8; background:repeating-linear-gradient(115deg,transparent 0 34px,rgba(217,173,81,.045) 35px 36px),radial-gradient(circle at 70% 44%,rgba(186,53,45,.28),transparent 18%),radial-gradient(circle at 76% 70%,rgba(217,173,81,.12),transparent 27%); }.hero:after { content:""; position:absolute; z-index:-1; width:920px; height:920px; right:-310px; bottom:-550px; border:1px solid rgba(217,173,81,.38); border-radius:50%; box-shadow:0 0 0 48px rgba(217,173,81,.035),0 0 0 96px rgba(217,173,81,.025),0 0 0 144px rgba(217,173,81,.018); }
.hero-ribbon { position:absolute; right:0; top:34px; padding:9px 0 9px 22px; width:395px; color:#fcecc8; background:linear-gradient(90deg,#751e29,#a83736); box-shadow:-10px 0 25px rgba(0,0,0,.22); font-size:9px; letter-spacing:.16em; font-weight:900; }.eyebrow { margin:0 0 16px; color:#d7c397; font-size:10px; letter-spacing:.19em; font-weight:800; }.eyebrow span { display:inline-block; width:30px; height:1px; background:var(--red-light); margin:0 9px 3px 0; }.eyebrow.dark { color:#b9a879; }.hero h1,.section-heading h2,.mission-section h2 { font-family:var(--font-display),Georgia,serif; letter-spacing:-.055em; line-height:.94; font-weight:500; }.hero h1 { margin:0; max-width:625px; font-size:clamp(58px,6.4vw,102px); text-shadow:0 5px 25px rgba(0,0,0,.28); }.hero h1 em { color:var(--gold-light); font-weight:500; }.hero-intro { max-width:447px; margin:28px 0 31px; line-height:1.75; color:#c8d1de; font-size:15px; }.hero-actions { display:flex; gap:27px; align-items:center; }.primary-button { display:inline-flex; gap:18px; align-items:center; padding:16px 20px; background:linear-gradient(135deg,#f0ca73,#c69036); color:#111a27; font-size:10px; font-weight:950; letter-spacing:.13em; text-transform:uppercase; box-shadow:0 8px 22px rgba(0,0,0,.22); transition:.2s; }.primary-button:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.32); }.primary-button span { font-size:18px; line-height:10px; }.text-button { color:#f0e4cc; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.text-button span { color:var(--gold); font-size:15px; margin-left:4px; }.hero-metrics { display:flex; margin-top:60px; gap:35px; }.hero-metrics div { display:grid; gap:5px; }.hero-metrics strong { color:var(--gold-light); font-family:var(--font-display); font-size:28px; font-weight:500; }.hero-metrics span { color:#9aaabc; text-transform:uppercase; font-size:9px; letter-spacing:.13em; }
.live-card { width:min(460px,38vw); position:absolute; right:clamp(25px,7vw,120px); top:207px; background:linear-gradient(145deg,rgba(16,30,49,.96),rgba(7,15,28,.98)); color:#f8edda; border:1px solid rgba(217,173,81,.72); box-shadow:18px 24px 0 rgba(0,0,0,.2),inset 0 0 0 5px rgba(217,173,81,.035); }.live-card:after { content:""; position:absolute; inset:9px; border:1px solid rgba(217,173,81,.18); pointer-events:none; }.live-card-top { padding:13px 17px; display:flex; align-items:center; gap:7px; border-bottom:1px solid rgba(217,173,81,.3); color:var(--gold-light); font-size:10px; font-weight:900; letter-spacing:.13em; }.live-dot,.tiny-dot { width:7px; height:7px; display:inline-block; border-radius:50%; background:#df5046; box-shadow:0 0 0 3px rgba(223,80,70,.16); }.card-id { margin-left:auto; color:#91a1b6; }.match-type { padding:23px 29px 0; color:#e16a59; font-size:9px; letter-spacing:.15em; font-weight:900; }.match-type span { float:right; color:#9aa7b8; font-weight:700; }.teams { display:flex; align-items:center; justify-content:space-between; padding:22px 29px 28px; text-align:center; }.teams>div:not(.score) { width:115px; display:grid; justify-items:center; gap:8px; font-size:11px; line-height:1.2; }.team-crest { width:43px; height:43px; display:grid; place-items:center; color:#fff7e5; font-size:13px; font-weight:900; border:1px solid var(--gold); box-shadow:inset 0 0 0 3px rgba(255,255,255,.08); }.crimson { background:linear-gradient(145deg,#9e2d32,#56202a); }.slate { background:linear-gradient(145deg,#304560,#172438); }.score { display:flex; align-items:center; gap:9px; position:relative; top:-5px; }.score b { font-family:var(--font-display); color:var(--gold-light); font-size:40px; font-weight:500; }.score i { font-style:normal; color:#8492a4; font-size:20px; }.score small { position:absolute; top:48px; white-space:nowrap; color:#97a2af; font-size:8px; letter-spacing:.11em; text-transform:uppercase; }.server-line { border-top:1px solid rgba(217,173,81,.25); padding:13px 17px; color:#aab6c4; font-size:9px; letter-spacing:.08em; }.server-line>span { color:#6fc487; }.server-line b { float:right; color:var(--gold-light); font-size:9px; letter-spacing:.12em; }.hero-map { position:absolute; right:-6vw; bottom:-86px; width:59vw; height:230px; opacity:.64; transform:skew(-14deg); border-top:1px solid rgba(217,173,81,.43); }.map-line { position:absolute; display:block; background:rgba(217,173,81,.52); height:1px; transform-origin:left; }.map-line.one { width:70%; left:4%; top:51%; transform:rotate(17deg); }.map-line.two { width:58%; left:27%; top:13%; transform:rotate(84deg); }.map-line.three { width:45%; left:41%; top:68%; transform:rotate(-35deg); }.map-point { position:absolute; width:10px; height:10px; border:1px solid var(--gold-light); transform:rotate(45deg); }.map-point.a{left:23%;top:43%}.map-point.b{left:60%;top:36%}.map-point.c{left:76%;top:68%}
.matchday-section { position:relative; overflow:hidden; padding:90px clamp(22px,8vw,128px); background:linear-gradient(135deg,#0b1727,#10223a); }.matchday-section:before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 3% 20%,rgba(217,173,81,.09),transparent 19%),repeating-linear-gradient(35deg,transparent 0 28px,rgba(255,255,255,.015) 29px 30px); }.section-heading { position:relative; display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:34px; }.section-heading h2 { color:#f6ead4; font-size:clamp(40px,4vw,60px); margin:0; }.all-link { color:#e6d5ae; font-size:10px; letter-spacing:.14em; text-transform:uppercase; font-weight:900; }.all-link span { color:var(--red-light); font-size:18px; margin-left:6px; }.fixture-list { position:relative; border-top:1px solid rgba(217,173,81,.42); }.fixture { min-height:80px; display:grid; grid-template-columns:92px 1.2fr 72px 1.2fr 1.35fr 120px; align-items:center; gap:12px; border-bottom:1px solid rgba(217,173,81,.22); color:#ecdfc9; font-size:13px; }.fixture:hover { background:rgba(217,173,81,.045); }.fixture.is-live { background:linear-gradient(90deg,rgba(168,46,50,.19),transparent 58%); }.fixture-time { color:#a7b1c1; font-size:10px; letter-spacing:.11em; font-weight:900; }.fixture-time .tiny-dot { margin-right:8px; width:6px; height:6px; }.fixture.is-live .fixture-time { color:#e26b5a; }.fixture-team { display:flex; gap:10px; align-items:center; font-weight:700; }.fixture-team.home { justify-content:flex-end; }.mini-crest { width:26px; height:26px; display:grid; place-items:center; background:linear-gradient(145deg,#304663,#17253a); border:1px solid rgba(217,173,81,.55); color:#f7eacd; font-size:8px; font-weight:900; }.mini-crest.light { background:linear-gradient(145deg,#aa3436,#5f202a); }.fixture-score { color:var(--gold-light); text-align:center; font-family:var(--font-display); font-size:22px; }.fixture-round { color:#9da9bb; font-size:10px; }.fixture-action { color:var(--gold-light); background:transparent; border:0; padding:0; cursor:pointer; text-align:right; font-size:9px; text-transform:uppercase; letter-spacing:.1em; font-weight:900; }.fixture-action span { color:var(--red-light); font-size:15px; }
.competition-section { position:relative; padding:102px clamp(22px,8vw,128px); background:#07111e; color:#f9f2e3; }.competition-section:before { content:""; position:absolute; inset:0; opacity:.5; pointer-events:none; background:radial-gradient(ellipse at 50% 0,rgba(165,108,37,.15),transparent 38%),repeating-linear-gradient(90deg,transparent 0 80px,rgba(217,173,81,.04) 81px 82px); }.light-heading .section-summary { max-width:350px; color:#afbbca; line-height:1.7; font-size:13px; margin:0; }.competition-grid { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.competition-card { min-height:272px; padding:23px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(217,173,81,.38); box-shadow:inset 0 0 0 4px rgba(217,173,81,.025); transition:.25s; }.competition-card:hover { transform:translateY(-5px); border-color:var(--gold-light); box-shadow:0 18px 30px rgba(0,0,0,.28),inset 0 0 0 4px rgba(217,173,81,.08); }.competition-card:before { content:""; position:absolute; width:170px; height:170px; right:-62px; top:-62px; border:1px solid currentColor; opacity:.33; transform:rotate(45deg); }.competition-card.gold { color:#f2ddb0; background:linear-gradient(145deg,#513f27,#241d17); }.competition-card.red { color:#ffe2d6; background:linear-gradient(145deg,#67282d,#28141c); }.competition-card.blue { color:#d9e7fa; background:linear-gradient(145deg,#193d66,#0e233e); }.competition-code { font-family:var(--font-display); font-size:25px; }.competition-card h3 { position:relative; z-index:1; font-family:var(--font-display); font-weight:500; font-size:32px; letter-spacing:-.04em; margin:0 0 6px; }.competition-card p { margin:0; font-size:12px; opacity:.8; }.competition-card footer { display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(255,255,255,.2); padding-top:14px; font-size:9px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; }.competition-card footer b { font-weight:900; }.competition-card footer i { font-style:normal; font-size:17px; margin-left:5px; }
.mission-section { position:relative; isolation:isolate; overflow:hidden; padding:91px clamp(22px,8vw,128px); display:grid; grid-template-columns:110px 1.25fr .9fr; align-items:center; gap:42px; background:linear-gradient(115deg,rgba(6,14,25,.9),rgba(9,25,44,.75)),url('/og.png') center/cover; }.mission-section:after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(7,14,25,.85),rgba(7,14,25,.14)); }.mission-stamp { width:86px; height:86px; border:1px solid var(--gold); color:var(--gold-light); display:grid; place-content:center; text-align:center; font-family:var(--font-display); font-size:30px; line-height:.8; transform:rotate(-8deg); background:rgba(7,14,25,.55); }.mission-stamp span { font-family:var(--font-sans); font-size:8px; letter-spacing:.2em; }.mission-section h2 { color:#f6ead4; margin:0; font-size:clamp(31px,3.5vw,50px); text-shadow:0 3px 10px rgba(0,0,0,.4); }.mission-copy { margin:0; color:#d0d9e4; font-size:14px; line-height:1.75; text-shadow:0 2px 8px rgba(0,0,0,.5); }.dark-button { background:linear-gradient(135deg,#e9c66f,#b8802d); color:#101a2c; width:max-content; grid-column:2; }.site-footer { padding:29px clamp(22px,5vw,84px); display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(217,173,81,.35); background:#050b13; color:#a5b0bf; font-size:9px; letter-spacing:.13em; font-weight:700; }.site-footer .brand { color:#f5ead5; }
@media (max-width:900px) { .nav-links{display:none}.hero{padding:90px 28px 65px;min-height:900px}.live-card{width:min(455px,calc(100% - 56px));right:28px;top:auto;bottom:70px}.hero-map{width:100%;right:-25%;bottom:160px}.hero-metrics{margin-top:40px}.fixture{grid-template-columns:60px 1fr 52px 1fr 0 86px}.fixture-round{display:none}.competition-grid{grid-template-columns:1fr}.competition-card{min-height:205px}.mission-section{grid-template-columns:86px 1fr}.mission-copy{grid-column:2}.dark-button{grid-column:2}.site-footer{gap:15px;flex-wrap:wrap} }
@media (max-width:560px) { .topbar{height:66px;padding:0 18px}.ghost-button{padding:8px 11px;font-size:9px}.hero{padding:72px 20px 45px;min-height:830px}.hero-ribbon{top:19px;width:260px;font-size:7px;padding-left:12px}.hero h1{font-size:53px}.hero-intro{font-size:13px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-metrics{gap:20px}.live-card{right:20px;width:calc(100% - 40px);bottom:47px}.teams{padding-left:18px;padding-right:18px}.teams>div:not(.score){width:95px}.matchday-section,.competition-section{padding:65px 20px}.section-heading{align-items:start;flex-direction:column}.fixture{grid-template-columns:43px 1fr 37px 1fr;gap:6px;padding:12px 0;min-height:90px}.fixture-team{font-size:11px;gap:5px}.fixture-team.home{justify-content:start}.fixture .home .mini-crest{order:2}.fixture-action{grid-column:4;grid-row:2;font-size:8px}.fixture-score{font-size:17px}.mission-section{padding:58px 20px;gap:22px;grid-template-columns:1fr}.mission-stamp{display:none}.mission-copy,.dark-button{grid-column:1}.site-footer{flex-direction:column;align-items:flex-start}.site-footer>span:last-child{display:none} }

/* Match room */
.match-room-page { min-height:100vh; background:radial-gradient(circle at 60% 0,rgba(175,124,46,.12),transparent 31%),#07111e; }.match-nav-center { color:#b5c0d0; font-size:9px; letter-spacing:.15em; font-weight:900; }.match-nav-center .tiny-dot { margin-right:8px; width:6px; height:6px; }.match-nav-center i { color:var(--gold); font-style:normal; margin:0 8px; }.match-hero { position:relative; overflow:hidden; padding:44px clamp(22px,7vw,120px) 0; background:linear-gradient(125deg,#0a1729,#132c4b); border-bottom:1px solid rgba(217,173,81,.35); }.match-hero:before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.55; background:repeating-linear-gradient(115deg,transparent 0 34px,rgba(217,173,81,.045) 35px 36px),radial-gradient(circle at 50% 80%,rgba(179,44,49,.27),transparent 25%); }.match-crumb { position:relative; color:#adbbc9; font-size:9px; letter-spacing:.17em; font-weight:800; }.match-hero-grid { position:relative; min-height:235px; display:grid; grid-template-columns:1fr 215px 1fr; align-items:center; gap:35px; }.room-team { display:flex; align-items:center; gap:18px; }.right-team { justify-content:flex-end; text-align:right; }.room-team p { color:#b6a477; margin:0 0 6px; font-size:8px; letter-spacing:.15em; font-weight:900; }.room-team h1 { margin:0 0 4px; color:#f5e9d1; font-family:var(--font-display); font-size:clamp(26px,3vw,43px); font-weight:500; letter-spacing:-.04em; }.room-team>div>span { color:#9eabbc; font-size:10px; }.room-crest { width:70px; height:70px; flex:0 0 70px; display:grid; place-items:center; border:1px solid var(--gold); box-shadow:inset 0 0 0 5px rgba(255,255,255,.06); font-size:21px; font-weight:950; }.red-crest { background:linear-gradient(145deg,#b13c3d,#501e2a); }.navy-crest { background:linear-gradient(145deg,#3a567a,#17263c); }.room-score { position:relative; top:2px; text-align:center; }.room-score>span { color:#df6859; font-size:9px; letter-spacing:.14em; font-weight:900; }.room-score div { display:flex; align-items:center; justify-content:center; gap:12px; margin:3px 0 -2px; }.room-score b { color:var(--gold-light); font-family:var(--font-display); font-size:67px; font-weight:500; }.room-score i { color:#79879a; font-family:var(--font-display); font-size:29px; font-style:normal; }.room-score small { color:#aeb9c7; font-size:9px; letter-spacing:.11em; text-transform:uppercase; }.room-progress { position:relative; height:6px; margin:0 -1px; background:#09111f; display:flex; }.room-progress span { height:100%; }.progress-left { width:62.5%; background:linear-gradient(90deg,#78252b,#cc5347); }.progress-right { width:37.5%; background:linear-gradient(90deg,#375271,#1c304a); }
.room-layout { display:grid; grid-template-columns:235px minmax(0,1fr) 275px; gap:18px; padding:28px clamp(22px,4vw,65px) 65px; max-width:1600px; margin:auto; }.room-card,.map-panel,.timeline-panel,.lineups-panel { border:1px solid rgba(217,173,81,.3); background:linear-gradient(145deg,rgba(17,35,58,.92),rgba(7,16,29,.96)); box-shadow:inset 0 0 0 4px rgba(217,173,81,.022); }.room-card { padding:18px; margin-bottom:18px; }.room-label { margin:0 0 11px; color:#c5b182; font-size:8px; letter-spacing:.16em; font-weight:900; }.node-state { color:#80ce94; display:flex; align-items:center; gap:7px; font-size:9px; letter-spacing:.12em; font-weight:900; }.node-state span { width:7px; height:7px; border-radius:50%; background:#69bf7d; box-shadow:0 0 0 3px rgba(105,191,125,.13); }.server-card strong { display:block; margin-top:16px; color:#f2e7d1; font-family:var(--font-display); font-size:21px; font-weight:500; }.server-card small,.official-card small { display:block; margin-top:4px; color:#9fadc0; font-size:10px; }.connection-code { margin:17px 0 13px; padding:11px 0; border-top:1px solid rgba(217,173,81,.2); border-bottom:1px solid rgba(217,173,81,.2); display:grid; gap:5px; }.connection-code span { color:#8d9aab; font-size:8px; letter-spacing:.11em; }.connection-code b { color:var(--gold-light); font-size:9px; letter-spacing:.08em; }.room-button { width:100%; cursor:pointer; color:#f8e7c3; background:rgba(217,173,81,.08); border:1px solid rgba(217,173,81,.48); padding:11px; text-transform:uppercase; font-size:9px; letter-spacing:.1em; font-weight:900; }.room-button span { color:var(--red-light); float:right; }.official-card { display:grid; grid-template-columns:36px 1fr; column-gap:10px; align-items:center; }.official-card .room-label { grid-column:1/-1; }.official-avatar { width:34px; height:34px; display:grid; place-items:center; color:#f6e8cb; background:#7a2d31; border:1px solid var(--gold); font-size:10px; font-weight:900; }.official-card strong { font-size:12px; }.room-main { display:grid; gap:18px; }.map-panel { overflow:hidden; }.map-top { padding:20px 22px 14px; display:flex; align-items:start; justify-content:space-between; }.map-top h2,.panel-heading h2 { margin:0; color:#f3e6ce; font-family:var(--font-display); font-size:28px; font-weight:500; letter-spacing:-.03em; }.map-tag { padding:6px 8px; color:#e9c06a; border:1px solid rgba(217,173,81,.52); font-size:8px; letter-spacing:.13em; font-weight:900; }.tactical-map { height:338px; position:relative; overflow:hidden; border-top:1px solid rgba(217,173,81,.25); border-bottom:1px solid rgba(217,173,81,.25); background:linear-gradient(130deg,#0c1e30,#1b3a51 47%,#0c2238); }.tactical-map:before { content:""; position:absolute; inset:0; opacity:.65; background:repeating-linear-gradient(0deg,transparent 0 36px,rgba(217,173,81,.1) 37px 38px),repeating-linear-gradient(90deg,transparent 0 52px,rgba(217,173,81,.07) 53px 54px); }.terrain { position:absolute; display:block; border:1px solid rgba(217,173,81,.32); border-radius:48%; transform:rotate(-18deg); }.contour-one { width:590px; height:195px; left:-122px; top:86px; }.contour-two { width:510px; height:140px; right:-123px; top:7px; transform:rotate(22deg); }.contour-three { width:345px; height:115px; left:27%; bottom:-68px; transform:rotate(14deg); }.road { position:absolute; display:block; background:rgba(241,218,156,.58); height:2px; transform-origin:left; box-shadow:0 0 8px rgba(241,218,156,.2); }.road-one { width:125%; left:-9%; top:56%; transform:rotate(-11deg); }.road-two { width:68%; left:34%; top:13%; transform:rotate(74deg); }.objective { position:absolute; width:29px; height:29px; display:grid; place-items:center; border:1px solid var(--gold-light); color:var(--gold-light); background:#192b3d; font-family:var(--font-display); font-size:16px; transform:rotate(45deg); }.objective::first-letter { transform:rotate(-45deg); }.objective-a { left:43%; top:51%; }.objective-b { left:66%; top:26%; }.formation { position:absolute; min-width:35px; padding:6px 7px; text-align:center; color:white; border:1px solid currentColor; font-size:9px; font-weight:900; letter-spacing:.06em; }.french { background:#a33438; color:#f1b9aa; }.nordic { background:#294a6c; color:#b6d1ef; }.one { left:23%; top:60%; }.two { left:32%; top:44%; }.nordic.one { right:24%; bottom:22%; }.nordic.two { right:16%; top:35%; }.map-compass { position:absolute; right:20px; bottom:17px; width:32px; height:32px; border:1px solid rgba(217,173,81,.65); border-radius:50%; color:var(--gold-light); display:grid; place-items:center; font-family:var(--font-display); font-size:14px; }.map-legend { padding:12px 21px; display:flex; flex-wrap:wrap; gap:16px; align-items:center; color:#b5c2d0; font-size:9px; letter-spacing:.07em; }.map-legend i { display:inline-block; width:7px; height:7px; margin-right:5px; }.legend-red{background:#bf4440}.legend-blue{background:#4b719b}.legend-gold{background:var(--gold-light)}.map-legend b { margin-left:auto; color:#e4c980; font-weight:800; }.timeline-panel,.lineups-panel { padding:21px; }.panel-heading { display:flex; align-items:start; justify-content:space-between; padding-bottom:15px; border-bottom:1px solid rgba(217,173,81,.23); }.panel-heading>span { color:#84cf96; font-size:8px; letter-spacing:.12em; font-weight:900; }.dispatches { list-style:none; margin:18px 0 0; padding:0; }.dispatches li { display:grid; grid-template-columns:38px 13px 1fr; gap:9px; align-items:start; min-height:43px; color:#b8c3d1; font-size:11px; line-height:1.45; }.dispatches time { color:#8d9caf; font-size:9px; }.dispatches p { margin:0; }.dispatches b { color:#f0e5d0; }.dispatch-dot { position:relative; top:4px; width:7px; height:7px; border-radius:50%; background:var(--gold); }.dispatch-dot:after { content:""; position:absolute; left:3px; top:7px; height:34px; border-left:1px solid rgba(217,173,81,.22); }.dispatches li:last-child .dispatch-dot:after { display:none; }.dispatch-dot.red{background:#d65248}.dispatch-dot.blue{background:#5480ad}.lineup-side { padding:17px 0 10px; border-bottom:1px solid rgba(217,173,81,.2); }.lineup-side header { display:flex; align-items:center; gap:8px; margin-bottom:11px; font-size:11px; }.lineup-side header em { margin-left:auto; color:#78c58b; font-size:8px; font-style:normal; letter-spacing:.1em; }.player-row { display:grid; grid-template-columns:25px 1fr 12px; gap:6px; align-items:center; padding:5px 0; color:#c4ceda; font-size:10px; }.player-row span { color:#8797aa; font-size:8px; }.player-row b { font-weight:700; }.player-row i { color:#76c98a; font-size:8px; font-style:normal; }.lineup-note { margin:15px 0 0; color:#8899ad; font-size:9px; line-height:1.5; }
@media (max-width:1050px) { .room-layout{grid-template-columns:220px minmax(0,1fr)}.lineups-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.lineups-panel .panel-heading,.lineups-panel .lineup-note{grid-column:1/-1}.lineup-side{border-top:0}.lineup-side:last-of-type{border-bottom:0}.match-hero-grid{grid-template-columns:1fr 180px 1fr;gap:18px} }
@media (max-width:720px) { .match-nav-center{display:none}.match-hero{padding:28px 20px 0}.match-hero-grid{min-height:420px;grid-template-columns:1fr;gap:10px;align-content:center}.room-team,.right-team{justify-content:center;text-align:center}.right-team{flex-direction:row-reverse}.room-score{order:-1}.room-score b{font-size:54px}.room-layout{grid-template-columns:1fr;padding:20px}.room-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-card{margin:0}.lineups-panel{display:block}.lineup-side:last-of-type{border-bottom:1px solid rgba(217,173,81,.2)}.tactical-map{height:260px}.map-legend b{width:100%;margin-left:0}.right-team{margin-top:6px} }
@media (max-width:470px) { .room-sidebar{grid-template-columns:1fr}.room-team h1{font-size:27px}.room-crest{width:54px;height:54px;flex-basis:54px}.match-hero-grid{min-height:390px}.tactical-map{height:220px}.map-top{padding:17px}.timeline-panel,.lineups-panel{padding:17px}.match-crumb{font-size:8px} }

/* Fixture dossier: facts before and after a match, never invented live telemetry. */
.fixture.is-featured { background:linear-gradient(90deg,rgba(168,46,50,.19),transparent 58%); }
.fixture.is-featured .fixture-time { color:#e26b5a; }
.fixture-hero-grid { min-height:245px; }
.fixture-status { top:0; }
.fixture-status div { display:block; color:var(--gold-light); font-family:var(--font-display); font-size:46px; letter-spacing:.08em; line-height:1; margin:8px 0 6px; }
.fixture-status small { position:static; display:block; }
.fixture-banner { position:relative; margin:0 -1px; min-height:46px; padding:13px clamp(22px,3vw,46px); display:flex; align-items:center; gap:16px; background:linear-gradient(90deg,rgba(166,46,50,.42),rgba(11,24,40,.2)); border-top:1px solid rgba(217,173,81,.28); color:#cbd4df; font-size:10px; line-height:1.45; }
.fixture-banner span { flex:none; color:#f0ca73; font-size:8px; letter-spacing:.14em; font-weight:900; }
.fixture-banner b { font-weight:600; }
.summary-panel { padding:21px; border:1px solid rgba(217,173,81,.3); background:linear-gradient(135deg,rgba(90,45,35,.42),rgba(12,28,47,.92)); box-shadow:inset 0 0 0 4px rgba(217,173,81,.022); }
.summary-panel .panel-heading > span { color:#e6c46f; }
.summary-panel p { max-width:650px; margin:17px 0 18px; color:#bdc8d6; font-size:11px; line-height:1.65; }
.summary-tags { display:flex; flex-wrap:wrap; gap:7px; }
.summary-tags span { padding:6px 8px; border:1px solid rgba(217,173,81,.36); color:#d7c99f; font-size:8px; letter-spacing:.1em; font-weight:800; }
@media (max-width:720px) { .fixture-banner { align-items:flex-start; flex-direction:column; gap:5px; }.fixture-status div { font-size:39px; } }

/* Small-team fixture treatment: player records become the primary visual unit. */
.team-link { transition:opacity .2s,transform .2s; }.team-link:hover { opacity:.82; transform:translateY(-2px); }
.player-focus-layout { grid-template-columns:270px minmax(0,1fr) 270px; align-items:start; }
.roster-stack { border:1px solid rgba(217,173,81,.3); background:linear-gradient(145deg,rgba(17,35,58,.92),rgba(7,16,29,.96)); box-shadow:inset 0 0 0 4px rgba(217,173,81,.022); }
.roster-heading { min-height:71px; display:grid; grid-template-columns:29px 1fr auto; gap:9px; align-items:center; padding:13px; border-bottom:1px solid rgba(217,173,81,.25); }
.roster-heading p { margin:0 0 4px; color:#aaa985; font-size:7px; letter-spacing:.13em; font-weight:900; }.roster-heading h2 { margin:0; color:#f0e5cf; font-family:var(--font-display); font-size:22px; font-weight:500; letter-spacing:-.03em; }.roster-heading>b { color:var(--gold-light); font-size:9px; letter-spacing:.09em; }
.player-card { display:grid; grid-template-columns:39px 1fr auto; gap:10px; align-items:center; min-height:57px; padding:8px 11px; border-bottom:1px solid rgba(217,173,81,.15); transition:background .18s; }.player-card:hover { background:rgba(217,173,81,.075); }.player-card.home { border-left:2px solid rgba(204,83,71,.75); }.player-card.away { border-right:2px solid rgba(75,113,155,.85); }.player-vignette { width:37px; height:37px; display:grid; place-items:center; border:1px solid rgba(217,173,81,.72); background:radial-gradient(circle at 35% 29%,#9c6f46 0 9%,transparent 10%),linear-gradient(135deg,#7f2b31,#211929 53%,#16334d); color:#f5e6c8; font-family:var(--font-display); font-size:12px; font-weight:700; }.player-copy { min-width:0; display:grid; gap:3px; }.player-copy b { overflow:hidden; color:#f0e6d2; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.player-copy small { color:#9eafc1; font-size:8px; letter-spacing:.04em; }.player-id { color:#c9b78b; font-size:8px; letter-spacing:.07em; }
.roster-footnote { min-height:58px; margin:0; padding:13px; color:#8496aa; font-size:9px; line-height:1.5; }
.match-media-panel { overflow:hidden; border:1px solid rgba(217,173,81,.36); background:linear-gradient(145deg,rgba(17,35,58,.92),rgba(7,16,29,.96)); box-shadow:inset 0 0 0 4px rgba(217,173,81,.022); }.match-media { position:relative; aspect-ratio:16 / 9; overflow:hidden; border-top:1px solid rgba(217,173,81,.24); border-bottom:1px solid rgba(217,173,81,.24); background:#0c1d30; }.match-media:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,13,23,.64),transparent 65%),linear-gradient(0deg,rgba(7,13,23,.56),transparent 52%); pointer-events:none; }.match-media img { width:100%; height:100%; object-fit:cover; object-position:center; opacity:.78; filter:saturate(.82) contrast(1.12); }.media-overlay { position:absolute; z-index:1; left:24px; bottom:22px; display:grid; gap:4px; text-shadow:0 2px 12px #000; }.media-overlay span { color:#e6bf67; font-size:8px; letter-spacing:.15em; font-weight:900; }.media-overlay b { color:#f6ead5; font-family:var(--font-display); font-size:27px; font-weight:500; letter-spacing:-.03em; }.media-overlay small { max-width:330px; color:#cad4df; font-size:10px; line-height:1.4; }.media-caption { display:flex; gap:14px; align-items:center; padding:11px 19px; color:#a9b7c7; font-size:8px; letter-spacing:.07em; }.media-caption i { display:inline-block; width:7px; height:7px; margin-right:5px; }.media-caption b { margin-left:auto; color:#d5c393; font-size:8px; }
.match-format-note { max-width:1600px; margin:-42px auto 0; padding:0 clamp(22px,4vw,65px) 66px; }.match-format-note p { margin:0; padding:15px 18px; border:1px solid rgba(217,173,81,.23); color:#92a3b6; background:rgba(12,27,45,.65); font-size:10px; line-height:1.6; }.match-format-note span { color:#d9bc75; font-size:8px; letter-spacing:.13em; font-weight:900; margin-right:12px; }
.profile-page { min-height:100vh; background:radial-gradient(circle at 70% 0,rgba(170,111,35,.14),transparent 33%),#07111e; }.profile-hero { max-width:1000px; margin:0 auto; padding:100px 30px 42px; display:flex; align-items:center; gap:24px; border-bottom:1px solid rgba(217,173,81,.28); }.profile-portrait { width:105px; height:105px; flex:0 0 105px; display:grid; place-items:center; color:#f3dfb8; border:1px solid var(--gold); background:radial-gradient(circle at 35% 29%,#9c6f46 0 9%,transparent 10%),linear-gradient(135deg,#7f2b31,#211929 53%,#16334d); font-family:var(--font-display); font-size:30px; }.profile-portrait.red { background:linear-gradient(145deg,#b13c3d,#501e2a); }.profile-portrait.navy { background:linear-gradient(145deg,#3a567a,#17263c); }.profile-hero h1 { margin:0 0 7px; color:#f4e9d2; font-family:var(--font-display); font-size:clamp(42px,6vw,75px); font-weight:500; letter-spacing:-.05em; }.profile-hero h1 small { color:#d7b86d; font-family:var(--font-sans); font-size:12px; letter-spacing:.12em; vertical-align:middle; }.profile-hero p:not(.eyebrow) { margin:0; color:#aab8c7; font-size:13px; }.profile-stats { max-width:1000px; margin:0 auto; padding:29px 30px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.profile-stats div { min-height:97px; padding:16px; border:1px solid rgba(217,173,81,.28); background:rgba(14,29,48,.85); display:grid; align-content:center; gap:5px; }.profile-stats b { color:#f0cf83; font-family:var(--font-display); font-size:31px; font-weight:500; }.profile-stats span { color:#aebccd; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }.profile-note { max-width:940px; margin:0 auto; padding:0 30px 60px; color:#a5b5c6; font-size:12px; line-height:1.7; }
@media (max-width:1120px) { .player-focus-layout { grid-template-columns:1fr 1fr; }.room-main { grid-column:1/-1; grid-row:1; }.roster-home { grid-column:1; grid-row:2; }.roster-away { grid-column:2; grid-row:2; }.match-format-note { margin:0; } }
@media (max-width:720px) { .player-focus-layout { display:grid; grid-template-columns:1fr; }.room-main,.roster-home,.roster-away { grid-column:auto; grid-row:auto; }.roster-heading { min-height:63px; }.player-card { min-height:54px; }.media-overlay { left:16px; bottom:16px; }.media-overlay b { font-size:21px; }.media-caption span:nth-child(2) { display:none; }.profile-hero { padding:62px 22px 30px; align-items:flex-start; }.profile-portrait { width:75px; height:75px; flex-basis:75px; font-size:22px; }.profile-stats { grid-template-columns:1fr; padding:22px; }.profile-note { padding:0 22px 45px; } }

/* Compact tournament flags, intentionally closer to FSE-style roster markers than text labels. */
.country-flag { display:inline-block; width:16px; height:10px; vertical-align:-1px; margin-right:3px; border:1px solid rgba(246,234,208,.54); box-shadow:0 1px 2px rgba(0,0,0,.35); }
.country-flag.flag-emoji { width:auto; min-width:16px; height:auto; border:0; background:none; box-shadow:none; font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif; font-size:15px; line-height:10px; vertical-align:-2px; }
.flag-eu { position:relative; background:#1d4d9a; }.flag-eu:after { content:"••••"; position:absolute; inset:-4px 0 0; color:#f2ca45; font-size:7px; letter-spacing:1px; line-height:10px; transform:rotate(-9deg); }
.flag-fr { background:linear-gradient(90deg,#1d4194 0 33.33%,#f5f0df 33.33% 66.66%,#c9363c 66.66%); }.flag-be { background:linear-gradient(90deg,#17191d 0 33.33%,#f5ca2d 33.33% 66.66%,#c63b3b 66.66%); }.flag-ch { position:relative; background:#c72d37; }.flag-ch:before,.flag-ch:after { content:""; position:absolute; left:50%; top:50%; background:#fff6e6; transform:translate(-50%,-50%); }.flag-ch:before { width:7px; height:2px; }.flag-ch:after { width:2px; height:7px; }.flag-se { background:linear-gradient(90deg,transparent 0 29%,#edcd52 29% 41%,transparent 41%),linear-gradient(0deg,transparent 0 39%,#edcd52 39% 59%,transparent 59%),#24529c; }.flag-no { background:linear-gradient(90deg,transparent 0 28%,#f2ede5 28% 42%,transparent 42%),linear-gradient(0deg,transparent 0 37%,#f2ede5 37% 62%,transparent 62%),linear-gradient(90deg,transparent 0 32%,#183b7c 32% 38%,transparent 38%),linear-gradient(0deg,transparent 0 43%,#183b7c 43% 56%,transparent 56%),#be3740; }.flag-fi { background:linear-gradient(90deg,transparent 0 29%,#23539c 29% 42%,transparent 42%),linear-gradient(0deg,transparent 0 39%,#23539c 39% 59%,transparent 59%),#f1f2ec; }.flag-gb { background:linear-gradient(90deg,transparent 0 40%,#e7e8e2 40% 60%,transparent 60%),linear-gradient(0deg,transparent 0 36%,#e7e8e2 36% 64%,transparent 64%),linear-gradient(90deg,transparent 0 45%,#c93841 45% 55%,transparent 55%),linear-gradient(0deg,transparent 0 43%,#c93841 43% 57%,transparent 57%),#243f7a; }
.flag-us { background:linear-gradient(180deg,#b9303b 0 14%,#f6f0e4 14% 28%,#b9303b 28% 42%,#f6f0e4 42% 56%,#b9303b 56% 70%,#f6f0e4 70% 84%,#b9303b 84%); position:relative; }.flag-us:before { content:""; position:absolute; left:0; top:0; width:42%; height:55%; background:#25427e; }.flag-ca { background:linear-gradient(90deg,#c92f38 0 25%,#f5efe4 25% 75%,#c92f38 75%); position:relative; }.flag-ca:after { content:"✦"; position:absolute; left:50%; top:50%; color:#c92f38; font-size:8px; line-height:8px; transform:translate(-50%,-50%); }

/* Interactive GF map veto */
.veto-page { min-height:100vh; background:radial-gradient(circle at 50% 0,rgba(185,127,43,.15),transparent 30%),#07111e; color:#f2e6ca; }.veto-hero { padding:58px clamp(22px,8vw,130px) 44px; text-align:center; background:linear-gradient(125deg,#0a1729,#142e4f); border-bottom:1px solid rgba(217,173,81,.35); position:relative; overflow:hidden; }.veto-hero:before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.48; background:repeating-linear-gradient(115deg,transparent 0 34px,rgba(217,173,81,.045) 35px 36px),radial-gradient(circle at 50% 75%,rgba(179,44,49,.25),transparent 25%); }.veto-hero>* { position:relative; }.veto-hero h1 { margin:0 0 34px; color:#f6ead4; font-family:var(--font-display); font-size:clamp(48px,6vw,82px); font-weight:500; letter-spacing:-.055em; }.veto-opponents { max-width:1040px; margin:auto; display:grid; grid-template-columns:1fr 160px 1fr; gap:28px; align-items:center; }.veto-team { display:flex; gap:16px; align-items:center; text-align:left; }.veto-team.away { justify-content:flex-end; text-align:right; }.veto-team div { display:grid; gap:4px; }.veto-team small { color:#ac9e79; font-size:8px; letter-spacing:.14em; font-weight:900; }.veto-team b { color:#f4e8d0; font-family:var(--font-display); font-size:29px; font-weight:500; }.veto-team em { color:#aab8c7; font-size:9px; font-style:normal; }.veto-versus { display:grid; justify-items:center; gap:3px; }.veto-versus span,.veto-versus small { color:#9fadc0; font-size:8px; letter-spacing:.12em; text-transform:uppercase; }.veto-versus b { color:var(--gold-light); font-family:var(--font-display); font-size:40px; font-weight:500; }
.veto-status { min-height:59px; padding:12px clamp(22px,8vw,130px); display:grid; grid-template-columns:125px 1fr auto; gap:18px; align-items:center; border-bottom:1px solid rgba(217,173,81,.25); background:linear-gradient(90deg,rgba(126,40,45,.58),rgba(13,29,48,.96)); }.veto-status.is-pick { background:linear-gradient(90deg,rgba(42,105,69,.48),rgba(13,29,48,.96)); }.veto-status.is-complete { background:linear-gradient(90deg,rgba(42,105,69,.66),rgba(13,29,48,.96)); }.veto-status>span { color:#f0cb79; font-size:8px; letter-spacing:.14em; font-weight:900; }.veto-status>b { color:#f1e7d4; font-size:12px; }.veto-status button { padding:8px 12px; color:#d7c8a4; border:1px solid rgba(217,173,81,.45); background:transparent; cursor:pointer; text-transform:uppercase; font-size:8px; letter-spacing:.1em; font-weight:900; }.veto-status button:disabled { opacity:.3; cursor:default; }
.veto-workspace { max-width:1500px; margin:auto; padding:54px clamp(22px,5vw,75px) 75px; }.veto-section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:22px; }.veto-section-heading h2 { margin:0; color:#f1e5cf; font-family:var(--font-display); font-size:36px; font-weight:500; letter-spacing:-.04em; }.veto-section-heading>p { max-width:410px; margin:0; color:#93a4b6; font-size:10px; line-height:1.55; text-align:right; }.veto-map-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }.veto-map-card { min-width:0; padding:0; position:relative; overflow:hidden; display:grid; grid-template-rows:auto 1fr; color:inherit; text-align:left; border:1px solid rgba(217,173,81,.34); background:#0d1d30; cursor:pointer; box-shadow:inset 0 0 0 3px rgba(217,173,81,.025); transition:transform .2s,border-color .2s,box-shadow .2s; }.veto-map-card:not(:disabled):hover,.veto-map-card:not(:disabled):focus-visible { transform:translateY(-4px); border-color:var(--gold-light); box-shadow:0 15px 28px rgba(0,0,0,.28); outline:none; }.veto-map-card:disabled { cursor:default; }.veto-map-art { aspect-ratio:1.35; position:relative; overflow:hidden; display:block; border-bottom:1px solid rgba(217,173,81,.25); background:linear-gradient(155deg,#465c35,#9a8748 48%,#293d2d); }.veto-map-art:before { content:""; position:absolute; inset:0; opacity:.72; background:repeating-linear-gradient(28deg,transparent 0 22px,rgba(246,227,176,.15) 23px 24px),radial-gradient(circle at 68% 35%,rgba(225,198,126,.46),transparent 17%); }.veto-map-art i { position:absolute; z-index:1; display:block; border:1px solid rgba(245,220,156,.58); }.veto-map-art i:nth-child(1) { width:48%; height:36%; left:13%; top:35%; transform:rotate(-7deg); }.veto-map-art i:nth-child(2) { width:31%; height:24%; right:8%; top:17%; transform:rotate(12deg); }.veto-map-art i:nth-child(3) { width:78%; height:1px; left:10%; top:66%; border:0; background:rgba(245,220,156,.65); transform:rotate(-14deg); }.map-la-haye-sainte .veto-map-art { background:linear-gradient(155deg,#465f3c,#9f8a4a 44%,#31362a); }.map-avignon .veto-map-art { background:linear-gradient(155deg,#5f5b4d,#b39866 44%,#354352); }.map-ambush .veto-map-art { background:linear-gradient(155deg,#173629,#496b38 52%,#19281e); }.map-russian-village .veto-map-art { background:linear-gradient(155deg,#8798a3,#d2c6a2 49%,#4d5961); }.map-decision { position:absolute; z-index:3; top:12px; left:-31px; width:112px; padding:6px 0; text-align:center; transform:rotate(-38deg); color:#fff4df; background:#a8363b; font-size:8px; letter-spacing:.13em; font-weight:950; box-shadow:0 3px 7px rgba(0,0,0,.35); }.veto-map-card.is-pick .map-decision { background:#458154; }.veto-map-card.is-ban .veto-map-art { filter:grayscale(.78) brightness(.52); }.map-card-copy { min-height:111px; padding:15px; display:grid; align-content:start; gap:5px; }.map-card-copy small { color:#8f9fb1; font-size:8px; letter-spacing:.11em; text-transform:uppercase; }.map-card-copy b { color:#f2e6cf; font-family:var(--font-display); font-size:22px; font-weight:500; line-height:1.05; }.map-card-copy em { margin-top:7px; color:#c9b477; font-size:8px; font-style:normal; letter-spacing:.06em; }.veto-map-card.is-ban .map-card-copy b { text-decoration:line-through; color:#a8a6a0; }.veto-map-card.is-pick { border-color:rgba(102,180,116,.65); }
.veto-sequence { margin-top:31px; padding:23px; border:1px solid rgba(217,173,81,.3); background:linear-gradient(145deg,rgba(17,35,58,.94),rgba(7,16,29,.98)); }.veto-sequence ol { list-style:none; padding:0; margin:18px 0 0; display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }.veto-sequence li { min-height:87px; padding:12px; display:grid; grid-template-columns:24px 42px 1fr; align-items:start; gap:7px; border:1px solid rgba(217,173,81,.17); color:#8292a5; background:rgba(4,11,20,.34); }.veto-sequence li>span { font-size:8px; }.veto-sequence li>b { color:#9c8f71; font-size:8px; letter-spacing:.11em; }.veto-sequence li div { grid-column:1/-1; display:grid; gap:3px; }.veto-sequence li strong { color:#b7c1ce; font-size:11px; }.veto-sequence li small { color:#78899d; font-size:8px; }.veto-sequence li>i { grid-column:1/-1; color:#697b90; font-size:7px; font-style:normal; letter-spacing:.1em; }.veto-sequence li.current { border-color:var(--gold); background:rgba(217,173,81,.06); }.veto-sequence li.current>i { color:var(--gold-light); }.veto-sequence li.recorded.ban { border-color:rgba(192,74,77,.4); }.veto-sequence li.recorded.pick { border-color:rgba(92,162,105,.48); }.veto-sequence li.recorded strong { color:#f0e4cc; }.veto-sequence li.recorded>i { color:#78bd85; }.veto-footnote { max-width:1350px; margin:0 auto; padding:0 clamp(22px,5vw,75px) 60px; color:#8496aa; font-size:9px; line-height:1.65; }.veto-footnote span { color:#d9bc75; font-size:8px; letter-spacing:.13em; font-weight:900; margin-right:10px; }
@media (max-width:1050px) { .veto-map-grid { grid-template-columns:repeat(3,1fr); }.veto-sequence ol { grid-template-columns:repeat(3,1fr); } }
@media (max-width:720px) { .veto-hero { padding:40px 20px 30px; }.veto-opponents { grid-template-columns:1fr; }.veto-team,.veto-team.away { justify-content:center; text-align:center; }.veto-team.away { flex-direction:row-reverse; }.veto-versus { order:-1; }.veto-status { grid-template-columns:1fr auto; padding:12px 20px; }.veto-status>b { grid-column:1/-1; grid-row:2; }.veto-status button { grid-column:2; grid-row:1; }.veto-workspace { padding:38px 20px 55px; }.veto-section-heading { align-items:start; flex-direction:column; }.veto-section-heading>p { text-align:left; }.veto-map-grid,.veto-sequence ol { grid-template-columns:1fr 1fr; }.veto-footnote { padding:0 20px 45px; } }
@media (max-width:470px) { .veto-map-grid,.veto-sequence ol { grid-template-columns:1fr; }.veto-map-art { aspect-ratio:1.7; }.veto-map-card { grid-template-columns:1fr; }.veto-team b { font-size:23px; }.veto-hero h1 { margin-bottom:25px; } }

/* Shared competitive experiences */
.experience-page { min-height:100vh; background:radial-gradient(circle at 80% 0,rgba(173,116,37,.12),transparent 28%),#07111e; }.experience-topbar { position:sticky; top:0; }.experience-links { display:flex; gap:28px; align-items:center; }.experience-links a { position:relative; color:#aeb9c7; font-size:9px; letter-spacing:.12em; text-transform:uppercase; font-weight:900; }.experience-links a:hover,.experience-links a.active { color:var(--gold-light); }.experience-links a.active:after { content:""; position:absolute; left:0; right:0; bottom:-29px; height:2px; background:var(--red-light); }.experience-hero { min-height:335px; padding:70px clamp(22px,8vw,128px); display:flex; justify-content:space-between; align-items:center; gap:45px; position:relative; overflow:hidden; border-bottom:1px solid rgba(217,173,81,.34); background:linear-gradient(120deg,#091626,#173454); }.experience-hero:before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.6; background:repeating-linear-gradient(118deg,transparent 0 42px,rgba(217,173,81,.045) 43px 44px),radial-gradient(circle at 72% 55%,rgba(165,43,48,.25),transparent 24%); }.experience-hero>div { position:relative; }.experience-hero h1 { margin:0 0 17px; color:#f6ead4; font-family:var(--font-display); font-size:clamp(55px,7vw,95px); font-weight:500; letter-spacing:-.06em; line-height:.9; }.experience-hero>div>p:last-child { max-width:580px; margin:0; color:#b9c5d2; font-size:14px; line-height:1.7; }.league-hero { background:linear-gradient(120deg,#10182a,#4b262c); }.challenge-hero { background:linear-gradient(120deg,#081728,#173b5a); }.season-seal { width:150px; height:150px; flex:0 0 150px; display:grid; place-content:center; justify-items:center; color:#f0d592; border:1px solid rgba(217,173,81,.75); outline:1px solid rgba(217,173,81,.22); outline-offset:-8px; background:rgba(6,13,24,.42); transform:rotate(3deg); }.season-seal span,.season-seal small { font-size:8px; letter-spacing:.17em; }.season-seal b { font-family:var(--font-display); font-size:55px; font-weight:500; line-height:1; }.experience-metrics { min-height:90px; padding:0 clamp(22px,8vw,128px); display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid rgba(217,173,81,.25); background:#0b1728; }.experience-metrics div { padding:20px 25px; display:grid; align-content:center; gap:4px; border-left:1px solid rgba(217,173,81,.15); }.experience-metrics div:last-child { border-right:1px solid rgba(217,173,81,.15); }.experience-metrics b { color:#edce86; font-family:var(--font-display); font-size:27px; font-weight:500; }.experience-metrics span { color:#8fa0b4; font-size:8px; letter-spacing:.12em; text-transform:uppercase; }.experience-layout { max-width:1500px; margin:auto; padding:45px clamp(22px,5vw,75px) 70px; display:grid; grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr); gap:20px; align-items:start; }.experience-primary { display:grid; gap:20px; }.experience-secondary { display:grid; gap:20px; }.experience-panel { border:1px solid rgba(217,173,81,.3); background:linear-gradient(145deg,rgba(17,35,58,.94),rgba(7,16,29,.98)); box-shadow:inset 0 0 0 4px rgba(217,173,81,.022); }.experience-panel-head { min-height:78px; padding:19px 22px; display:flex; justify-content:space-between; align-items:start; border-bottom:1px solid rgba(217,173,81,.22); }.experience-panel-head h2 { margin:0; color:#f2e6cf; font-family:var(--font-display); font-size:29px; font-weight:500; letter-spacing:-.035em; }.experience-panel-head>span,.experience-panel-head>a { color:#c6b17c; font-size:8px; letter-spacing:.12em; font-weight:900; }.ranking-table { width:100%; }.ranking-head,.ranking-row { min-height:59px; padding:0 20px; display:grid; align-items:center; gap:10px; border-bottom:1px solid rgba(217,173,81,.13); }.league-table .ranking-head,.league-table .ranking-row { grid-template-columns:35px minmax(210px,1fr) repeat(5,50px); }.challenge-table .ranking-head,.challenge-table .ranking-row { grid-template-columns:35px minmax(210px,1fr) 80px 80px 70px; }.ranking-head { min-height:42px; color:#7f91a6; font-size:8px; letter-spacing:.11em; text-transform:uppercase; }.ranking-row { color:#b7c4d2; font-size:10px; transition:background .18s; }.ranking-row:hover { background:rgba(217,173,81,.055); }.ranking-row>strong { color:#f0ce7e; font-family:var(--font-display); font-size:20px; font-weight:500; }.rank-team { min-width:0; display:flex; align-items:center; gap:8px; }.rank-team i { width:28px; height:28px; flex:none; display:grid; place-items:center; border:1px solid rgba(217,173,81,.45); background:#162b44; color:#ebddc3; font-size:8px; font-style:normal; font-weight:900; }.rank-team b { overflow:hidden; color:#e8dfce; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.positive { color:#75c38a!important; }.negative { color:#d6685d!important; }.league-fixtures a { min-height:65px; padding:0 20px; display:grid; grid-template-columns:83px 1fr 37px 1fr 110px 20px; gap:10px; align-items:center; border-bottom:1px solid rgba(217,173,81,.13); color:#bdc8d4; font-size:10px; }.league-fixtures a:hover { background:rgba(217,173,81,.055); }.league-fixtures time { color:#d6b96f; font-size:8px; letter-spacing:.08em; }.league-fixtures b { color:#eee3cf; font-size:10px; }.league-fixtures> a > span { color:#7e8ea2; text-align:center; }.league-fixtures em { color:#8fa0b3; font-size:8px; font-style:normal; }.league-fixtures i { color:var(--red-light); font-size:14px; font-style:normal; }.season-card { padding:22px; }.season-card h2 { margin:0 0 17px; color:#f2e6cf; font-family:var(--font-display); font-size:30px; font-weight:500; }.season-card ol { list-style:none; margin:0 0 23px; padding:0; }.season-card li { min-height:49px; display:grid; grid-template-columns:25px 1fr; gap:10px; align-items:center; border-top:1px solid rgba(217,173,81,.15); color:#aab8c8; font-size:10px; line-height:1.45; }.season-card li span { color:#d1b773; font-size:8px; }.season-card .primary-button { width:100%; justify-content:space-between; }.leader-list a { min-height:51px; padding:0 17px; display:grid; grid-template-columns:20px 17px 1fr auto; gap:7px; align-items:center; border-bottom:1px solid rgba(217,173,81,.13); color:#aab7c7; font-size:9px; }.leader-list a:hover { background:rgba(217,173,81,.055); }.leader-list b { color:#ece1cd; font-size:10px; }.leader-list small { color:#8495a9; font-size:8px; }.prototype-disclaimer { max-width:1350px; margin:-40px auto 0; padding:0 clamp(22px,5vw,75px) 60px; color:#788b9f; font-size:9px; line-height:1.6; }

/* Matchmaking */
.matchmaking-hero { background:linear-gradient(120deg,#091626,#163b55); }.queue-status { width:210px; flex:none; padding:21px; display:grid; gap:7px; border:1px solid rgba(217,173,81,.55); background:rgba(6,15,27,.5); }.queue-status span { color:#e06a59; font-size:8px; letter-spacing:.14em; font-weight:900; }.queue-status b { color:#f0e4ce; font-family:var(--font-display); font-size:27px; font-weight:500; }.queue-status small { color:#92a3b5; font-size:9px; }.matchmaking-grid { max-width:1500px; margin:auto; padding:45px clamp(22px,5vw,75px) 20px; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr); gap:20px; }.queue-command { padding:24px; }.player-command-card { display:flex; align-items:center; gap:18px; padding-bottom:21px; border-bottom:1px solid rgba(217,173,81,.2); }.player-command-card .profile-portrait { width:72px; height:72px; flex-basis:72px; font-size:20px; }.player-command-card h2 { margin:0 0 4px; color:#f1e5ce; font-family:var(--font-display); font-size:31px; font-weight:500; }.player-command-card small { color:#8fa1b4; font-size:9px; }.rank-command { padding:25px 0 19px; display:flex; align-items:center; justify-content:center; gap:18px; }.rank-emblem { width:75px; height:75px; display:grid; place-items:center; color:#e9d18f; border:1px solid var(--gold); background:linear-gradient(145deg,#755b31,#19283c); font-family:var(--font-display); font-size:31px; transform:rotate(45deg); }.rank-emblem::first-letter { transform:rotate(-45deg); }.rank-command span { color:#8f9fb2; font-size:8px; letter-spacing:.12em; }.rank-command h3 { margin:3px 0; color:#f2e5cc; font-family:var(--font-display); font-size:34px; font-weight:500; }.rank-command p { margin:0; color:#a9b7c7; font-size:9px; }.rank-command p b { color:#e8c778; font-size:15px; }.rank-progress { height:12px; margin:5px 35px 34px; position:relative; background:#273347; }.rank-progress>span { position:absolute; inset:0 auto 0 0; background:linear-gradient(90deg,#8e6736,#d7ae54); }.rank-progress i,.rank-progress b { position:absolute; top:17px; font-size:8px; font-style:normal; }.rank-progress i:first-of-type { left:0; }.rank-progress b { left:64%; transform:translateX(-50%); color:#e6ca85; }.rank-progress i:last-of-type { right:0; }.queue-action { padding:19px; display:grid; grid-template-columns:1fr auto; gap:18px; align-items:center; border:1px solid rgba(217,173,81,.4); background:rgba(217,173,81,.055); }.queue-action.queued { border-color:rgba(91,177,111,.68); background:rgba(72,142,87,.09); }.queue-action div { display:grid; gap:5px; }.queue-action span { color:#d8b96d; font-size:8px; letter-spacing:.12em; font-weight:900; }.queue-action.queued span { color:#79c78d; }.queue-action b { color:#f0e5d1; font-size:11px; }.queue-action small { color:#8fa0b4; font-size:9px; line-height:1.45; }.queue-action button { padding:12px 16px; color:#111a27; border:0; background:linear-gradient(135deg,#f0ca73,#c69036); cursor:pointer; text-transform:uppercase; font-size:8px; letter-spacing:.1em; font-weight:950; }.queue-action.queued button { color:#e5d9c2; border:1px solid rgba(217,173,81,.44); background:transparent; }.protocol-list { list-style:none; margin:0; padding:10px 20px 20px; }.protocol-list li { min-height:55px; display:grid; grid-template-columns:28px 1fr; gap:9px; align-items:center; border-bottom:1px solid rgba(217,173,81,.13); color:#a6b4c4; font-size:10px; line-height:1.4; }.protocol-list b { color:#d8bc77; font-size:8px; }.matchmaking-history { max-width:1350px; margin:0 auto 65px; }.history-head,.history-row { min-height:53px; padding:0 22px; display:grid; grid-template-columns:100px 100px 1fr 120px 70px; gap:10px; align-items:center; border-bottom:1px solid rgba(217,173,81,.13); }.history-head { min-height:39px; color:#7e90a4; font-size:8px; letter-spacing:.11em; text-transform:uppercase; }.history-row { color:#afbdcc; font-size:10px; }.history-row strong { color:#e6c677; font-size:11px; }

/* Challenge ladder */
.challenge-action-card { width:255px; flex:none; padding:22px; display:grid; gap:6px; border:1px solid rgba(217,173,81,.57); background:rgba(6,15,27,.55); }.challenge-action-card span { color:#c9ad69; font-size:8px; letter-spacing:.14em; font-weight:900; }.challenge-action-card b { color:#f2e5ce; font-family:var(--font-display); font-size:27px; font-weight:500; }.challenge-action-card small { color:#95a6b7; font-size:9px; }.challenge-action-card button { margin-top:10px; padding:11px; color:#111a27; border:0; background:linear-gradient(135deg,#f0ca73,#c69036); cursor:pointer; text-transform:uppercase; font-size:8px; letter-spacing:.1em; font-weight:950; }.open-challenge-column { gap:10px; }.open-challenge-column>.experience-panel-head { border:1px solid rgba(217,173,81,.3); background:#0e2035; }.open-challenge { min-height:111px; padding:14px; display:grid; grid-template-columns:43px 1fr auto; gap:12px; align-items:center; border:1px solid rgba(217,173,81,.25); background:linear-gradient(145deg,rgba(17,35,58,.94),rgba(7,16,29,.98)); }.challenge-team-mark { width:42px; height:42px; display:grid; place-items:center; color:#ecdfc4; border:1px solid rgba(217,173,81,.55); background:#18324d; font-size:10px; font-weight:900; }.open-challenge p { margin:0; color:#cbb477; font-size:7px; letter-spacing:.1em; }.open-challenge h3 { margin:4px 0; color:#efe3ce; font-family:var(--font-display); font-size:20px; font-weight:500; }.open-challenge span,.open-challenge small { display:block; color:#9cabbc; font-size:8px; }.open-challenge small { margin-top:3px; }.open-challenge button { padding:8px 10px; color:#d9c48e; border:1px solid rgba(217,173,81,.4); background:transparent; cursor:pointer; text-transform:uppercase; font-size:7px; letter-spacing:.09em; font-weight:900; }.challenge-lifecycle { max-width:1350px; margin:0 auto 65px; padding:0 clamp(22px,5vw,75px); display:grid; grid-template-columns:repeat(7,auto); align-items:center; gap:13px; }.challenge-lifecycle div { min-height:130px; padding:16px; display:grid; align-content:start; gap:5px; border:1px solid rgba(217,173,81,.25); background:#0d1d30; }.challenge-lifecycle div span { color:#d7b96e; font-size:8px; }.challenge-lifecycle div b { color:#f0e4cc; font-family:var(--font-display); font-size:22px; font-weight:500; }.challenge-lifecycle div p { margin:0; color:#93a3b5; font-size:9px; line-height:1.55; }.challenge-lifecycle>i { color:#a84142; font-size:17px; font-style:normal; }
@media (max-width:1050px) { .experience-links { gap:15px; }.experience-layout,.matchmaking-grid { grid-template-columns:1fr; }.experience-secondary { grid-template-columns:1fr 1fr; }.challenge-lifecycle { grid-template-columns:1fr 20px 1fr; }.challenge-lifecycle>i:nth-of-type(2) { display:none; }.challenge-lifecycle div:nth-of-type(3) { grid-column:1; }.challenge-lifecycle div:nth-of-type(4) { grid-column:3; }.prototype-disclaimer { margin:0 auto; }.league-table .ranking-head,.league-table .ranking-row { grid-template-columns:35px minmax(190px,1fr) repeat(5,45px); } }
@media (max-width:720px) { .experience-topbar .ghost-button { display:none; }.experience-links { gap:9px; }.experience-links a { font-size:7px; }.experience-links a.active:after { bottom:-25px; }.experience-hero { min-height:420px; padding:55px 20px; flex-direction:column; align-items:flex-start; justify-content:center; }.experience-hero h1 { font-size:58px; }.season-seal { width:100px; height:100px; flex-basis:100px; }.season-seal b { font-size:39px; }.experience-metrics { padding:0 20px; grid-template-columns:1fr 1fr; }.experience-layout,.matchmaking-grid { padding:30px 20px 50px; }.experience-secondary { grid-template-columns:1fr; }.ranking-table { overflow-x:auto; }.ranking-head,.ranking-row { min-width:660px; }.league-fixtures a { grid-template-columns:72px 1fr 30px 1fr 18px; }.league-fixtures em { display:none; }.league-fixtures i { display:block; }.queue-status,.challenge-action-card { width:100%; }.queue-action { grid-template-columns:1fr; }.queue-action button { width:100%; }.matchmaking-history { margin:0 20px 45px; overflow-x:auto; }.matchmaking-history>.experience-panel-head,.history-table { min-width:620px; }.challenge-lifecycle { padding:0 20px; grid-template-columns:1fr; }.challenge-lifecycle>i { display:none; }.challenge-lifecycle div:nth-of-type(3),.challenge-lifecycle div:nth-of-type(4) { grid-column:auto; }.challenge-lifecycle div { min-height:105px; } }

/* Matchmaking front door — intentionally built as a game lobby, not a tournament dashboard. */
.nx-play { min-height:100vh; position:relative; isolation:isolate; overflow:hidden; color:#eee4d1; background:#06101c; }.nx-play:before { content:""; position:fixed; inset:68px 0 0; z-index:-3; background:linear-gradient(90deg,rgba(4,10,18,.96),rgba(9,23,39,.8) 40%,rgba(7,17,29,.94)),url('/og.png') center/cover; filter:saturate(.72) contrast(1.14); }.nx-play:after { content:""; position:fixed; inset:68px 0 0; z-index:-2; background:radial-gradient(circle at 50% 43%,rgba(168,115,44,.19),transparent 25%),repeating-linear-gradient(116deg,transparent 0 47px,rgba(217,173,81,.025) 48px 49px); }.play-nav { height:68px; padding:0 28px; display:grid; grid-template-columns:230px 1fr auto 220px; gap:30px; align-items:center; position:relative; z-index:10; border-bottom:1px solid rgba(217,173,81,.4); background:linear-gradient(90deg,#050b13,#0d1c30 58%,#07101b); box-shadow:0 8px 30px rgba(0,0,0,.35); }.play-nav-main,.play-nav-worlds { height:100%; display:flex; align-items:center; gap:24px; }.play-nav a { transition:color .18s; }.play-nav-main>a,.play-nav-worlds>a { height:100%; display:flex; align-items:center; position:relative; color:#8495a9; font-size:8px; letter-spacing:.14em; text-transform:uppercase; font-weight:900; }.play-nav-main>a:hover,.play-nav-main>a.active,.play-nav-worlds>a:hover { color:#f1d38c; }.play-nav-main>a.active:after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:#c24340; box-shadow:0 -4px 12px rgba(194,67,64,.3); }.play-nav-worlds { gap:15px; padding-left:22px; border-left:1px solid rgba(217,173,81,.22); }.nav-identity { min-width:180px; display:grid; grid-template-columns:34px 1fr; gap:9px; align-items:center; justify-self:end; }.nav-identity>span { width:34px; height:34px; display:grid; place-items:center; color:#f0dfbd; border:1px solid rgba(217,173,81,.62); background:linear-gradient(145deg,#7c2a31,#152c45); font-size:9px; font-weight:900; }.nav-identity div { display:grid; gap:2px; }.nav-identity b { color:#eee3cd; font-size:10px; }.nav-identity small { color:#8799ad; font-size:8px; }.play-theatre { position:absolute; inset:68px 0 auto; height:520px; z-index:-1; opacity:.45; pointer-events:none; }.theatre-line { position:absolute; display:block; height:1px; background:rgba(217,173,81,.4); transform-origin:left; }.theatre-line.one { width:55%; left:22%; top:34%; transform:rotate(11deg); }.theatre-line.two { width:48%; left:39%; top:9%; transform:rotate(76deg); }.theatre-line.three { width:36%; left:54%; top:64%; transform:rotate(-31deg); }.theatre-point { position:absolute; width:9px; height:9px; border:1px solid #deb85f; transform:rotate(45deg); }.theatre-point.a { left:34%; top:38%; }.theatre-point.b { left:62%; top:31%; }.theatre-point.c { left:77%; top:61%; }
.play-shell { min-height:730px; padding:38px clamp(22px,3.8vw,70px) 28px; display:grid; grid-template-columns:250px minmax(450px,760px) 280px; justify-content:center; gap:18px; align-items:stretch; }.career-rail,.formation-rail,.queue-stage { border:1px solid rgba(217,173,81,.28); background:linear-gradient(155deg,rgba(12,28,47,.95),rgba(5,13,23,.97)); box-shadow:inset 0 0 0 4px rgba(217,173,81,.02),0 18px 40px rgba(0,0,0,.22); }.career-rail { padding:19px; display:flex; flex-direction:column; }.play-kicker { margin:0; color:#c3ad75; font-size:7px; letter-spacing:.16em; font-weight:900; }.career-identity { margin:14px 0 24px; padding-bottom:18px; display:grid; grid-template-columns:45px 1fr; gap:10px; align-items:center; border-bottom:1px solid rgba(217,173,81,.18); }.career-avatar { width:44px; height:44px; display:grid; place-items:center; color:#f3e3c5; border:1px solid rgba(217,173,81,.65); background:radial-gradient(circle at 34% 28%,#a5754a 0 8%,transparent 9%),linear-gradient(145deg,#873037,#182f47); font-family:var(--font-display); font-size:15px; }.career-identity div { display:grid; gap:3px; }.career-identity b { color:#f0e4cc; font-size:13px; }.career-identity small { color:#7f91a5; font-size:8px; letter-spacing:.05em; }.prestige-mark { display:grid; justify-items:center; text-align:center; }.prestige-shield { width:95px; height:112px; display:grid; place-items:center; position:relative; color:#f0d18a; background:linear-gradient(150deg,#765932,#1a2a3d); clip-path:polygon(50% 0,94% 18%,87% 72%,50% 100%,13% 72%,6% 18%); box-shadow:inset 0 0 0 5px rgba(217,173,81,.2); }.prestige-shield:after { content:"B"; position:absolute; color:rgba(240,209,138,.14); font-family:var(--font-display); font-size:74px; }.prestige-shield span { position:relative; z-index:1; font-family:var(--font-display); font-size:28px; }.prestige-mark p { margin:15px 0 4px; color:#8c9db0; font-size:7px; letter-spacing:.14em; }.prestige-mark h2 { margin:0; color:#eee1c9; font-family:var(--font-display); font-size:31px; font-weight:500; }.prestige-mark>b { margin-top:5px; color:#d8ba6f; font-size:10px; letter-spacing:.08em; }.prestige-progress { height:5px; margin:19px 5px 30px; position:relative; background:#273347; }.prestige-progress>span { position:absolute; inset:0 auto 0 0; background:linear-gradient(90deg,#875f32,#e0b95f); }.prestige-progress small { position:absolute; top:10px; color:#718398; font-size:7px; }.prestige-progress small:first-of-type { left:0; }.prestige-progress small:last-of-type { right:0; }.career-record { margin:0; border-top:1px solid rgba(217,173,81,.16); }.career-record>div { min-height:45px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(217,173,81,.12); }.career-record dt { color:#8394a8; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }.career-record dd { margin:0; color:#e6dac4; font-size:10px; font-weight:800; }.form-strip { display:flex; gap:3px; }.form-strip i { width:17px; height:17px; display:grid; place-items:center; color:#d9f0dd; background:#2d7547; font-size:7px; font-style:normal; }.form-strip i.loss { color:#f0d8d4; background:#8a3336; }.career-link { margin-top:auto; padding:13px 0 0; display:flex; justify-content:space-between; color:#c9b476; border-top:1px solid rgba(217,173,81,.18); font-size:8px; letter-spacing:.09em; text-transform:uppercase; font-weight:900; }
.queue-stage { display:grid; grid-template-rows:auto auto minmax(370px,1fr) auto; overflow:hidden; position:relative; }.mode-header { min-height:86px; padding:20px 24px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(217,173,81,.2); }.mode-header h1 { margin:3px 0 0; color:#f2e5cd; font-family:var(--font-display); font-size:35px; font-weight:500; letter-spacing:-.04em; }.mode-status { padding:7px 9px; color:#e3c77f; border:1px solid rgba(217,173,81,.46); font-size:7px; letter-spacing:.13em; font-weight:900; }.mode-selector { min-height:69px; display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid rgba(217,173,81,.2); }.mode-selector button { padding:11px 15px; display:grid; grid-template-columns:25px 1fr auto; gap:8px; align-items:center; color:#8394a8; border:0; border-right:1px solid rgba(217,173,81,.15); background:rgba(4,11,20,.28); text-align:left; }.mode-selector button.selected { color:#e9deca; background:linear-gradient(90deg,rgba(161,49,51,.18),rgba(217,173,81,.04)); box-shadow:inset 0 -2px #b6403e; }.mode-selector button>span { color:#c3a960; font-size:8px; }.mode-selector button div { display:grid; gap:2px; }.mode-selector button b { font-size:9px; }.mode-selector button small { color:#7f91a6; font-size:7px; }.mode-selector button i { color:#bd9e56; font-size:6px; font-style:normal; letter-spacing:.1em; }.mode-selector button:disabled { opacity:.5; }.queue-core { min-height:390px; padding:28px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 44%,rgba(201,150,62,.12),transparent 31%); }.queue-core:before { content:""; position:absolute; width:390px; height:390px; border:1px solid rgba(217,173,81,.14); border-radius:50%; box-shadow:0 0 0 35px rgba(217,173,81,.018),0 0 0 70px rgba(217,173,81,.012); }.queue-core>* { position:relative; z-index:1; }.queue-sigil { width:90px; height:90px; display:grid; place-items:center; position:relative; color:#f0d48d; border:1px solid rgba(217,173,81,.7); transform:rotate(45deg); background:rgba(9,22,37,.82); }.queue-sigil span { transform:rotate(-45deg); font-family:var(--font-display); font-size:25px; }.queue-sigil i { position:absolute; inset:8px; border:1px solid rgba(217,173,81,.2); }.queue-sigil i:last-child { inset:17px; }.queue-overline { margin:25px 0 7px; color:#c2a95f; font-size:7px; letter-spacing:.17em; font-weight:900; }.queue-core h2 { margin:0; color:#f3e6cf; font-family:var(--font-display); font-size:clamp(38px,4vw,54px); font-weight:500; letter-spacing:-.045em; }.queue-explanation { max-width:430px; margin:12px auto 22px; color:#94a5b8; font-size:10px; line-height:1.6; }.find-match-button { min-width:245px; padding:15px 25px; display:grid; gap:3px; color:#111a27; border:1px solid #f0d28c; background:linear-gradient(135deg,#f0cf7c,#b77b28); cursor:pointer; box-shadow:0 12px 30px rgba(0,0,0,.3),inset 0 0 0 3px rgba(255,255,255,.1); transition:transform .18s,box-shadow .18s; }.find-match-button:hover { transform:translateY(-2px); box-shadow:0 17px 38px rgba(0,0,0,.38); }.find-match-button span { font-size:11px; letter-spacing:.12em; font-weight:950; }.find-match-button small { font-size:7px; letter-spacing:.1em; }.queue-parameters { min-height:61px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(217,173,81,.2); background:rgba(4,11,20,.48); }.queue-parameters div { padding:13px; display:grid; gap:3px; border-right:1px solid rgba(217,173,81,.14); }.queue-parameters span { color:#728399; font-size:6px; letter-spacing:.13em; }.queue-parameters b { color:#c6d0da; font-size:8px; }.search-radar { width:120px; height:120px; display:grid; place-items:center; position:relative; border:1px solid rgba(217,173,81,.6); border-radius:50%; }.search-radar:before,.search-radar:after { content:""; position:absolute; border:1px solid rgba(217,173,81,.28); border-radius:50%; animation:radarPulse 1.8s infinite ease-out; }.search-radar:before { inset:15px; }.search-radar:after { inset:-18px; animation-delay:.45s; }.search-radar i { position:absolute; width:1px; height:100%; background:rgba(217,173,81,.22); }.search-radar i:last-of-type { transform:rotate(90deg); }.search-radar span { color:#ebcc82; font-family:var(--font-display); font-size:24px; }.searching-text { color:#77bd89; }.search-controls,.accept-controls,.deployment-actions { display:flex; gap:9px; }.search-controls button,.accept-controls button,.deployment-actions a,.deployment-actions button { min-width:150px; padding:11px 14px; color:#dbc88f; border:1px solid rgba(217,173,81,.45); background:rgba(10,24,40,.8); cursor:pointer; text-transform:uppercase; font-size:7px; letter-spacing:.1em; font-weight:900; }.found-flare { width:75px; height:75px; display:grid; place-items:center; color:#f9e8c4; border:1px solid #d9504a; background:radial-gradient(circle,#b73d3e,#4e1f2a); font-family:var(--font-display); font-size:39px; box-shadow:0 0 35px rgba(201,61,61,.3); }.found-text { color:#e05a50; }.ready-count { width:min(400px,90%); margin-bottom:20px; display:grid; gap:7px; }.ready-count span { color:#c8d2dc; font-size:8px; letter-spacing:.08em; }.ready-count span b { color:#83cd93; font-size:13px; }.ready-count>i { height:6px; display:block; background:#263447; }.ready-count em { height:100%; display:block; background:linear-gradient(90deg,#31784c,#72c78a); }.accept-controls button:first-child { color:#0e1a23; border-color:#83d397; background:linear-gradient(135deg,#81d195,#3d8d58); }.deployment-seal { width:90px; height:90px; display:grid; place-items:center; color:#e8d195; border:1px solid #69ba7e; background:rgba(48,116,69,.2); font-family:var(--font-display); font-size:25px; clip-path:polygon(50% 0,94% 20%,86% 75%,50% 100%,14% 75%,6% 20%); }.deployed-text { color:#71c087; }.deployment-actions a { color:#0e1a23; border-color:#e8cc88; background:linear-gradient(135deg,#edcb79,#b87c28); }
.formation-rail { padding:19px; display:flex; flex-direction:column; }.formation-head { min-height:58px; display:flex; justify-content:space-between; align-items:start; border-bottom:1px solid rgba(217,173,81,.18); }.formation-head h2 { margin:4px 0 0; color:#eee2cc; font-family:var(--font-display); font-size:27px; font-weight:500; }.formation-head>span { color:#d7bc77; font-size:9px; }.formation-slots { margin:10px 0; }.formation-slot { min-height:62px; padding:8px 0; display:grid; grid-template-columns:38px 1fr auto; gap:9px; align-items:center; border-bottom:1px solid rgba(217,173,81,.12); }.formation-slot>span { width:37px; height:37px; display:grid; place-items:center; color:#e5d5b8; border:1px solid rgba(217,173,81,.42); background:linear-gradient(145deg,#6f2830,#183149); font-size:9px; font-weight:900; }.formation-slot div { min-width:0; display:grid; gap:3px; }.formation-slot b { overflow:hidden; color:#e8ddca; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.formation-slot small { color:#7f91a5; font-size:7px; }.formation-slot>i { color:#74c488; font-size:6px; font-style:normal; letter-spacing:.08em; }.formation-slot.empty { opacity:.48; }.formation-slot.empty>span { color:#708298; background:transparent; }.formation-slot.empty>i { color:#7c8da0; }.node-readiness { margin-top:auto; padding:13px; display:grid; grid-template-columns:10px 1fr; gap:9px; align-items:center; border:1px solid rgba(83,164,104,.28); background:rgba(53,124,74,.08); }.node-pulse { width:7px; height:7px; border-radius:50%; background:#6bc080; box-shadow:0 0 0 4px rgba(107,192,128,.12); }.node-readiness div { display:grid; gap:3px; }.node-readiness small { color:#70aa80; font-size:6px; letter-spacing:.11em; }.node-readiness b { color:#b8c7d2; font-size:8px; }.formation-note { margin:13px 0 0; color:#75889d; font-size:8px; line-height:1.5; }.play-lower { padding:0 clamp(22px,3.8vw,70px) 40px; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:18px; max-width:1370px; margin:auto; }.recent-strip,.season-intel { border:1px solid rgba(217,173,81,.24); background:rgba(7,17,29,.91); }.recent-strip header { min-height:42px; padding:0 15px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(217,173,81,.15); }.recent-strip header a { color:#bba56f; font-size:7px; letter-spacing:.08em; text-transform:uppercase; }.recent-strip>div { display:grid; grid-template-columns:repeat(3,1fr); }.recent-strip article { min-height:65px; padding:10px 13px; display:grid; grid-template-columns:25px 48px 1fr auto; align-items:center; gap:8px; border-right:1px solid rgba(217,173,81,.13); }.recent-strip article>span { width:22px; height:22px; display:grid; place-items:center; color:#d9eee0; background:#2c7446; font-size:8px; font-weight:900; }.recent-strip article>span.loss { color:#efdbd6; background:#853238; }.recent-strip article b { color:#ebdfca; font-family:var(--font-display); font-size:17px; font-weight:500; }.recent-strip article small { color:#8192a5; font-size:8px; }.recent-strip article strong { font-size:9px; }.season-intel { padding:15px; display:grid; align-content:center; gap:6px; }.season-intel b { color:#d8bd79; font-size:9px; }.season-intel span { color:#8294a8; font-size:8px; line-height:1.45; }.play-disclaimer { padding:0 25px 25px; color:#667a8f; text-align:center; font-size:7px; letter-spacing:.08em; }.queue-searching .queue-stage { border-color:rgba(94,166,111,.45); }.queue-found .queue-stage { border-color:rgba(207,78,71,.68); box-shadow:0 0 45px rgba(166,47,47,.15); }.queue-deployed .queue-stage { border-color:rgba(92,177,113,.62); }
@keyframes radarPulse { 0%{opacity:.8;transform:scale(.72)} 100%{opacity:0;transform:scale(1.35)} }
@media (max-width:1180px) { .play-nav { grid-template-columns:205px 1fr auto; }.play-nav-worlds { display:none; }.play-shell { grid-template-columns:220px minmax(430px,1fr); }.formation-rail { grid-column:1/-1; display:grid; grid-template-columns:220px 1fr; gap:0 20px; }.formation-head { grid-column:1; }.formation-slots { grid-column:2; grid-row:1/5; display:grid; grid-template-columns:repeat(5,1fr); gap:7px; margin:0; }.formation-slot { padding:8px; display:grid; grid-template-columns:34px 1fr; border:1px solid rgba(217,173,81,.14); }.formation-slot>i { grid-column:2; }.node-readiness,.formation-note { grid-column:1; }.play-lower { grid-template-columns:1fr; } }
@media (max-width:820px) { .play-nav { height:62px; padding:0 16px; grid-template-columns:auto 1fr auto; gap:15px; }.play-nav .brand>span:last-child { display:none; }.play-nav-main { justify-content:center; gap:14px; }.nav-identity { min-width:34px; grid-template-columns:34px; }.nav-identity div { display:none; }.play-shell { padding:20px; grid-template-columns:1fr; }.career-rail { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.career-rail>.play-kicker,.career-identity { grid-column:1; }.career-identity { margin:0; }.prestige-mark { grid-column:2; grid-row:1/4; }.prestige-shield { width:72px; height:84px; }.prestige-progress,.career-record,.career-link { grid-column:1/-1; }.formation-rail { grid-column:auto; display:block; }.formation-slots { display:grid; grid-template-columns:1fr 1fr; }.play-lower { padding:0 20px 35px; }.recent-strip>div { grid-template-columns:1fr; }.recent-strip article { border-right:0; border-bottom:1px solid rgba(217,173,81,.12); } }
@media (max-width:520px) { .play-nav-main a:nth-child(n+2) { display:none; }.play-shell { padding:13px; }.career-rail { grid-template-columns:1fr; }.prestige-mark { grid-column:1; grid-row:auto; }.mode-header { padding:17px; }.mode-header h1 { font-size:29px; }.mode-selector { grid-template-columns:1fr; }.mode-selector button:last-child { display:none; }.queue-core { min-height:420px; padding:20px 15px; }.queue-parameters { grid-template-columns:1fr 1fr; }.formation-slots { grid-template-columns:1fr; }.search-controls,.accept-controls,.deployment-actions { flex-direction:column; width:100%; }.search-controls button,.accept-controls button,.deployment-actions a,.deployment-actions button { width:100%; }.play-lower { padding:0 13px 30px; } }

/* Visible WBMM-inspired occupancy and lobby operations */
.queue-searching .queue-core { min-height:520px; padding:20px 22px; display:block; text-align:left; background:linear-gradient(180deg,rgba(7,18,31,.7),rgba(4,11,20,.84)); }.queue-searching .queue-core:before { display:none; }.lobby-search-head { min-height:61px; display:flex; justify-content:space-between; align-items:center; }.lobby-search-head .queue-overline { margin:0 0 5px; }.lobby-search-head h2 { font-size:28px; letter-spacing:-.035em; }.lobby-search-head>div:last-child { display:grid; justify-items:end; gap:3px; }.lobby-search-head>div:last-child span { color:#75879b; font-size:6px; letter-spacing:.12em; }.lobby-search-head>div:last-child b { color:#e2c57d; font-family:var(--font-display); font-size:18px; font-weight:500; }.lobby-card-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }.lobby-player-card { min-width:0; min-height:155px; padding:9px 7px; display:flex; flex-direction:column; align-items:center; position:relative; border:1px solid rgba(217,173,81,.22); background:linear-gradient(165deg,rgba(22,43,66,.94),rgba(5,13,22,.98)); text-align:center; transition:border-color .18s,transform .18s; }.lobby-player-card:hover { transform:translateY(-2px); border-color:rgba(217,173,81,.65); }.lobby-player-card.is-you { border-color:#d2ad55; box-shadow:inset 0 0 0 2px rgba(217,173,81,.09); }.lobby-rank { align-self:stretch; margin:-9px -7px 8px; padding:5px; color:#d8c183; background:rgba(3,9,17,.72); font-size:6px; letter-spacing:.11em; }.lobby-avatar,.empty-shield { width:48px; height:53px; display:grid; place-items:center; margin-bottom:8px; color:#ead9b8; border:1px solid rgba(217,173,81,.45); background:linear-gradient(145deg,#7b2e34,#18334d); clip-path:polygon(50% 0,94% 18%,86% 75%,50% 100%,14% 75%,6% 18%); font-family:var(--font-display); font-size:14px; }.lobby-player-card>b { max-width:100%; overflow:hidden; color:#eadfcb; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.lobby-player-card>small { max-width:100%; margin-top:4px; overflow:hidden; color:#8597ab; font-size:6px; text-overflow:ellipsis; white-space:nowrap; }.lobby-player-card>i { margin-top:auto; padding-top:8px; color:#72c087; font-size:6px; font-style:normal; letter-spacing:.1em; }.lobby-player-card.empty { opacity:.5; }.lobby-player-card.empty:hover { transform:none; border-color:rgba(217,173,81,.22); }.empty-shield { color:#9b998d; background:#27313a; font-size:20px; }.lobby-player-card.empty>i { color:#75879b; }.lobby-search-controls { margin-top:13px; justify-content:center; }.lobby-search-controls button { min-width:125px; }.lobby-search-controls button:disabled { opacity:.3; cursor:not-allowed; }.ready-player-strip { margin:-5px 0 19px; display:flex; gap:5px; }.ready-player-strip span { width:29px; height:29px; display:grid; place-items:center; color:#dae9dc; border:1px solid rgba(103,191,125,.65); background:rgba(56,133,76,.26); font-size:7px; font-weight:900; }.ready-player-strip span.waiting { color:#eed4ce; border-color:rgba(210,77,70,.75); background:rgba(146,45,45,.24); animation:readyBlink 1.2s infinite; }.role-select select { width:100%; color:#d9ca9f; border:0; outline:none; background:#17293d; font:inherit; font-size:8px; cursor:pointer; }.lobby-activity { flex:1; margin:11px 0; overflow:hidden; }.lobby-activity>div { min-height:64px; padding:10px 0; display:grid; grid-template-columns:31px 1fr; gap:8px; align-items:start; border-bottom:1px solid rgba(217,173,81,.12); }.lobby-activity>div>span { width:30px; height:30px; display:grid; place-items:center; color:#e6d6b8; border:1px solid rgba(217,173,81,.35); background:#18314a; font-size:7px; font-weight:900; }.lobby-activity>div.system>span { color:#dabb6d; background:#533329; }.lobby-activity p { margin:0; color:#899aad; font-size:8px; line-height:1.5; }.lobby-activity p b { display:block; margin-bottom:2px; color:#c7b073; font-size:7px; letter-spacing:.09em; }.lobby-chat { display:grid; grid-template-columns:1fr auto; margin-bottom:12px; }.lobby-chat input { min-width:0; padding:10px; color:#98a8ba; border:1px solid rgba(217,173,81,.2); background:#07111e; font:inherit; font-size:8px; }.lobby-chat button { color:#7d8fa3; border:1px solid rgba(217,173,81,.2); border-left:0; background:#13243a; font-size:7px; text-transform:uppercase; }.lobby-chat input:disabled,.lobby-chat button:disabled { opacity:.65; }.queue-searching .formation-rail { min-height:100%; }
.formation-head-actions { display:grid; justify-items:end; gap:7px; }.formation-head-actions>span { color:#d7bc77; font-size:9px; }.formation-head-actions>button,.lobby-chat-hidden>button { padding:6px 8px; color:#a8b5c1; border:1px solid rgba(217,173,81,.24); background:transparent; font-size:7px; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }.formation-head-actions>button:hover,.lobby-chat-hidden>button:hover { color:#efd493; border-color:rgba(217,173,81,.55); }.lobby-chat-hidden { flex:1; min-height:220px; margin:12px 0; padding:22px; display:grid; place-items:center; align-content:center; gap:9px; color:#718496; border:1px dashed rgba(217,173,81,.2); background:rgba(3,10,17,.34); text-align:center; }.lobby-chat-hidden>span { color:#c0a663; font-size:8px; letter-spacing:.14em; font-weight:900; }.lobby-chat-hidden>p { max-width:220px; margin:0; font-size:9px; line-height:1.55; }
@keyframes readyBlink { 50%{opacity:.45} }
@media (max-width:1180px) { .queue-searching .formation-rail { display:flex; }.lobby-activity { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.lobby-activity>div { border:1px solid rgba(217,173,81,.12); padding:9px; }.lobby-chat { max-width:430px; }.queue-searching .formation-head,.queue-searching .node-readiness,.queue-searching .formation-note { grid-column:auto; } }
@media (max-width:820px) { .lobby-card-grid { grid-template-columns:repeat(5,minmax(85px,1fr)); overflow-x:auto; padding-bottom:7px; }.lobby-player-card { min-height:145px; }.lobby-activity { grid-template-columns:1fr 1fr; }.queue-searching .queue-core { padding:17px; } }
@media (max-width:520px) { .lobby-search-head { align-items:flex-start; }.lobby-search-head h2 { font-size:21px; }.lobby-card-grid { grid-template-columns:repeat(2,1fr); overflow:visible; }.lobby-player-card { min-height:135px; }.lobby-search-controls { display:grid; grid-template-columns:1fr; }.lobby-search-controls button { width:100%; }.lobby-activity { grid-template-columns:1fr; } }

/* Championship tournament microsite */
.formula-site { min-height:100vh; overflow:hidden; color:#142033; background:#eee5d4; }
.formula-masthead { height:74px; padding:0 clamp(22px,5vw,78px); display:grid; grid-template-columns:280px 1fr auto; align-items:center; gap:28px; color:#eee4d1; background:linear-gradient(90deg,#071321,#0d2036 68%,#111b2b); border-bottom:2px solid #b93839; }
.formula-brand { display:flex; align-items:center; gap:12px; }.formula-brand>span { width:39px; height:39px; display:grid; place-items:center; color:#f2d993; border:1px solid #d2ad55; font-family:var(--font-display); font-size:15px; }.formula-brand div { display:grid; gap:3px; }.formula-brand b { font-size:10px; letter-spacing:.16em; }.formula-brand small { color:#8799ac; font-size:7px; letter-spacing:.08em; text-transform:uppercase; }
.formula-nav { height:100%; display:flex; align-items:stretch; justify-content:center; gap:28px; }.formula-nav a { display:flex; align-items:center; position:relative; color:#8fa0b2; font-size:8px; letter-spacing:.13em; text-transform:uppercase; font-weight:900; }.formula-nav a:hover,.formula-nav a.active { color:#f1e3c8; }.formula-nav a.active:after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#d6ad51; }
.formula-return { padding:9px 13px; color:#d4bb7a; border:1px solid rgba(214,173,81,.4); font-size:7px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; }
.formula-hero { min-height:380px; padding:54px clamp(24px,8vw,130px); display:grid; grid-template-columns:120px minmax(380px,1fr) 275px; gap:45px; align-items:center; position:relative; isolation:isolate; color:#f5ead5; background:linear-gradient(116deg,rgba(5,14,26,.98),rgba(13,35,60,.94) 58%,rgba(25,47,73,.9)),url('/og.png') center/cover; border-bottom:1px solid #d0aa57; }
.formula-hero:before { content:""; position:absolute; inset:0; z-index:-1; opacity:.55; background:repeating-linear-gradient(112deg,transparent 0 49px,rgba(218,180,92,.05) 50px 51px),radial-gradient(circle at 73% 55%,rgba(168,46,50,.28),transparent 19%); }
.formula-season { width:105px; height:140px; display:grid; place-content:center; text-align:center; border:1px solid rgba(217,173,81,.68); background:rgba(5,14,25,.7); box-shadow:inset 0 0 0 5px rgba(217,173,81,.04); }.formula-season span { color:#a99872; font-size:7px; letter-spacing:.2em; }.formula-season b { color:#efd38a; font-family:var(--font-display); font-size:55px; line-height:.9; font-weight:500; }.formula-season small { margin-top:10px; color:#8797a8; font-size:6px; letter-spacing:.11em; }
.formula-hero>div:nth-child(2)>p { margin:0 0 9px; color:#d5b561; font-size:8px; letter-spacing:.17em; font-weight:900; }.formula-hero h1 { margin:0; color:#f4e7d0; font-family:var(--font-display); font-size:clamp(55px,6vw,83px); line-height:.83; letter-spacing:-.05em; font-weight:500; }.formula-hero h1 em { color:#d7b45f; font-weight:500; }.formula-rule-line { margin-top:28px; display:flex; align-items:center; gap:11px; color:#aab7c5; font-size:7px; letter-spacing:.1em; font-weight:900; }.formula-rule-line i { width:17px; height:1px; display:block; background:#a73538; }
.formula-hero aside { padding:20px; border:1px solid rgba(217,173,81,.45); background:rgba(5,15,27,.76); box-shadow:inset 0 0 0 4px rgba(217,173,81,.025); }.formula-hero aside>span { color:#c6aa61; font-size:7px; letter-spacing:.15em; }.formula-hero aside>b { display:block; margin:7px 0 9px; color:#f1e5ce; font-family:var(--font-display); font-size:25px; font-weight:500; }.formula-hero aside p { margin:0 0 16px; color:#95a5b6; font-size:9px; line-height:1.55; }.formula-hero aside strong { color:#d35b50; font-size:8px; letter-spacing:.1em; }
.formula-alert { min-height:64px; padding:0 clamp(24px,8vw,130px); display:grid; grid-template-columns:90px 1.1fr 1.5fr auto; gap:22px; align-items:center; color:#e7dcc8; background:linear-gradient(90deg,#812b31,#a03839 35%,#162840 35%); }.formula-alert>span { font-size:7px; letter-spacing:.14em; font-weight:900; }.formula-alert>b { font-family:var(--font-display); font-size:19px; font-weight:500; }.formula-alert p { margin:0; color:#98a8b9; font-size:8px; }.formula-alert a { color:#e1c477; font-size:7px; letter-spacing:.09em; text-transform:uppercase; font-weight:900; }
.formula-section,.formula-dark-section,.formula-stats { padding:78px clamp(24px,8vw,130px); }.formula-section { background:#eee5d4; }.formula-dark-section { color:#f0e5d1; background:radial-gradient(circle at 50% 0,rgba(181,129,47,.14),transparent 33%),#091625; }.formula-stats { color:#efe5d3; background:#0d1d30; }
.formula-section-head { margin-bottom:32px; display:flex; justify-content:space-between; align-items:end; gap:30px; }.formula-section-head>div>p { margin:0 0 7px; color:#9b3438; font-size:7px; letter-spacing:.18em; font-weight:950; }.formula-section-head h2 { margin:0; color:#18253a; font-family:var(--font-display); font-size:clamp(36px,4vw,52px); line-height:1; letter-spacing:-.045em; font-weight:500; }.formula-section-head>p { max-width:445px; margin:0; color:#6c7075; font-size:10px; line-height:1.65; }.formula-dark-section .formula-section-head h2,.formula-stats .formula-section-head h2 { color:#f1e5cf; }.formula-dark-section .formula-section-head>div>p,.formula-stats .formula-section-head>div>p { color:#d4b365; }.formula-dark-section .formula-section-head>p,.formula-stats .formula-section-head>p { color:#8fa0b2; }
.division-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.division-card { overflow:hidden; border:1px solid #cfc2aa; background:#f7f1e6; box-shadow:0 10px 23px rgba(41,31,21,.08); }.division-card>header { height:61px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; color:#eee4d1; background:linear-gradient(90deg,#12263e,#1c3b60); }.division-card>header h3 { margin:0; font-family:var(--font-display); font-size:24px; font-weight:500; }.division-card>header span { color:#d6bb77; font-size:7px; letter-spacing:.12em; font-weight:900; }.division-head,.division-card>a { display:grid; grid-template-columns:36px minmax(150px,1fr) 36px 36px 55px 42px; align-items:center; }.division-head { min-height:34px; padding:0 15px; color:#777066; background:#ddd0ba; font-size:7px; letter-spacing:.1em; font-weight:900; text-transform:uppercase; }.division-card>a { min-height:57px; padding:0 15px; position:relative; color:#5c5a57; border-top:1px solid #e1d7c5; font-size:9px; }.division-card>a:hover { background:#eee2cc; }.division-card>a.qualifying { background:#ecebda; }.division-card>a.qualifying:before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:#738a43; }.division-card>a>span:nth-child(2) { display:flex; align-items:center; gap:6px; }.division-card>a b { color:#263345; font-size:10px; }.division-card>a strong { color:#15304d; font-size:12px; }.positive { color:#3f7c4a; }.negative { color:#a14343; }
.playoff-bracket { min-height:360px; display:grid; grid-template-columns:minmax(300px,1fr) 150px minmax(300px,1fr); align-items:center; gap:8px; }.bracket-column h3 { margin:0 0 17px; color:#cfb46f; font-size:8px; letter-spacing:.15em; text-transform:uppercase; }.bracket-match { position:relative; margin:0 0 30px; border:1px solid rgba(217,173,81,.32); background:#112640; box-shadow:inset 3px 0 #a93b3e; }.bracket-match>span { min-height:43px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; color:#d9dfdf; border-bottom:1px solid rgba(217,173,81,.13); }.bracket-match>span b { font-size:10px; }.bracket-match>span i { color:#6f8196; font-style:normal; }.bracket-match small { position:absolute; right:10px; top:-16px; color:#71849a; font-size:6px; letter-spacing:.11em; }.bracket-lines { height:185px; position:relative; }.bracket-lines i { position:absolute; left:0; width:100%; height:55px; border:1px solid rgba(217,173,81,.3); border-left:0; }.bracket-lines i:first-child { top:16px; border-bottom:0; }.bracket-lines i:last-child { bottom:16px; border-top:0; }.final-column>.bracket-match { margin-bottom:22px; box-shadow:inset 3px 0 #d3ad53; }.champion-slot { padding:17px; display:grid; grid-template-columns:42px 1fr; gap:3px 12px; align-items:center; border:1px solid rgba(217,173,81,.38); background:rgba(217,173,81,.06); }.champion-slot>span { width:40px; height:40px; grid-row:1/3; display:grid; place-items:center; color:#e8cc83; border:1px solid #cda951; font-family:var(--font-display); }.champion-slot>b { color:#e3d7c1; font-size:8px; letter-spacing:.08em; }.champion-slot small { color:#75889d; font-size:7px; }
.formula-fixtures-section { display:grid; grid-template-columns:minmax(0,1fr) 300px; column-gap:28px; }.formula-fixtures-section>.formula-section-head { grid-column:1/-1; }.formula-fixtures { border-top:2px solid #183552; }.formula-fixtures>a { min-height:68px; display:grid; grid-template-columns:34px 85px 1fr 30px 1fr 125px 17px; gap:10px; align-items:center; color:#4e5459; border-bottom:1px solid #d2c6b2; font-size:9px; }.formula-fixtures>a:hover { background:#e6dac5; }.formula-fixtures>a>span { color:#9b3438; font-family:var(--font-display); font-size:17px; }.formula-fixtures time { color:#806f5f; font-size:8px; }.formula-fixtures b { color:#1d2d40; }.formula-fixtures i { color:#a04040; font-style:normal; font-size:7px; font-weight:900; }.formula-fixtures em { color:#6e7b70; font-style:normal; font-size:7px; letter-spacing:.06em; text-transform:uppercase; }.formula-fixtures strong { color:#9d3639; font-size:14px; }
.formula-format-card { padding:20px; color:#ecdfc8; background:linear-gradient(145deg,#122a45,#091625); border:1px solid #c4a357; }.formula-format-card>p { margin:0 0 16px; color:#d4b565; font-size:7px; letter-spacing:.15em; font-weight:900; }.formula-format-card>div { display:grid; grid-template-columns:1fr 1fr; }.formula-format-card>div>span { min-height:63px; padding:10px; display:grid; align-content:center; border-right:1px solid rgba(217,173,81,.15); border-bottom:1px solid rgba(217,173,81,.15); }.formula-format-card b { color:#f0d48b; font-family:var(--font-display); font-size:25px; font-weight:500; }.formula-format-card small { color:#8293a6; font-size:7px; }.formula-format-card a { margin-top:18px; display:block; color:#d7bd77; font-size:7px; letter-spacing:.08em; text-transform:uppercase; font-weight:900; }
.formula-stats-table { overflow-x:auto; border:1px solid rgba(217,173,81,.25); }.stats-head,.formula-stats-table>a { min-width:780px; display:grid; grid-template-columns:45px minmax(180px,1fr) repeat(5,82px) 72px; align-items:center; }.stats-head { min-height:47px; padding:0 18px; color:#c7b276; background:#172b43; font-size:7px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; }.formula-stats-table>a { min-height:62px; padding:0 18px; color:#94a5b6; border-top:1px solid rgba(217,173,81,.13); font-size:9px; }.formula-stats-table>a:hover { background:rgba(217,173,81,.045); }.formula-stats-table>a>span:nth-child(2) { display:flex; align-items:center; gap:7px; }.formula-stats-table>a b { color:#e5dbc8; font-size:10px; }.formula-stats-table>a strong { color:#ddbf73; font-size:11px; }
.formula-footer { min-height:64px; padding:0 clamp(24px,8vw,130px); display:flex; align-items:center; justify-content:space-between; gap:20px; color:#64768b; background:#06101c; border-top:1px solid rgba(217,173,81,.25); font-size:7px; letter-spacing:.1em; }.formula-footer a { color:#d0b46e; font-weight:900; }
@media (max-width:1050px) { .formula-masthead { grid-template-columns:230px 1fr; }.formula-return { display:none; }.formula-hero { grid-template-columns:100px 1fr; }.formula-hero aside { grid-column:1/-1; display:grid; grid-template-columns:110px 150px 1fr 120px; align-items:center; gap:12px; }.formula-hero aside>b,.formula-hero aside p { margin:0; }.formula-fixtures-section { grid-template-columns:1fr; row-gap:25px; }.formula-format-card { display:grid; grid-template-columns:150px 1fr 180px; align-items:center; }.formula-format-card>p,.formula-format-card a { margin:0; }.formula-format-card>div { grid-template-columns:repeat(5,1fr); } }
@media (max-width:760px) { .formula-masthead { height:64px; padding:0 18px; grid-template-columns:1fr auto; }.formula-nav { gap:14px; }.formula-nav a:nth-child(n+3) { display:none; }.formula-brand div { display:none; }.formula-hero { padding:42px 22px; grid-template-columns:1fr; gap:24px; }.formula-season { width:82px; height:88px; place-content:center; }.formula-season b { font-size:35px; }.formula-hero aside { grid-column:auto; grid-template-columns:1fr 1fr; }.formula-hero aside p { grid-column:1/-1; }.formula-alert { padding:15px 22px; grid-template-columns:1fr auto; }.formula-alert p { grid-column:1; }.formula-alert a { grid-column:2; grid-row:1/3; }.formula-section,.formula-dark-section,.formula-stats { padding:58px 22px; }.formula-section-head { align-items:start; flex-direction:column; }.division-grid { grid-template-columns:1fr; }.playoff-bracket { grid-template-columns:1fr; }.bracket-lines { display:none; }.formula-fixtures>a { grid-template-columns:25px 72px 1fr 20px 1fr 18px; }.formula-fixtures em { display:none; }.formula-format-card { display:block; }.formula-format-card>p { margin-bottom:15px; }.formula-format-card>div { grid-template-columns:repeat(3,1fr); }.formula-format-card a { margin-top:17px; }.formula-footer { padding:20px 22px; align-items:flex-start; flex-direction:column; } }
@media (max-width:480px) { .formula-nav a { display:none; }.formula-hero h1 { font-size:49px; }.formula-rule-line { align-items:flex-start; flex-direction:column; gap:7px; }.formula-rule-line i { display:none; }.formula-alert { grid-template-columns:1fr; }.formula-alert a { grid-column:1; grid-row:auto; }.division-head,.division-card>a { grid-template-columns:26px minmax(125px,1fr) 28px 28px 40px 32px; padding-left:9px; padding-right:9px; }.formula-fixtures>a { padding:10px 0; grid-template-columns:22px 1fr 18px 1fr 16px; }.formula-fixtures time { grid-column:2/5; }.formula-format-card>div { grid-template-columns:1fr 1fr; } }

/* Championship interactive performance preview */
.league-performance-preview { padding:78px clamp(24px,8vw,130px); color:#efe5d3; background:linear-gradient(135deg,#0d1d30,#081522); }.league-performance-filters { margin-bottom:19px; display:grid; grid-template-columns:repeat(4,minmax(115px,1fr)) minmax(165px,1.25fr); border:1px solid rgba(217,173,81,.25); }.league-performance-filters label,.stats-filter-form label { min-width:0; padding:10px 12px; display:grid; gap:5px; border-right:1px solid rgba(217,173,81,.18); background:rgba(5,15,26,.52); }.league-performance-filters label>span,.stats-filter-form label>span { color:#778a9f; font-size:6px; letter-spacing:.13em; text-transform:uppercase; font-weight:900; }.league-performance-filters select,.league-performance-filters input,.stats-filter-form select,.stats-filter-form input { min-width:0; width:100%; padding:0; color:#dec991; border:0; outline:0; background:transparent; font:inherit; font-size:8px; }.league-performance-filters option,.stats-filter-form option { color:#e7ddc9; background:#10233a; }.league-performance-filters input::placeholder,.stats-filter-form input::placeholder { color:#718399; }.performance-empty { margin:0; padding:30px; color:#8294a8; text-align:center; border:1px solid rgba(217,173,81,.2); border-top:0; font-size:9px; }.performance-preview-footer { min-height:49px; padding:0 17px; display:flex; justify-content:space-between; align-items:center; color:#73869b; border:1px solid rgba(217,173,81,.2); border-top:0; font-size:7px; letter-spacing:.07em; }.performance-preview-footer a { color:#d6b96f; text-transform:uppercase; font-weight:900; }

/* Unified cross-experience Statistics Office */
.statistics-site { min-height:100vh; color:#e9dfcc; background:#081421; }.stats-masthead { min-height:70px; padding:0 clamp(20px,4vw,68px); display:grid; grid-template-columns:275px 1fr auto; align-items:center; gap:30px; border-bottom:1px solid rgba(217,173,81,.35); background:#06101c; }.stats-masthead>div { height:70px; display:flex; justify-content:center; gap:28px; }.stats-masthead>div>a { display:flex; align-items:center; position:relative; color:#8293a6; font-size:7px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; }.stats-masthead>div>a:hover,.stats-masthead>div>a.active { color:#e3d2ad; }.stats-masthead>div>a.active:after { content:""; position:absolute; inset:auto 0 0; height:2px; background:#b63c3d; }.stats-masthead>a:last-child { color:#c8ad68; font-size:7px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; }
.stats-hero { min-height:390px; padding:65px clamp(24px,7vw,115px); display:grid; grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr); gap:70px; align-items:center; position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(116deg,#09182a,#132e4d); }.stats-hero:before { content:""; position:absolute; inset:0; z-index:-1; opacity:.65; background:radial-gradient(circle at 77% 42%,rgba(171,53,55,.32),transparent 20%),repeating-linear-gradient(112deg,transparent 0 43px,rgba(217,173,81,.042) 44px 45px); }.stats-hero>div>p { margin:0 0 11px; color:#d2af59; font-size:7px; letter-spacing:.18em; font-weight:900; }.stats-hero h1 { margin:0; color:#f2e6d0; font-family:var(--font-display); font-size:clamp(51px,5.8vw,78px); line-height:.91; letter-spacing:-.055em; font-weight:500; }.stats-hero h1 em { color:#d9ba6e; font-weight:500; }.stats-hero>div>span { max-width:550px; margin-top:22px; display:block; color:#96a6b7; font-size:10px; line-height:1.7; }.stats-hero aside { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.stats-hero aside button { min-height:176px; padding:17px; display:flex; flex-direction:column; align-items:flex-start; position:relative; color:#b2bfca; border:1px solid rgba(217,173,81,.3); background:linear-gradient(155deg,rgba(22,47,75,.9),rgba(6,16,28,.95)); cursor:pointer; text-align:left; transition:.18s; }.stats-hero aside button:hover,.stats-hero aside button.selected { transform:translateY(-3px); border-color:#d5b363; box-shadow:0 14px 25px rgba(0,0,0,.25); }.stats-hero aside button.selected:after { content:""; position:absolute; inset:auto 0 0; height:3px; background:#b63a3d; }.stats-hero aside small { min-height:27px; color:#c8b475; font-size:7px; letter-spacing:.1em; text-transform:uppercase; }.stats-hero aside b { color:#eee1ca; font-family:var(--font-display); font-size:34px; font-weight:500; }.stats-hero aside span { color:#8294a8; font-size:7px; }.stats-hero aside i { margin-top:auto; color:#65b27b; font-size:7px; font-style:normal; }
.stats-command { padding:75px clamp(24px,7vw,115px); background:#eee5d5; color:#19263a; }.stats-command>header { margin-bottom:27px; display:flex; align-items:end; justify-content:space-between; }.stats-command>header p,.stats-ledgers article>p { margin:0 0 7px; color:#a33b3e; font-size:7px; letter-spacing:.18em; font-weight:900; }.stats-command>header h2 { margin:0; font-family:var(--font-display); font-size:47px; letter-spacing:-.045em; font-weight:500; }.stats-command>header>span { color:#7b736a; font-size:8px; letter-spacing:.08em; }.stats-filter-form { display:grid; grid-template-columns:repeat(4,minmax(130px,1fr)) minmax(210px,1.5fr); margin-bottom:35px; border:1px solid #cec1aa; background:#faf5eb; box-shadow:0 8px 20px rgba(50,37,21,.06); }.stats-filter-form label { min-height:59px; background:transparent; border-color:#d8ccb8; }.stats-filter-form label>span { color:#8a7763; }.stats-filter-form select,.stats-filter-form input { color:#26364a; font-size:9px; }.stats-filter-form option { color:#26364a; background:#f7f0e4; }
.stats-podium { margin-bottom:35px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.podium-place { min-height:147px; padding:18px; display:grid; grid-template-columns:30px 54px 1fr auto; grid-template-rows:auto auto; gap:4px 12px; align-items:center; position:relative; overflow:hidden; border:1px solid #cdbfa7; background:linear-gradient(135deg,#faf5eb,#e8dcc8); }.podium-place:after { content:""; position:absolute; width:100px; height:100px; right:-60px; top:-60px; border:1px solid rgba(161,56,60,.2); transform:rotate(45deg); }.podium-place>span { color:#a13b3e; font-family:var(--font-display); font-size:27px; }.podium-avatar { width:51px; height:58px; grid-row:1/3; display:grid; place-items:center; color:#f1dfb7; border:1px solid #b9994e; background:linear-gradient(145deg,#9d343a,#17334e); clip-path:polygon(50% 0,94% 18%,86% 75%,50% 100%,14% 75%,6% 18%); font-family:var(--font-display); }.podium-place p { margin:0; display:flex; align-items:center; gap:5px; }.podium-place p b { font-size:11px; }.podium-place strong { color:#16324f; font-family:var(--font-display); font-size:25px; font-weight:500; }.podium-place small { grid-column:3/5; color:#81796f; font-size:7px; }.place-1 { box-shadow:inset 0 3px #c9a44f; }.place-2 { box-shadow:inset 0 3px #8c9a9e; }.place-3 { box-shadow:inset 0 3px #9c6644; }
.master-stats-table { overflow-x:auto; border:1px solid #cfc2ad; background:#f8f2e8; box-shadow:0 13px 28px rgba(43,31,19,.07); }.master-stats-head,.master-stats-table>a { min-width:1100px; display:grid; grid-template-columns:55px minmax(190px,1.5fr) repeat(7,65px) 82px 82px 68px; align-items:center; }.master-stats-head { min-height:54px; padding:0 17px; color:#eee3cf; background:#18324f; font-size:7px; letter-spacing:.07em; text-transform:uppercase; font-weight:900; }.master-stats-table>a { min-height:66px; padding:0 17px; color:#665f57; border-top:1px solid #ddd2c1; font-size:9px; }.master-stats-table>a:hover { background:#eee4d2; }.master-stats-table>a>span:nth-child(2) { display:grid; grid-template-columns:20px 1fr; align-items:center; }.master-stats-table>a>span:nth-child(2) .country-flag { grid-row:1/3; }.master-stats-table>a b { color:#213249; font-size:10px; }.master-stats-table>a small { color:#8b8074; font-size:6px; }.master-stats-table>a strong { color:#9e373b; font-size:11px; }.stats-no-results { padding:50px; display:grid; gap:7px; justify-items:center; color:#7e756b; border:1px solid #cfc2ad; background:#f8f2e8; }.stats-no-results b { color:#26364a; font-family:var(--font-display); font-size:24px; font-weight:500; }
.stats-ledgers { padding:65px clamp(24px,7vw,115px); display:grid; grid-template-columns:1fr 1fr; gap:20px; background:#0a1727; }.stats-ledgers article { padding:28px; border:1px solid rgba(217,173,81,.27); background:linear-gradient(145deg,#102740,#081421); }.stats-ledgers article>p { color:#d2b15d; }.stats-ledgers h3 { margin:0 0 23px; color:#eee2cc; font-family:var(--font-display); font-size:28px; font-weight:500; }.stats-ledgers article>div { display:grid; grid-template-columns:repeat(3,1fr); }.stats-ledgers article>div>span { padding:13px; display:grid; gap:4px; border:1px solid rgba(217,173,81,.15); }.stats-ledgers article b { color:#d5ba73; font-family:var(--font-display); font-size:22px; }.stats-ledgers article small,.stats-ledgers li { color:#8193a6; font-size:8px; line-height:1.5; }.stats-ledgers ol { margin:0; padding-left:18px; display:grid; gap:13px; }
@media (max-width:1100px) { .stats-masthead { grid-template-columns:230px 1fr; }.stats-masthead>a:last-child { display:none; }.stats-hero { grid-template-columns:1fr; gap:35px; }.stats-filter-form { grid-template-columns:repeat(3,1fr); }.stats-search { grid-column:2/4; }.league-performance-filters { grid-template-columns:repeat(3,1fr); }.performance-search { grid-column:2/4; } }
@media (max-width:760px) { .league-performance-preview { padding:58px 22px; }.league-performance-filters,.stats-filter-form { grid-template-columns:1fr 1fr; }.performance-search,.stats-search { grid-column:1/-1; }.stats-masthead { min-height:62px; padding:0 18px; grid-template-columns:55px 1fr; }.stats-masthead .formula-brand div { display:none; }.stats-masthead>div { height:62px; gap:15px; }.stats-masthead>div>a:nth-child(2),.stats-masthead>div>a:nth-child(3) { display:none; }.stats-hero { padding:50px 22px; }.stats-hero aside { overflow-x:auto; grid-template-columns:repeat(3,minmax(150px,1fr)); }.stats-command { padding:58px 22px; }.stats-command>header { align-items:flex-start; flex-direction:column; gap:10px; }.stats-podium { grid-template-columns:1fr; }.stats-ledgers { padding:48px 22px; grid-template-columns:1fr; }.stats-ledgers article>div { grid-template-columns:1fr; } }
@media (max-width:470px) { .league-performance-filters,.stats-filter-form { grid-template-columns:1fr; }.performance-search,.stats-search { grid-column:auto; }.performance-preview-footer { padding:14px; align-items:flex-start; flex-direction:column; gap:8px; }.stats-hero h1 { font-size:47px; }.stats-command>header h2 { font-size:39px; }.podium-place { grid-template-columns:25px 48px 1fr auto; padding:14px; } }

/* Statistics mode separation: no cross-experience aggregation */
.stats-command>header h1 { margin:0; font-family:var(--font-display); font-size:55px; letter-spacing:-.05em; font-weight:500; }
.stats-experience-tabs { margin-bottom:18px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #cdbfa7; background:#e4d8c4; }
.stats-experience-tabs button { min-height:76px; padding:13px 16px; display:grid; grid-template-columns:35px 1fr; grid-template-rows:auto auto; gap:3px 9px; align-content:center; position:relative; color:#766e64; border:0; border-right:1px solid #cdbfa7; background:#f4ede1; cursor:pointer; text-align:left; }
.stats-experience-tabs button:last-child { border-right:0; }.stats-experience-tabs button:hover { background:#ebe0cd; }.stats-experience-tabs button.active { color:#eee3cf; background:#18324f; }.stats-experience-tabs button.active:after { content:""; position:absolute; inset:auto 0 0; height:3px; background:#b83b3e; }
.stats-experience-tabs button>span { width:30px; height:30px; grid-row:1/3; display:grid; place-items:center; color:#a43c3f; border:1px solid #ba9b54; font-family:var(--font-display); font-size:12px; }.stats-experience-tabs button.active>span { color:#e3c574; border-color:#d3b25f; }.stats-experience-tabs button b { color:#26364a; font-size:9px; }.stats-experience-tabs button.active b { color:#eee3cf; }.stats-experience-tabs button small { color:#8c8174; font-size:7px; }.stats-experience-tabs button.active small { color:#8799ad; }
@media (max-width:760px) { .stats-command { padding-top:45px; }.stats-experience-tabs { grid-template-columns:1fr; }.stats-experience-tabs button { border-right:0; border-bottom:1px solid #cdbfa7; }.stats-experience-tabs button:last-child { border-bottom:0; } }
@media (max-width:470px) { .stats-command>header h1 { font-size:43px; } }

/* Minimal BYT-inspired Championship structure */
.formula-minimal { background:#f2ebdf; }.league-compact-head { padding:54px clamp(24px,8vw,130px) 0; color:#263244; text-align:center; background:linear-gradient(180deg,#f7f1e7,#eee5d5); }.league-compact-head>p { margin:0 0 9px; color:#9b3b3e; font-size:7px; letter-spacing:.18em; font-weight:900; }.league-compact-head h1 { margin:0; color:#19324f; font-family:var(--font-display); font-size:clamp(46px,5vw,68px); line-height:1; letter-spacing:-.05em; font-weight:500; }.league-compact-head>span { margin-top:9px; display:block; color:#8a7967; font-family:var(--font-display); font-size:13px; font-style:italic; }.league-meta-strip { max-width:1250px; margin:38px auto 0; display:grid; grid-template-columns:repeat(5,1fr); text-align:left; border:1px solid #cbbda5; border-bottom:0; background:#faf6ee; box-shadow:0 10px 28px rgba(50,37,20,.07); }.league-meta-strip>div { min-height:80px; padding:14px 17px; display:grid; align-content:center; gap:3px; border-right:1px solid #d8ccb8; }.league-meta-strip>div:last-child { border-right:0; }.league-meta-strip small { color:#9a3b3e; font-size:6px; letter-spacing:.13em; text-transform:uppercase; font-weight:900; }.league-meta-strip b { color:#23364e; font-family:var(--font-display); font-size:21px; font-weight:500; }.league-meta-strip span { color:#8d8276; font-size:7px; }
.league-competition-body { padding:34px clamp(24px,6vw,95px) 75px; background:#f2ebdf; }.league-board { max-width:1400px; margin:0 auto 26px; overflow:hidden; border:1px solid #cfc2ad; background:#faf6ee; box-shadow:0 8px 22px rgba(48,35,20,.06); }.league-board>header { min-height:48px; padding:0 17px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#504b45; background:#d9cbb4; }.league-board>header b { font-size:10px; letter-spacing:.04em; }.league-board>header span { color:#786f66; font-size:7px; letter-spacing:.06em; }.formula-minimal .division-grid { padding:15px; gap:15px; }.formula-minimal .division-card { box-shadow:none; border-color:#d5cab8; background:#f8f3ea; }.formula-minimal .division-card>header { height:46px; color:#3e4449; background:#e8dfd0; }.formula-minimal .division-card>header h3 { font-family:var(--font-sans); font-size:10px; font-weight:800; }.formula-minimal .division-card>header span { color:#817565; font-size:6px; }.formula-minimal .division-head { min-height:31px; color:#726b63; background:#ded3c1; }.formula-minimal .division-card>a { min-height:49px; color:#655e57; background:#fbf7f0; }.formula-minimal .division-card>a.qualifying { background:#e9ebdc; }.formula-minimal .division-card>a.qualifying:before { background:#718d48; }.formula-minimal .division-card>a:hover { background:#eee4d3; }.formula-minimal .division-card>a b { color:#3b3c3d; font-weight:600; }.formula-minimal .division-card>a strong { color:#4f4a43; }
.compact-fixture-list { padding:0 15px 10px; }.compact-fixture-list>a { min-height:58px; display:grid; grid-template-columns:32px 88px 1fr 42px 1fr 125px 18px; gap:9px; align-items:center; color:#625c55; border-bottom:1px solid #ded4c4; font-size:9px; }.compact-fixture-list>a:hover { background:#f0e7d8; }.compact-fixture-list>a>span { color:#9e3b3e; font-family:var(--font-display); font-size:17px; }.compact-fixture-list time { color:#8b7b69; font-size:7px; }.compact-fixture-list b { color:#29384b; }.compact-fixture-list i { color:#a34344; font-size:7px; font-style:normal; text-align:center; }.compact-fixture-list em { color:#66785e; font-size:7px; font-style:normal; letter-spacing:.06em; text-transform:uppercase; }.compact-fixture-list strong { color:#a23d40; }
.byt-bracket { min-height:330px; padding:30px clamp(18px,5vw,70px); display:grid; grid-template-columns:minmax(250px,1fr) 110px minmax(250px,1fr) 90px 180px; align-items:center; }.formula-minimal .bracket-column h3 { color:#786b5e; }.formula-minimal .bracket-match { margin-bottom:26px; border-color:#d8cebd; background:#faf7f1; box-shadow:inset 3px 0 #738d4a; }.formula-minimal .final-column .bracket-match { box-shadow:inset 3px 0 #cba037; }.formula-minimal .bracket-match>span { color:#494844; border-color:#e1d7c8; }.formula-minimal .bracket-match>span i { color:#a39687; }.formula-minimal .bracket-match small { color:#8f8172; }.bracket-connector { height:155px; position:relative; }.bracket-connector i { position:absolute; left:0; width:100%; height:50px; border:1px solid #c9bda9; border-left:0; }.bracket-connector i:first-child { top:13px; border-bottom:0; }.bracket-connector i:last-child { bottom:13px; border-top:0; }.final-connector { height:2px; border-top:1px solid #c9bda9; }.final-connector i { display:none; }.league-champion { min-height:118px; padding:15px; display:grid; justify-items:center; align-content:center; gap:5px; color:#25364b; border:1px solid #c9a24a; background:#f7ebca; text-align:center; }.league-champion>span { width:38px; height:38px; display:grid; place-items:center; color:#f2d88e; background:#18324f; border:1px solid #b9933f; font-family:var(--font-display); }.league-champion small { color:#997735; font-size:6px; letter-spacing:.09em; text-transform:uppercase; }.league-champion b { font-family:var(--font-display); font-size:16px; font-weight:500; }
@media (max-width:1050px) { .league-meta-strip { grid-template-columns:repeat(3,1fr); }.league-meta-strip>div { border-bottom:1px solid #d8ccb8; }.byt-bracket { grid-template-columns:minmax(220px,1fr) 70px minmax(220px,1fr); }.final-connector { display:none; }.league-champion { grid-column:3; } }
@media (max-width:760px) { .league-compact-head { padding:42px 20px 0; }.league-meta-strip { grid-template-columns:1fr 1fr; }.league-competition-body { padding:24px 14px 55px; }.league-board>header { padding:12px 14px; align-items:flex-start; flex-direction:column; gap:4px; }.formula-minimal .division-grid { grid-template-columns:1fr; padding:10px; }.compact-fixture-list>a { padding:10px 0; grid-template-columns:25px 1fr 30px 1fr 17px; }.compact-fixture-list time { grid-column:2/5; }.compact-fixture-list em { display:none; }.byt-bracket { padding:25px 14px; grid-template-columns:1fr; }.bracket-connector,.final-connector { display:none; }.league-champion { grid-column:1; }.formula-minimal .final-column { margin-top:9px; } }
@media (max-width:480px) { .league-meta-strip { grid-template-columns:1fr; }.league-meta-strip>div { min-height:65px; }.league-compact-head h1 { font-size:45px; } }

/* Challenge Ladder / captain dispatch board */
.challenge-app { min-height:100vh; color:#eadfcb; background:#07131f; }.challenge-nav { min-height:70px; padding:0 clamp(20px,4vw,65px); display:grid; grid-template-columns:270px 1fr auto; gap:25px; align-items:center; border-bottom:1px solid rgba(217,173,81,.34); background:#050e18; }.challenge-nav>div { height:70px; display:flex; justify-content:center; gap:28px; }.challenge-nav>div>a { display:flex; align-items:center; position:relative; color:#7f91a4; font-size:7px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; }.challenge-nav>div>a:hover,.challenge-nav>div>a.active { color:#eadbbd; }.challenge-nav>div>a.active:after { content:""; position:absolute; inset:auto 0 0; height:2px; background:#b73b3d; }.challenge-nav>a:last-child { color:#d0b46e; font-size:7px; letter-spacing:.08em; text-transform:uppercase; font-weight:900; }
.challenge-command-head { min-height:340px; padding:50px clamp(24px,6vw,95px); display:grid; grid-template-columns:minmax(310px,1fr) 330px 280px; gap:28px; align-items:center; position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(118deg,#091827,#122e4c 63%,#341c25); }.challenge-command-head:before { content:""; position:absolute; inset:0; z-index:-1; opacity:.6; background:repeating-linear-gradient(114deg,transparent 0 44px,rgba(217,173,81,.045) 45px 46px),radial-gradient(circle at 86% 48%,rgba(181,48,50,.27),transparent 19%); }.challenge-title>p { margin:0 0 9px; color:#d0ad58; font-size:7px; letter-spacing:.17em; font-weight:900; }.challenge-title h1 { margin:0; color:#f0e4cd; font-family:var(--font-display); font-size:clamp(48px,5vw,71px); line-height:.83; letter-spacing:-.055em; font-weight:500; }.challenge-title h1 em { color:#d7b66a; font-weight:500; }
.team-command-card { padding:20px; border:1px solid rgba(217,173,81,.5); background:rgba(5,15,26,.76); box-shadow:inset 0 0 0 4px rgba(217,173,81,.025); }.team-command-card>span,.challenge-principle>span { color:#bd9f57; font-size:6px; letter-spacing:.15em; font-weight:900; }.team-command-card>div { margin:14px 0 18px; display:flex; align-items:center; gap:12px; }.team-command-card>div>i { width:51px; height:58px; display:grid; place-items:center; color:#f1d58d; border:1px solid #c29c45; background:linear-gradient(145deg,#9b3036,#172f49); clip-path:polygon(50% 0,94% 18%,86% 75%,50% 100%,14% 75%,6% 18%); font-family:var(--font-display); font-size:16px; font-style:normal; }.team-command-card section { display:grid; gap:5px; }.team-command-card section>b { color:#efe3ce; font-family:var(--font-display); font-size:22px; font-weight:500; }.team-command-card section small { color:#8597aa; font-size:7px; }.team-command-card footer { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(217,173,81,.18); }.team-command-card footer>span { padding-top:13px; display:grid; gap:2px; }.team-command-card footer b { color:#ddc174; font-family:var(--font-display); font-size:20px; font-weight:500; }.team-command-card footer small { color:#718499; font-size:6px; }
.challenge-principle { min-height:190px; padding:22px; display:flex; flex-direction:column; justify-content:center; border-left:2px solid #ac373a; background:linear-gradient(90deg,rgba(161,48,51,.17),transparent); }.challenge-principle>b { margin:10px 0; color:#f0dfc3; font-family:var(--font-display); font-size:23px; line-height:1.15; font-weight:500; }.challenge-principle p { margin:0; color:#8799ac; font-size:8px; line-height:1.55; }
.challenge-workbench { padding:40px clamp(24px,6vw,95px) 70px; display:grid; grid-template-columns:minmax(480px,1.25fr) minmax(390px,.75fr); gap:22px; background:linear-gradient(180deg,#eee4d2,#e6dbc8); color:#1c2a3d; }.challenge-left-column { display:grid; gap:22px; }.dispatch-composer,.open-dispatches,.ladder-ledger { border:1px solid #c9bba4; background:#f8f2e8; box-shadow:0 10px 25px rgba(48,35,19,.08); }.dispatch-composer>header,.open-dispatches>header,.ladder-ledger>header { min-height:70px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d4c7b3; background:#ece2d2; }.dispatch-composer header p,.open-dispatches header p,.ladder-ledger header p,.challenge-route header p { margin:0 0 4px; color:#a13c3f; font-size:6px; letter-spacing:.16em; font-weight:900; }.dispatch-composer h2,.open-dispatches h2,.ladder-ledger h2,.challenge-route h2 { margin:0; color:#26364a; font-family:var(--font-display); font-size:28px; font-weight:500; }.wax-seal { width:42px; height:42px; display:grid; place-items:center; color:#f1d78d; border:2px solid #76282d; border-radius:50%; background:#a5363a; box-shadow:0 0 0 3px rgba(158,51,55,.17); font-family:var(--font-display); }.dispatch-composer form { padding:18px; display:grid; grid-template-columns:1fr 1fr; gap:11px; }.dispatch-composer label { min-height:56px; padding:9px 11px; display:grid; gap:5px; border:1px solid #d7ccbb; background:#fdf9f2; }.dispatch-composer label>span { color:#8d7d6c; font-size:6px; letter-spacing:.11em; text-transform:uppercase; font-weight:900; }.dispatch-composer select { width:100%; color:#29384a; border:0; outline:0; background:transparent; font:inherit; font-size:9px; }.dispatch-payment { grid-column:1/-1; }.dispatch-summary { min-height:66px; padding:12px; grid-column:1/-1; display:grid; grid-template-columns:75px 1fr; align-items:center; border-left:3px solid #a73b3e; background:#e9dfce; }.dispatch-summary>span { color:#a03b3e; font-size:7px; letter-spacing:.1em; font-weight:900; }.dispatch-summary p { margin:0; color:#46505a; font-size:9px; }.dispatch-summary small { grid-column:2; color:#877b6e; font-size:7px; }.dispatch-composer form>button { min-height:46px; padding:0 16px; grid-column:1/-1; color:#f3e4c8; border:0; background:linear-gradient(90deg,#8d2d33,#b23e3e); cursor:pointer; text-transform:uppercase; font-size:8px; letter-spacing:.1em; font-weight:900; }.dispatch-composer form>button span { float:right; font-size:13px; }.dispatch-issued { margin:0 18px 18px; padding:14px; display:grid; gap:4px; border:1px solid #7e9d65; background:#e4ead9; }.dispatch-issued span { color:#5f7e4a; font-size:6px; letter-spacing:.12em; font-weight:900; }.dispatch-issued b { color:#374631; font-size:9px; }.dispatch-issued small { color:#718068; font-size:7px; }
.open-dispatches>header>span,.ladder-ledger>header>span { color:#8a7864; font-size:7px; letter-spacing:.09em; text-transform:uppercase; }.open-dispatches>article { min-height:104px; padding:13px 17px; display:grid; grid-template-columns:62px 1fr auto; gap:15px; align-items:center; border-bottom:1px solid #ddd2c1; }.open-dispatches>article:last-child { border-bottom:0; }.dispatch-rank { width:57px; height:68px; display:grid; place-content:center; justify-items:center; color:#efe2c9; background:linear-gradient(145deg,#183651,#0d2137); clip-path:polygon(50% 0,94% 16%,88% 76%,50% 100%,12% 76%,6% 16%); }.dispatch-rank>span { color:#d7bb73; font-size:8px; }.dispatch-rank b { font-family:var(--font-display); font-size:17px; font-weight:500; }.dispatch-rank small { color:#8092a6; font-size:5px; }.open-dispatches article>div:nth-child(2)>p { margin:0 0 4px; color:#a23d40; font-size:6px; letter-spacing:.08em; text-transform:uppercase; }.open-dispatches h3 { margin:0 0 6px; color:#26364a; font-family:var(--font-display); font-size:21px; font-weight:500; }.open-dispatches article>div:nth-child(2)>span { color:#645d56; font-size:8px; }.open-dispatches article>div:nth-child(2)>small { margin-top:4px; display:block; color:#8c8175; font-size:7px; }.open-dispatches article>button,.ladder-rows button { color:#913438; border:1px solid #b98f55; background:transparent; cursor:pointer; text-transform:uppercase; font-size:7px; letter-spacing:.08em; font-weight:900; }.open-dispatches article>button { padding:9px 11px; }
.ladder-ledger { align-self:start; position:relative; }.ladder-scale { height:34px; padding:0 20px; display:grid; grid-template-columns:auto 1fr auto 1fr auto; gap:8px; align-items:center; color:#998a79; background:#e1d6c4; font-size:6px; }.ladder-scale i { height:1px; background:#c1b39e; }.ladder-rows>div { min-height:70px; padding:0 14px; display:grid; grid-template-columns:28px minmax(150px,1fr) 45px 55px 26px; gap:7px; align-items:center; position:relative; border-bottom:1px solid #ded3c3; }.ladder-rows>div:hover { background:#eee4d4; }.ladder-rows>div.your-rank { background:#e5ead8; box-shadow:inset 3px 0 #718b48; }.ladder-rows>div>span { color:#9d3c3f; font-family:var(--font-display); font-size:18px; }.ladder-rows>div>a { min-width:0; display:grid; grid-template-columns:37px 1fr; gap:8px; align-items:center; }.ladder-rows>div>a>i { width:35px; height:35px; display:grid; place-items:center; color:#e7d3aa; border:1px solid #b79a58; background:#1c3855; font-size:7px; font-style:normal; }.ladder-rows section p { margin:0; display:flex; align-items:center; gap:4px; }.ladder-rows section b { color:#2b394a; font-size:9px; }.ladder-rows section small { color:#918577; font-size:6px; }.ladder-rows em { font-size:7px; font-style:normal; }.ladder-rows>div>strong { color:#22364e; font-family:var(--font-display); font-size:18px; font-weight:500; }.ladder-rows button { width:25px; height:25px; }.ladder-rows>div>small { color:#668052; font-size:6px; font-weight:900; }.ladder-ledger>footer { padding:18px; background:#e5dbc9; }.ladder-ledger>footer>span { color:#897b6c; font-size:6px; letter-spacing:.1em; text-transform:uppercase; }.ladder-ledger>footer>div { height:6px; margin:8px 0; position:relative; background:#c8bdad; }.ladder-ledger>footer>div>i { height:100%; display:block; background:linear-gradient(90deg,#9d353a,#d2aa52); }.ladder-ledger>footer>div>b { position:absolute; right:0; top:-19px; color:#26364a; font-family:var(--font-display); font-size:14px; }.ladder-ledger>footer p { margin:0; color:#897e72; font-size:7px; line-height:1.45; }
.challenge-route { padding:72px clamp(24px,6vw,95px); background:#091828; }.challenge-route>header { margin-bottom:31px; }.challenge-route header p { color:#d2b15d; }.challenge-route h2 { color:#eee1ca; font-size:38px; }.challenge-route>div { display:grid; grid-template-columns:1fr 38px 1fr 38px 1fr 38px 1fr; align-items:center; }.challenge-route article { min-height:145px; padding:20px; display:grid; align-content:start; gap:8px; border:1px solid rgba(217,173,81,.27); background:linear-gradient(145deg,#102a45,#081521); }.challenge-route article>span { color:#b93d40; font-family:var(--font-display); font-size:23px; }.challenge-route article>b { color:#e8d8b9; font-family:var(--font-display); font-size:20px; font-weight:500; }.challenge-route article p { margin:0; color:#8294a7; font-size:8px; line-height:1.5; }.challenge-route>div>i { color:#ad914f; font-style:normal; text-align:center; }.challenge-disclaimer { margin:0; padding:0 24px 28px; color:#64778c; background:#091828; text-align:center; font-size:7px; letter-spacing:.07em; }
@media (max-width:1120px) { .challenge-nav { grid-template-columns:230px 1fr; }.challenge-nav>a:last-child { display:none; }.challenge-command-head { grid-template-columns:1fr 1fr; }.challenge-principle { grid-column:1/-1; min-height:100px; }.challenge-workbench { grid-template-columns:1fr; }.ladder-ledger { width:100%; }.challenge-route>div { grid-template-columns:1fr 24px 1fr; }.challenge-route>div>i:nth-of-type(2) { display:none; }.challenge-route article:nth-of-type(n+3) { margin-top:24px; } }
@media (max-width:760px) { .challenge-nav { min-height:62px; padding:0 18px; grid-template-columns:55px 1fr; }.challenge-nav .formula-brand div { display:none; }.challenge-nav>div { height:62px; gap:15px; }.challenge-nav>div>a:nth-child(2),.challenge-nav>div>a:nth-child(4) { display:none; }.challenge-command-head { padding:42px 22px; grid-template-columns:1fr; }.challenge-principle { grid-column:auto; }.challenge-workbench { padding:25px 14px 50px; }.dispatch-composer form { grid-template-columns:1fr; }.dispatch-payment,.dispatch-summary,.dispatch-composer form>button { grid-column:auto; }.dispatch-summary { grid-template-columns:1fr; gap:5px; }.dispatch-summary small { grid-column:auto; }.open-dispatches>article { grid-template-columns:55px 1fr; }.open-dispatches article>button { grid-column:2; width:max-content; }.challenge-route { padding:55px 20px; }.challenge-route>div { grid-template-columns:1fr; gap:10px; }.challenge-route>div>i { display:none; }.challenge-route article:nth-of-type(n+3) { margin-top:0; } }
@media (max-width:480px) { .challenge-title h1 { font-size:48px; }.team-command-card footer { gap:6px; }.ladder-rows>div { grid-template-columns:24px minmax(130px,1fr) 44px 24px; }.ladder-rows>div>em { display:none; }.open-dispatches>header,.ladder-ledger>header,.dispatch-composer>header { padding:12px 14px; }.open-dispatches>header { align-items:flex-start; flex-direction:column; gap:4px; } }

/* Compact Challenge identity and Challenge-only team power statistics */
.challenge-compact-head { padding:31px clamp(24px,6vw,95px); display:grid; grid-template-columns:minmax(310px,1fr) 300px 420px; gap:28px; align-items:center; color:#25364a; border-bottom:1px solid #cbbda6; background:linear-gradient(180deg,#f6efe4,#ebe1d0); }.challenge-compact-head>div:first-child>p { margin:0 0 5px; color:#a23b3e; font-size:6px; letter-spacing:.16em; font-weight:900; }.challenge-compact-head h1 { margin:0; color:#1c3551; font-family:var(--font-display); font-size:43px; line-height:1; letter-spacing:-.045em; font-weight:500; }.challenge-compact-head>div:first-child>span { margin-top:8px; display:block; max-width:510px; color:#82786d; font-size:8px; line-height:1.5; }.compact-team-identity { min-height:73px; padding:10px 14px; display:flex; align-items:center; gap:11px; border:1px solid #cbbca5; background:#f9f4eb; }.compact-team-identity>i { width:44px; height:49px; display:grid; place-items:center; color:#efd58e; border:1px solid #b99345; background:linear-gradient(145deg,#9c3137,#18334f); clip-path:polygon(50% 0,94% 18%,86% 75%,50% 100%,14% 75%,6% 18%); font-family:var(--font-display); font-size:14px; font-style:normal; }.compact-team-identity section { display:grid; gap:3px; }.compact-team-identity small { color:#a03b3e; font-size:6px; letter-spacing:.1em; }.compact-team-identity b { color:#26364a; font-family:var(--font-display); font-size:19px; font-weight:500; }.compact-team-identity span { color:#887c6f; font-size:7px; }.challenge-compact-head dl { margin:0; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #cbbca5; background:#f9f4eb; }.challenge-compact-head dl>div { min-height:72px; padding:11px; display:grid; align-content:center; gap:3px; border-right:1px solid #d9cdbb; }.challenge-compact-head dl>div:last-child { border-right:0; }.challenge-compact-head dt { color:#897b6d; font-size:6px; letter-spacing:.08em; text-transform:uppercase; }.challenge-compact-head dd { margin:0; color:#24374d; font-family:var(--font-display); font-size:20px; font-weight:500; }
.team-power-section { padding:70px clamp(24px,5vw,80px); color:#ece3d2; background:#050b12; }.team-power-section>header { margin-bottom:28px; display:flex; justify-content:space-between; align-items:end; }.team-power-section>header p { margin:0 0 6px; color:#d1ad57; font-size:6px; letter-spacing:.17em; font-weight:900; }.team-power-section>header h2 { margin:0; color:#f0e7d7; font-family:var(--font-display); font-size:43px; line-height:1; font-weight:500; }.team-power-section>header>div>span { margin-top:8px; display:block; color:#8292a3; font-size:8px; }.team-power-section>header aside { min-width:90px; padding:10px 13px; display:grid; gap:2px; border-left:2px solid #b83d3f; background:#121212; }.team-power-section>header aside b { font-family:var(--font-display); font-size:20px; font-weight:500; }.team-power-section>header aside span { color:#7d8791; font-size:6px; text-transform:uppercase; }.team-power-layout { display:grid; grid-template-columns:minmax(700px,1fr) 310px; gap:20px; align-items:start; }.team-power-table,.power-method { border:1px solid #2b2b2b; background:#0d0d0e; }.power-head,.team-power-table>a { min-width:760px; display:grid; grid-template-columns:76px minmax(220px,1.5fr) 105px 70px 140px 125px; align-items:center; }.power-head { min-height:49px; padding:0 17px; color:#aaa5a0; background:#252526; font-size:7px; letter-spacing:.07em; text-transform:uppercase; font-weight:900; }.team-power-table { overflow-x:auto; }.team-power-table>a { min-height:78px; padding:0 17px; color:#b9b3aa; border-top:1px solid #292929; font-size:9px; }.team-power-table>a:hover { background:#151516; }.team-power-table>a>span:first-child { display:flex; align-items:center; gap:10px; }.team-power-table>a>span:first-child>b { color:#f0e8d9; font-size:17px; }.team-power-table>a>span:first-child>i { min-width:28px; padding:5px; color:#777; border-radius:3px; background:#242424; font-size:6px; font-style:normal; text-align:center; }.team-power-table>a>span:first-child>i.up { color:#6ec389; }.team-power-table>a>span:first-child>i.down { color:#d1605c; }.team-power-table>a>span:nth-child(2) { display:grid; grid-template-columns:45px 1fr; gap:10px; align-items:center; }.team-power-table>a>span:nth-child(2)>em { width:43px; height:43px; display:grid; place-items:center; color:#e8cd84; border:1px solid #786b4d; background:linear-gradient(145deg,#1d405f,#101b2a); clip-path:polygon(50% 0,94% 18%,86% 75%,50% 100%,14% 75%,6% 18%); font-family:var(--font-display); font-size:10px; font-style:normal; }.team-power-table section p { margin:0; display:flex; align-items:center; gap:4px; }.team-power-table section b { color:#eee7dc; font-size:10px; }.team-power-table section small { color:#6f747b; font-size:6px; }.team-power-table>a>strong { color:#e2c675; font-size:11px; }.power-form { display:flex; gap:4px; }.power-form i { width:21px; height:21px; display:grid; place-items:center; border-radius:50%; font-size:6px; font-style:normal; }.power-form i.win { color:#bfe3c8; border:1px solid #3b7550; background:#173622; }.power-form i.loss { color:#e5beb9; border:1px solid #7e3d40; background:#391a1c; }
.power-method { padding:20px; }.power-method>p { margin:0 0 6px; color:#c5a456; font-size:6px; letter-spacing:.13em; font-weight:900; }.power-method h3 { margin:0 0 20px; color:#eee4d3; font-family:var(--font-display); font-size:25px; font-weight:500; }.power-method>div { display:grid; gap:3px; }.power-method>div>span { min-height:66px; padding:10px; display:grid; grid-template-columns:28px 1fr; align-content:center; border:1px solid #292929; background:#171718; }.power-method>div i { grid-row:1/3; color:#ba4445; font-family:var(--font-display); font-size:15px; font-style:normal; }.power-method>div b { color:#dcd5c9; font-size:8px; }.power-method>div small { color:#777d83; font-size:7px; line-height:1.4; }.power-method footer { margin-top:17px; padding-top:15px; color:#747c84; border-top:1px solid #292929; font-size:7px; line-height:1.5; }
@media (max-width:1150px) { .challenge-compact-head { grid-template-columns:1fr 300px; }.challenge-compact-head dl { grid-column:1/-1; }.team-power-layout { grid-template-columns:1fr; }.power-method { display:grid; grid-template-columns:170px 1fr; gap:15px; }.power-method>div { grid-template-columns:repeat(3,1fr); }.power-method footer { grid-column:1/-1; } }
@media (max-width:760px) { .challenge-compact-head { padding:30px 20px; grid-template-columns:1fr; }.challenge-compact-head dl { grid-column:auto; grid-template-columns:1fr 1fr; }.challenge-compact-head dl>div { border-bottom:1px solid #d9cdbb; }.team-power-section { padding:55px 15px; }.team-power-section>header { align-items:flex-start; flex-direction:column; gap:15px; }.team-power-layout { min-width:0; }.power-method { display:block; }.power-method>div { display:grid; grid-template-columns:1fr; }.power-method footer { grid-column:auto; } }
@media (max-width:480px) { .challenge-compact-head h1 { font-size:39px; }.team-power-section>header h2 { font-size:36px; } }

/* Full-width matchmaking command centre */
@media (min-width:1181px) {
  .play-shell { width:100%; max-width:1920px; min-height:790px; margin:0 auto; padding:34px clamp(20px,2vw,40px) 30px; grid-template-columns:300px minmax(620px,1fr) 330px; justify-content:stretch; gap:22px; }
  .career-rail,.formation-rail { padding:25px; }
  .career-identity { margin-top:18px; margin-bottom:29px; grid-template-columns:53px 1fr; }.career-avatar { width:52px; height:52px; font-size:18px; }.career-identity b { font-size:15px; }
  .prestige-shield { width:112px; height:132px; }.prestige-shield:after { font-size:87px; }.prestige-shield span { font-size:33px; }.prestige-mark h2 { font-size:36px; }.career-record>div { min-height:52px; }
  .queue-stage { grid-template-rows:auto auto minmax(450px,1fr) auto; }.mode-header { min-height:99px; padding:23px 29px; }.mode-header h1 { font-size:41px; }.mode-selector { min-height:78px; }.mode-selector button { padding:14px 20px; }.mode-selector button b { font-size:10px; }.queue-core { min-height:465px; padding:35px; }.queue-core h2 { font-size:58px; }.queue-explanation { max-width:540px; font-size:11px; }.find-match-button { min-width:285px; padding:18px 30px; }.queue-parameters { min-height:70px; }.queue-parameters div { padding:15px 17px; }
  .formation-head { min-height:69px; }.formation-head h2 { font-size:31px; }.formation-slots { margin:14px 0; }.formation-slot { min-height:71px; grid-template-columns:44px 1fr auto; }.formation-slot>span { width:43px; height:43px; font-size:10px; }.formation-slot b { font-size:11px; }.node-readiness { padding:16px; }
  .queue-searching .queue-core { min-height:590px; padding:24px 28px; }.lobby-search-head { min-height:72px; }.lobby-search-head h2 { font-size:33px; }.lobby-card-grid { gap:12px; }.lobby-player-card { min-height:184px; padding:12px 9px; }.lobby-rank { margin:-12px -9px 11px; padding:7px; }.lobby-avatar,.empty-shield { width:58px; height:64px; margin-bottom:11px; font-size:17px; }.lobby-player-card>b { font-size:10px; }.lobby-player-card>small,.lobby-player-card>i { font-size:7px; }.lobby-search-controls { margin-top:17px; }
  .play-lower { width:100%; max-width:1920px; padding:0 clamp(20px,2vw,40px) 46px; grid-template-columns:minmax(0,1fr) 360px; gap:22px; }.recent-strip header { min-height:49px; padding:0 18px; }.recent-strip article { min-height:78px; padding:13px 17px; }.season-intel { padding:19px; }
}

/* Matchmaking-only ranked leaderboard */
.matchmaking-leaderboard-button { margin-top:10px; padding:11px 12px; display:flex; justify-content:space-between; color:#e8d49e; border:1px solid rgba(217,173,81,.42); background:rgba(217,173,81,.065); font-size:7px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; }.matchmaking-leaderboard-button:hover { background:rgba(217,173,81,.13); }
.mm-leaderboard-page { min-height:100vh; color:#e8deca; background:#07121e; }.mm-leaderboard-nav { min-height:70px; padding:0 clamp(20px,4vw,67px); display:grid; grid-template-columns:240px 1fr auto; gap:26px; align-items:center; border-bottom:1px solid rgba(217,173,81,.35); background:#050d16; }.mm-leaderboard-nav>div { height:70px; display:flex; justify-content:center; gap:28px; }.mm-leaderboard-nav>div>a { display:flex; align-items:center; position:relative; color:#8192a4; font-size:7px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; }.mm-leaderboard-nav>div>a.active,.mm-leaderboard-nav>div>a:hover { color:#e8d7b5; }.mm-leaderboard-nav>div>a.active:after { content:""; position:absolute; inset:auto 0 0; height:2px; background:#c43e3e; }.mm-leaderboard-nav>a:last-child { color:#d0b46e; font-size:7px; letter-spacing:.08em; text-transform:uppercase; font-weight:900; }
.mm-leaderboard-hero { min-height:330px; padding:55px clamp(24px,7vw,115px); display:grid; grid-template-columns:1fr 285px; gap:60px; align-items:center; position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(110deg,rgba(5,14,24,.94),rgba(9,27,46,.76)),url('/og.png') center 43%/cover; }.mm-leaderboard-hero:before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(4,11,19,.83),rgba(4,11,19,.25) 70%,rgba(96,28,31,.22)); }.mm-leaderboard-hero p { margin:0 0 9px; color:#d1ae59; font-size:7px; letter-spacing:.17em; font-weight:900; }.mm-leaderboard-hero h1 { margin:0; color:#f2e7d2; font-family:var(--font-display); font-size:clamp(49px,5.3vw,74px); line-height:.86; letter-spacing:-.05em; font-weight:500; text-shadow:0 4px 20px #000; }.mm-leaderboard-hero h1 em { color:#e0c16f; font-weight:500; }.mm-leaderboard-hero>div>span { max-width:570px; margin-top:19px; display:block; color:#a1afbd; font-size:9px; line-height:1.6; }.mm-leaderboard-hero aside { padding:20px; display:grid; gap:6px; border:1px solid rgba(217,173,81,.48); background:rgba(5,14,24,.78); }.mm-leaderboard-hero aside small { color:#b89d59; font-size:6px; letter-spacing:.12em; }.mm-leaderboard-hero aside b { color:#eee1ca; font-family:var(--font-display); font-size:24px; font-weight:500; }.mm-leaderboard-hero aside span { color:#8293a5; font-size:7px; }
.rank-doctrine { padding:25px clamp(24px,7vw,115px) 27px; color:#26364a; background:#eee5d5; }.rank-doctrine>header,.leaderboard-office>header { margin-bottom:14px; display:flex; justify-content:space-between; align-items:end; gap:25px; }.rank-doctrine>header p,.leaderboard-office>header p,.rank-system-note article p { margin:0 0 4px; color:#a23a3d; font-size:7px; letter-spacing:.16em; font-weight:900; }.rank-doctrine h2,.leaderboard-office h2 { margin:0; font-family:var(--font-display); font-size:31px; font-weight:500; }.rank-doctrine>header>span,.leaderboard-office>header>span { color:#82786d; font-size:8px; }.rank-doctrine>div { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid #cabba4; background:#f8f2e8; }.rank-doctrine article { min-height:118px; padding:12px; display:grid; justify-items:center; align-content:center; gap:3px; border-right:1px solid #d8ccba; text-align:center; }.rank-doctrine article:last-child { border-right:0; }.rank-emblem,.mini-rank { display:grid; place-items:center; position:relative; clip-path:polygon(50% 0,88% 17%,100% 55%,73% 100%,27% 100%,0 55%,12% 17%); }.rank-emblem { width:56px; height:63px; margin-bottom:2px; }.rank-emblem:after,.mini-rank:after { content:""; position:absolute; inset:5px; border:1px solid rgba(255,255,255,.26); clip-path:inherit; }.rank-emblem span,.mini-rank b { position:relative; z-index:1; font-family:var(--font-display); }.rank-doctrine article>b { font-family:var(--font-display); font-size:18px; font-weight:500; }.rank-doctrine article>small { color:#82786e; font-size:7px; }.rank-doctrine article>em { color:#9c3a3d; font-size:6px; font-style:normal; text-transform:uppercase; }.tier-immortal .rank-emblem,.tier-immortal.mini-rank { color:#f5dd9a; background:linear-gradient(145deg,#b6353e,#521a2b); box-shadow:0 0 20px rgba(185,49,58,.2); }.tier-diamond .rank-emblem,.tier-diamond.mini-rank { color:#e7f4f3; background:linear-gradient(145deg,#5dcbd0,#2b5f86); }.tier-gold .rank-emblem,.tier-gold.mini-rank { color:#fff1ba; background:linear-gradient(145deg,#d6a936,#76531d); }.tier-silver .rank-emblem,.tier-silver.mini-rank { color:#f0f3f4; background:linear-gradient(145deg,#aebac2,#596774); }.tier-bronze .rank-emblem,.tier-bronze.mini-rank { color:#f0d0a3; background:linear-gradient(145deg,#a86937,#5d351d); }.rank-doctrine>footer { padding:10px 14px; color:#796f64; border:1px solid #cabba4; border-top:0; background:#e4dac9; font-size:7px; line-height:1.45; }
.leaderboard-office { padding:46px clamp(24px,7vw,115px) 58px; background:#0a1828; }.leaderboard-office h2 { color:#efe3cd; font-size:clamp(52px,5vw,68px); line-height:.9; letter-spacing:-.045em; }.leaderboard-office>header p { color:#d0ae5b; }.leaderboard-office>header>span { color:#7d8fa2; font-size:8px; }.leaderboard-office>form { display:grid; grid-template-columns:195px 175px 155px minmax(250px,1fr); margin-bottom:28px; border:1px solid rgba(217,173,81,.24); }.leaderboard-office>form label { min-height:65px; padding:11px 15px; display:grid; gap:6px; border-right:1px solid rgba(217,173,81,.15); background:#10243b; }.leaderboard-office>form label>span { color:#75879b; font-size:7px; letter-spacing:.11em; text-transform:uppercase; }.leaderboard-office select,.leaderboard-office input { width:100%; color:#e1ca8f; border:0; outline:0; background:transparent; font:inherit; font-size:10px; }.leaderboard-office option { color:#e8ddc9; background:#10243b; }.leaderboard-office input::placeholder { color:#728398; }
.immortal-podium { margin-bottom:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.immortal-podium>a { min-height:94px; padding:13px 15px; display:grid; grid-template-columns:27px 55px 1fr auto; gap:9px; align-items:center; border:1px solid rgba(195,64,68,.38); background:linear-gradient(130deg,rgba(115,28,39,.42),rgba(12,28,45,.92)); }.immortal-podium>a>span { color:#e35b58; font-family:var(--font-display); font-size:23px; }.immortal-emblem { width:51px; height:58px; display:grid; place-items:center; position:relative; color:#f3d891; background:linear-gradient(145deg,#b93842,#4d1928); clip-path:polygon(50% 0,88% 17%,100% 55%,73% 100%,27% 100%,0 55%,12% 17%); }.immortal-emblem:after { content:""; position:absolute; inset:5px; border:1px solid rgba(245,216,145,.4); clip-path:inherit; }.immortal-emblem b { position:relative; z-index:1; font-size:7px; }.immortal-podium section p { margin:0 0 4px; color:#eee2cc; font-size:10px; font-weight:900; }.immortal-podium section small { color:#7f91a4; font-size:7px; }.immortal-podium>a>strong { display:grid; color:#e0c372; font-family:var(--font-display); font-size:23px; font-weight:500; text-align:right; }.immortal-podium>a>strong small { color:#74869a; font-family:var(--font-sans); font-size:5px; letter-spacing:.1em; }
.mm-ranking-table { overflow-x:auto; border:1px solid rgba(217,173,81,.23); background:#081522; }.mm-ranking-head,.mm-ranking-table>a { min-width:1040px; display:grid; grid-template-columns:68px minmax(190px,1.1fr) minmax(210px,1.2fr) 105px 105px 180px 78px; align-items:center; }.mm-ranking-head { min-height:56px; padding:0 20px; color:#c7b783; background:#162b42; font-size:8px; letter-spacing:.08em; text-transform:uppercase; font-weight:900; }.mm-ranking-table>a { min-height:83px; padding:0 20px; color:#aebdca; border-top:1px solid rgba(217,173,81,.12); font-size:11px; }.mm-ranking-table>a:hover { background:#10233a; }.mm-ranking-table>a>span:first-child { color:#eee1ca; font-family:var(--font-display); font-size:21px; }.mm-ranking-table>a>span:nth-child(2),.mm-ranking-table>a>span:nth-child(3) { display:grid; grid-template-columns:50px 1fr; gap:10px; align-items:center; }.mini-rank { width:48px; height:50px; }.mini-rank b { color:#fff2ce; font-size:8px; }.mm-ranking-table section { display:grid; gap:4px; }.mm-ranking-table section>b,.mm-ranking-table>a>span:nth-child(3)>b { color:#eee1ce; font-size:11px; }.mm-ranking-table section small,.mm-ranking-table>a>span:nth-child(3)>small { color:#8092a7; font-size:7px; }.mm-ranking-table>a>span:nth-child(3) .country-flag { grid-row:1/3; }.mm-ranking-table>a>strong { color:#e2c678; font-size:12px; }.mm-form { display:flex; gap:5px; }.mm-form i { width:23px; height:23px; display:grid; place-items:center; border-radius:50%; font-size:7px; font-style:normal; }.mm-form i.win { color:#c5e4cc; border:1px solid #39724c; background:#153621; }.mm-form i.loss { color:#e6c2bd; border:1px solid #763b3e; background:#35191b; }
.rank-system-note article p { margin:0 0 4px; color:#a23a3d; font-size:7px; letter-spacing:.16em; font-weight:900; }
@media (max-width:950px) { .mm-leaderboard-nav { grid-template-columns:190px 1fr; }.mm-leaderboard-nav>a:last-child { display:none; }.rank-doctrine>div { grid-template-columns:repeat(3,1fr); }.rank-doctrine article { border-bottom:1px solid #d8ccba; }.leaderboard-office>form { grid-template-columns:1fr 1fr; }.immortal-podium { grid-template-columns:1fr; } }
@media (max-width:680px) { .mm-leaderboard-nav { min-height:62px; padding:0 16px; grid-template-columns:55px 1fr; }.mm-leaderboard-nav .formula-brand div { display:none; }.mm-leaderboard-nav>div { height:62px; gap:15px; }.mm-leaderboard-nav>div>a:nth-child(3) { display:none; }.mm-leaderboard-hero { padding:45px 21px; grid-template-columns:1fr; gap:25px; }.rank-doctrine,.leaderboard-office { padding:48px 18px; }.rank-doctrine>header,.leaderboard-office>header { align-items:flex-start; flex-direction:column; }.rank-doctrine>div { grid-template-columns:1fr 1fr; }.leaderboard-office>form { grid-template-columns:1fr; } }
@media (max-width:430px) { .mm-leaderboard-hero h1 { font-size:46px; }.rank-doctrine>div { grid-template-columns:1fr; }.immortal-podium>a { grid-template-columns:22px 48px 1fr; }.immortal-podium>a>strong { grid-column:3; text-align:left; } }

.mm-leaderboard-compact-head { padding:18px clamp(24px,7vw,115px); display:grid; grid-template-columns:minmax(340px,1fr) minmax(520px,.95fr); gap:34px; align-items:center; color:#25364a; border-bottom:1px solid #cbbda6; background:linear-gradient(180deg,#f6efe4,#eae0d0); }.mm-leaderboard-compact-head>div>p { margin:0 0 3px; color:#a23b3e; font-size:6px; letter-spacing:.16em; font-weight:900; }.mm-leaderboard-compact-head h1 { margin:0; color:#1c3551; font-family:var(--font-display); font-size:38px; line-height:1; letter-spacing:-.045em; font-weight:500; }.mm-leaderboard-compact-head>div>span { margin-top:5px; display:block; color:#81776c; font-size:7px; }.mm-leaderboard-compact-head dl { margin:0; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #cbbca5; background:#f9f4eb; }.mm-leaderboard-compact-head dl>div { min-height:54px; padding:8px 10px; display:grid; align-content:center; gap:2px; border-right:1px solid #d9cdbb; }.mm-leaderboard-compact-head dl>div:last-child { border-right:0; }.mm-leaderboard-compact-head dt { color:#8c7d6e; font-size:5px; letter-spacing:.08em; text-transform:uppercase; }.mm-leaderboard-compact-head dd { margin:0; color:#25374c; font-family:var(--font-display); font-size:14px; font-weight:500; }
@media (max-width:900px) { .mm-leaderboard-compact-head { grid-template-columns:1fr; gap:23px; }.mm-leaderboard-compact-head dl { grid-template-columns:1fr 1fr; }.mm-leaderboard-compact-head dl>div { border-bottom:1px solid #d9cdbb; } }
@media (max-width:480px) { .mm-leaderboard-compact-head { padding:28px 19px; }.mm-leaderboard-compact-head h1 { font-size:38px; }.mm-leaderboard-compact-head dl { grid-template-columns:1fr; } }

/* Queue-card competitive data and stronger leaderboard rating hierarchy */
.lobby-competitive-stats { width:100%; margin-top:9px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(217,173,81,.16); border-bottom:1px solid rgba(217,173,81,.12); }.lobby-competitive-stats>span { padding:7px 2px; display:grid; gap:2px; color:#667a8f; border-right:1px solid rgba(217,173,81,.1); font-size:5px; letter-spacing:.05em; }.lobby-competitive-stats>span:last-child { border-right:0; }.lobby-competitive-stats b { color:#e1c77e; font-size:7px; }.lobby-player-card>i { margin-top:7px; }
.leaderboard-mmr { margin-top:2px; display:flex; align-items:baseline; gap:4px; color:#c7b073 !important; font-size:7px !important; letter-spacing:.06em; }.leaderboard-mmr strong { color:#f0d27f; font-family:var(--font-display); font-size:15px; font-weight:600; line-height:1; text-shadow:0 0 12px rgba(225,190,103,.2); }
@media (min-width:1181px) { .lobby-player-card { min-height:213px; }.lobby-competitive-stats b { font-size:8px; }.lobby-competitive-stats>span { padding:8px 2px; font-size:6px; } }

/* Official matchmaking rank artwork. Diamond intentionally uses the supplied blue Platinum set. */
.prestige-shield,.rank-emblem,.mini-rank,.immortal-emblem { overflow:visible; clip-path:none; border:0; background:none!important; box-shadow:none!important; }
.prestige-shield:after,.rank-emblem:after,.mini-rank:after,.immortal-emblem:after { display:none; }
.prestige-shield img,.rank-emblem img,.mini-rank img,.immortal-emblem img { width:100%; height:100%; display:block; object-fit:contain; filter:drop-shadow(0 7px 10px rgba(0,0,0,.28)); }
.prestige-shield { width:112px; height:112px; }
.rank-emblem { width:66px; height:66px; }
.mini-rank { width:42px; height:42px; }
.immortal-emblem { width:60px; height:60px; }
@media (max-width:820px) { .prestige-shield { width:84px; height:84px; } }

/* Prototype connection controls */
.play-nav { grid-template-columns:230px minmax(280px,1fr) auto auto 310px; }
.nav-account { display:flex; justify-content:flex-end; align-items:center; gap:11px; position:relative; }
.nav-account .nav-identity { min-width:155px; }
.nav-account>button { padding:8px 9px; color:#9babbd; border:1px solid rgba(217,173,81,.25); background:transparent; font-size:6px; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.nav-account>button:hover { color:#efd493; border-color:rgba(217,173,81,.65); }
.account-center{min-height:100vh;background:#061522;color:#e9dfca;padding:0 3vw 70px}.account-center>nav{height:76px;border-bottom:1px solid rgba(201,166,92,.25);display:flex;align-items:center;justify-content:space-between}.account-center>nav>a:last-child,.account-center a{color:#d7b767;text-decoration:none}.account-center>header{padding:60px 0 34px;max-width:760px}.account-center>header p,.account-grid p,.account-overview small{font-size:10px;letter-spacing:.18em;color:#c7a95b}.account-center>header h1{font:48px/1.1 Georgia,serif;margin:12px 0}.account-center>header span,.account-grid>*>span{color:#91a0aa}.account-message{padding:14px 18px;border:1px solid #3a765b;background:#102c28;margin-bottom:18px}.account-message.error{border-color:#9e4d4d;background:#351b22}.account-overview{display:grid;grid-template-columns:auto 1fr minmax(400px,1fr);gap:28px;align-items:center;padding:30px;border:1px solid rgba(201,166,92,.3);background:#0b2030}.account-monogram{width:94px;height:94px;display:grid;place-items:center;background:linear-gradient(145deg,#74313c,#173957);font:32px Georgia}.account-overview h2{font:30px Georgia;margin:6px 0}.account-overview dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.account-overview dl div{padding:12px;border-left:1px solid rgba(255,255,255,.1)}.account-overview dt{font-size:9px;color:#8393a1;text-transform:uppercase}.account-overview dd{font:22px Georgia;margin:6px 0}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.account-grid>*{border:1px solid rgba(201,166,92,.23);background:#091b29;padding:28px;display:flex;flex-direction:column;gap:16px}.account-grid h2{font:27px Georgia;margin:0}.account-grid label{display:grid;gap:7px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.account-grid input,.account-grid select{padding:13px;background:#06131f;border:1px solid #334757;color:#fff}.account-grid button{margin-top:auto;padding:13px;border:1px solid #b8984e;background:#a33e43;color:#fff;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.account-grid button.danger{background:transparent;border-color:#88454b}.account-grid dl{margin:auto 0 0}.account-grid dd{margin:5px 0;color:#fff}@media(max-width:900px){.account-overview{grid-template-columns:auto 1fr}.account-overview dl{grid-column:1/-1}.account-grid{grid-template-columns:1fr}}
.play-nav-utilities { height:100%; display:flex; align-items:stretch; border-left:1px solid rgba(217,173,81,.2); border-right:1px solid rgba(217,173,81,.2); }.play-nav-utilities button,.play-nav-utilities>a { min-width:104px; padding:0 20px; display:flex; align-items:center; justify-content:center; position:relative; color:#d8d0c2; border:0; border-right:1px solid rgba(217,173,81,.12); background:transparent; font:inherit; font-family:var(--font-display); font-size:17px; cursor:pointer; }.play-nav-utilities>*:last-child { border-right:0; }.play-nav-utilities button:hover,.play-nav-utilities button.active,.play-nav-utilities>a:hover { color:#f3dfaa; background:rgba(171,51,55,.09); }.play-nav-utilities button.active:after { content:""; position:absolute; inset:auto 0 0; height:2px; background:#bb3d40; }
.utility-layer { position:fixed; inset:68px 0 0; z-index:80; padding:24px; display:grid; place-items:center; background:rgba(1,7,13,.78); backdrop-filter:blur(8px); }.community-dialog,.financing-dialog { width:min(820px,calc(100vw - 48px)); height:min(760px,calc(100vh - 116px)); display:grid; overflow:hidden; color:#e9dfcd; border:1px solid rgba(217,173,81,.52); background:linear-gradient(145deg,#0d2136,#07131f 60%,#0a1725); box-shadow:0 30px 90px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.025); }.community-dialog { grid-template-rows:auto auto auto minmax(0,1fr) auto; }.community-dialog>header,.financing-dialog>header { min-height:88px; padding:20px 24px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(217,173,81,.22); background:rgba(4,12,21,.58); }.community-dialog>header p,.financing-dialog>header p { margin:0 0 5px; color:#c7a85c; font-size:9px; letter-spacing:.16em; font-weight:900; }.community-dialog>header h2,.financing-dialog>header h2 { margin:0; font-family:var(--font-display); font-size:34px; font-weight:500; }.community-dialog>header button,.financing-dialog>header button { padding:10px 14px; color:#b9c3cd; border:1px solid rgba(217,173,81,.28); background:transparent; font-size:9px; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }.community-dialog>nav { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid rgba(217,173,81,.22); }.community-dialog>nav button { min-height:70px; padding:13px 18px; display:grid; gap:4px; position:relative; color:#8799aa; border:0; border-right:1px solid rgba(217,173,81,.16); background:rgba(5,15,25,.35); text-align:left; cursor:pointer; }.community-dialog>nav button:last-child { border-right:0; }.community-dialog>nav button span { color:#d8d1c4; font-family:var(--font-display); font-size:18px; }.community-dialog>nav button small { font-size:10px; }.community-dialog>nav button:hover,.community-dialog>nav button.active { background:rgba(34,65,94,.58); }.community-dialog>nav button.active:after { content:""; position:absolute; inset:auto 0 0; height:3px; background:#b83b3e; }.community-dialog>nav button:disabled { opacity:.42; cursor:not-allowed; }.community-channel-head { min-height:64px; padding:13px 22px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(217,173,81,.14); }.community-channel-head>div { display:grid; gap:3px; }.community-channel-head b { color:#f0dfba; font-size:16px; text-transform:capitalize; }.community-channel-head span,.community-channel-head>small { color:#8797a7; font-size:11px; }.community-message-list { min-height:0; padding:10px 22px; overflow-y:auto; }.community-message-list article { padding:13px 0; display:grid; grid-template-columns:42px 1fr; gap:12px; border-bottom:1px solid rgba(217,173,81,.1); }.community-message-list article>span { width:42px; height:42px; display:grid; place-items:center; color:#f0dfbd; border:1px solid rgba(217,173,81,.42); background:linear-gradient(145deg,#7b2b32,#17314b); font-size:11px; font-weight:900; }.community-message-list article.system>span { background:#8a512d; }.community-message-list article>div { min-width:0; }.community-message-list article header { display:flex; align-items:center; gap:9px; }.community-message-list article b { color:#eadfc9; font-size:13px; }.community-message-list article time { color:#687b8e; font-size:10px; }.community-message-list article p { margin:6px 0 0; color:#bec9d3; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }.community-composer { padding:17px 22px 19px; border-top:1px solid rgba(217,173,81,.2); background:#07111c; }.community-composer>label { display:block; margin-bottom:8px; color:#c9ac64; font-size:10px; letter-spacing:.1em; text-transform:uppercase; font-weight:800; }.community-composer>div { display:grid; grid-template-columns:1fr auto; }.community-composer input { min-width:0; height:46px; padding:0 14px; color:#eee4d2; border:1px solid rgba(217,173,81,.28); border-right:0; outline:0; background:#0c1d2e; font:inherit; font-size:13px; }.community-composer input:focus { border-color:#c8a556; }.community-composer button { min-width:90px; color:#f4e3bd; border:1px solid #a97936; background:#8e3438; font-weight:900; cursor:pointer; }.community-composer button:disabled { opacity:.4; cursor:not-allowed; }.community-composer>small { margin-top:8px; display:block; color:#718496; font-size:10px; }
.community-dialog.captain-command { width:min(1480px,calc(100vw - 48px)); height:min(820px,calc(100vh - 116px)); grid-template-rows:auto auto minmax(0,1fr); }.captain-command-grid { min-height:0; display:grid; grid-template-columns:310px minmax(430px,1fr) 340px; }.captain-directory,.captain-challenge-wing { min-width:0; overflow-y:auto; background:rgba(4,13,22,.54); }.captain-directory { border-right:1px solid rgba(217,173,81,.2); }.captain-directory>header,.captain-challenge-wing>header { min-height:92px; padding:19px 18px; display:grid; align-content:center; gap:4px; border-bottom:1px solid rgba(217,173,81,.18); }.captain-directory>header p,.captain-challenge-wing>header p { margin:0; color:#bf9f55; font-size:9px; letter-spacing:.14em; font-weight:900; }.captain-directory h3,.captain-challenge-wing h3 { margin:0; color:#f0e2c8; font-family:var(--font-display); font-size:24px; font-weight:500; }.captain-directory>header span { color:#7f91a2; font-size:11px; }.captain-directory>div { padding:8px; display:grid; gap:5px; }.captain-directory>div>a { min-height:62px; padding:9px; display:grid; grid-template-columns:40px 1fr auto; gap:10px; align-items:center; color:inherit; border:1px solid rgba(217,173,81,.12); background:rgba(12,30,47,.72); }.captain-directory>div>a:hover { border-color:rgba(217,173,81,.45); background:#102942; }.captain-directory i,.captain-dispatches article i { width:40px; height:40px; display:grid; place-items:center; color:#f1dfb5; border:1px solid rgba(217,173,81,.45); background:linear-gradient(145deg,#783138,#193653); font-size:11px; font-style:normal; font-weight:900; }.captain-directory p,.captain-dispatches p { margin:0; display:grid; gap:4px; }.captain-directory p b,.captain-dispatches p b { color:#e8deca; font-size:12px; }.captain-directory p small,.captain-dispatches p small { color:#8597a8; font-size:10px; }.captain-directory strong { display:grid; gap:3px; color:#d9bb6c; font-size:13px; text-align:right; }.captain-directory strong small { color:#77899a; font-size:8px; font-weight:700; text-transform:uppercase; }.captain-chat-column { min-width:0; min-height:0; display:grid; grid-template-rows:auto minmax(0,1fr) auto; }.captain-challenge-wing { border-left:1px solid rgba(217,173,81,.2); }.captain-challenge-wing>header { grid-template-columns:1fr auto; }.captain-challenge-wing>header p,.captain-challenge-wing>header h3 { grid-column:1; }.captain-challenge-wing>header>a { grid-column:2; grid-row:1/3; align-self:center; padding:8px 10px; color:#d8bc75; border:1px solid rgba(217,173,81,.3); font-size:9px; text-transform:uppercase; }.captain-power { padding:16px 18px; display:grid; gap:6px; border-bottom:1px solid rgba(217,173,81,.18); }.captain-power>span { margin-bottom:3px; color:#8294a5; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }.captain-power>a { padding:9px 0; display:grid; grid-template-columns:30px 1fr auto; gap:8px; align-items:center; color:inherit; border-bottom:1px solid rgba(217,173,81,.08); }.captain-power i { color:#c4a45c; font-style:normal; font-size:11px; }.captain-power b { color:#d9d2c5; font-size:12px; }.captain-power strong { color:#e0c376; font-size:12px; }.captain-dispatches { padding:12px 14px; display:grid; gap:8px; }.captain-dispatches article { padding:12px; display:grid; gap:10px; border:1px solid rgba(217,173,81,.18); background:#0c2033; }.captain-dispatches article>div { display:grid; grid-template-columns:40px 1fr; gap:10px; align-items:center; }.captain-dispatches time { color:#d9bd75; font-size:11px; }.captain-dispatches article>a { height:32px; display:grid; place-items:center; color:#e9dcc2; border:1px solid rgba(217,173,81,.3); background:#713035; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }.captain-issue { margin:3px 14px 18px; min-height:42px; display:grid; place-items:center; color:#f2dfb5; border:1px solid #a67834; background:#713036; font-size:10px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; }
.community-dialog>nav button>em { position:absolute; top:12px; right:14px; padding:4px 7px; color:#f0d899; border:1px solid rgba(217,173,81,.35); background:#713137; font-size:8px; font-style:normal; letter-spacing:.08em; text-transform:uppercase; }.captain-proposal { border:1px solid rgba(217,173,81,.34)!important; background:linear-gradient(90deg,rgba(119,47,54,.18),rgba(15,40,62,.7)); }.captain-proposal.status-accepted { border-color:rgba(75,156,104,.45)!important; }.captain-proposal.status-countered { border-color:rgba(202,143,65,.5)!important; }.proposal-summary { width:100%; padding:0; display:grid; grid-template-columns:1fr auto; gap:4px 18px; color:inherit; border:0; background:transparent; text-align:left; cursor:pointer; }.proposal-summary small { grid-column:1/-1; color:#d2a75b; font-size:9px; letter-spacing:.11em; text-transform:uppercase; }.proposal-summary b { color:#f0e2c8; font-family:var(--font-display); font-size:17px; }.proposal-summary b i { color:#a5b2bf; font-family:var(--font-sans); font-size:10px; font-style:normal; text-transform:uppercase; }.proposal-summary time { color:#d3b96f; font-size:11px; }.proposal-details { margin-top:11px; padding-top:11px; border-top:1px solid rgba(217,173,81,.16); }.proposal-details p { margin:0 0 10px!important; }.proposal-details>div { display:flex; gap:8px; }.proposal-details button { padding:8px 13px; color:#eadfc9; border:1px solid rgba(217,173,81,.34); background:#713137; font-size:9px; text-transform:uppercase; cursor:pointer; }.proposal-details strong { color:#78bd8c; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }.captain-upcoming { border-bottom:1px solid rgba(217,173,81,.2); }.captain-upcoming>header { min-height:52px; padding:11px 14px; display:flex; justify-content:space-between; align-items:center; background:#17334e; }.captain-upcoming>header p { margin:0 0 3px; color:#f0dfb7; font-size:11px; letter-spacing:.08em; font-weight:900; }.captain-upcoming>header span,.captain-upcoming>header small { color:#91a1af; font-size:9px; }.captain-upcoming>div { max-height:225px; overflow-y:auto; scrollbar-color:#b39554 #08131e; }.captain-upcoming>div>a { min-height:70px; padding:10px 13px; display:grid; grid-template-columns:55px 1fr; gap:11px; align-items:center; color:inherit; border-bottom:1px solid rgba(217,173,81,.1); background:rgba(7,19,30,.7); }.captain-upcoming>div>a:hover { background:#10283e; }.captain-upcoming time { display:grid; gap:3px; color:#ddb95d; }.captain-upcoming time b { font-size:11px; }.captain-upcoming time span { color:#8999a8; font-size:9px; }.captain-upcoming p { margin:0; display:grid; grid-template-columns:1fr auto 1fr; gap:4px; align-items:center; }.captain-upcoming p b { color:#e2d9ca; font-size:11px; }.captain-upcoming p i { color:#7d8f9f; font-size:8px; font-style:normal; text-transform:uppercase; }.captain-upcoming p small { grid-column:1/-1; color:#8395a5; font-size:9px; }.captain-inline-challenge { margin:14px; display:grid; gap:9px; border:1px solid rgba(217,173,81,.26); background:#efe5d1; color:#152536; }.captain-inline-challenge>header { min-height:72px; padding:13px; display:grid; grid-template-columns:1fr auto; align-items:center; border-bottom:1px solid #d7c8ad; }.captain-inline-challenge>header p { margin:0; color:#9b3439; font-size:8px; letter-spacing:.12em; font-weight:900; }.captain-inline-challenge h4 { margin:3px 0 0; font-family:var(--font-display); font-size:22px; font-weight:500; }.captain-inline-challenge>header>span { grid-column:2; grid-row:1/3; width:38px; height:38px; display:grid; place-items:center; color:#f8e8cc; border-radius:50%; background:#a9363c; font-family:var(--font-display); }.captain-inline-challenge>label,.captain-inline-challenge>div,.captain-inline-challenge>aside { margin:0 10px; }.captain-inline-challenge>div { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.captain-inline-challenge label { display:grid; gap:4px; }.captain-inline-challenge label>span { color:#855a4f; font-size:8px; letter-spacing:.08em; text-transform:uppercase; font-weight:900; }.captain-inline-challenge select { width:100%; min-width:0; height:36px; padding:0 8px; color:#192a3a; border:1px solid #d1c2a8; background:#faf5e9; font-size:10px; }.captain-inline-challenge>aside { padding:10px; display:grid; gap:4px; border-left:2px solid #a9363c; background:#e5dac5; font-size:10px; }.captain-inline-challenge>aside span { color:#765f53; font-size:9px; }.captain-inline-challenge>button { min-height:42px; margin-top:2px; color:#f6e8d0; border:0; background:#a9363c; font-size:9px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; cursor:pointer; }
.profile-back-button { cursor:pointer; font:inherit; }
.notification-control { position:relative; }.notification-ring { width:34px; height:34px; display:grid; place-items:center; position:relative; border:1px solid rgba(217,173,81,.36); border-radius:50%; background:#091726; cursor:pointer; }.notification-ring:hover,.notification-ring[aria-expanded="true"] { border-color:#d3ae59; background:#11263a; }.notification-ring>i { width:11px; height:12px; position:relative; border:1.5px solid #d8c38a; border-radius:6px 6px 3px 3px; }.notification-ring>i:before { content:""; width:3px; height:2px; position:absolute; left:3px; bottom:-4px; border-radius:0 0 3px 3px; background:#d8c38a; }.notification-ring>span { min-width:15px; height:15px; padding:0 4px; display:grid; place-items:center; position:absolute; top:-5px; right:-5px; color:#fff2d4; border:2px solid #07121e; border-radius:9px; background:#b43a40; font-size:7px; font-weight:900; }.notification-panel { width:300px; position:absolute; top:45px; right:-56px; z-index:110; color:#e8deca; border:1px solid rgba(217,173,81,.46); background:#071522; box-shadow:0 22px 55px rgba(0,0,0,.58); }.notification-panel:before { content:""; width:10px; height:10px; position:absolute; top:-6px; right:66px; transform:rotate(45deg); border-left:1px solid rgba(217,173,81,.46); border-top:1px solid rgba(217,173,81,.46); background:#071522; }.notification-panel>header { padding:14px 15px; display:grid; gap:4px; border-bottom:1px solid rgba(217,173,81,.18); }.notification-panel>header p { margin:0; color:#c8aa60; font-size:8px; letter-spacing:.13em; font-weight:900; }.notification-panel>header b { color:#e9dfcf; font-size:13px; }.notification-panel>button { width:100%; min-height:58px; padding:10px 13px; display:grid; grid-template-columns:34px 1fr; gap:10px; align-items:center; color:inherit; border:0; border-bottom:1px solid rgba(217,173,81,.1); background:transparent; text-align:left; cursor:pointer; }.notification-panel>button:hover { background:#10273b; }.notification-panel>button>i { width:34px; height:34px; display:grid; place-items:center; color:#f0d89b; border:1px solid rgba(217,173,81,.38); background:#713137; font-size:10px; font-style:normal; font-weight:900; }.notification-panel>button>span { display:grid; gap:3px; }.notification-panel>button b { color:#e3dacb; font-size:11px; }.notification-panel>button small { color:#7f92a4; font-size:9px; }.community-composer>div { grid-template-columns:1fr auto auto; }.community-message-list mark { padding:1px 3px; color:#f0d280; border-radius:2px; background:rgba(181,55,61,.28); font-weight:800; }.community-composer button.mention-insert { min-width:44px; color:#e5ca82; border-color:rgba(217,173,81,.34); background:#10283d; font-size:16px; }.community-composer button.mention-insert:hover { background:#17354f; }
.financing-dialog { grid-template-rows:auto auto 1fr auto; }.wallet-balance { padding:34px; border-bottom:1px solid rgba(217,173,81,.2); background:radial-gradient(circle at 82% 20%,rgba(180,61,61,.18),transparent 32%); }.wallet-balance>span { color:#c4a75f; font-size:10px; letter-spacing:.14em; text-transform:uppercase; }.wallet-balance strong { margin:8px 0 5px; display:block; color:#f0e2c7; font-family:var(--font-display); font-size:58px; font-weight:500; }.wallet-balance strong small { color:#a9b5c0; font-family:var(--font-sans); font-size:14px; text-transform:uppercase; }.wallet-balance p { margin:0; color:#9cabb9; font-size:13px; }.wallet-options { padding:25px; display:grid; align-content:start; gap:10px; }.wallet-options article { min-height:92px; padding:16px; display:grid; grid-template-columns:45px 1fr auto; gap:14px; align-items:center; border:1px solid rgba(217,173,81,.2); background:rgba(9,25,40,.7); }.wallet-options article>span { width:42px; height:50px; display:grid; place-items:center; color:#ecdba9; border:1px solid #a57b39; background:#713038; font-family:var(--font-display); font-size:18px; }.wallet-options article div { display:grid; gap:5px; }.wallet-options article b { color:#e7ddca; font-family:var(--font-display); font-size:19px; }.wallet-options article p { margin:0; color:#8e9ead; font-size:12px; }.wallet-options article strong { color:#d3b86d; font-size:13px; }.financing-dialog>footer { padding:18px 24px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(217,173,81,.2); }.financing-dialog>footer span { color:#7d8fa0; font-size:9px; letter-spacing:.11em; }.financing-dialog>footer button { padding:11px 16px; color:#9aa9b6; border:1px solid rgba(217,173,81,.25); background:transparent; }
.challenge-return { padding:10px 13px; border:1px solid rgba(217,173,81,.42); }
.compact-team-identity { color:inherit; }
@media (max-width:1180px) { .play-nav { grid-template-columns:205px 1fr auto auto; }.nav-account>button { display:none; } }
@media (max-width:1200px) { .community-dialog.captain-command { overflow:auto; }.captain-command-grid { width:1070px; min-height:610px; grid-template-columns:270px 490px 310px; } }
@media (max-width:820px) { .play-nav { grid-template-columns:auto 1fr auto auto; }.play-nav-utilities button,.play-nav-utilities>a { min-width:auto; padding:0 12px; font-size:14px; }.nav-account .nav-identity { min-width:34px; } }
@media (max-width:620px) { .play-nav-utilities { display:none; }.play-nav { grid-template-columns:auto 1fr auto; }.utility-layer { inset:62px 0 0; padding:10px; }.community-dialog,.financing-dialog { width:100%; height:100%; }.community-dialog.captain-command { width:100%; height:100%; }.community-dialog>header,.financing-dialog>header { min-height:72px; padding:14px 16px; }.community-dialog>nav button { min-height:62px; padding:10px; }.community-dialog>nav button span { font-size:15px; }.community-dialog>nav button small { font-size:8px; }.community-message-list { padding:8px 15px; }.community-composer { padding:13px 15px; }.wallet-balance { padding:24px 20px; }.wallet-options { padding:16px; }.wallet-options article { grid-template-columns:42px 1fr; }.wallet-options article>strong { grid-column:2; } }

/* Public / disconnected competitive homepage */
.public-gateway { min-height:100vh; overflow:hidden; color:#eaddc6; background:#060f19; }
.public-nav { height:72px; padding:0 clamp(20px,4.5vw,78px); display:grid; grid-template-columns:260px 1fr auto; align-items:center; gap:30px; position:relative; z-index:5; border-bottom:1px solid rgba(217,173,81,.36); background:rgba(4,11,19,.96); }
.public-nav>div { height:100%; display:flex; justify-content:center; align-items:center; gap:31px; }
.public-nav>div>a { color:#8799aa; font-size:7px; letter-spacing:.12em; text-transform:uppercase; font-weight:900; }
.public-nav>div>a:hover { color:#ebce87; }
.public-nav>button,.public-actions>button,.public-final-call>button { padding:12px 19px; color:#101923; border:0; background:linear-gradient(135deg,#edc86f,#b87d2f); font-size:7px; letter-spacing:.12em; text-transform:uppercase; font-weight:950; cursor:pointer; }
.public-hero { min-height:660px; padding:72px clamp(24px,6vw,105px); display:grid; grid-template-columns:minmax(430px,.95fr) minmax(560px,1.05fr); gap:clamp(38px,6vw,100px); align-items:center; position:relative; isolation:isolate; background:linear-gradient(90deg,rgba(5,13,23,.98),rgba(7,21,35,.83) 48%,rgba(5,14,24,.95)),url('/og.png') center/cover; }
.public-hero:after { content:""; position:absolute; inset:0; z-index:-1; opacity:.2; background:repeating-linear-gradient(116deg,transparent 0 72px,rgba(217,173,81,.12) 73px 74px); }
.public-hero-copy>p,.public-stream small,.public-schedule header p,.public-last-match header p,.public-league>div>p,.public-challenge>p,.public-hot header p,.public-final-call>p { margin:0; color:#d1b66e; font-size:7px; letter-spacing:.17em; font-weight:900; }
.public-hero-copy>p span { width:18px; height:2px; display:inline-block; margin-right:8px; vertical-align:middle; background:#b93d3f; }
.public-hero h1 { margin:14px 0 19px; color:#f0e4ce; font-family:var(--font-display); font-size:clamp(57px,5.7vw,94px); line-height:.88; letter-spacing:-.055em; font-weight:500; }
.public-hero h1 em { color:#c24141; font-weight:500; }
.public-hero-copy>span { max-width:640px; display:block; color:#a5b4c3; font-size:12px; line-height:1.7; }
.public-actions { margin:29px 0 37px; display:flex; align-items:center; gap:24px; }
.public-actions>button { padding:16px 23px; }
.public-actions>button i { margin-left:15px; font-style:normal; }
.public-actions>a { color:#d7c28d; border-bottom:1px solid rgba(217,173,81,.4); font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.public-hero-copy dl { margin:0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(217,173,81,.25); border-bottom:1px solid rgba(217,173,81,.18); }
.public-hero-copy dl>div { padding:17px 14px; display:grid; grid-template-columns:auto 1fr; gap:3px 12px; border-right:1px solid rgba(217,173,81,.18); }
.public-hero-copy dl>div:last-child { border-right:0; }.public-hero-copy dt { color:#73869a; font-size:6px; letter-spacing:.1em; text-transform:uppercase; }.public-hero-copy dd { grid-row:1/3; grid-column:1; margin:0; color:#ecd08b; font-family:var(--font-display); font-size:26px; }.public-hero-copy dl span { color:#8294a7; font-size:7px; }
.public-queue-preview { border:1px solid rgba(217,173,81,.38); background:linear-gradient(155deg,rgba(12,31,49,.95),rgba(5,14,24,.97)); box-shadow:0 35px 80px rgba(0,0,0,.42); }
.public-queue-preview>header { min-height:66px; padding:0 20px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(217,173,81,.22); background:#0c1d2e; }.public-queue-preview>header div { display:grid; gap:4px; }.public-queue-preview>header span { color:#71869a; font-size:6px; letter-spacing:.13em; }.public-queue-preview>header b { color:#e5d5b8; font-size:10px; letter-spacing:.07em; }.public-queue-preview>header strong { color:#66b77b; font-family:var(--font-display); font-size:28px; }
.public-versus { padding:18px; display:grid; grid-template-columns:1fr 27px 1fr; gap:10px; align-items:center; }.public-versus>i { color:#ba3d3f; font-family:var(--font-display); font-size:25px; font-style:normal; text-align:center; }.public-versus section { display:grid; gap:6px; }.public-versus section>span { margin-bottom:2px; color:#718499; font-size:6px; letter-spacing:.13em; font-weight:900; }.public-versus section>a { min-height:61px; padding:7px 9px; display:grid; grid-template-columns:43px 1fr auto; gap:8px; align-items:center; color:inherit; border:1px solid rgba(217,173,81,.14); background:#0b1b2b; }.public-versus section>a:hover { border-color:rgba(217,173,81,.5); }.public-versus img { width:43px; height:43px; object-fit:contain; }.public-versus p { margin:0; display:grid; gap:3px; }.public-versus p b { color:#e7dbc4; font-size:8px; }.public-versus p small { color:#71869a; font-size:6px; }.public-versus a>strong { color:#e1c77e; font-family:var(--font-display); font-size:15px; }
.public-queue-preview>footer { min-height:46px; padding:0 18px; display:flex; justify-content:space-between; align-items:center; color:#6f8499; border-top:1px solid rgba(217,173,81,.17); font-size:6px; letter-spacing:.08em; }.public-queue-preview>footer span { color:#82c494; }.public-queue-preview>footer span i { width:7px; height:7px; display:inline-block; margin-right:6px; border-radius:50%; background:#5bb373; box-shadow:0 0 9px #5bb373; }
.public-signal-bar { min-height:54px; padding:0 clamp(25px,6vw,105px); display:grid; grid-template-columns:auto 1fr auto auto 1fr auto; gap:16px; align-items:center; color:#8497aa; border-top:1px solid rgba(217,173,81,.18); border-bottom:1px solid rgba(217,173,81,.27); background:#091725; font-size:7px; }.public-signal-bar span { color:#bd3f42; font-weight:900; letter-spacing:.11em; }.public-signal-bar b { color:#ded1b9; }.public-signal-bar i { font-style:normal; }.public-signal-bar span:nth-of-type(2) { margin-left:20px; color:#d1b469; }
.public-broadcast-grid { padding:68px clamp(24px,6vw,105px); display:grid; grid-template-columns:1.35fr .8fr .7fr; gap:18px; background:#e9dfcf; color:#25364a; }
.public-stream,.public-schedule,.public-last-match { border:1px solid #cdbfa9; background:#f7f1e7; }.stream-frame { min-height:292px; padding:24px; display:grid; align-content:end; position:relative; isolation:isolate; color:#eee2cc; background:linear-gradient(0deg,rgba(4,11,18,.94),rgba(8,22,36,.18)),url('/og.png') center/cover; }.stream-frame>span { position:absolute; top:17px; left:17px; padding:7px 9px; color:white; background:#ba3337; font-size:6px; font-weight:950; letter-spacing:.1em; }.stream-frame div { display:grid; gap:6px; }.stream-frame div>b { font-family:var(--font-display); font-size:29px; font-weight:500; }.stream-frame p { margin:0; font-size:12px; font-weight:900; }.stream-frame p i { margin:0 8px; color:#d1b36a; font-size:7px; font-style:normal; text-transform:uppercase; }.stream-frame button { width:max-content; margin-top:16px; padding:10px 14px; color:#f1dfbd; border:1px solid rgba(217,173,81,.6); background:rgba(5,14,24,.55); font-size:7px; text-transform:uppercase; cursor:pointer; }.public-stream>footer { min-height:49px; padding:0 16px; display:flex; justify-content:space-between; align-items:center; color:#867b6e; font-size:7px; }.public-stream>footer b { color:#a33d3f; }.public-stream>footer i { font-style:normal; }
.public-schedule,.public-last-match { padding:21px; }.public-schedule header h2,.public-last-match h2,.public-challenge h2,.public-hot h2 { margin:5px 0 14px; color:#243750; font-family:var(--font-display); font-size:29px; font-weight:500; }.public-schedule>a { min-height:70px; display:grid; grid-template-columns:45px 1fr 25px; gap:10px; align-items:center; color:#28394d; border-top:1px solid #d8ccba; }.public-schedule time { color:#a03a3d; font-family:var(--font-display); font-size:16px; }.public-schedule a>span { display:grid; gap:4px; }.public-schedule a b { font-size:8px; }.public-schedule a small { color:#8b8074; font-size:6px; }.public-schedule a>strong { color:#b19250; font-size:7px; }.public-last-match { display:grid; align-content:start; }.public-last-match>div { min-height:105px; display:grid; grid-template-columns:1fr auto auto auto 1fr; gap:10px; align-items:center; border-top:1px solid #d8ccba; border-bottom:1px solid #d8ccba; }.public-last-match>div span { color:#817669; font-size:7px; font-weight:900; }.public-last-match>div span:last-child { text-align:right; }.public-last-match>div b { color:#25384e; font-family:var(--font-display); font-size:34px; }.public-last-match>div i { color:#b03d40; font-style:normal; }.public-last-match>p { color:#897e71; font-size:7px; }.public-last-match>a { margin-top:20px; color:#9d393c; font-size:7px; font-weight:900; text-transform:uppercase; }
.public-competitions { padding:0 clamp(24px,6vw,105px) 68px; display:grid; grid-template-columns:1.7fr .65fr; gap:18px; color:#e9ddc8; background:#e9dfcf; }.public-league { min-height:310px; padding:42px; display:grid; grid-template-columns:1.2fr .8fr; gap:45px; border:1px solid rgba(217,173,81,.37); background:linear-gradient(120deg,#102941,#081521); }.public-league h2 { margin:7px 0 10px; font-family:var(--font-display); font-size:46px; font-weight:500; }.public-league>div>span,.public-challenge>span { display:block; color:#9cabb9; font-size:9px; line-height:1.65; }.public-league>div>a { margin-top:26px; display:inline-block; color:#e2c477; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }.public-league>div>a i { margin-left:12px; font-style:normal; }.public-league>section { padding:20px; border:1px solid rgba(217,173,81,.23); background:rgba(4,13,22,.35); }.public-league>section>small { color:#bb3f42; font-size:6px; letter-spacing:.12em; }.public-league>section>b { margin:6px 0; display:block; font-family:var(--font-display); font-size:24px; font-weight:500; }.public-league>section>span { color:#8093a6; font-size:7px; }.public-league section>div { margin-top:17px; display:grid; grid-template-columns:1fr auto; border-top:1px solid rgba(217,173,81,.18); }.public-league section>div p { grid-column:1/-1; color:#788ca0; font-size:6px; }.public-league section>div strong,.public-league section>div em { padding:7px 0; border-bottom:1px solid rgba(217,173,81,.12); font-size:8px; font-style:normal; }.public-league section>div em { color:#d6bb74; text-align:right; }
.public-challenge { padding:35px; display:grid; align-content:start; border:1px solid #c1ad8e; background:#f6eee1; color:#26384d; }.public-challenge>span { color:#796f64; }.public-challenge dl { margin:20px 0; border-top:1px solid #d5c7b3; }.public-challenge dl>div { padding:11px 0; display:flex; justify-content:space-between; border-bottom:1px solid #d5c7b3; }.public-challenge dt { font-size:7px; }.public-challenge dd { margin:0; color:#9e393c; font-family:var(--font-display); font-size:14px; }.public-challenge>a { margin-top:auto; padding:13px; color:#f3e1c2; background:#9f3639; font-size:7px; text-align:center; text-transform:uppercase; font-weight:900; }
.public-hot { padding:65px clamp(24px,6vw,105px); color:#e7dcc8; background:#071522; }.public-hot>header { margin-bottom:24px; display:flex; justify-content:space-between; align-items:end; }.public-hot h2 { margin-bottom:0; color:#e8dcc7; font-size:39px; }.public-hot>header>a { color:#bca469; font-size:7px; text-transform:uppercase; }.public-hot>div { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(217,173,81,.22); }.public-hot>div>a { min-height:108px; padding:16px; display:grid; grid-template-columns:27px 45px 1fr auto; gap:9px; align-items:center; color:inherit; border-right:1px solid rgba(217,173,81,.18); }.public-hot>div>a:last-child { border-right:0; }.public-hot>div>a>span { color:#a43b3e; font-family:var(--font-display); font-size:18px; }.public-hot>div>a>i { width:43px; height:49px; display:grid; place-items:center; color:#efdcae; background:linear-gradient(145deg,#7b2930,#193650); clip-path:polygon(50% 0,95% 23%,83% 78%,50% 100%,17% 78%,5% 23%); font-size:9px; font-style:normal; }.public-hot section { display:grid; gap:3px; }.public-hot section p { margin:0; }.public-hot section b { margin-left:4px; font-size:9px; }.public-hot section small { color:#71869a; font-size:6px; }.public-hot a>em { color:#73bd86; font-size:7px; font-style:normal; }.public-hot a>strong { grid-column:4; color:#e1c474; font-family:var(--font-display); font-size:18px; }
.public-final-call { padding:84px 24px; display:grid; justify-items:center; text-align:center; color:#26384c; background:#e9dfcf; }.public-final-call h2 { margin:9px 0 24px; font-family:var(--font-display); font-size:44px; font-weight:500; }.public-footer { padding:22px clamp(24px,6vw,105px); display:flex; justify-content:space-between; color:#687b8e; border-top:1px solid rgba(217,173,81,.2); background:#050e17; font-size:6px; letter-spacing:.11em; }.public-footer a { color:#d1b56e; }
@media (max-width:1100px) { .public-hero { grid-template-columns:1fr; }.public-queue-preview { max-width:750px; }.public-broadcast-grid { grid-template-columns:1fr 1fr; }.public-stream { grid-column:1/-1; }.public-competitions { grid-template-columns:1fr; }.public-hot>div { grid-template-columns:1fr; }.public-hot>div>a { border-right:0; border-bottom:1px solid rgba(217,173,81,.18); } }
@media (max-width:760px) { .public-nav { height:64px; grid-template-columns:1fr auto; }.public-nav>div { display:none; }.public-hero { min-height:auto; padding:55px 20px; }.public-hero h1 { font-size:58px; }.public-hero-copy dl { grid-template-columns:1fr 1fr 1fr; }.public-versus { grid-template-columns:1fr; }.public-versus>i,.public-versus section:nth-of-type(2) { display:none; }.public-signal-bar { padding:14px 20px; grid-template-columns:auto 1fr; }.public-signal-bar i { display:none; }.public-signal-bar span:nth-of-type(2) { margin-left:0; }.public-broadcast-grid { padding:45px 17px; grid-template-columns:1fr; }.public-stream { grid-column:auto; }.public-competitions { padding:0 17px 45px; }.public-league { padding:28px; grid-template-columns:1fr; }.public-hot { padding:48px 17px; }.public-hot>header { align-items:start; flex-direction:column; gap:12px; }.public-hot>div>a { grid-template-columns:25px 42px 1fr; }.public-hot a>em { grid-column:3; }.public-hot a>strong { grid-column:3; }.public-footer { align-items:flex-start; flex-direction:column; gap:8px; } }

/* Public homepage v2: campaign advertising and Twitch-like content shelves */
.hype-home { background:#050d16; }
.hype-rank-campaign { min-height:690px; padding:80px clamp(26px,6vw,108px) 0; display:grid; grid-template-columns:minmax(430px,.85fr) minmax(600px,1.15fr); grid-template-rows:1fr auto auto; gap:30px 50px; align-items:center; position:relative; isolation:isolate; background:linear-gradient(90deg,rgba(3,9,16,.99) 0%,rgba(4,12,20,.94) 33%,rgba(4,12,20,.22) 74%),url('/campaign/ranked-matchmaking.png') center/cover; }
.hype-rank-campaign:after { content:"ADVERTISEMENT"; position:absolute; top:19px; right:25px; color:rgba(235,221,194,.42); font-size:5px; letter-spacing:.18em; }
.hype-campaign-copy { grid-column:1; position:relative; z-index:2; }.ad-label { color:#d7ba6c; font-size:7px; letter-spacing:.18em; font-weight:950; }.hype-campaign-copy h1 { margin:14px 0 18px; color:#f0e3cd; font-family:var(--font-display); font-size:clamp(65px,7vw,112px); line-height:.8; letter-spacing:-.065em; font-weight:500; }.hype-campaign-copy h1 em,.championship-ad h2 em { color:#c03b3e; font-weight:500; }.hype-campaign-copy>p { max-width:560px; margin:0; color:#a9b6c4; font-size:13px; line-height:1.6; }.hype-campaign-copy>div { margin-top:28px; display:flex; align-items:center; gap:24px; }.hype-campaign-copy button { padding:16px 22px; color:#101822; border:0; background:linear-gradient(135deg,#edca72,#b97d2f); font-size:7px; letter-spacing:.11em; text-transform:uppercase; font-weight:950; cursor:pointer; }.hype-campaign-copy button i,.championship-ad a i { margin-left:13px; font-style:normal; }.hype-campaign-copy a { color:#d8c28c; border-bottom:1px solid rgba(217,173,81,.42); font-size:7px; letter-spacing:.08em; text-transform:uppercase; }
.hype-rank-ribbon { grid-column:2; align-self:end; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border:1px solid rgba(217,173,81,.32); background:rgba(5,14,23,.84); backdrop-filter:blur(10px); }.hype-rank-ribbon>a { min-width:0; min-height:137px; padding:13px 8px; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:70px auto; justify-items:center; align-content:center; gap:8px; overflow:hidden; border-right:1px solid rgba(217,173,81,.17); text-align:center; transition:background .18s,transform .18s; }.hype-rank-ribbon>a:hover { transform:translateY(-2px); background:rgba(217,173,81,.09); }.hype-rank-ribbon>a:last-child { border-right:0; }.hype-rank-ribbon img { width:67px; height:67px; display:block; object-fit:contain; filter:drop-shadow(0 8px 10px rgba(0,0,0,.35)); }.hype-rank-ribbon>a>div { min-width:0; width:100%; display:flex; flex-direction:column; align-items:center; gap:3px; }.hype-rank-ribbon b,.hype-rank-ribbon small { display:block; width:100%; }.hype-rank-ribbon b { color:#ebdfc9; font-family:var(--font-display); font-size:14px; line-height:1.1; font-weight:500; }.hype-rank-ribbon small { color:#718598; font-size:6px; line-height:1.25; white-space:normal; }
.hype-rank-campaign>footer { min-height:57px; grid-column:1/-1; display:grid; grid-template-columns:auto 1fr auto; gap:20px; align-items:center; color:#75899c; border-top:1px solid rgba(217,173,81,.23); font-size:6px; letter-spacing:.12em; }.hype-rank-campaign>footer span { color:#bd3b3e; font-weight:950; }.hype-rank-campaign>footer b { color:#d9c69d; }.hype-rank-campaign>footer i { font-style:normal; }
.hype-shelf { padding:60px clamp(22px,5vw,86px); }.hype-shelf>header { margin-bottom:22px; display:flex; justify-content:space-between; align-items:end; gap:30px; }.hype-shelf>header span,.hype-bottom-grid header span,.hype-dispatch>span,.hype-final>span { color:#c0a25d; font-size:6px; letter-spacing:.16em; font-weight:950; }.hype-shelf>header h2,.hype-bottom-grid h2 { margin:5px 0 0; color:#e9ddc7; font-family:var(--font-display); font-size:36px; font-weight:500; }.hype-shelf>header>a { color:#ae9865; font-size:7px; text-transform:uppercase; }.hype-shelf>header>p { margin:0; color:#72c48a; font-size:7px; }.hype-shelf>header>p i { width:7px; height:7px; display:inline-block; margin-right:6px; border-radius:50%; background:#58b875; box-shadow:0 0 9px #58b875; }
.rank-shelf { color:#e8dcc6; background:#081522; }.rank-shelf-track { display:grid; grid-template-columns:repeat(5,minmax(190px,1fr)); gap:10px; }.rank-poster { min-height:270px; padding:15px; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto 1fr; position:relative; overflow:hidden; color:inherit; border:1px solid rgba(217,173,81,.2); background:radial-gradient(circle at 50% 38%,rgba(217,173,81,.13),transparent 38%),linear-gradient(155deg,#10263b,#07111c); }.rank-poster:after { content:""; position:absolute; inset:0; opacity:.12; background:url('/campaign/ranked-matchmaking.png') center/cover; }.rank-poster>span { position:relative; z-index:1; color:#8a9bae; font-size:6px; }.rank-poster>img { width:126px; height:126px; grid-column:1/-1; justify-self:center; align-self:center; position:relative; z-index:1; object-fit:contain; filter:drop-shadow(0 14px 18px rgba(0,0,0,.42)); transition:transform .2s; }.rank-poster:hover>img { transform:translateY(-5px) scale(1.04); }.rank-poster>div { grid-column:1/-1; position:relative; z-index:1; }.rank-poster small { color:#778a9d; font-size:5px; text-transform:uppercase; }.rank-poster h3 { margin:3px 0; font-family:var(--font-display); font-size:28px; font-weight:500; }.rank-poster p { margin:0; color:#97a7b7; font-size:7px; }.rank-poster-immortal { border-color:rgba(193,58,63,.5); background:radial-gradient(circle at 50% 38%,rgba(193,58,63,.2),transparent 38%),linear-gradient(155deg,#30131e,#07111c); }
.live-shelf { color:#28394d; background:#eee5d8; }.live-shelf>header h2 { color:#24374d; }.live-shelf>header span { color:#a43b3e; }.live-shelf>header>a { color:#8c493f; }.live-shelf-track { display:grid; grid-template-columns:1.55fr repeat(3,1fr); gap:13px; }.live-shelf-track>a { min-width:0; color:#26384d; }.live-card-art { aspect-ratio:16/9; display:grid; place-items:center; position:relative; background-position:center; background-size:cover; overflow:hidden; }.live-card-art>span { position:absolute; top:10px; left:10px; padding:6px 8px; color:white; background:#b53337; font-size:6px; letter-spacing:.09em; font-weight:950; }.live-card-art>i { width:42px; height:42px; display:grid; place-items:center; color:white; border:1px solid rgba(255,255,255,.7); border-radius:50%; background:rgba(5,13,22,.45); font-size:12px; font-style:normal; opacity:0; transition:opacity .18s,transform .18s; }.live-shelf-track>a:hover .live-card-art>i { opacity:1; transform:scale(1.08); }.live-shelf-track section { padding:12px 2px; }.live-shelf-track h3 { margin:0 0 4px; font-size:10px; }.live-shelf-track p { margin:0; color:#746c63; font-size:7px; }.live-shelf-track small { margin-top:7px; display:block; color:#a33c3f; font-size:6px; }.featured-live-card h3 { font-size:13px; }
.championship-ad { min-height:590px; padding:72px clamp(25px,6vw,106px) 0; display:grid; grid-template-columns:minmax(430px,.72fr) 1.28fr; grid-template-rows:1fr auto; align-items:center; position:relative; isolation:isolate; color:#eaddc6; background:linear-gradient(90deg,rgba(3,8,14,.99) 0%,rgba(3,8,14,.91) 32%,rgba(3,8,14,.13) 73%),url('/campaign/championship.png') center/cover; }.championship-ad:after { content:"CHAMPIONSHIP CAMPAIGN"; position:absolute; top:22px; right:26px; color:rgba(236,221,192,.48); font-size:5px; letter-spacing:.17em; }.championship-ad>div { grid-column:1; }.championship-ad h2 { margin:13px 0 16px; font-family:var(--font-display); font-size:clamp(58px,6vw,94px); line-height:.87; letter-spacing:-.055em; font-weight:500; }.championship-ad>div>p { max-width:570px; color:#a7b3bf; font-size:11px; line-height:1.65; }.championship-ad aside { margin:23px 0; display:flex; gap:12px; color:#8193a5; font-size:6px; letter-spacing:.11em; }.championship-ad aside b { color:#d8ba6b; }.championship-ad aside i { color:#9d363a; font-style:normal; }.championship-ad>div>a { display:inline-block; padding:14px 18px; color:#101923; background:#d7b45f; font-size:7px; letter-spacing:.1em; text-transform:uppercase; font-weight:950; }.championship-ad>footer { min-height:105px; padding:0; grid-column:1/-1; display:grid; grid-template-columns:1.5fr .75fr .75fr; border-top:1px solid rgba(217,173,81,.28); background:rgba(4,12,20,.84); backdrop-filter:blur(9px); }.championship-ad>footer article { padding:18px 25px; display:grid; align-content:center; grid-template-columns:1fr auto; gap:5px 12px; border-right:1px solid rgba(217,173,81,.17); }.championship-ad>footer article:last-child { border-right:0; }.championship-ad footer small { grid-column:1/-1; color:#778b9d; font-size:5px; letter-spacing:.12em; }.championship-ad footer b { font-family:var(--font-display); font-size:17px; font-weight:500; }.championship-ad footer span { color:#8293a4; font-size:6px; }.championship-ad footer article:first-child span { align-self:center; color:#b93c3f; text-transform:uppercase; }
.sheet-shelf { color:#e8dcc7; background:#07131f; }.sheet-shelf-track { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(217,173,81,.2); }.sheet-shelf-track>a { min-height:250px; padding:19px; display:grid; grid-template-columns:32px 1fr; gap:8px; color:inherit; border-right:1px solid rgba(217,173,81,.18); background:linear-gradient(145deg,rgba(18,39,58,.74),rgba(6,16,27,.9)); }.sheet-shelf-track>a:last-child { border-right:0; }.sheet-shelf-track>a>span { color:#a13a3d; font-family:var(--font-display); font-size:24px; }.sheet-shelf-track>a>div { display:flex; flex-direction:column; }.sheet-shelf-track small { color:#ad955d; font-size:5px; letter-spacing:.12em; }.sheet-shelf-track h3 { margin:8px 0; font-family:var(--font-display); font-size:24px; line-height:1.05; font-weight:500; }.sheet-shelf-track p { margin:0; color:#8fa0b1; font-size:8px; line-height:1.55; }.sheet-shelf-track b { margin-top:auto; color:#d3b66c; font-size:6px; text-transform:uppercase; }.sheet-shelf-track b i { margin-left:7px; font-style:normal; }
.hype-bottom-grid { padding:0 clamp(22px,5vw,86px) 65px; display:grid; grid-template-columns:1fr 1fr; gap:15px; color:#e9dcc5; background:#07131f; }.hype-fire,.hype-dispatch { padding:26px; border:1px solid rgba(217,173,81,.22); background:#0a1a29; }.hype-fire header { margin-bottom:14px; }.hype-fire h2,.hype-dispatch h2 { font-size:30px; }.hype-fire>a { min-height:67px; display:grid; grid-template-columns:42px 1fr auto; gap:10px; align-items:center; color:inherit; border-top:1px solid rgba(217,173,81,.14); }.hype-fire>a>i { width:38px; height:42px; display:grid; place-items:center; color:#ecd69d; background:linear-gradient(145deg,#842c33,#19344c); clip-path:polygon(50% 0,94% 22%,84% 78%,50% 100%,16% 78%,6% 22%); font-size:7px; font-style:normal; }.hype-fire p { margin:0; display:grid; gap:3px; }.hype-fire p b { font-size:8px; }.hype-fire p small { color:#778a9d; font-size:6px; }.hype-fire>a>strong { color:#dfc273; font-family:var(--font-display); font-size:15px; }.hype-dispatch { background:linear-gradient(135deg,#33151e,#0a1825); }.hype-dispatch>p { color:#92a1b0; font-size:9px; line-height:1.55; }.hype-dispatch dl { margin:20px 0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(217,173,81,.2); border-bottom:1px solid rgba(217,173,81,.2); }.hype-dispatch dl>div { padding:13px; border-right:1px solid rgba(217,173,81,.15); }.hype-dispatch dl>div:last-child { border-right:0; }.hype-dispatch dt { color:#788a9d; font-size:5px; text-transform:uppercase; }.hype-dispatch dd { margin:4px 0 0; color:#e2c579; font-family:var(--font-display); font-size:15px; }.hype-dispatch>a { display:block; padding:13px; color:#f2dfbc; background:#a4373a; font-size:7px; text-align:center; text-transform:uppercase; font-weight:950; }
.hype-final { padding:78px 25px; display:grid; justify-items:center; text-align:center; color:#25374b; background:#e9dfcf; }.hype-final h2 { margin:7px 0 22px; font-family:var(--font-display); font-size:52px; font-weight:500; }.hype-final button { padding:15px 21px; color:#f1dfbd; border:0; background:#9f3639; font-size:7px; letter-spacing:.1em; text-transform:uppercase; font-weight:950; cursor:pointer; }
@media (max-width:1100px) { .hype-rank-campaign { grid-template-columns:1fr; }.hype-rank-ribbon { grid-column:1; }.rank-shelf-track,.live-shelf-track,.sheet-shelf-track { overflow-x:auto; grid-template-columns:repeat(5,220px); padding-bottom:8px; }.live-shelf-track { grid-template-columns:repeat(4,310px); }.sheet-shelf-track { grid-template-columns:repeat(4,280px); }.championship-ad { grid-template-columns:1fr; }.hype-bottom-grid { grid-template-columns:1fr; } }
@media (max-width:720px) { .hype-rank-campaign { min-height:auto; padding:62px 19px 0; }.hype-campaign-copy h1 { font-size:64px; }.hype-rank-ribbon { overflow-x:auto; grid-template-columns:repeat(5,120px); }.hype-rank-ribbon>a { min-height:120px; }.hype-rank-ribbon img { width:58px; height:58px; }.hype-shelf { padding:43px 17px; }.hype-shelf>header { align-items:flex-start; flex-direction:column; gap:10px; }.hype-shelf>header h2 { font-size:30px; }.championship-ad { min-height:650px; padding:58px 20px 0; background-position:62% center; }.championship-ad h2 { font-size:58px; }.championship-ad>footer { grid-template-columns:1fr; }.championship-ad>footer article { border-right:0; border-bottom:1px solid rgba(217,173,81,.17); }.hype-bottom-grid { padding:0 17px 45px; }.hype-dispatch dl { grid-template-columns:1fr; }.hype-dispatch dl>div { border-right:0; border-bottom:1px solid rgba(217,173,81,.15); } }

/* Newcomer Groupfight lane */
.groupfight-lane { padding:68px clamp(22px,5vw,86px); color:#26374a; background:#e9dfcf; }
.groupfight-lane>header { margin-bottom:22px; display:flex; justify-content:space-between; align-items:end; gap:28px; }.groupfight-lane>header span { color:#8d252b; font-size:10px; letter-spacing:.16em; font-weight:950; }.groupfight-lane>header h2 { margin:5px 0 0; font-family:var(--font-display); font-size:40px; font-weight:500; }.groupfight-lane>header>p { max-width:460px; margin:0; color:#4e4943; font-size:14px; line-height:1.55; font-weight:600; text-align:right; }
.groupfight-introduction { display:grid; grid-template-columns:1fr 1fr; gap:17px; align-items:stretch; }.groupfight-epinal-card,.groupfight-film { border:1px solid #bda984; background:#f7efe1; box-shadow:0 13px 30px rgba(69,46,24,.1); }.groupfight-epinal-card { min-height:485px; position:relative; overflow:hidden; }.groupfight-epinal-card>img { width:100%; height:100%; display:block; position:absolute; inset:0; object-fit:cover; }.groupfight-epinal-card:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(26,18,11,.06),transparent 50%),linear-gradient(0deg,rgba(32,21,12,.22),transparent 55%); pointer-events:none; }.groupfight-epinal-card>div { max-width:54%; padding:25px; position:absolute; left:24px; bottom:24px; z-index:1; border:1px solid #95743f; background:rgba(252,243,224,.98); box-shadow:8px 10px 0 rgba(20,29,39,.28); }.groupfight-epinal-card small { color:#8d252b; font-size:9px; letter-spacing:.14em; font-weight:950; }.groupfight-epinal-card h3 { margin:8px 0 12px; color:#14273c; font-family:var(--font-display); font-size:30px; line-height:.98; font-weight:500; }.groupfight-epinal-card p { margin:0; color:#211e1a; font-size:13px; line-height:1.55; font-weight:650; }.groupfight-epinal-card b { margin-top:13px; display:block; color:#7f1f25; font-size:12px; line-height:1.4; }
.groupfight-film { padding:22px; display:flex; flex-direction:column; background:linear-gradient(145deg,#30261a,#15100b); }.period-video-frame { width:100%; aspect-ratio:16/9; padding:15px; position:relative; overflow:hidden; background:linear-gradient(135deg,#d8b96e,#725124 28%,#e4c983 52%,#65461e 76%,#cda75c); box-shadow:inset 0 0 0 3px #34210d,inset 0 0 0 7px #d4b56a,0 14px 25px rgba(0,0,0,.32); }.period-video-frame:before { content:""; position:absolute; inset:7px; z-index:1; border:2px ridge #f0d690; pointer-events:none; }.period-video-frame iframe { width:calc(100% - 30px) !important; height:calc(100% - 30px) !important; display:block; position:absolute; inset:15px; z-index:0; border:0; background:#05080b; }.frame-corner { width:22px; height:22px; position:absolute; z-index:2; border-color:#f4dc98; pointer-events:none; }.frame-corner.top-left { top:5px; left:5px; border-top:3px solid; border-left:3px solid; }.frame-corner.top-right { top:5px; right:5px; border-top:3px solid; border-right:3px solid; }.frame-corner.bottom-left { bottom:5px; left:5px; border-bottom:3px solid; border-left:3px solid; }.frame-corner.bottom-right { right:5px; bottom:5px; border-right:3px solid; border-bottom:3px solid; }.groupfight-film>footer { padding:24px 8px 5px; color:#f2e7d4; }.groupfight-film footer>span { color:#e2c777; font-size:9px; letter-spacing:.14em; font-weight:800; }.groupfight-film h3 { margin:9px 0 8px; font-family:var(--font-display); font-size:28px; font-weight:500; }.groupfight-film p { margin:0; color:#e0d5c3; font-size:12px; line-height:1.55; }
.melee-primer { margin-top:17px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #b4a17f; background:#fbf5ea; }.melee-primer article { min-height:170px; padding:24px 22px; display:grid; grid-template-columns:38px 1fr; gap:13px; border-right:1px solid #c9b99f; }.melee-primer article:last-child { border-right:0; }.melee-primer article>span { color:#942e33; font-family:var(--font-display); font-size:28px; line-height:1; }.melee-primer article>div { display:grid; align-content:start; gap:10px; }.melee-primer b { color:#172c43; font-family:var(--font-display); font-size:20px; line-height:1.1; font-weight:600; }.melee-primer p { margin:0; color:#342f29; font-size:13px; line-height:1.55; font-weight:550; }
@media (max-width:1050px) { .groupfight-introduction { grid-template-columns:1fr; }.groupfight-epinal-card { min-height:520px; }.melee-primer { grid-template-columns:1fr 1fr; }.melee-primer article:nth-child(2) { border-right:0; }.melee-primer article:nth-child(-n+2) { border-bottom:1px solid #d4c6b1; } }
@media (max-width:650px) { .groupfight-lane { padding:46px 17px; }.groupfight-lane>header { align-items:flex-start; flex-direction:column; gap:10px; }.groupfight-lane>header>p { text-align:left; }.groupfight-epinal-card { min-height:auto; display:flex; flex-direction:column; }.groupfight-epinal-card>img { height:auto; position:relative; }.groupfight-epinal-card>div { max-width:none; margin:-1px 0 0; position:relative; left:auto; bottom:auto; box-shadow:none; }.groupfight-film { padding:12px; }.period-video-frame { padding:11px; }.melee-primer { grid-template-columns:1fr; }.melee-primer article { border-right:0; border-bottom:1px solid #d4c6b1; }.melee-primer article:last-child { border-bottom:0; } }

/* Financing command centre */
.finance-site { min-height:100vh; color:#e9dfcc; background:#07131f; }.finance-nav { min-height:70px; padding:0 clamp(20px,4vw,68px); display:grid; grid-template-columns:290px 1fr auto; align-items:center; gap:28px; border-bottom:1px solid rgba(217,173,81,.34); background:#050e18; }.finance-nav>div { height:70px; display:flex; justify-content:center; gap:27px; }.finance-nav>div>a { display:flex; align-items:center; color:#8395a7; font-size:8px; letter-spacing:.11em; text-transform:uppercase; font-weight:900; }.finance-nav>div>a:hover { color:#ead39a; }.finance-nav>a:last-child { color:#c8ad68; font-size:8px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; }
.finance-command-head { min-height:330px; padding:58px clamp(24px,7vw,112px); display:grid; grid-template-columns:1fr 360px; gap:70px; align-items:center; position:relative; overflow:hidden; isolation:isolate; border-bottom:1px solid rgba(217,173,81,.24); background:linear-gradient(115deg,#0b1b2d,#112b47); }.finance-command-head:before { content:""; position:absolute; inset:0; z-index:-1; opacity:.75; background:radial-gradient(circle at 76% 50%,rgba(171,53,55,.34),transparent 25%),repeating-linear-gradient(113deg,transparent 0 48px,rgba(217,173,81,.04) 49px 50px); }.finance-command-head>div>p,.funding-office>header p,.allocation-ledger>header p,.finance-policy>p { margin:0 0 9px; color:#d0ad58; font-size:9px; letter-spacing:.17em; font-weight:900; }.finance-command-head h1 { margin:0; color:#f2e7d3; font-family:var(--font-display); font-size:clamp(52px,6vw,82px); line-height:.92; font-weight:500; letter-spacing:-.05em; }.finance-command-head>div>span { max-width:650px; margin-top:19px; display:block; color:#a5b3c0; font-size:14px; line-height:1.65; }.finance-command-head>aside { padding:27px; border:1px solid rgba(217,173,81,.38); background:rgba(4,14,24,.7); box-shadow:12px 14px 0 rgba(0,0,0,.15); }.finance-command-head>aside>small { color:#9aabb9; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }.finance-command-head>aside strong { margin:8px 0 4px; display:block; color:#efdcae; font-family:var(--font-display); font-size:54px; font-weight:500; }.finance-command-head>aside strong em { color:#9baab7; font-family:var(--font-sans); font-size:12px; font-style:normal; text-transform:uppercase; }.finance-command-head>aside p { margin:0; color:#73879a; font-size:11px; }
.finance-metric-strip { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid rgba(217,173,81,.24); background:#081725; }.finance-metric-strip article { min-height:105px; padding:21px clamp(18px,3vw,38px); display:grid; align-content:center; gap:5px; border-right:1px solid rgba(217,173,81,.17); }.finance-metric-strip article:last-child { border-right:0; }.finance-metric-strip span { color:#74889b; font-size:9px; letter-spacing:.11em; text-transform:uppercase; }.finance-metric-strip b { color:#e9dcc5; font-family:var(--font-display); font-size:22px; font-weight:500; }.finance-metric-strip small { color:#b69d60; font-size:10px; }
.finance-workspace { padding:65px clamp(24px,7vw,112px); display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:24px; color:#1a2a3d; background:#eee5d6; }.funding-office,.finance-order,.allocation-ledger,.finance-policy { border:1px solid #c9b99d; background:#faf5eb; box-shadow:0 10px 25px rgba(55,38,20,.07); }.funding-office>header,.allocation-ledger>header { min-height:88px; padding:20px 24px; display:flex; justify-content:space-between; align-items:end; gap:20px; border-bottom:1px solid #d5c8b3; }.funding-office>header h2,.allocation-ledger>header h2,.finance-policy h2,.finance-order h2 { margin:0; font-family:var(--font-display); font-size:32px; line-height:1.05; font-weight:500; }.funding-office>header>span { color:#7e756b; font-size:10px; }.funding-option-grid { padding:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.funding-option-grid button { min-height:230px; padding:18px; display:grid; grid-template-rows:58px 1fr auto; gap:13px; position:relative; color:#22344a; border:1px solid #d0c2ab; background:#f3ebde; text-align:left; cursor:pointer; }.funding-option-grid button:hover,.funding-option-grid button.selected { border-color:#99743b; background:#fff9ef; box-shadow:inset 0 3px #a4383c; }.funding-option-grid button>span { width:48px; height:56px; display:grid; place-items:center; color:#f1deb2; border:1px solid #9b7436; background:linear-gradient(145deg,#8a3438,#1d3955); font-family:var(--font-display); font-size:19px; }.funding-option-grid button>div { display:grid; align-content:start; gap:8px; }.funding-option-grid b { font-family:var(--font-display); font-size:21px; font-weight:500; }.funding-option-grid p { margin:0; color:#665f57; font-size:12px; line-height:1.5; }.funding-option-grid strong { color:#92363a; font-size:16px; }.funding-option-grid strong small { color:#756c63; font-size:10px; font-weight:600; }
.finance-order { padding:25px; align-self:start; color:#e9dfcc; border-color:#283f55; background:linear-gradient(145deg,#10263d,#07131f); }.finance-order>p { margin:0 0 7px; color:#d1ae58; font-size:9px; letter-spacing:.15em; font-weight:900; }.finance-order h2 { color:#f0e2c9; font-size:31px; }.finance-order dl { margin:24px 0 20px; border-top:1px solid rgba(217,173,81,.2); }.finance-order dl>div { min-height:54px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(217,173,81,.16); }.finance-order dt { color:#8999a8; font-size:11px; }.finance-order dd { margin:0; display:flex; align-items:center; gap:9px; color:#e8d6ad; font-size:14px; font-weight:800; }.finance-order dd button { width:29px; height:29px; color:#ebd69e; border:1px solid rgba(217,173,81,.35); background:transparent; cursor:pointer; }.finance-order>button { width:100%; min-height:47px; color:#c3bcae; border:1px solid rgba(217,173,81,.28); background:#7c3034; font-weight:900; }.finance-order>button:disabled { opacity:.55; }.finance-order>small { margin-top:12px; display:block; color:#748697; font-size:10px; line-height:1.5; }
.allocation-ledger { grid-column:1; }.allocation-ledger>header button { padding:9px 12px; color:#7e6540; border:1px solid #bca783; background:transparent; font-size:9px; text-transform:uppercase; cursor:pointer; }.allocation-table-head,.allocation-table article { min-height:55px; padding:0 20px; display:grid; grid-template-columns:75px minmax(180px,1.4fr) minmax(150px,1fr) 100px 65px; gap:15px; align-items:center; border-bottom:1px solid #ddd2c0; }.allocation-table-head { min-height:43px; color:#80766b; background:#e8ddca; font-size:9px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; }.allocation-table article:last-child { border-bottom:0; }.allocation-table article time,.allocation-table article span { color:#716961; font-size:11px; }.allocation-table article b { font-size:12px; }.allocation-table article em { width:max-content; padding:4px 7px; color:#6a745f; border:1px solid #b5b99e; background:#edf0df; font-size:9px; font-style:normal; }.allocation-table article strong { color:#93383c; text-align:right; }.allocation-table article strong.positive { color:#3e7959; }
.finance-policy { grid-column:2; grid-row:2; padding:25px; align-self:start; }.finance-policy h2 { margin-bottom:20px; color:#21344a; font-size:30px; }.finance-policy ol { margin:0; padding:0; list-style:none; border-top:1px solid #d7cab6; }.finance-policy li { padding:15px 0; display:grid; grid-template-columns:34px 1fr; gap:10px; border-bottom:1px solid #ddd1bf; }.finance-policy li>span { color:#9f3439; font-family:var(--font-display); font-size:20px; }.finance-policy li p { margin:0; color:#686057; font-size:11px; line-height:1.45; }.finance-policy li b { display:block; margin-bottom:3px; color:#23364b; font-size:13px; }.finance-policy>a { margin-top:20px; min-height:42px; display:flex; justify-content:center; align-items:center; color:#f2dfb4; background:#8c3438; font-size:10px; letter-spacing:.1em; text-transform:uppercase; font-weight:900; }
@media (max-width:1050px) { .finance-nav { grid-template-columns:250px 1fr; }.finance-nav>a:last-child { display:none; }.finance-command-head { grid-template-columns:1fr 300px; gap:35px; }.finance-workspace { grid-template-columns:1fr; }.finance-order,.finance-policy,.allocation-ledger { grid-column:1; grid-row:auto; }.funding-option-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:760px) { .finance-nav { padding:0 18px; grid-template-columns:55px 1fr; }.finance-nav .formula-brand div { display:none; }.finance-nav>div { gap:15px; justify-content:flex-end; }.finance-nav>div>a:nth-child(2),.finance-nav>div>a:nth-child(3) { display:none; }.finance-command-head { padding:48px 20px; grid-template-columns:1fr; }.finance-metric-strip { grid-template-columns:1fr 1fr; }.finance-metric-strip article:nth-child(2) { border-right:0; }.finance-metric-strip article:nth-child(-n+2) { border-bottom:1px solid rgba(217,173,81,.17); }.finance-workspace { padding:45px 18px; }.funding-option-grid { grid-template-columns:1fr; }.funding-option-grid button { min-height:180px; }.allocation-table { overflow-x:auto; }.allocation-table-head,.allocation-table article { min-width:740px; } }

/* Captain directory search and Schedule Ladder statistics */
.captain-directory-filter { margin:9px 8px 0; padding:9px 10px; display:grid; gap:5px; border:1px solid rgba(217,173,81,.2); background:#0c2032; }.captain-directory-filter>span { color:#a38e60; font-size:8px; letter-spacing:.11em; font-weight:900; }.captain-directory-filter input { width:100%; min-width:0; color:#e6ddce; border:0; outline:0; background:transparent; font:inherit; font-size:11px; }.captain-directory-filter input::placeholder { color:#718496; }
.schedule-stats-switch { margin:-1px 0 18px; display:grid; grid-template-columns:1fr 1fr; border:1px solid #cdbfa7; background:#e6dac7; }.schedule-stats-switch button { min-height:58px; padding:10px 15px; display:grid; grid-template-columns:30px 1fr; grid-template-rows:auto auto; gap:2px 9px; align-content:center; position:relative; color:#746b61; border:0; border-right:1px solid #cdbfa7; background:#f7f0e5; text-align:left; cursor:pointer; }.schedule-stats-switch button:last-child { border-right:0; }.schedule-stats-switch button.active { color:#eee3cf; background:#8f3539; }.schedule-stats-switch button>span { grid-row:1/3; width:27px; height:27px; display:grid; place-items:center; color:#a03a3e; border:1px solid #b99c5b; font-size:9px; font-weight:900; }.schedule-stats-switch button.active>span { color:#f1d792; border-color:#e0c477; }.schedule-stats-switch button b { color:#26364a; font-size:9px; }.schedule-stats-switch button.active b { color:#f3e6d1; }.schedule-stats-switch button small { color:#8b8073; font-size:7px; }.schedule-stats-switch button.active small { color:#d2bfc0; }
.schedule-power-table { border:1px solid #cfc2ad; background:#f8f2e8; box-shadow:0 13px 28px rgba(43,31,19,.07); }.schedule-power-table>header { min-height:115px; padding:22px 25px; display:flex; justify-content:space-between; align-items:center; color:#eee3cf; background:linear-gradient(110deg,#18324f,#0d2034); }.schedule-power-table>header p { margin:0 0 5px; color:#d4b460; font-size:8px; letter-spacing:.14em; font-weight:900; }.schedule-power-table>header h2 { margin:0; font-family:var(--font-display); font-size:31px; font-weight:500; }.schedule-power-table>header span { margin-top:5px; display:block; color:#94a3b0; font-size:10px; }.schedule-power-table>header aside { display:grid; gap:3px; text-align:right; }.schedule-power-table>header aside b { color:#e6c773; font-family:var(--font-display); font-size:28px; }.schedule-power-table>header aside small { color:#8798a8; font-size:8px; text-transform:uppercase; }.schedule-power-head,.schedule-power-table>a { min-width:800px; padding:0 20px; display:grid; grid-template-columns:60px minmax(220px,1.4fr) 80px 80px 75px 150px 85px; align-items:center; }.schedule-power-head { min-height:46px; color:#eee3cf; background:#263f59; font-size:8px; letter-spacing:.08em; text-transform:uppercase; font-weight:900; }.schedule-power-table>a { min-height:72px; color:#665f57; border-top:1px solid #ddd2c1; font-size:10px; }.schedule-power-table>a:hover { background:#eee4d2; }.schedule-power-table>a>span:nth-child(2) { display:grid; grid-template-columns:44px 1fr; gap:11px; align-items:center; }.schedule-power-table>a>span:nth-child(2)>i { width:42px; height:42px; display:grid; place-items:center; color:#f0dfb2; border:1px solid #a98a4d; background:linear-gradient(145deg,#82343a,#1d3c59); font-style:normal; font-weight:900; }.schedule-power-table>a p { margin:0; display:grid; gap:4px; }.schedule-power-table>a p b { color:#24364b; }.schedule-power-table>a p small { color:#8a7e70; font-size:8px; }.schedule-power-table>a>strong { color:#96373c; font-family:var(--font-display); font-size:17px; }.schedule-power-table>a>b { color:#22384f; font-size:13px; }.schedule-power-table>a>em { width:max-content; padding:4px 7px; color:#9b373b; background:#ead5cf; font-style:normal; font-weight:900; }.schedule-power-table>a>em.positive { color:#3f7958; background:#dce9dc; }.schedule-form { display:flex; gap:4px; }.schedule-form i { width:20px; height:20px; display:grid; place-items:center; color:#fff; background:#3f7958; font-size:7px; font-style:normal; font-weight:900; }.schedule-form i.loss { background:#a43b3e; }
@media (max-width:900px) { .schedule-power-table { overflow-x:auto; }.schedule-stats-switch { grid-template-columns:1fr; }.schedule-stats-switch button { border-right:0; border-bottom:1px solid #cdbfa7; } }
.captain-inline-challenge input { width:100%; min-width:0; height:36px; padding:0 8px; color:#192a3a; border:1px solid #d1c2a8; background:#faf5e9; font:inherit; font-size:10px; }.captain-inline-challenge input::placeholder { color:#998d7d; }.captain-inline-challenge input[type="date"],.captain-inline-challenge input[type="time"] { color-scheme:light; }.captain-opponent-search input { border-color:#bda982; background:#fffaf0; }
.captain-opponent-picker { margin:0 10px!important; position:relative; display:block!important; }
.captain-opponent-results { width:100%; max-height:118px; display:none; position:absolute; z-index:8; top:100%; left:0; overflow-y:auto; border:1px solid #cfc1a8; border-top:0; background:#fffaf0; box-shadow:0 8px 16px rgba(43,31,19,.16); scrollbar-color:#b39a68 #f3ead9; }
.captain-opponent-picker:focus-within .captain-opponent-results { display:block; }
.captain-opponent-results>button { width:100%; min-height:30px; padding:0 9px; display:block; color:#26364a; border:0; border-bottom:1px solid #e5dbc9; background:#fffaf0; font:inherit; font-size:10px; text-align:left; cursor:pointer; }
.captain-opponent-results>button:last-of-type { border-bottom:0; }
.captain-opponent-results>button:hover,.captain-opponent-results>button.selected { color:#8f3036; background:#eee2cf; }
.captain-opponent-empty { margin:0; padding:9px; color:#8b7761; font-size:9px; text-align:left; }

/* Matchmaking post-match recap */
.recent-strip article { position:relative; transition:background .15s ease; }.recent-strip article:has(.recent-match-open:hover) { background:rgba(217,173,81,.08); }.recent-match-open { position:absolute; z-index:2; inset:0; }
.matchmaking-recap-page { min-height:100vh; color:#e8deca; background:radial-gradient(circle at 50% 12%,rgba(120,46,49,.18),transparent 30%),#07121e; }.recap-result-head { min-height:340px; padding:58px clamp(22px,6vw,110px) 42px; display:grid; grid-template-columns:minmax(300px,1.1fr) minmax(330px,.9fr); grid-template-rows:1fr auto; gap:32px 70px; align-items:center; border-bottom:1px solid rgba(217,173,81,.3); background:linear-gradient(90deg,rgba(5,14,24,.98),rgba(12,29,44,.9)),url('/campaign/live-battle.png') center 42%/cover; }.recap-verdict>p,.recap-rating p,.recap-round-line>header p,.recap-team>header p,.recap-key>div>p { margin:0; color:#d2b15e; font-size:8px; letter-spacing:.15em; font-weight:900; }.recap-verdict>span { margin:10px 0 3px; display:block; color:#67b77f; font-family:var(--font-display); font-size:31px; }.recap-verdict h1 { margin:0; display:flex; align-items:center; gap:18px; font-family:var(--font-display); font-size:84px; font-weight:500; line-height:.9; }.recap-verdict h1 b { color:#69bd80; }.recap-verdict h1 em { color:#cd4949; font-style:normal; }.recap-verdict h1 i { color:#d9c59a; font-size:36px; font-style:normal; }.recap-verdict>small { margin-top:14px; display:block; color:#8ea0b2; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }.recap-rating { min-height:175px; padding:23px; display:grid; grid-template-columns:1fr 160px; grid-template-rows:auto 42px; gap:18px; border:1px solid rgba(217,173,81,.32); background:rgba(4,14,24,.82); }.recap-rating>div:first-child { display:grid; align-content:center; }.recap-rating>div:first-child strong { margin:7px 0 1px; color:#6bc080; font-family:var(--font-display); font-size:39px; font-weight:500; }.recap-rating>div:first-child strong small { font-family:var(--font-sans); font-size:10px; }.recap-rating>div:first-child span { color:#90a1b1; font-size:10px; }.recap-rank { display:grid; grid-template-columns:68px 1fr; align-items:center; gap:10px; border-left:1px solid rgba(217,173,81,.2); }.recap-rank img { width:66px; height:66px; object-fit:contain; }.recap-rank p { display:grid; gap:5px; color:#ebdcc0; letter-spacing:normal; }.recap-rank p small { color:#7e90a2; font-size:7px; text-transform:uppercase; }.recap-rank p b { font-family:var(--font-display); font-size:17px; font-weight:500; }.recap-rating-track { grid-column:1/-1; display:grid; grid-template-columns:55px 1fr 55px; align-items:end; position:relative; color:#748799; }.recap-rating-track:before { content:""; height:7px; grid-column:1/-1; grid-row:1; align-self:center; background:#27394a; }.recap-rating-track>i { height:7px; grid-column:1/-1; grid-row:1; align-self:center; position:relative; background:linear-gradient(90deg,#9c7d3b,#d6b358); box-shadow:0 0 12px rgba(217,173,81,.2); }.recap-rating-track>span,.recap-rating-track>b { grid-row:2; font-size:7px; }.recap-rating-track>b { color:#dcc06e; text-align:center; }.recap-rating-track>span:last-child { text-align:right; }.recap-result-head>dl { grid-column:1/-1; margin:0; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(217,173,81,.23); }.recap-result-head>dl>div { min-height:56px; padding:12px 17px; display:grid; gap:4px; border-right:1px solid rgba(217,173,81,.18); background:rgba(5,16,27,.75); }.recap-result-head>dl>div:last-child { border-right:0; }.recap-result-head dt { color:#788b9e; font-size:7px; letter-spacing:.1em; text-transform:uppercase; }.recap-result-head dd { margin:0; color:#e1d4bc; font-size:10px; font-weight:800; }
.recap-round-line { margin:44px clamp(22px,6vw,110px) 24px; border:1px solid rgba(217,173,81,.25); background:#0a1b2b; }.recap-round-line>header { min-height:70px; padding:14px 20px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(217,173,81,.18); }.recap-round-line h2 { margin:5px 0 0; font-family:var(--font-display); font-size:24px; font-weight:500; }.recap-round-line>header>span { color:#7e91a4; font-size:8px; }.recap-round-line>div { padding:16px 20px; display:grid; grid-template-columns:repeat(17,1fr); gap:5px; }.recap-round-line i { height:30px; display:grid; place-items:center; color:#b9c8d1; border:1px solid rgba(255,255,255,.08); background:#24394c; font-size:8px; font-style:normal; font-weight:900; }.recap-round-line i.won { color:#d7eee0; border-color:rgba(91,183,119,.35); background:#286543; }.recap-round-line i.lost { color:#efd9d5; border-color:rgba(202,73,73,.35); background:#762f35; }
.recap-team-grid { padding:0 clamp(22px,6vw,110px); display:grid; grid-template-columns:1fr 1fr; gap:24px; }.recap-team { min-width:0; overflow:hidden; border:1px solid rgba(217,173,81,.27); background:#0a1928; }.recap-team>header { min-height:85px; padding:16px 21px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(255,255,255,.08); }.recap-team.victory>header { background:linear-gradient(90deg,#17603d,#12344a); }.recap-team.defeat>header { background:linear-gradient(90deg,#812d32,#3b2632); }.recap-team>header h2 { margin:4px 0 0; font-family:var(--font-display); font-size:29px; font-weight:500; }.recap-team>header>strong { color:#f0e3c9; font-family:var(--font-display); font-size:47px; font-weight:500; }.recap-table-head,.recap-roster>a { min-width:610px; display:grid; grid-template-columns:minmax(170px,1.7fr) repeat(7,44px); align-items:center; }.recap-table-head { min-height:38px; padding:0 13px; color:#8799a9; border-bottom:1px solid rgba(255,255,255,.08); background:#0e2234; font-size:7px; letter-spacing:.08em; text-align:center; }.recap-table-head>span:first-child { text-align:left; }.recap-roster>a { min-height:65px; padding:0 13px; position:relative; color:#aebac3; border-bottom:1px solid rgba(255,255,255,.07); font-size:9px; text-align:center; }.recap-roster>a:last-child { border-bottom:0; }.recap-roster>a:hover { background:#10273b; }.recap-order { width:22px; color:#6e8192; font-family:var(--font-display); font-size:15px; }.recap-player { display:grid; grid-template-columns:23px 1fr; grid-template-rows:auto auto; gap:2px 7px; align-items:center; text-align:left; }.recap-player .country-flag { grid-row:1/3; }.recap-player b { color:#ede0ca; font-size:11px; }.recap-player small { color:#718598; font-size:7px; }.recap-roster>a>strong { color:#e4d8c3; font-size:12px; }.recap-roster>a>strong:first-of-type { color:#64ba7c; }.recap-roster>a>strong:nth-of-type(2) { color:#d66562; }.recap-roster>a>span.warning { color:#e2ae4f; font-weight:900; }.recap-roster { overflow-x:auto; scrollbar-color:#a38442 #091725; }
.recap-key { margin:24px clamp(22px,6vw,110px) 50px; padding:22px; display:grid; grid-template-columns:230px 1fr; gap:30px; color:#25384b; border:1px solid #cdbfa8; background:#eee4d2; }.recap-key h3 { margin:5px 0 0; font-family:var(--font-display); font-size:24px; font-weight:500; }.recap-key dl { margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.recap-key dl>div { padding-left:15px; border-left:2px solid #a43a3e; }.recap-key dt { color:#92353a; font-size:9px; font-weight:900; }.recap-key dd { margin:5px 0 0; color:#6f665c; font-size:9px; line-height:1.45; }
@media (max-width:1050px) { .recap-result-head { grid-template-columns:1fr; }.recap-rating { max-width:630px; }.recap-team-grid { grid-template-columns:1fr; }.recap-key { grid-template-columns:1fr; }.recap-key dl { grid-template-columns:1fr 1fr 1fr; } }
@media (max-width:700px) { .recap-result-head { padding:40px 18px 28px; }.recap-verdict h1 { font-size:62px; }.recap-rating { grid-template-columns:1fr; }.recap-rank { display:none; }.recap-result-head>dl { grid-template-columns:1fr 1fr; }.recap-result-head>dl>div:nth-child(2) { border-right:0; }.recap-round-line { margin:28px 18px 18px; overflow-x:auto; }.recap-round-line>header { min-width:620px; }.recap-round-line>div { min-width:620px; }.recap-team-grid { padding:0 18px; }.recap-key { margin:18px 18px 35px; }.recap-key dl { grid-template-columns:1fr; } }
.recap-table-head,.recap-roster>a { grid-template-columns:30px minmax(140px,1.7fr) repeat(7,44px); }.recap-table-head>span:first-child { text-align:center; }.recap-table-head>span:nth-child(2) { text-align:left; }

/* Match-complete state inside the matchmaking theatre */
.recap-record-nav { min-height:70px; padding:0 clamp(20px,4vw,67px); display:grid; grid-template-columns:240px 1fr auto; gap:25px; align-items:center; border-bottom:1px solid rgba(217,173,81,.35); background:#050d16; }.recap-record-nav>p { margin:0; color:#718498; font-size:8px; letter-spacing:.12em; text-align:center; text-transform:uppercase; }.recap-record-nav>a:last-child { color:#d0b46e; font-size:7px; letter-spacing:.08em; text-transform:uppercase; font-weight:900; }
.queue-recap-stage { display:block; background:linear-gradient(160deg,#0b2236,#050d17); }.queue-post-match { min-height:100%; padding:24px; display:grid; grid-template-rows:auto auto auto minmax(0,1fr) auto; gap:15px; position:relative; overflow:hidden; }.queue-post-match:before { content:""; width:380px; height:380px; position:absolute; top:-210px; left:50%; border:1px solid rgba(217,173,81,.12); border-radius:50%; transform:translateX(-50%); box-shadow:0 0 0 40px rgba(217,173,81,.018),0 0 0 80px rgba(217,173,81,.012); }.queue-post-match>header { min-height:54px; display:flex; justify-content:space-between; align-items:center; position:relative; z-index:1; border-bottom:1px solid rgba(217,173,81,.18); }.queue-post-match>header p { margin:0 0 4px; color:#bca35f; font-size:7px; letter-spacing:.14em; font-weight:900; }.queue-post-match>header span { color:#70c187; font-family:var(--font-display); font-size:25px; }.queue-post-match.defeat>header span { color:#d65c59; }.queue-post-match>header button { padding:8px 11px; color:#cdb87e; border:1px solid rgba(217,173,81,.38); background:transparent; font-size:7px; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }.queue-post-score { display:flex; justify-content:center; align-items:end; gap:24px; position:relative; z-index:1; text-align:center; }.queue-post-score>div { min-width:120px; display:grid; gap:2px; }.queue-post-score small { color:#8496a7; font-size:7px; letter-spacing:.08em; text-transform:uppercase; }.queue-post-score b { font-family:var(--font-display); font-size:47px; font-weight:500; line-height:1; }.queue-post-score b.won { color:#68bd80; }.queue-post-score b.lost { color:#d75451; }.queue-post-score>i { padding-bottom:5px; color:#cbb886; font-family:var(--font-display); font-size:22px; font-style:normal; }.queue-post-rating { padding:9px 14px; display:grid; grid-template-columns:90px 1fr auto; align-items:center; position:relative; z-index:1; border:1px solid rgba(217,173,81,.2); background:rgba(4,13,22,.62); }.queue-post-rating>span { color:#65bd7e; font-family:var(--font-display); font-size:19px; }.queue-post-match.defeat .queue-post-rating>span { color:#d45a57; }.queue-post-rating>b { color:#e2d5bd; font-size:10px; }.queue-post-rating>small { color:#75889b; font-size:7px; text-transform:uppercase; }.queue-post-teams { min-height:0; display:grid; grid-template-columns:1fr 1fr; gap:10px; position:relative; z-index:1; }.queue-post-team { min-width:0; overflow:auto; border:1px solid rgba(217,173,81,.2); background:#071521; scrollbar-color:#9c8145 #06111c; }.queue-post-team>header,.queue-post-team>a { min-width:335px; padding:0 8px; display:grid; grid-template-columns:minmax(92px,1fr) repeat(7,28px); align-items:center; }.queue-post-team>header { min-height:30px; color:#899bac; background:#11283b; font-size:6px; text-align:center; }.queue-post-team>header>b { color:#dec991; text-align:left; text-transform:uppercase; }.queue-post-team>a { min-height:39px; color:#9aabba; border-top:1px solid rgba(255,255,255,.06); font-size:7px; text-align:center; }.queue-post-team>a:hover { background:#102439; }.queue-post-team>a>span { min-width:0; display:flex; align-items:center; gap:5px; text-align:left; }.queue-post-team>a>span>b { overflow:hidden; color:#e5dac7; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.queue-post-team>a>strong:first-of-type { color:#65b97c; }.queue-post-team>a>strong:nth-of-type(2) { color:#d25b58; }.queue-post-team>a>i { font-style:normal; }.queue-post-match>footer { min-height:38px; display:flex; justify-content:space-between; align-items:center; position:relative; z-index:1; }.queue-post-match>footer>a { color:#d6bc75; font-size:7px; letter-spacing:.08em; text-transform:uppercase; font-weight:900; }.queue-post-match>footer>span { color:#788b9e; font-size:7px; }.queue-post-match>footer b { color:#e4c979; }.post-match-test-actions { max-width:660px; flex-wrap:wrap; justify-content:center; }.post-match-test-actions a,.post-match-test-actions button { min-width:135px; }.post-match-test-actions button:nth-child(2) { border-color:rgba(93,187,116,.55); color:#81cd94; }.post-match-test-actions button:nth-child(3) { border-color:rgba(211,80,76,.55); color:#e07873; }
@media (max-width:820px) { .recap-record-nav { grid-template-columns:55px 1fr; }.recap-record-nav .formula-brand div,.recap-record-nav>p { display:none; }.recap-record-nav>a:last-child { text-align:right; }.queue-post-teams { grid-template-columns:1fr; }.queue-post-rating { grid-template-columns:80px 1fr; }.queue-post-rating>small { display:none; } }
@media (max-width:520px) { .queue-post-match { padding:15px; }.queue-post-score b { font-size:39px; }.queue-post-rating { grid-template-columns:1fr 1fr; }.queue-post-match>footer { align-items:flex-start; flex-direction:column; gap:8px; } }

/* Broadcast treatment for the temporary post-match theatre */
.queue-post-match { min-height:100%; padding:20px 24px; display:flex; flex-direction:column; gap:13px; background:linear-gradient(180deg,rgba(6,18,30,.78),rgba(5,13,23,.96)); }.queue-post-match:before { width:440px; height:440px; top:-250px; border-color:rgba(218,177,91,.16); }.queue-post-match:after { content:""; position:absolute; z-index:0; inset:0; opacity:.055; background:url('/campaign/live-battle.png') center/cover; filter:grayscale(1); pointer-events:none; }.queue-post-match>header,.queue-post-match>section,.queue-post-match>div,.queue-post-match>footer { position:relative; z-index:1; }.queue-post-match>header { min-height:50px; }.queue-post-match>header span { color:#e6d5b4; font-size:19px; }.queue-post-header-actions { display:flex; align-items:center; gap:16px; }.queue-post-header-actions>small { color:#73879a; font-size:7px; letter-spacing:.08em; text-transform:uppercase; }
.queue-post-hero { min-height:145px; display:grid; grid-template-columns:1fr 230px 1fr; border:1px solid rgba(217,173,81,.26); background:rgba(4,13,22,.84); overflow:hidden; }.queue-post-formation { padding:18px 22px; display:grid; grid-template-columns:58px 1fr; grid-template-rows:auto auto auto; gap:2px 13px; align-content:center; position:relative; }.queue-post-formation:after { content:""; width:150px; height:150px; position:absolute; top:50%; opacity:.09; border:1px solid currentColor; border-radius:50%; transform:translateY(-50%); }.queue-post-formation.red { color:#cb5556; background:linear-gradient(90deg,rgba(125,37,43,.4),transparent); }.queue-post-formation.blue { color:#4f91c1; background:linear-gradient(270deg,rgba(35,79,119,.44),transparent); text-align:right; }.queue-post-formation.red:after { left:-73px; }.queue-post-formation.blue:after { right:-73px; }.queue-post-formation>i { width:56px; height:64px; grid-row:1/4; display:grid; place-items:center; position:relative; z-index:1; color:#f0dfbc; border:1px solid currentColor; background:linear-gradient(150deg,#712e36,#172f47); clip-path:polygon(50% 0,94% 18%,86% 75%,50% 100%,14% 75%,6% 18%); font-family:var(--font-display); font-size:17px; font-style:normal; }.queue-post-formation.blue>i { grid-column:2; background:linear-gradient(150deg,#244e71,#111e31); }.queue-post-formation>small { color:#8799aa; font-size:6px; letter-spacing:.12em; text-transform:uppercase; }.queue-post-formation.blue>small,.queue-post-formation.blue>h2,.queue-post-formation.blue>span { grid-column:1; }.queue-post-formation.blue>small { grid-row:1; }.queue-post-formation.blue>h2 { grid-row:2; }.queue-post-formation.blue>span { grid-row:3; }.queue-post-formation h2 { margin:2px 0; color:#eee0c8; font-family:var(--font-display); font-size:22px; font-weight:500; }.queue-post-formation>span { color:#8ea0b0; font-size:7px; }.queue-post-verdict { padding:12px; display:grid; place-items:center; align-content:center; border-inline:1px solid rgba(217,173,81,.18); background:radial-gradient(circle,rgba(206,163,73,.12),transparent 67%); text-align:center; }.queue-post-verdict>span { padding:4px 11px; color:#ddecdf; border:1px solid rgba(102,190,125,.5); background:rgba(40,105,60,.22); font-size:7px; letter-spacing:.14em; text-transform:uppercase; font-weight:900; }.queue-post-match.defeat .queue-post-verdict>span { color:#f0d9d5; border-color:rgba(211,83,79,.5); background:rgba(125,38,43,.26); }.queue-post-verdict h1 { margin:7px 0 3px; display:flex; align-items:center; gap:13px; font-family:var(--font-display); font-size:52px; font-weight:500; line-height:.85; }.queue-post-verdict h1 b { font-weight:500; }.queue-post-verdict h1 b.won { color:#6bc080; }.queue-post-verdict h1 b.lost { color:#d65955; }.queue-post-verdict h1 i { color:#d7c28b; font-size:22px; font-style:normal; }.queue-post-verdict>small { color:#718597; font-size:6px; text-transform:uppercase; }
.queue-post-personal { min-height:78px; display:grid; grid-template-columns:1.2fr 1fr 1fr 1.1fr; border:1px solid rgba(217,173,81,.25); background:linear-gradient(90deg,#0d2234,#081725); }.queue-post-personal>div { padding:11px 16px; display:grid; align-content:center; gap:3px; border-right:1px solid rgba(217,173,81,.15); }.queue-post-personal>div:last-child { border-right:0; }.queue-post-rank { grid-template-columns:52px 1fr; }.queue-post-rank img { width:50px; height:50px; grid-row:1; object-fit:contain; }.queue-post-rank>span { display:grid; align-content:center; gap:3px; }.queue-post-personal small { color:#788b9d; font-size:6px; letter-spacing:.1em; text-transform:uppercase; }.queue-post-rank b { color:#e8dac1; font-family:var(--font-display); font-size:16px; font-weight:500; }.queue-post-personal-stat>b { color:#eddfc6; font-family:var(--font-display); font-size:17px; font-weight:500; }.queue-post-personal-stat>b i { color:#99875f; font-family:var(--font-sans); font-size:6px; font-style:normal; }.queue-post-personal-stat>span,.queue-post-mmr>span { color:#7d90a2; font-size:7px; }.queue-post-mmr>b { color:#65bd7d; font-family:var(--font-display); font-size:19px; font-weight:500; }.queue-post-match.defeat .queue-post-mmr>b { color:#db5d59; }
.queue-post-teams { min-height:auto; align-items:start; }.queue-post-team { overflow:hidden; background:rgba(5,16,27,.9); }.queue-post-team.team-ir { border-top:2px solid #a94347; }.queue-post-team.team-cb { border-top:2px solid #386f9b; }.queue-post-team>header,.queue-post-team>a { min-width:0; grid-template-columns:minmax(115px,1fr) repeat(7,28px); }.queue-post-team>header { min-height:34px; }.queue-post-team>header>b { display:flex; align-items:center; gap:7px; }.queue-post-team>header>b>i { width:22px; height:22px; display:grid; place-items:center; color:#ead8b5; border:1px solid rgba(217,173,81,.3); background:#6f3037; font-size:6px; font-style:normal; }.queue-post-team.team-cb>header>b>i { background:#254d6d; }.queue-post-team>a { min-height:40px; }.queue-post-team>a>span>em { width:13px; color:#64798d; font-size:7px; font-style:normal; }.queue-post-team>a>i.warning { color:#e0ac4e; font-weight:900; }
.queue-post-honours { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(217,173,81,.2); background:rgba(5,15,25,.7); }.queue-post-honours article { min-height:64px; padding:10px 13px; display:grid; grid-template-columns:28px 1fr; gap:9px; align-items:center; border-right:1px solid rgba(217,173,81,.14); }.queue-post-honours article:last-child { border-right:0; }.queue-post-honours article>span { color:#b7984e; font-family:var(--font-display); font-size:20px; }.queue-post-honours p { margin:0; display:grid; gap:2px; }.queue-post-honours small { color:#74889a; font-size:6px; letter-spacing:.1em; text-transform:uppercase; }.queue-post-honours b { color:#dfd2bc; font-size:8px; }.queue-post-honours em { color:#8596a5; font-size:7px; font-style:normal; }.queue-post-match>footer { margin-top:auto; padding-top:6px; }.queue-post-match>footer>div { min-width:230px; display:grid; gap:6px; justify-items:end; }.queue-post-match>footer>div>span { color:#7f91a3; font-size:7px; }.queue-post-match>footer>div>i { width:100%; height:3px; display:block; background:#223447; }.queue-post-match>footer>div>i>em { height:100%; display:block; background:linear-gradient(90deg,#a0383d,#d4ad53); transition:width 1s linear; }
@media (max-width:1050px) { .queue-post-hero { grid-template-columns:1fr 190px 1fr; }.queue-post-formation { padding:15px; grid-template-columns:48px 1fr; }.queue-post-formation>i { width:46px; height:54px; }.queue-post-formation h2 { font-size:18px; }.queue-post-personal { grid-template-columns:1fr 1fr; }.queue-post-personal>div:nth-child(2) { border-right:0; }.queue-post-personal>div:nth-child(-n+2) { border-bottom:1px solid rgba(217,173,81,.15); } }
@media (max-width:820px) { .queue-post-hero { grid-template-columns:1fr 135px 1fr; }.queue-post-formation { display:none; }.queue-post-verdict { grid-column:1/-1; }.queue-post-honours { grid-template-columns:1fr; }.queue-post-honours article { border-right:0; border-bottom:1px solid rgba(217,173,81,.14); }.queue-post-team { overflow-x:auto; }.queue-post-team>header,.queue-post-team>a { min-width:360px; } }

/* NW factions and rating progress */
.queue-post-formation>i .country-flag { width:39px; height:25px; margin:0; border:1px solid #d8bc78; box-shadow:0 3px 8px rgba(0,0,0,.5); }.queue-post-team.team-fr { border-top-color:#b94a50; }.queue-post-team.team-gb { border-top-color:#416f9c; }.queue-post-team>header>b>i .country-flag { width:18px; height:12px; margin:0; border-color:rgba(243,220,169,.72); }.queue-post-mmr-progress { margin-top:4px; display:grid; grid-template-columns:28px 1fr 28px; grid-template-rows:4px auto; align-items:center; position:relative; }.queue-post-mmr-progress:before { content:""; height:4px; grid-column:1/-1; grid-row:1; background:#26394b; }.queue-post-mmr-progress>i { height:4px; grid-column:1/-1; grid-row:1; position:relative; background:linear-gradient(90deg,#9b7535,#e0bc62); box-shadow:0 0 8px rgba(217,173,81,.18); }.queue-post-mmr-progress>small,.queue-post-mmr-progress>strong { grid-row:2; margin-top:3px; color:#667b8e; font-size:5px; line-height:1; }.queue-post-mmr-progress>strong { color:#d7bd72; text-align:center; }.queue-post-mmr-progress>small:last-child { text-align:right; }.recap-faction-name { display:flex; align-items:center; gap:11px; }.recap-faction-name .country-flag { width:36px; height:23px; margin:0; border-color:#d5b96f; box-shadow:0 3px 8px rgba(0,0,0,.35); }

/* Generated Napoleonic faction standards */
.queue-post-formation { grid-template-columns:98px 1fr; }
.queue-post-formation.blue { grid-template-columns:1fr 98px; }
.queue-post-formation>i.faction-standard-frame {
  width:92px;
  height:84px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  clip-path:none;
}
.queue-post-formation>i.faction-standard-frame img {
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 7px 8px rgba(0,0,0,.5));
}
.queue-post-team>header>b>i {
  width:32px;
  height:27px;
  padding:0;
  border:0;
  background:transparent;
}
.queue-post-team>header>b>i img {
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 3px 3px rgba(0,0,0,.45));
}
.recap-faction-name img {
  width:72px;
  height:58px;
  object-fit:contain;
  filter:drop-shadow(0 5px 6px rgba(0,0,0,.42));
}
.auth-checking { min-height:100vh; display:grid; place-items:center; background:#05101b; color:#d8b45c; }
.auth-checking>span { width:54px; height:54px; display:grid; place-items:center; border:1px solid #b89243; font-weight:900; letter-spacing:.08em; animation:authPulse 1.2s ease-in-out infinite alternate; }
@keyframes authPulse { to { opacity:.42; transform:scale(.95); } }
.account-dialog-backdrop { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:22px; background:rgba(1,7,13,.84); backdrop-filter:blur(10px); }
.account-dialog { width:min(520px,100%); color:#efe4ca; border:1px solid rgba(203,165,83,.48); background:linear-gradient(145deg,#0b1c2d,#06111d 64%); box-shadow:0 30px 100px #000; }
.account-dialog>header { padding:28px 30px 24px; display:grid; grid-template-columns:50px 1fr auto; gap:17px; align-items:center; border-bottom:1px solid rgba(203,165,83,.18); }
.account-dialog>header>span { width:46px; height:46px; display:grid; place-items:center; border:1px solid #bc9748; color:#e0bd68; font-weight:900; }
.account-dialog>header small,.account-dialog form>label { color:#b79854; font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.account-dialog>header h2 { margin:6px 0 0; font:600 27px var(--font-display); }
.account-dialog>header>button { align-self:start; color:#9aabbb; border:0; background:none; font-size:25px; cursor:pointer; }
.account-dialog>nav { display:grid; grid-template-columns:1fr 1fr; }
.account-dialog>nav button { padding:15px; color:#728598; border:0; border-bottom:2px solid transparent; background:#071522; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.account-dialog>nav button.active { color:#e9ce8d; border-bottom-color:#c99a42; background:#0d2133; }
.account-dialog form { padding:25px 30px 28px; display:grid; gap:17px; }
.account-dialog form>label { display:grid; gap:8px; }
.account-dialog input,.account-dialog select { width:100%; padding:14px 15px; color:#f2ead8; border:1px solid #294157; outline:0; background:#0b1b2a; font:500 14px var(--font-sans); }
.account-dialog input:focus,.account-dialog select:focus { border-color:#c8a153; box-shadow:0 0 0 2px rgba(200,161,83,.12); }
.account-dialog select option { background:#0b1b2a; }
.account-dialog-error { margin:0; padding:11px 13px; color:#ffb1ac; border-left:2px solid #c94d49; background:rgba(135,30,31,.18); font-size:12px; }
.account-dialog-submit { padding:15px; color:#101720; border:0; background:linear-gradient(135deg,#ecc96f,#b97e2e); font-size:10px; font-weight:950; letter-spacing:.13em; text-transform:uppercase; cursor:pointer; }
.account-dialog-submit:disabled { opacity:.55; cursor:wait; }
.account-dialog>footer { padding:16px 30px; color:#71869a; border-top:1px solid rgba(203,165,83,.13); font-size:11px; line-height:1.55; }
.account-dialog-link { justify-self:center; color:#cfb46e; font-size:11px; text-decoration:none; }
.account-dialog-link:hover { text-decoration:underline; }
.recovery-page { min-height:100vh; display:grid; place-items:center; padding:32px 20px; background:radial-gradient(circle at 50% 20%,rgba(24,54,78,.7),transparent 42%),#020912; }
.recovery-card>header { grid-template-columns:50px 1fr; }
.recovery-card>header h1 { margin:6px 0 0; font:600 27px var(--font-display); }
.recovery-result { padding:30px; display:grid; gap:24px; color:#dce4e8; line-height:1.6; }
.recovery-result .account-dialog-submit { display:block; text-align:center; text-decoration:none; }
@media (max-width:1050px) {
  .queue-post-formation { grid-template-columns:76px 1fr; }
  .queue-post-formation.blue { grid-template-columns:1fr 76px; }
  .queue-post-formation>i.faction-standard-frame { width:72px; height:66px; }
}

/* Competitive record clarity: assists, K/D and larger statistical reading space. */
.queue-post-team>header,.queue-post-team>a { grid-template-columns:minmax(115px,1fr) repeat(8,28px); }
.recap-table-head,.recap-roster>a { min-width:654px; grid-template-columns:30px minmax(140px,1.7fr) repeat(8,44px); }
.ratio-positive { color:#6fcb8a !important; }.ratio-negative { color:#e16b66 !important; }
.mm-ranking-head,.mm-ranking-table>a { min-width:1310px; grid-template-columns:56px minmax(170px,1fr) minmax(190px,1.1fr) 86px 88px 88px 70px 74px 160px 66px; }
.mm-ranking-table>a>strong.ratio-positive,.mm-ranking-table>a>strong.ratio-negative { font-family:var(--font-display); font-size:17px; font-weight:600; }

/* Personal history rail + team fixture board on the Matchmaking desk. */
.play-lower { max-width:1920px; grid-template-columns:300px minmax(0,1fr); align-items:stretch; }
.recent-strip>div { grid-template-columns:1fr; }
.recent-strip article { min-height:65px; border-right:0; border-bottom:1px solid rgba(217,173,81,.13); }
.recent-strip article:last-child { border-bottom:0; }
.my-team-matches { min-width:0; border:1px solid rgba(217,173,81,.24); background:rgba(7,17,29,.91); }
.my-team-matches>header { min-height:42px; padding:0 16px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-bottom:1px solid rgba(217,173,81,.15); }
.my-team-matches>header>div { display:flex; align-items:baseline; gap:12px; }.my-team-matches>header span { color:#7d8fa3; font-size:7px; }
.my-team-matches>header>a { color:#bba56f; font-size:7px; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.my-team-matches>div { display:grid; }
.my-team-matches>div>article { min-height:65px; display:grid; grid-template-columns:190px minmax(0,1fr); border-bottom:1px solid rgba(217,173,81,.13); }
.my-team-matches>div>article:last-child { border-bottom:0; }
.team-fixture-identity { padding:10px 14px; display:grid; align-content:center; gap:3px; border-right:1px solid rgba(217,173,81,.13); }
.team-fixture-identity p { margin:0; color:#c4aa67; font-size:7px; letter-spacing:.14em; font-weight:900; }.team-fixture-identity b { min-height:12px; color:#ebe0ca; font-size:10px; }.team-fixture-identity small { color:#77899d; font-size:7px; }
.team-fixture-slots { display:grid; grid-template-columns:1fr 1fr; }
.team-fixture-slots>a,.team-fixture-empty { min-width:0; padding:9px 14px; display:grid; align-content:center; gap:3px; border-right:1px solid rgba(217,173,81,.1); }.team-fixture-slots>a:last-child,.team-fixture-empty:last-child { border-right:0; }
.team-fixture-slots>a:hover { background:rgba(217,173,81,.055); }.team-fixture-slots time { color:#d3b773; font-size:7px; letter-spacing:.08em; }.team-fixture-slots b { overflow:hidden; color:#e7ddcc; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.team-fixture-slots b i { color:#7e91a4; font-size:7px; font-style:normal; }.team-fixture-slots small { color:#8294a7; font-size:7px; }.team-fixture-empty { background:rgba(5,13,23,.16); }
@media (min-width:1181px) { .play-lower { grid-template-columns:300px minmax(0,1fr); }.recent-strip header { min-height:42px; padding:0 15px; }.recent-strip article { min-height:65px; padding:10px 13px; } }
@media (max-width:760px) { .my-team-matches>div>article { grid-template-columns:145px minmax(0,1fr); }.team-fixture-slots { grid-template-columns:1fr; }.team-fixture-slots>a,.team-fixture-empty { min-height:42px; border-right:0; border-bottom:1px solid rgba(217,173,81,.1); }.team-fixture-slots>a:last-child,.team-fixture-empty:last-child { border-bottom:0; } }
@media (max-width:520px) { .my-team-matches>header { align-items:flex-start; flex-direction:column; padding:11px 13px; gap:5px; }.my-team-matches>div>article { grid-template-columns:1fr; }.team-fixture-identity { border-right:0; border-bottom:1px solid rgba(217,173,81,.13); }.team-fixture-slots { grid-template-columns:1fr 1fr; }.team-fixture-slots>a,.team-fixture-empty { min-height:55px; border-right:1px solid rgba(217,173,81,.1); border-bottom:0; } }
.stats-command { padding-bottom:74px; }.stats-command>header h1 { font-size:clamp(48px,5vw,78px); }
.master-stats-table { margin-top:25px; }.master-stats-head,.master-stats-table>a { min-width:1240px; grid-template-columns:65px minmax(245px,1.8fr) repeat(7,77px) 94px 88px 94px; }
.master-stats-head { min-height:62px; font-size:8px; }.master-stats-table>a { min-height:75px; font-size:11px; }.master-stats-table>a b { font-size:12px; }.master-stats-table>a small { font-size:7px; }.master-stats-table>a strong { font-size:13px; }
@media (max-width:900px) { .leaderboard-combat-pad>div { grid-template-columns:1fr 1fr; }.leaderboard-combat-pad a { border-bottom:1px solid rgba(217,173,81,.12); }.leaderboard-combat-pad a:nth-child(2n) { border-right:0; } }
/* Active server reservation controls in the financing office. */
.rehearsal-controls { margin-top:18px; display:grid; justify-items:center; gap:9px; max-width:440px; }
.rehearsal-controls button { padding:11px 20px; border:1px solid #b99553; background:#101e2c; color:#e2c47b; cursor:pointer; font-size:12px; }
.rehearsal-controls small { color:#91a6b7; font-size:10px; line-height:1.6; text-align:center; }
.rehearsal-controls button:disabled,.find-match-button:disabled,.accept-controls button:disabled { opacity:.5; cursor:wait; }
.finance-node-control { margin-top:22px; padding-top:18px; border-top:1px solid rgba(217,173,81,.22); display:grid; gap:10px; }.finance-node-control>p { margin:0; color:#d1ae58; font-size:9px; letter-spacing:.14em; font-weight:900; }.finance-node-control>b { color:#f0e2c9; font-size:14px; }.finance-node-control>span,.finance-node-control>small { color:#91a6b7; font-size:10px; line-height:1.4; overflow-wrap:anywhere; }.finance-node-control label { display:grid; grid-template-columns:1fr 1.25fr; align-items:center; gap:10px; color:#98a8b8; font-size:10px; }.finance-node-control select { min-height:32px; padding:0 8px; color:#e9dcc5; border:1px solid rgba(217,173,81,.25); background:#081725; }.finance-node-control>button { min-height:42px; color:#f2dfb4; border:1px solid rgba(217,173,81,.5); background:#8c3438; cursor:pointer; font-size:10px; letter-spacing:.07em; font-weight:900; text-transform:uppercase; }.finance-node-control>button:disabled { cursor:wait; opacity:.6; }.finance-node-control>em { color:#e59090; font-size:10px; font-style:normal; line-height:1.4; }

/* Fantasy stays in the primary menu at every supported width. */
nav.play-nav .play-nav-main > a.play-nav-fantasy { display:flex; }

:root{--font-display:Georgia,serif;--font-sans:Arial,sans-serif}
nav.nx-masthead{box-sizing:border-box;width:100%;min-height:70px;padding:0 clamp(20px,4vw,68px);display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);align-items:center;gap:26px;border:0;border-bottom:1px solid #514830;background:#050d16;color:#e8d7b5;font-family:Arial,sans-serif;text-align:left;margin:0;border-radius:0}nav.nx-masthead a{text-decoration:none;color:inherit}nav.nx-masthead .nx-masthead-brand{display:flex;align-items:center;gap:12px;justify-self:start;margin:0}nav.nx-masthead .nx-masthead-brand>span{display:grid;place-items:center;width:39px;height:39px;border:1px solid #c8ad68;color:#d6be83;font:16px Georgia,serif;flex-shrink:0}nav.nx-masthead .nx-masthead-brand div{display:grid;gap:6px}nav.nx-masthead .nx-masthead-brand b{font-size:11px;letter-spacing:.12em;color:#e6dfcd}nav.nx-masthead .nx-masthead-brand small{font-size:7px;letter-spacing:.07em;text-transform:uppercase;color:#8293a6}nav.nx-masthead .nx-masthead-section{height:70px;display:flex;align-items:center;border-bottom:2px solid #c43e3e;font-size:8px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;box-sizing:border-box}nav.nx-masthead .nx-masthead-return{justify-self:end;color:#d0b46e;font-size:8px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;text-align:right}nav.nx-masthead a:hover{color:#fff1cc}nav.nx-masthead a:focus-visible{outline:2px solid #d0b46e;outline-offset:5px}nav[data-nx-legacy-header]{display:none!important}@media(max-width:640px){nav.nx-masthead{min-height:64px;padding:0 16px;gap:12px;grid-template-columns:40px 1fr auto}nav.nx-masthead .nx-masthead-brand div{display:none}nav.nx-masthead .nx-masthead-section{height:64px;justify-self:center;font-size:8px}nav.nx-masthead .nx-masthead-return{max-width:105px;font-size:8px;line-height:1.6}}.nx-champ>nav.nx-masthead{width:100vw;margin-left:calc(50% - 50vw)}.nx-clubs>nav.nx-masthead{width:100vw;margin-left:calc(50% - 50vw)}.nx-ladder-panel{border:1px solid #8c7a51;background:#101f2b;color:#eee5d2;padding:24px;margin:0 0 24px;text-align:left}.nx-ladder-panel h2{font-size:27px;margin:8px 0}.nx-ladder-panel p{line-height:1.6;margin:8px 0 16px}.nx-ladder-eyebrow{font:700 10px Arial;letter-spacing:.16em;color:#dfc48c}.nx-ladder-panel fieldset{border:0;border-top:1px solid #43505a;margin:16px 0;padding:14px 0}.nx-ladder-panel legend{font-weight:600;padding-top:10px}.nx-ladder-panel fieldset label{display:inline-flex;gap:8px;align-items:center;margin:8px 28px 0 0;cursor:pointer}.nx-ladder-panel input[type=radio]{width:18px;height:18px;accent-color:#dfc48c}.nx-ladder-panel button,.nx-ladder-board button{background:#dfc48c;color:#102334;border:1px solid #b9a06c;padding:12px 20px;cursor:pointer;font:600 14px Arial}.nx-ladder-panel button:disabled{opacity:.5;cursor:default}.nx-ladder-panel a{color:#dfc48c}.nx-ladder-panel summary{cursor:pointer;color:#dfc48c;padding:14px 0}.nx-ladder-panel textarea{display:block;width:100%;min-height:85px;background:#07131d;color:#fff;border:1px solid #617079;padding:10px;margin:10px 0}.nx-ladder-summary{display:flex;gap:20px;justify-content:space-between;align-items:center}.nx-ladder-note{font-size:13px;color:#bbcad1}.nx-ladder-board{background:#efe6d5;color:#172d42;min-height:100vh}.nx-ladder-board main{max-width:1500px;margin:auto;padding:48px 5%}.nx-ladder-board h1{font:48px Georgia;margin:10px 0 16px}.nx-ladder-tabs{display:flex;gap:0;margin:24px 0}.nx-ladder-tabs button{flex:1;padding:20px;background:#faf5eb}.nx-ladder-tabs button[aria-pressed=true]{background:#19334e;color:#f1dec0;border-bottom:4px solid #ab4440}.nx-ladder-filters{display:flex;gap:16px;align-items:center;margin:24px 0}.nx-ladder-filters input{padding:14px;background:#faf5eb;border:1px solid #c8bda7;flex:1;min-width:100px;color:#172d42}.nx-ladder-table{overflow-x:auto;border:1px solid #c8bda7}.nx-ladder-table table{width:100%;border-collapse:collapse;background:#f8f2e8}.nx-ladder-table th{background:#19334e;color:#f5e8ce;padding:18px;text-align:left;font:700 11px Arial;text-transform:uppercase}.nx-ladder-table td{padding:14px 18px;border-bottom:1px solid #d6cbb8}.nx-ladder-table a{color:inherit}.nx-ladder-badge{display:flex;align-items:center;gap:12px;white-space:nowrap}.nx-ladder-badge img{width:52px;height:60px;object-fit:contain}.nx-ladder-empty{text-align:center;padding:60px!important}.nx-ladder-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c8bda7;border:1px solid #c8bda7;margin:28px 0}.nx-ladder-scale div{padding:18px;background:#f8f2e8;line-height:1.7}.nx-ladder-pager{display:flex;gap:20px;align-items:center;margin-top:24px}.nx-ladder-reviews article{border-bottom:1px solid #c8bda7;padding:24px 0}.nx-ladder-reviews textarea{width:100%;min-height:70px;padding:12px;margin:12px 0}.nx-ladder-reviews button{margin-right:12px}@media(max-width:650px){.nx-ladder-summary{display:block}.nx-ladder-scale{grid-template-columns:1fr 1fr}.nx-ladder-board h1{font-size:34px}.nx-ladder-board main{padding:28px 16px}}.nx-play .queue-stage{display:flex;flex-direction:column}.nx-play .queue-stage>.nx-ladder-panel{margin:0;border:0;border-bottom:1px solid #8c7a51}.nx-play .queue-core{flex:1}.nx-ladder-board .nx-ladder-eyebrow{color:#98413c}.nx-ladder-tabs>a{padding:14px 20px;border:1px solid #c8bda7;background:#19334e;color:#f5e8ce}@media(max-width:820px){.nx-play .queue-stage{grid-row:1}.nx-play .career-rail{grid-row:2}}