:root{--bg:#080b10;--panel:#11161d;--line:#2b3541;--text:#f4f6f8;--muted:#8a96a3;--blue:#55c7f0;--yellow:#ffe400;--red:#e10600}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}button,input{font:inherit}button{color:inherit}.site-shell{min-height:100vh;background:radial-gradient(circle at 80% -10%,rgba(85,199,240,.1),transparent 34%),var(--bg)}
.topbar{position:sticky;top:0;z-index:30;height:76px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:28px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,11,16,.92);backdrop-filter:blur(18px)}.brand{width:230px;height:58px;display:flex;align-items:center;border:0;background:#000;padding:0;cursor:pointer;text-align:left;border-radius:8px}.brand-lockup{width:222px;height:auto;display:block;margin:auto;filter:drop-shadow(0 6px 16px rgba(85,199,240,.12))}.desktop-nav{display:flex;align-self:stretch;margin-left:auto}.desktop-nav button{position:relative;min-width:72px;padding:0 16px;border:0;background:transparent;color:#8793a1;font-size:12px;font-weight:850;cursor:pointer}.desktop-nav button:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:var(--yellow);transform:scaleX(0);transition:.18s}.desktop-nav button:hover,.desktop-nav button.active{color:#fff}.desktop-nav button.active:after{transform:scaleX(1)}.live-pill{display:flex;align-items:center;gap:7px;border:1px solid #2b3541;border-radius:99px;padding:7px 11px;color:#b8c0ca;font-size:10px;font-weight:850}.live-pill i{width:6px;height:6px;border-radius:50%;background:#39d98a;box-shadow:0 0 10px #39d98a}
.page{max-width:1180px;margin:0 auto;padding:42px 22px 90px}.view{display:none;animation:enter .22s ease both}.view.active{display:block}@keyframes enter{from{opacity:0;transform:translateY(5px)}}.hero{display:grid;grid-template-columns:.86fr 1.14fr;min-height:388px;overflow:hidden;border:1px solid #2d3743;border-radius:26px;background:linear-gradient(145deg,#121923,#0a0e14);box-shadow:0 24px 80px rgba(0,0,0,.22)}.hero-copy{padding:clamp(36px,4.6vw,58px)}.eyebrow,.kicker{margin:0;font-size:10px;font-weight:900;letter-spacing:1px}.eyebrow{color:#8cdcf8}.hero h1{margin:17px 0 12px;font-size:clamp(48px,5.7vw,68px);line-height:.94;letter-spacing:-3.6px}.hero h1 span{color:#596573;font-weight:500}.hero h1 em{color:var(--yellow);font-style:normal}.hero-labels{display:flex;align-items:center;gap:9px;margin-bottom:16px;color:#c8d0d9;font-size:11px;letter-spacing:.8px}.hero-labels i{width:4px;height:4px;border-radius:50%;background:var(--red)}.lede{max-width:420px;margin:0;color:#aeb8c3;font-size:14px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:24px}.primary,.secondary{border-radius:11px;padding:12px 17px;font-size:12px;font-weight:900;cursor:pointer}.primary{border:1px solid var(--yellow);background:var(--yellow);color:#0b0d11}.secondary{border:1px solid #34404d;background:#171d25}.hero-stage{position:relative;min-height:350px;overflow:hidden;background:radial-gradient(circle at 73% 25%,rgba(255,228,0,.13),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 54px),linear-gradient(145deg,#18202a,#090d13 72%)}.hero-stage:before{content:"";position:absolute;width:430px;height:430px;right:-120px;top:-160px;border:1px solid rgba(255,228,0,.21);border-radius:50%;box-shadow:0 0 0 42px rgba(255,228,0,.025),0 0 0 86px rgba(255,255,255,.018)}.hero-stage:after{content:"";position:absolute;left:3%;right:-10%;top:52%;height:2px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);opacity:.55;transform:rotate(-12deg)}.stage-wordmark{position:absolute;z-index:2;left:50%;top:48%;display:flex;align-items:center;gap:12px;transform:translate(-50%,-50%);font-size:clamp(31px,4.5vw,52px);font-weight:1000;letter-spacing:-2.5px;white-space:nowrap}.stage-wordmark span:last-child{color:#657180}.stage-wordmark i{color:var(--yellow);font-size:.68em;font-style:normal;font-weight:500}.season{position:absolute;top:25px;right:30px;z-index:2;font-size:65px;font-weight:1000;font-style:italic;letter-spacing:-6px;text-shadow:0 3px 18px #000}.season span{margin-left:4px;color:var(--yellow);font-size:24px;letter-spacing:-2px}.status-card{position:absolute;z-index:3;left:26px;right:26px;bottom:24px;display:grid;grid-template-columns:1fr auto;align-items:end;padding:15px 17px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(8,11,16,.8);backdrop-filter:blur(15px)}.status-card span{grid-column:1;color:#9aa4b0;font-size:9px;font-weight:900}.status-card strong{grid-column:1;margin-top:3px;font-size:23px}.status-card small{grid-column:2;grid-row:1/3;font-size:11px;font-weight:800}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.metric-grid article{min-height:112px;padding:19px 20px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:10px;font-weight:800}.metric-grid strong{display:block;margin:8px 0 4px;font-size:31px;letter-spacing:-1.8px}.metric-grid .name{min-height:37px;display:flex;align-items:center;font-size:18px;letter-spacing:-.5px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 22px 15px}.panel-head h2{margin:5px 0 0;font-size:20px}.panel-head button{border:0;background:none;color:#a9b2bc;font-size:10px;font-weight:850;cursor:pointer}.blue{color:var(--blue)}.yellow{color:var(--yellow)}.red{color:#ff5a55}.mini-row{display:grid;grid-template-columns:40px 1fr 1fr 38px;align-items:center;min-height:52px;padding:0 22px;border-top:1px solid #202833;font-size:12px}.mini-row>span:nth-child(3){overflow:hidden;color:#8995a2;text-align:right;text-overflow:ellipsis;white-space:nowrap}.mini-row>b{text-align:right;font-size:16px}.rank{width:26px;height:26px;display:inline-grid;place-items:center;border-radius:8px;background:#202731;color:#aab3be;font-size:11px;font-weight:950}.rank-1{background:var(--yellow);color:#111}.rank-2{background:#d5dbe1;color:#111}.rank-3{background:#b57246;color:#fff}.rank-pending{background:#171d25;color:#687481}
.section-title{min-height:158px;display:flex;justify-content:space-between;align-items:flex-end;padding:12px 4px 27px}.section-title h1{margin:8px 0 5px;font-size:clamp(36px,5vw,56px);letter-spacing:-2.7px}.section-title>div>p:last-child{margin:0;color:var(--muted);font-size:13px}.round-card{min-width:112px;padding:8px 0 8px 16px;border-left:3px solid var(--blue)}.round-card span,.round-card strong{display:block}.round-card span{color:var(--muted);font-size:9px;font-weight:900}.round-card strong{margin-top:4px;font-size:25px}.yellow-card{border-color:var(--yellow)}.toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:12px}.rounds{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.rounds button{flex:0 0 auto;padding:8px 11px;border:1px solid #2c3540;border-radius:9px;background:#12171e;color:#7f8b98;font-size:10px;font-weight:900;cursor:pointer}.rounds button.active{border-color:var(--blue);background:#122b38;color:#dff7ff}.search{min-width:220px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #2c3540;border-radius:10px;background:#12171e;color:var(--muted)}.search input{width:100%;height:36px;border:0;outline:0;background:transparent;color:#fff;font-size:11px}.data-table{overflow-x:auto;border-color:#303a46}.table-head,.table-row{min-width:720px;display:grid;align-items:center;padding:0 21px}.odr-grid{grid-template-columns:62px minmax(140px,1fr) minmax(170px,1.2fr) 105px 80px 80px}.table-head{min-height:48px;border-bottom:1px solid #34404d;background:linear-gradient(180deg,#1b2430,#161e27);color:#c4ced8;font-size:11px;font-weight:800;letter-spacing:.1px}.table-row{min-height:60px;border-top:1px solid #202833;font-size:12px}.table-row:hover{background:#141a22}.pick{color:#d8eff8;font-weight:750}.muted,.pending{color:#687481}.pending{font-size:10px;font-style:normal}.score{display:inline-grid;place-items:center;width:30px;height:27px;border-radius:8px;background:#173746;color:#8ee2ff}
.duo-toolbar{min-height:40px}.filter-note{color:#7f8a97;font-size:10px}.team-cards{display:grid;gap:9px}.team-card{display:grid;grid-template-columns:48px minmax(240px,1fr) minmax(390px,.95fr);align-items:center;min-height:96px;padding:15px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.team-main h2{margin:0 0 9px;font-size:18px}.pair{display:flex;align-items:center;gap:9px;color:#a7b0bb;font-size:11px}.pair span{display:inline-flex;align-items:center;gap:6px}.pair>b{color:#52606d}.pair i{padding:3px 5px;border-radius:5px;font-size:8px;font-weight:950;font-style:normal}.league-a{background:#362b0a;color:#ffe96a}.league-b{background:#0f3040;color:#79d8fa}.team-stats{display:grid;grid-template-columns:repeat(5,1fr)}.team-stats span{text-align:right}.team-stats small,.team-stats b{display:block}.team-stats small{color:#6f7b88;font-size:8px;font-weight:900}.team-stats b{margin-top:6px;font-size:16px}.team-stats .bonus{color:#7adca9}.team-stats .total{color:var(--yellow);font-size:21px}.rules-view{max-width:960px;margin:0 auto}.rules-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}.rule-card{position:relative;overflow:hidden;min-height:360px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.rule-card h2{margin:7px 0 24px;font-size:32px}.rule-card ol{margin:0;padding-left:20px;color:#b6bec8;font-size:13px;line-height:1.8}.rule-card li{padding:6px 0 6px 6px}.rule-number{position:absolute;right:-12px;top:-30px;font-size:120px;font-weight:1000;letter-spacing:-9px;opacity:.07}.formula{margin-top:14px;padding:20px 24px;border:1px solid #3e3a16;border-radius:16px;background:linear-gradient(90deg,rgba(255,228,0,.1),transparent)}.formula span,.formula strong{display:block}.formula span{color:#918d6a;font-size:9px;font-weight:900}.formula strong{margin-top:7px;font-size:clamp(15px,2.5vw,24px)}.mobile-nav{display:none}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-stage{min-height:350px}.metric-grid{grid-template-columns:1fr 1fr}.overview-grid,.rules-grid{grid-template-columns:1fr}.team-card{grid-template-columns:42px 1fr}.team-stats{grid-column:2;margin-top:15px}}
@media(max-width:640px){.topbar{height:60px;padding:0 12px;gap:10px}.brand{width:170px;height:46px}.brand-lockup{width:164px;height:auto}.desktop-nav{display:none}.live-pill{margin-left:auto;padding:6px 9px}.page{padding:16px 12px 84px}.hero{border-radius:19px}.hero-copy{padding:27px 22px 24px}.hero h1{font-size:42px;letter-spacing:-2.4px}.hero-labels{font-size:10px}.lede{font-size:13px}.hero-stage{min-height:290px}.stage-wordmark{top:45%;font-size:34px}.season{font-size:48px}.status-card{left:15px;right:15px;bottom:14px}.metric-grid{gap:8px;margin-top:8px}.metric-grid article{min-height:102px;padding:16px}.metric-grid strong{font-size:27px}.metric-grid .name{font-size:14px}.overview-grid{gap:8px;margin-top:8px}.panel-head{padding:18px 16px 13px}.mini-row{grid-template-columns:34px 1fr 82px 30px;padding:0 16px}.section-title{min-height:132px;padding:12px 3px 20px}.section-title h1{font-size:39px;letter-spacing:-2px}.round-card{min-width:88px}.toolbar{align-items:stretch;flex-direction:column}.search{min-width:0}.filter-note{order:2}.team-card{grid-template-columns:38px 1fr;padding:16px 13px}.team-main h2{font-size:16px}.pair{flex-wrap:wrap}.team-stats{grid-column:1/3}.team-stats span{text-align:center}.rule-card{min-height:auto;padding:23px 20px}.mobile-nav{position:fixed;z-index:40;left:10px;right:10px;bottom:9px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;border:1px solid #2b3440;border-radius:14px;background:rgba(14,18,24,.94);backdrop-filter:blur(18px);box-shadow:0 10px 45px #000}.mobile-nav button{padding:10px 3px;border:0;border-radius:9px;background:none;color:#788390;font-size:10px;font-weight:900}.mobile-nav button.active{background:#252d37;color:#fff}}