:root{--bg:#07090b;--p1:#0c1013;--p2:#11161a;--p3:#161c21;--ln:#1e262c;--ln2:#2a343b;--tx:#c9d2d8;--mut:#6f7d87;--hi:#eef3f5;--g:#3dff8a;--g2:#1fbf62;--a:#ffb020;--r:#ff4d5e;--mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;--sans:Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:13px/1.45 var(--sans);overflow-x:hidden;background-image:linear-gradient(rgba(61,255,138,.018) 1px,transparent 1px);background-size:100% 3px}
a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}
.mono,.ob b,.clk,.sc,.cnt,em{font-family:var(--mono)}em{font-style:normal}
.meta{color:var(--mut);font-size:11px}.dim{color:var(--mut)}.g{color:var(--g)}.r{color:var(--r)}.a{color:var(--a)}
:focus-visible{outline:1px solid var(--g);outline-offset:1px}
.dot{flex:none;font-style:normal;display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--r);margin-right:6px;box-shadow:0 0 0 0 rgba(255,77,94,.6);animation:pulse 1.4s infinite;vertical-align:1px}
@keyframes pulse{70%{box-shadow:0 0 0 6px rgba(255,77,94,0)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--g);color:#03140a;border:0;font:700 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:10px 14px;border-radius:2px}
.btn:hover{filter:brightness(1.1)}.btn.full{width:100%}.btn.sm{padding:7px 10px;font-size:11px}.btn.alt{background:transparent;color:var(--g);border:1px solid var(--g)}.btn.ghost{background:transparent;color:var(--tx);border:1px solid var(--ln2)}
input,select{background:var(--bg);border:1px solid var(--ln2);border-radius:2px;padding:8px 9px;min-width:0}input:focus,select:focus{border-color:var(--g);outline:0}
/* ticker */
.ticker{display:flex;align-items:center;height:28px;background:#040506;border-bottom:1px solid var(--ln);font:11px var(--mono);overflow:hidden}
.tkl,.tkr{flex:none;padding:0 10px;color:var(--g);letter-spacing:.08em;border-right:1px solid var(--ln);height:100%;display:flex;align-items:center}.tkr{border:0;border-left:1px solid var(--ln);color:var(--a)}
.tkw{flex:1;overflow:hidden;min-width:0}.tk{display:flex;width:max-content;animation:tk 70s linear infinite}.ticker:hover .tk{animation-play-state:paused}
@keyframes tk{to{transform:translateX(-50%)}}
.ti{display:flex;align-items:center;gap:6px;padding:0 14px;border-right:1px solid var(--ln);white-space:nowrap}.ti b{color:var(--hi)}.ti em{color:var(--a)}
/* header */
.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;height:52px;padding:0 14px;background:rgba(9,12,14,.96);border-bottom:1px solid var(--ln);backdrop-filter:blur(6px)}
.logo{display:flex;align-items:center;gap:7px;font:800 15px var(--mono);letter-spacing:.04em;color:var(--hi);flex:none}.logo b{color:var(--g)}.logo em{font-size:9px;color:var(--a);border:1px solid var(--a);padding:0 4px;letter-spacing:.1em}
.ham{display:none;flex-direction:column;gap:4px;background:none;border:1px solid var(--ln2);padding:8px 7px;border-radius:2px}.ham span{display:block;width:16px;height:2px;background:var(--tx)}
.tnav{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.tnav::-webkit-scrollbar{display:none}
.tnav a{padding:16px 10px;font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--mut);border-bottom:2px solid transparent;white-space:nowrap}.tnav a:hover{color:var(--hi)}.tnav a.on{color:var(--g);border-color:var(--g)}
.tools{display:flex;align-items:center;gap:8px;flex:none}
.clock{font:12px var(--mono);color:var(--a);padding:5px 8px;border:1px solid var(--ln)}
.ofmt{padding:5px 6px;font:11px var(--mono);background:var(--p1)}
.lang{background:var(--p1);border:1px solid var(--ln2);font:11px var(--mono);padding:5px 8px;border-radius:2px}
.bal{display:flex;align-items:baseline;gap:5px;border:1px solid var(--ln2);padding:4px 9px;font-family:var(--mono)}.bal small{font-size:9px;color:var(--mut)}.bal b{color:var(--g);font-size:14px}
.dep{background:var(--a);color:#1a1000;border:0;font:700 11px var(--mono);text-transform:uppercase;padding:8px 10px;border-radius:2px;white-space:nowrap}
.acct{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--g);color:var(--g);font:700 13px var(--mono)}
.ribbon{background:repeating-linear-gradient(135deg,#140f02 0 10px,#0f0b02 10px 20px);color:var(--a);font:10px var(--mono);letter-spacing:.06em;text-align:center;padding:4px 10px;border-bottom:1px solid #2a1f05;text-transform:uppercase}
/* layout */
.layout{display:grid;grid-template-columns:232px minmax(0,1fr) 312px;gap:10px;padding:10px;max-width:1680px;margin:0 auto;align-items:start}
.side,.rcol{position:sticky;top:62px;max-height:calc(100vh - 72px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ln2) transparent}
.center{min-width:0;container-type:inline-size;container-name:c}
/* sidebar */
.side{background:var(--p1);border:1px solid var(--ln)}
.sideh{display:none}.side h4{margin:0;padding:10px 12px 6px;font:700 10px var(--mono);letter-spacing:.14em;color:var(--mut);text-transform:uppercase;border-top:1px solid var(--ln)}
.srch{padding:10px}.srch input{width:100%;font:12px var(--mono)}#qres a{display:flex;gap:6px;align-items:center;padding:6px 4px;border-bottom:1px solid var(--ln);font-size:12px}#qres a span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#qres em{font-size:10px;color:var(--a)}
.sl{list-style:none;margin:0;padding:0 0 6px}.sl a,.tree summary,.tree a{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;cursor:pointer}
.sl a:hover,.tree summary:hover,.tree a:hover{background:var(--p2);color:var(--hi)}.sl a span,.tree span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl em,.tree em{font-size:10.5px;color:var(--mut);border:1px solid var(--ln);padding:0 5px;min-width:24px;text-align:center}
.tree details{border-bottom:1px solid var(--ln)}.tree summary{list-style:none}.tree summary::-webkit-details-marker{display:none}.tree summary::after{content:'+';font:12px var(--mono);color:var(--mut)}.tree details[open] summary::after{content:'−'}
.tree a{padding-left:28px;font-size:12px;color:var(--mut)}
.sset{padding:4px 12px 10px;display:grid;gap:8px}.sset label{display:grid;gap:4px;font-size:11px;color:var(--mut)}.lang2,.sbtn{background:var(--p2);border:1px solid var(--ln2);padding:7px;font:11px var(--mono);text-align:center}
.snote{font-size:10.5px;color:var(--mut);padding:10px 12px;margin:0;border-top:1px solid var(--ln)}
.gtag{display:inline-block;font:700 9.5px var(--mono);letter-spacing:.04em;color:var(--gc);border:1px solid var(--gc);padding:0 4px;white-space:nowrap}
.sic{flex:none}
.flag{flex:none;border:1px solid rgba(255,255,255,.12);border-radius:1px;vertical-align:-2px}
/* carousel */
.schips{display:none}
.car{position:relative;height:190px;border:1px solid var(--ln);overflow:hidden;margin-bottom:10px;background:#000}
.slide{position:absolute;inset:0;padding:20px 24px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:linear-gradient(90deg,rgba(4,6,7,.96) 0,rgba(4,6,7,.75) 40%,rgba(4,6,7,.1) 75%),var(--bg) right center/cover;opacity:0;transition:opacity .6s;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto}.slide .tg{font:700 10px var(--mono);letter-spacing:.12em;color:var(--ac)}.slide b{font:800 30px/1.05 var(--mono);color:var(--hi);text-transform:uppercase;max-width:60%;letter-spacing:-.01em}.slide p{margin:0;max-width:440px;color:#aab6bd}
.slide .cta{font:700 11px var(--mono);color:#03140a;background:var(--ac);align-self:flex-start;padding:5px 9px;margin-top:4px}.slide .fic{position:absolute;right:10px;bottom:8px;font:9px var(--mono);color:#cfd8dc;background:rgba(0,0,0,.6);padding:2px 6px}
.dots{position:absolute;left:24px;bottom:10px;display:flex;gap:4px}.dots button{width:18px;height:3px;border:0;background:#3a454c;padding:0}.dots button.on{background:var(--g)}
.cnum{position:absolute;right:10px;top:8px;font-size:10px;color:var(--mut)}
/* quick filters */
.qf{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px}.qf>button,.qf>a{background:var(--p1);border:1px solid var(--ln2);padding:6px 11px;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:5px;border-radius:2px}
.qf>button.on,.qf>a.on{border-color:var(--g);color:var(--g);background:rgba(61,255,138,.07)}.qf .meta{margin-left:auto}.qf em{color:var(--mut)}.qf select{margin-left:6px}
.secH{display:flex;align-items:baseline;gap:10px;margin:16px 0 6px;padding-bottom:6px;border-bottom:1px solid var(--ln)}.secH h2{margin:0;font:800 13px var(--mono);letter-spacing:.1em;color:var(--hi);display:flex;align-items:center;gap:6px}.secH .lk{margin-left:auto;font:11px var(--mono);color:var(--g)}
/* match table */
.tbl{border:1px solid var(--ln);background:var(--p1)}
.lg+.lg{border-top:1px solid var(--ln2)}
.lh,.mr{display:grid;grid-template-columns:minmax(0,1fr) 168px 156px 112px 44px;align-items:center}
.lh{background:var(--p3);border-bottom:1px solid var(--ln);min-height:30px}
.lname{display:flex;align-items:center;gap:6px;padding:0 10px;min-width:0;font-size:12px;white-space:nowrap;overflow:hidden}.lname .cc{color:var(--mut);font-size:11px}.lname .sep{color:var(--ln2)}.lname b{color:var(--hi);overflow:hidden;text-overflow:ellipsis}.lname .cnt{font-size:10px;color:var(--mut);margin-left:2px}
.ch{display:grid;text-align:center;font:700 10px var(--mono);color:var(--mut);padding:0 4px;gap:3px}.ch i{font-style:normal}
.c3{grid-template-columns:repeat(3,1fr)}.c2{grid-template-columns:repeat(2,1fr)}
.mr{border-bottom:1px solid var(--ln);min-height:46px}.mr:last-child{border-bottom:0}.mr:hover{background:#0f1418}
.mt{display:flex;align-items:center;gap:8px;padding:4px 10px;min-width:0;height:100%}
.tc{display:flex;flex-direction:column;width:62px;flex:none;font:11px var(--mono);line-height:1.3}.tc .lv{color:var(--r);font-weight:700;font-size:10px;letter-spacing:.08em}.tc .ft{color:var(--mut);font-size:10px}.tc .hm{color:var(--hi);font-weight:700}.tc .clk{color:var(--a);font-size:10.5px;white-space:nowrap}.fin .tc .clk,.up .tc .clk{color:var(--mut)}
.tt{display:flex;flex-direction:column;flex:1;min-width:0}.tm{display:flex;align-items:center;gap:6px;min-width:0}.tn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--hi);font-size:12.5px}
.sc{color:var(--g);font-size:12.5px;min-width:18px;text-align:right}.sub{font:normal 10.5px var(--mono);color:var(--mut);min-width:16px;text-align:right}
.sc.flash{animation:fl 1.4s}@keyframes fl{0%,40%{background:var(--g);color:#03140a}}
.bo{font:10px var(--mono);color:var(--mut);border:1px solid var(--ln2);padding:0 4px}
.oc{display:grid;gap:3px;padding:0 4px;align-items:center}
.ob{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;height:32px;background:var(--p2);border:1px solid var(--ln2);border-radius:2px;padding:0 4px;min-width:0;transition:border-color .15s}
.ob small{display:none;font:10px var(--mono);color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob b{font-size:12.5px;font-weight:700;color:var(--hi)}
.ob:hover{border-color:var(--g)}.ob.on{background:var(--g);border-color:var(--g)}.ob.on b,.ob.on small{color:#03140a}
.ob.na{opacity:.35;cursor:default}
.ob.up{animation:oup 1.6s}.ob.dn{animation:odn 1.6s}
.ob.up::after,.ob.dn::after{position:absolute;right:2px;top:1px;font-size:8px;animation:fade 1.6s forwards}.ob.up::after{content:'▲';color:var(--g)}.ob.dn::after{content:'▼';color:var(--r)}
@keyframes oup{0%,50%{background:rgba(61,255,138,.22);border-color:var(--g)}}@keyframes odn{0%,50%{background:rgba(255,77,94,.22);border-color:var(--r)}}@keyframes fade{0%,70%{opacity:1}to{opacity:0}}
.so.up{animation:fl 1.4s}
.ln{text-align:center;font:11px var(--mono);color:var(--a)}
.more{font:700 11px var(--mono);color:var(--g);text-align:center;padding:8px 0}.more:hover{text-decoration:underline}
.empty{padding:18px;text-align:center;color:var(--mut);font:12px var(--mono);border:1px dashed var(--ln2)}
@container c (max-width:720px){.lh,.mr{grid-template-columns:minmax(0,1fr) 160px 150px 40px}.hcp{display:none}}
@container c (max-width:560px){.lh,.mr{grid-template-columns:minmax(0,1fr) 150px 40px}.tot{display:none}}
/* esports tabs */
.gtabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.gtabs a{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--ln2);background:var(--p1);font:600 11px var(--mono)}.gtabs a i{width:7px;height:7px}.gtabs a em{color:var(--mut)}.gtabs a.on{border-color:var(--gc,var(--g));color:var(--gc,var(--g))}
/* parlays */
.prow{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.pl{background:var(--p1);border:1px solid var(--ln);padding:10px;display:flex;flex-direction:column;gap:5px}.plh{display:flex;justify-content:space-between;font:700 10.5px var(--mono);color:var(--a);letter-spacing:.06em}.plh span{color:var(--mut)}
.pll{display:grid;grid-template-columns:1fr auto;gap:0 6px;font-size:11.5px;border-bottom:1px dashed var(--ln);padding-bottom:4px}.pll span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pll em{grid-column:1;color:var(--mut);font-size:10.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pll b{grid-row:1/3;grid-column:2;align-self:center;font-family:var(--mono);color:var(--hi)}
.plf{display:flex;justify-content:space-between;align-items:center;font:12px var(--mono);margin-top:2px}.pl small{color:var(--mut);font-size:10px}
.rstrip{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--ln2) transparent}.rs{flex:none;display:flex;align-items:center;gap:6px;border:1px solid var(--ln);background:var(--p1);padding:7px 10px;font:11.5px var(--mono)}.rs b{color:var(--hi)}.rs em{color:var(--mut);font-size:10px}
/* right column */
.rcol{display:flex;flex-direction:column;gap:10px}
.slip{background:var(--p1);border:1px solid var(--ln)}
.sh{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--ln);font:800 12px var(--mono);letter-spacing:.1em;color:var(--hi)}.sh .cnt{background:var(--g);color:#03140a;padding:0 6px;font-size:11px}.clr{margin-left:auto;background:none;border:0;color:var(--mut);font:11px var(--mono);text-decoration:underline}.shx{display:none;margin-left:auto;background:none;border:1px solid var(--ln2);width:28px;height:28px;font-size:16px}.clr+.shx{margin-left:6px}
.stabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ln)}.stabs button{background:none;border:0;border-bottom:2px solid transparent;padding:9px 0;font:700 11px var(--mono);text-transform:uppercase;color:var(--mut)}.stabs button.on{color:var(--g);border-color:var(--g)}
.sitems{max-height:330px;overflow-y:auto}
.sempty{padding:22px 14px;font:12px var(--mono);color:var(--g)}.sempty span{color:var(--mut);font-family:var(--sans)}
.si2,.si{position:relative;padding:9px 34px 9px 12px;border-bottom:1px solid var(--ln)}.si .x{position:absolute;right:8px;top:8px;width:20px;height:20px;background:none;border:1px solid var(--ln2);color:var(--mut);line-height:1;padding:0}
.si .sm{font-size:11px;color:var(--mut);display:flex;gap:5px;align-items:center}.sl2{display:flex;justify-content:space-between;gap:8px;color:var(--hi);font-weight:600;margin:2px 0}.so{font-family:var(--mono);color:var(--g)}.smk{font-size:10.5px;color:var(--mut)}.si.chg{background:rgba(255,176,32,.06)}.si.chg em{color:var(--a)}
.stk{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11px;color:var(--mut)}.stk input{width:90px;padding:5px 7px;font-family:var(--mono)}
.lvt{font:700 9px var(--mono);color:var(--r);border:1px solid var(--r);padding:0 3px;font-style:normal}
.srow{display:flex;gap:8px;padding:10px 12px 0;flex-wrap:wrap}.srow label{display:grid;gap:3px;font-size:11px;color:var(--mut);flex:1;min-width:110px}.srow input,.srow select{font-family:var(--mono);width:100%}
.chips{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:10px 12px}.chips button{background:var(--p2);border:1px solid var(--ln2);padding:6px 0;font:700 11px var(--mono)}.chips button:hover{border-color:var(--a);color:var(--a)}
.sum{padding:0 12px 6px}.sum div{display:flex;justify-content:space-between;padding:3px 0;font-size:12px}.sum b{font-family:var(--mono);color:var(--hi)}.sum b.g{color:var(--g);font-size:14px}
.tgl{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;cursor:pointer}.tgl input{position:absolute;opacity:0}.tgl span{width:30px;height:16px;border:1px solid var(--ln2);background:var(--bg);position:relative;flex:none}.tgl span::after{content:'';position:absolute;left:2px;top:2px;width:10px;height:10px;background:var(--mut);transition:.15s}.tgl input:checked+span{border-color:var(--g)}.tgl input:checked+span::after{left:16px;background:var(--g)}.tgl input:focus-visible+span{outline:1px solid var(--g)}
.slip #place{margin:4px 12px 0;width:calc(100% - 24px)}
.snote2{margin:6px 12px;padding:8px;border:1px solid var(--a);color:var(--a);font-size:11.5px}.snote2 a{text-decoration:underline}.snote2 b{font-family:var(--mono);color:var(--hi)}
.bcode{padding:10px 12px;border-top:1px solid var(--ln);margin-top:10px}.bcode b{font:700 10px var(--mono);letter-spacing:.1em;color:var(--mut);text-transform:uppercase}.bcode div{display:flex;gap:4px;margin-top:5px}.bcode input{flex:1;font-family:var(--mono);text-transform:uppercase;padding:6px 8px}.bcode button{background:var(--p2);border:1px solid var(--ln2);font:700 11px var(--mono);padding:0 10px}
.sfine{margin:0;padding:8px 12px;border-top:1px solid var(--ln);font-size:10.5px;color:var(--mut)}
.pcard{position:relative;border:1px solid var(--ln);padding:14px;min-height:150px;display:flex;flex-direction:column;gap:5px;justify-content:flex-end;background:linear-gradient(0deg,rgba(4,6,7,.95) 30%,rgba(4,6,7,.3)),var(--bg) center/cover}.pcard .tg,.pr .tg,.ph .tg{font:700 10px var(--mono);letter-spacing:.12em;color:var(--a)}.pcard b{font:800 16px var(--mono);color:var(--hi)}.pcard p{margin:0;font-size:11.5px;color:#aab6bd}.pcard .btn{align-self:flex-start}
.box{background:var(--p1);border:1px solid var(--ln)}.box.pad{padding:12px}.box h3{margin:0 0 10px;font:800 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hi)}
.bh{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--ln);font:800 11px var(--mono);letter-spacing:.1em;color:var(--hi)}
.he{padding:7px 12px;border-bottom:1px solid var(--ln)}.he a{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:5px}.he a span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.he em{font-size:10.5px;color:var(--mut)}.he .oc{padding:0}.he .ob{height:26px}
/* page heads, misc */
.ph{position:relative;border:1px solid var(--ln);padding:18px 20px;margin-bottom:10px;background:linear-gradient(90deg,rgba(4,6,7,.97) 30%,rgba(4,6,7,.55)),var(--bg,var(--p1)) right center/cover}.ph:not([style]){background:var(--p1)}
.ph h1{margin:4px 0;font:800 24px var(--mono);color:var(--hi);text-transform:uppercase;letter-spacing:-.01em}.ph p{margin:0;color:#9aa7af;max-width:640px}.ph .tg{display:flex;align-items:center;gap:6px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.kpis div{background:var(--p1);border:1px solid var(--ln);padding:10px}.kpis span{display:block;font:10px var(--mono);color:var(--mut);text-transform:uppercase;letter-spacing:.08em}.kpis b{font-size:16px;color:var(--hi)}.kpis b.g{color:var(--g)}
.rtab{border:1px solid var(--ln);background:var(--p1)}.rr{display:grid;grid-template-columns:120px minmax(0,1.3fr) minmax(0,1fr) 64px minmax(0,1fr) 64px;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--ln);font-size:12px}.rr>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr b{text-align:center;color:var(--hi);background:var(--p3);padding:2px 0}.rr .tn.w{color:var(--g)}.rr:hover{background:var(--p2)}
.stbl{border:1px solid var(--ln);background:var(--p1);font-family:var(--mono);font-size:12px}.str{display:grid;grid-template-columns:30px minmax(0,1fr) repeat(4,34px) 60px 42px 40px 120px;gap:4px;align-items:center;padding:7px 10px;border-bottom:1px solid var(--ln)}.str.h{color:var(--mut);font-size:10px;background:var(--p3)}.str .tn{font-family:var(--sans)}.str b{color:var(--g)}.str.q{box-shadow:inset 2px 0 var(--g)}.str.rel{box-shadow:inset 2px 0 var(--a)}
.form{display:flex;gap:2px}.form i{font-style:normal;width:18px;text-align:center;font-size:10px;padding:1px 0}.form .W{background:rgba(61,255,138,.18);color:var(--g)}.form .D{background:#20282e}.form .L{background:rgba(255,77,94,.18);color:var(--r)}
.promos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.pr{border:1px solid var(--ln);min-height:210px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;background:linear-gradient(0deg,rgba(4,6,7,.97) 40%,rgba(4,6,7,.2)),var(--bg) center/cover}.pr b{font:800 16px var(--mono);color:var(--hi)}.pr p{margin:0;color:#9aa7af;font-size:12px}.pr .btn{align-self:flex-start}.pr small{font:9.5px var(--mono);color:var(--mut)}
.picks{display:grid;gap:8px}.pk{background:var(--p1);border:1px solid var(--ln);border-left:3px solid var(--a)}.pk.won{border-left-color:var(--g)}.pk.lost{border-left-color:var(--r)}
.pkh{display:flex;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--ln);flex-wrap:wrap}.pkh b{font:800 12px var(--mono);color:var(--hi);text-transform:uppercase}.tagx{font:700 10px var(--mono);padding:1px 6px;border:1px solid var(--a);color:var(--a)}.tagx.won{border-color:var(--g);color:var(--g)}.tagx.lost{border-color:var(--r);color:var(--r)}.pkh .meta{margin-left:auto}
.pkl{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:2px 8px;padding:6px 12px;border-bottom:1px dashed var(--ln);font-size:12px}.pkl em{grid-column:2;color:var(--mut);font-size:11px}.pkl b{grid-row:1/3;grid-column:3;align-self:center}.pkl .won{color:var(--g)}.pkl .lost{color:var(--r)}
.pkf{display:flex;gap:16px;padding:8px 12px;font-size:12px;color:var(--mut);flex-wrap:wrap}.pkf b{font-family:var(--mono);color:var(--hi)}.pkf b.g{color:var(--g)}.pkf b.r{color:var(--r)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two label{display:grid;gap:4px;font-size:11.5px;color:var(--mut);margin-bottom:10px}.row2{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.warn{color:var(--a);font-size:12px}
/* match detail */
.crumb{font-size:11px;color:var(--mut);margin-bottom:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.crumb a:hover{color:var(--g)}
.board{border:1px solid var(--ln);background:radial-gradient(ellipse at 50% 0,rgba(61,255,138,.08),transparent 60%),var(--p1);padding:12px 14px;margin-bottom:10px}
.bt{display:flex;gap:8px;align-items:center}.bt .lv{font:700 10px var(--mono);color:#fff;background:var(--r);padding:2px 7px;letter-spacing:.1em}.bt .ft{font:700 10px var(--mono);color:var(--mut);border:1px solid var(--ln2);padding:1px 7px}.bt .mono{margin-left:auto}
.bm{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 0}
.bteam{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0}.bteam b{color:var(--hi);font-size:14px}
.crest{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--c);color:var(--c);font:800 13px var(--mono);background:rgba(255,255,255,.02);clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%)}
.bsc{text-align:center}.big{font-size:40px;font-weight:800;color:var(--hi);letter-spacing:.04em}.big .flash{animation:fl 1.4s}.clkb{color:var(--a);font-size:13px}
.bodds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:520px;margin:0 auto}.bodds .ob{height:38px}.bodds .ob small,.mks .ob small{display:block}
.dgrid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;margin-bottom:10px}
.term{background:#030504;border:1px solid #1d3326;display:flex;flex-direction:column;min-height:260px}.termh{display:flex;gap:5px;align-items:center;padding:6px 10px;border-bottom:1px solid #1d3326;font:10.5px var(--mono);color:var(--mut)}.termh i{width:8px;height:8px;border-radius:50%;background:#2a3a30}.termh span{margin-left:6px}
.termb{flex:1;padding:8px 10px;font:11.5px/1.55 var(--mono);color:#8fd9a8;overflow-y:auto;max-height:290px}.termb p{margin:0}.termb .cur{color:var(--g)}.termb .k-goal{color:#fff;background:rgba(61,255,138,.12)}.termb .k-card{color:var(--a)}.termb .k-shot{color:#c7f5d6}.termb .k-cor{color:#7fd0ff}
.caret{font-style:normal;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.stt{display:grid;grid-template-columns:34px 1fr 34px;gap:4px;align-items:center;font-size:11px;margin-bottom:7px}.stt span{text-align:center;color:var(--mut)}.stt b:last-of-type{text-align:right}.stt .bar{grid-column:1/-1;display:flex;gap:2px;height:4px}.stt .bar i:first-child{background:var(--g)}.stt .bar i:last-child{background:var(--a)}
.pitch{display:block;border:1px solid var(--ln)}.ball{transition:cx .8s,cy .8s}.mom{display:block;margin-top:6px}.legend{display:flex;justify-content:space-between;font-size:10px;margin-top:4px}
.mtabs{display:flex;gap:2px;border-bottom:1px solid var(--ln);margin-bottom:8px;overflow-x:auto;scrollbar-width:none;align-items:flex-end}.mtabs button{background:none;border:0;border-bottom:2px solid transparent;padding:9px 12px;font:700 11.5px var(--mono);text-transform:uppercase;color:var(--mut);white-space:nowrap}.mtabs button em{font-size:10px;margin-left:5px;color:var(--ln2)}.mtabs button.on{color:var(--g);border-color:var(--g)}.mtabs .meta{margin-left:auto;padding:0 6px 9px;white-space:nowrap}
.mkts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.mk{background:var(--p1);border:1px solid var(--ln)}.mkh{padding:7px 10px;border-bottom:1px solid var(--ln);font:700 11px var(--mono);color:var(--hi);text-transform:uppercase;letter-spacing:.04em}
.mks{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:4px;padding:6px}.mks.many{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.ob.wide{justify-content:space-between;padding:0 8px;height:34px}.ob.wide small{color:var(--tx)}
/* footer */
.foot{border-top:1px solid var(--ln);background:#050607;margin-top:20px;padding:24px 16px 90px}
.fcols{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:20px;max-width:1400px;margin:0 auto}.fcols b{font:800 14px var(--mono);color:var(--hi)}.fcols p{color:var(--mut);font-size:12px}.fcols h5{margin:0 0 8px;font:700 10px var(--mono);letter-spacing:.14em;color:var(--mut);text-transform:uppercase}.fcols a{display:block;font-size:12px;padding:3px 0;color:#9aa7af}.fcols a:hover{color:var(--g)}
.b18{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid var(--r);border-radius:50%;color:var(--r);font:800 12px var(--mono)}
.pay{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:20px auto;max-width:1400px}.pi{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ln2);padding:6px 10px;font:700 10px var(--mono);color:var(--mut);letter-spacing:.06em}
.disc{display:flex;gap:12px;align-items:center;max-width:1000px;margin:0 auto;color:var(--mut);font-size:11.5px}.disc .b18{flex:none}
/* toast + login */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;background:#0d1410;border:1px solid var(--g);color:var(--g);font:12px var(--mono);padding:9px 14px;max-width:calc(100vw - 24px);box-shadow:0 8px 30px rgba(0,0,0,.6)}
.auth{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr}.aleft{padding:40px;border-right:1px solid var(--ln);display:flex;flex-direction:column;gap:18px;justify-content:center}.logo.big{font-size:26px}.logo.big svg{width:32px;height:32px}
.boot{margin:0;color:var(--g);font-size:12.5px;line-height:1.7;background:#030504;border:1px solid #1d3326;padding:14px;white-space:pre-wrap}
.atiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.atiles div{aspect-ratio:4/3;background:var(--bg) center/cover;border:1px solid var(--ln);filter:saturate(.7)}
.aright{display:grid;place-items:center;padding:24px}.aform{width:min(380px,100%);display:grid;gap:10px;padding:22px}.aform h1{margin:0;font:800 20px var(--mono);color:var(--hi);text-transform:uppercase}.aform label{display:grid;gap:4px;font-size:11.5px;color:var(--mut)}.err{color:var(--r);font-size:12px;min-height:1em}
.demo{border:1px dashed var(--g);padding:10px;font-size:12px;color:var(--mut)}.demo b{color:var(--g)}.chk{display:flex!important;grid-auto-flow:column;align-items:center;gap:8px}
/* overlays */
.fslip,.bnav,.ovl{display:none}
/* ---------- <=1180: sidebar -> drawer ---------- */
@media (max-width:1180px){
 .layout{grid-template-columns:minmax(0,1fr) 296px}.ham{display:flex}
 .side{position:fixed;top:0;left:0;bottom:0;width:290px;max-height:none;z-index:70;transform:translateX(-102%);transition:transform .25s}
 body.drawer .side{transform:none}.sideh{display:flex;align-items:center;justify-content:space-between;padding:12px;font:800 12px var(--mono);letter-spacing:.14em;color:var(--hi);border-bottom:1px solid var(--ln)}.sideh .shx{display:block}
 body.drawer .ovl,body.sheet .ovl{display:block;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:60}
 .clock{display:none}}
@media (max-width:1060px){.tools .ofmt.hd,.lang{display:none}.dgrid{grid-template-columns:1fr 1fr}.term{grid-column:1/-1}}
/* ---------- mobile <=760 ---------- */
@media (max-width:760px){
 body{font-size:13px}
 .ticker{height:24px}.tkr,.tkl{display:none}
 .top{gap:8px;padding:0 10px;height:50px;top:0}.tnav{display:none}.logo span{font-size:13px}.logo em{display:none}.acct{display:none}.dep{padding:7px 8px;font-size:0}.dep::before{content:'+';font-size:16px;line-height:1}.tools{margin-left:auto;gap:6px}.bal{padding:3px 7px}.bal small:first-child{display:none}
 .ribbon{font-size:9px}
 .layout{grid-template-columns:minmax(0,1fr);padding:8px;gap:8px}
 .rcol{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:86vh;z-index:80;transform:translateY(105%);transition:transform .25s;padding:0;gap:0;background:var(--p1);border-top:2px solid var(--g)}
 body.sheet .rcol{transform:none}.rcol .pcard,.rcol #hot{display:none}.rcol .slip{border:0}.shx{display:block}.sitems{max-height:none}
 .fslip{position:fixed;right:12px;bottom:74px;z-index:50;display:none;align-items:center;gap:6px;background:var(--g);color:#03140a;border:0;padding:10px 14px;font:800 12px var(--mono);box-shadow:0 6px 20px rgba(0,0,0,.6)}.fslip b{background:#03140a;color:var(--g);padding:0 6px}
 body.has-slip .fslip{display:flex}body.sheet .fslip,body.drawer .fslip{display:none}
 .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(7,9,11,.98);border-top:1px solid var(--ln);height:62px;padding-bottom:env(safe-area-inset-bottom)}
 .bnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:600 9.5px var(--mono);text-transform:uppercase;color:var(--mut)}.bnav a.on{color:var(--g)}
 .bnav .c{width:44px;height:44px;margin-top:-18px;background:var(--g);color:#03140a;display:grid;place-items:center;border:3px solid var(--bg);font:800 14px var(--mono)}.bnav .c b{color:#03140a}
 .foot{padding-bottom:90px}.fcols{grid-template-columns:1fr 1fr}.fcols>div:first-child{grid-column:1/-1}.disc{flex-direction:column;align-items:flex-start}
 .schips{display:flex;gap:6px;overflow-x:auto;margin:0 -8px 8px;padding:0 8px 2px;scrollbar-width:none}.schips::-webkit-scrollbar{display:none}.schips a{flex:none;display:flex;align-items:center;gap:6px;border:1px solid var(--ln2);background:var(--p1);padding:7px 10px;font:600 11px var(--mono);white-space:nowrap}.schips a em{color:var(--mut);font-size:10px}.schips a.on{border-color:var(--g);color:var(--g)}
 .car{height:170px}.slide{padding:14px 16px}.slide b{font-size:20px;max-width:100%}.slide p{font-size:11.5px;max-width:78%}
 .qf{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.qf>*{flex:none}.qf .meta{display:none}
 /* compact match cards */
 .tbl{border:0;background:none}.lg{margin-bottom:8px;border:1px solid var(--ln);background:var(--p1)}.lg+.lg{border-top:1px solid var(--ln)}
 .lh{grid-template-columns:1fr;min-height:32px}.lh .ch{display:none}
 .mr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t m" "o o";padding:6px 0 8px}
 .mt{grid-area:t;padding:2px 10px}.more{grid-area:m;padding:0 10px}.c3:not(.tot){grid-area:o;padding:4px 10px 0}.tot,.hcp{display:none}
 .mr .ob{height:36px;justify-content:space-between;padding:0 8px}.mr .ob small{display:block}
 .tc{width:54px}
 .dgrid{grid-template-columns:1fr}.term{min-height:200px}.big{font-size:32px}.bteam b{font-size:12px}.crest{width:38px;height:38px;font-size:11px}
 .mkts{grid-template-columns:1fr}
 .kpis{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}
 .rr{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);row-gap:2px}.rr>span:first-child{grid-column:1/-1;font-size:10.5px}.rr>span:nth-child(2){grid-column:1/-1;font-size:11px}.rr>span:last-child{display:none}
 .str{grid-template-columns:24px minmax(0,1fr) repeat(4,26px) 34px 32px;font-size:11px;padding:7px 6px}.hm2{display:none}
 .auth{grid-template-columns:1fr}.aleft{padding:20px;border:0}.atiles{display:none}.boot{font-size:11px}
 .ph h1{font-size:19px}.ph{padding:14px}
 .toast{bottom:80px}}
@media (prefers-reduced-motion:reduce){.tk{animation:none}.slide{transition:none}*{animation-duration:.01ms!important}}
.lbl{font:11px var(--mono);color:var(--mut);text-transform:uppercase}
.ob.on.up,.ob.on.dn{animation:none}
/* v10.1 floating pill bottom nav */
@media (max-width:760px){
 .bnav{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:64px;padding:0 4px;border:1px solid var(--ln2);border-radius:22px;background:rgba(13,17,20,.97);box-shadow:0 10px 30px rgba(0,0,0,.65),0 0 0 1px rgba(61,255,138,.04);backdrop-filter:blur(10px);overflow:visible}
 .bnav a{gap:2px;font:600 10px var(--sans);text-transform:none;letter-spacing:0;color:#8794a0}
 .bnav .ic{display:grid;place-items:center;width:44px;height:28px;border-radius:10px;transition:background .15s}
 .bnav a.on{color:var(--g)}.bnav a.on .ic{background:rgba(61,255,138,.13)}
 .bnav a.mid{justify-content:flex-end;padding-bottom:7px}
 .bnav .c{position:relative;width:56px;height:56px;margin:-30px 0 2px;border-radius:17px;border:4px solid var(--bg);background:var(--g);color:#03140a;display:grid;place-items:center;box-shadow:0 6px 18px rgba(61,255,138,.28)}
 .bnav .bdg{position:absolute;top:-7px;right:-9px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--a);color:#1a1000!important;font:800 11px/20px var(--mono);text-align:center;border:2px solid var(--bg)}
 .bnav a.mid span:last-child{color:var(--hi)}
 .fslip{bottom:calc(88px + env(safe-area-inset-bottom))}
 .foot{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
 .layout{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
 .rcol{padding-bottom:env(safe-area-inset-bottom)}
 .toast{bottom:calc(96px + env(safe-area-inset-bottom))}}
body:not(.has-slip) .bnav .bdg{display:none}