:root{
  --bg:#0a0f14; --panel:#101a22; --panel2:#15212b; --panel3:#1a2833;
  --line:#1e2c38; --line2:#26363f;
  --tx:#e9eef4; --tx2:#b6c3cf; --mut:#7f93a4;
  --grn:#31d16d; --grn2:#1aa854; --grnbg:rgba(49,209,109,.12);
  --red:#f0553c; --amber:#f3b23e; --blue:#4aa8ff;
  --r:12px; --rs:8px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 var(--font);
  background-image:radial-gradient(900px 400px at 15% -10%,rgba(49,209,109,.07),transparent 60%),
                   radial-gradient(700px 340px at 85% -5%,rgba(74,168,255,.06),transparent 60%);
  background-repeat:no-repeat}
a{color:inherit;text-decoration:none}
a:hover{color:var(--grn)}
img{max-width:100%}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em}
.wrap{max-width:1200px;margin:0 auto;padding:18px 16px 40px}
.wrap.narrow{max-width:820px}
.btn{display:inline-block;background:var(--grn);color:#06120a;font-weight:700;padding:10px 18px;border-radius:999px}
.btn:hover{background:var(--grn);color:#06120a;filter:brightness(1.08)}
.pttl{font-size:26px;margin:6px 0 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pttl small{font-size:14px;color:var(--mut);font-weight:500}
.secttl{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--mut);margin:22px 0 10px}
.pill{font:700 11px/1 var(--mono);padding:5px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}
.pill.lv{background:var(--grnbg);color:var(--grn)}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:50;background:rgba(10,15,20,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)}
.hwrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:10px 16px}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px;letter-spacing:-.02em;flex:0 0 auto}
.brand .ball{color:var(--grn);font-size:15px;line-height:1;transform:translateY(-1px)}
.brand em{font-style:normal;color:var(--grn)}
.brand.small{font-size:16px}
.hsearch{flex:1 1 auto;max-width:420px}
.hsearch form{display:flex;background:var(--panel2);border:1px solid var(--line);border-radius:999px;overflow:hidden}
.hsearch input{flex:1;background:none;border:0;color:var(--tx);padding:8px 14px;font:14px var(--font);outline:none;min-width:0}
.hsearch input::placeholder{color:var(--mut)}
.hsearch button{background:none;border:0;color:var(--mut);padding:0 14px;font-size:17px;cursor:pointer}
.hsearch button:hover{color:var(--grn)}
.hlinks{display:flex;gap:18px;font:600 13.5px var(--font);color:var(--tx2);flex:0 0 auto}
.hlinks a.on{color:var(--grn)}
.hlinks .dot{display:none;width:6px;height:6px;border-radius:50%;background:var(--grn);margin-left:6px;
  box-shadow:0 0 0 3px rgba(49,209,109,.18);animation:pulse 1.6s infinite}
.hlinks a.on .dot{display:inline-block;vertical-align:middle}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.sportnav{border-top:1px solid var(--line);background:rgba(16,26,34,.7)}
.swrap{max-width:1200px;margin:0 auto;display:flex;gap:4px;padding:0 10px;overflow-x:auto;scrollbar-width:none}
.swrap::-webkit-scrollbar{display:none}
.swrap a{display:flex;align-items:center;gap:7px;padding:10px 12px;font:600 13px var(--font);color:var(--tx2);
  white-space:nowrap;border-bottom:2px solid transparent}
.swrap a i{font-style:normal;opacity:.85}
.swrap a.on{color:var(--tx);border-bottom-color:var(--grn)}
.swrap a:hover{color:var(--grn)}
.swrap b.lv{font:700 10px/1 var(--mono);background:var(--grnbg);color:var(--grn);padding:3px 5px;border-radius:5px}

/* ---------- tabs / date strip ---------- */
.tabs{display:flex;gap:6px;margin:16px 0 10px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{display:flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;background:var(--panel2);
  border:1px solid var(--line);font:600 13.5px var(--font);color:var(--tx2);white-space:nowrap}
.tabs a b{font:700 10.5px/1 var(--mono);color:var(--mut)}
.tabs a.on{background:var(--grn);border-color:var(--grn);color:#06120a}
.tabs a.on b{color:rgba(6,18,10,.7)}
.dstrip{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;scrollbar-width:none}
.dstrip::-webkit-scrollbar{display:none}
.dstrip a{display:grid;place-items:center;min-width:74px;padding:8px 6px;border-radius:10px;background:var(--panel);
  border:1px solid var(--line);color:var(--tx2)}
.dstrip a b{font:600 12.5px var(--font)}
.dstrip a span{font:600 10.5px var(--mono);color:var(--mut)}
.dstrip a.on{border-color:var(--grn);background:var(--grnbg);color:var(--tx)}
.dstrip a.on span{color:var(--grn)}
.dstrip a.nav{min-width:38px;font-size:18px;color:var(--mut)}

.chips{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0 16px}
.chips a{display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);
  background:var(--panel);font:600 12.5px var(--font);color:var(--tx2)}
.chips a b{font:700 10px/1 var(--mono);color:var(--mut)}
.chips a:hover{border-color:var(--grn);color:var(--tx)}

/* ---------- layout ---------- */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.main{min-width:0}
.side{display:flex;flex-direction:column;gap:14px;position:sticky;top:118px}

/* ---------- league block ---------- */
.lblock{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;overflow:hidden}
.lhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;
  background:var(--panel2);border-bottom:1px solid var(--line)}
.lhead.static{cursor:default}
.lhead a{display:flex;align-items:baseline;gap:8px;min-width:0}
.lname{font:700 13.5px var(--font);color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lmeta{font:500 11.5px var(--font);color:var(--mut);white-space:nowrap}
.lright{display:flex;align-items:center;gap:8px}
.lright .cnt{font:700 10.5px/1 var(--mono);color:var(--mut);background:var(--panel3);padding:4px 7px;border-radius:5px}
.livedot{font:700 10px/1 var(--mono);color:var(--grn);background:var(--grnbg);padding:4px 7px;border-radius:5px;text-transform:uppercase}
.livedot.sm{font-size:9px;padding:2px 5px;margin-left:6px}
.lrows{display:flex;flex-direction:column}
.lrows.boxed{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}

/* ---------- match row ---------- */
.mrow{display:grid;grid-template-columns:44px minmax(0,1fr) 56px auto;align-items:center;gap:10px;
  padding:9px 14px;border-bottom:1px solid var(--line);color:var(--tx);transition:background .12s}
.mrow:last-child{border-bottom:0}
.mrow:hover{background:var(--panel2);color:var(--tx)}
.mrow.is-live{background:linear-gradient(90deg,rgba(49,209,109,.055),transparent 55%)}
.mtime{font:600 11.5px/1.3 var(--mono);color:var(--mut);text-align:center}
.mteams{display:flex;flex-direction:column;gap:2px;min-width:0}
.trow{display:flex;align-items:center;gap:8px;min-width:0}
.tname{font:500 14px var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.tsc{font:700 14px/1.2 var(--mono);min-width:16px;text-align:right;color:var(--tx)}
.mrow.is-live .tsc{color:var(--grn)}
.mstate{text-align:center}
.mstate em{font:600 10.5px/1 var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.04em}
.lvmin{color:var(--grn)}
.ftl{color:var(--mut)}
.upl{color:#5b6d7d;font-size:10px}
.odds{display:grid;grid-template-columns:repeat(3,50px);gap:5px}
.odds.empty{display:none}
.oc{display:grid;place-items:center;font:600 11.5px/1 var(--mono);padding:7px 0;border-radius:6px;
  background:var(--panel2);color:var(--tx2);border:1px solid var(--line)}
.mrow:hover .oc{background:var(--panel3)}
.lg{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;overflow:hidden}
.lg img{width:20px;height:20px;object-fit:contain}
.lg.ph,.lg i{font:700 10px/1 var(--mono);color:var(--mut);font-style:normal;
  background:var(--panel3);border-radius:4px;display:grid;place-items:center;width:20px;height:20px}
.lg.sm{width:17px;height:17px;flex-basis:17px}
.lg.sm img{width:17px;height:17px}
.lg.xl{width:64px;height:64px;flex-basis:64px}
.lg.xl img{width:64px;height:64px}
.lg.xxl{width:84px;height:84px;flex-basis:84px}
.lg.xxl img{width:84px;height:84px}

/* ---------- match page ---------- */
.mhero{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);
  border-radius:16px;padding:16px 18px 22px;margin-bottom:16px}
.mhero.live{border-color:rgba(49,209,109,.4);box-shadow:0 0 0 1px rgba(49,209,109,.08),0 14px 40px -24px rgba(49,209,109,.5)}
.mh-top{display:flex;gap:10px;align-items:center;font:600 12px var(--font);color:var(--mut);flex-wrap:wrap}
.mh-top a{color:var(--tx2)}
.mh-top time{margin-left:auto;font:500 12px var(--mono)}
.mh-body{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-top:18px}
.mh-team a{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.mh-team span{font:700 15px/1.25 var(--font)}
.mh-team.away a{order:0}
.mh-score{display:flex;align-items:baseline;gap:6px;justify-content:center;flex-wrap:wrap;min-width:120px}
.mh-score b{font:800 38px/1 var(--mono);letter-spacing:-.03em}
.mh-hero .mh-score b{}
.mh-score i{font:400 26px/1 var(--mono);color:var(--mut);font-style:normal}
.mh-score em{flex-basis:100%;text-align:center;font:700 12px/1 var(--mono);font-style:normal;
  text-transform:uppercase;letter-spacing:.1em}
.mh-score b.ko{font-size:26px;color:var(--tx)}
.obox{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-bottom:16px}
.obox h3{font:700 13px var(--font);margin-bottom:10px;display:flex;gap:8px;align-items:baseline}
.obox h3 small{font:600 10.5px var(--mono);color:var(--mut);text-transform:uppercase}
.ogr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ocell{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel2);
  border:1px solid var(--line);border-radius:8px;padding:9px 12px;min-width:0}
.ocell span{font:500 12.5px var(--font);color:var(--tx2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ocell b{font:700 14px/1 var(--mono);color:var(--grn)}
.sbox{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-bottom:14px}
.sbox h3{font:700 13.5px var(--font);margin-bottom:10px}
.dlist{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:0}
.dlist div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding-bottom:6px}
.dlist dt{color:var(--mut);font:500 12.5px var(--font)}
.dlist dd{margin:0;font:600 12.5px var(--mono);text-align:right}
.mkt{margin-bottom:12px}
.mkt h4{font:600 12px var(--font);color:var(--tx2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}
.mouts{display:flex;gap:6px;flex-wrap:wrap}
.mouts span{display:flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);
  border-radius:7px;padding:6px 10px;min-width:96px}
.mouts i{font:500 11.5px var(--font);color:var(--mut);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
.mouts b{font:700 12.5px/1 var(--mono);margin-left:auto;color:var(--tx)}
.fine{font-size:11px;color:var(--mut);margin:6px 0 0}

/* ---------- standings ---------- */
.stbl{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:18px;overflow:hidden}
.stscroll{overflow-x:auto}
.stbl table{width:100%;border-collapse:collapse;font:600 12.5px var(--mono)}
.stbl th{font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--mut);
  text-align:center;padding:9px 6px;border-bottom:1px solid var(--line);white-space:nowrap}
.stbl th.tl,.stbl td.tl{text-align:left}
.stbl td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}
.stbl tr:last-child td{border-bottom:0}
.stbl tbody tr:hover{background:var(--panel2)}
.stbl td.pos{color:var(--mut)}
.stbl td.pts{color:var(--tx);font-weight:800}
.stteam{display:flex;align-items:center;gap:8px;min-width:0}
.stteam a{font:500 13px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.stbl th.form,.stbl td.form{text-align:left;color:var(--mut);font-size:11px}
.stnote{padding:8px 14px;font:500 11px var(--font);color:var(--mut);border-top:1px solid var(--line)}

/* ---------- sidebar ---------- */
.scard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.scard h3{font:700 12.5px var(--font);text-transform:uppercase;letter-spacing:.1em;color:var(--mut);
  margin-bottom:10px;display:flex;align-items:center;gap:8px}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--grn);box-shadow:0 0 0 3px rgba(49,209,109,.15);animation:pulse 1.5s infinite}
.slist{display:flex;flex-direction:column;gap:8px}
.srow{display:grid;gap:2px;padding:8px;border-radius:8px;background:var(--panel2);border:1px solid var(--line)}
.srow:hover{border-color:var(--grn)}
.sleague{font:600 10px var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.steams{font:500 12.5px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.steams b{font:700 12.5px var(--mono);color:var(--grn)}
.smin{font:700 10px var(--mono);color:var(--grn)}
.scard .more{display:block;margin-top:10px;font:600 12px var(--font);color:var(--grn)}
.plist{display:flex;flex-direction:column;gap:2px}
.plist a{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:7px;font:500 13px var(--font);color:var(--tx2)}
.plist a:hover{background:var(--panel2);color:var(--tx)}
.plist b{font:700 11px/1 var(--mono);color:var(--mut)}
.note p{margin:0;font-size:12px;color:var(--mut);line-height:1.55}

/* ---------- misc ---------- */
.crumbs{display:flex;gap:7px;flex-wrap:wrap;font:500 11.5px var(--font);color:var(--mut);margin:4px 0 10px}
.crumbs a{color:var(--mut)}
.crumbs a:hover{color:var(--grn)}
.crumbs i{font-style:normal;color:#3d5061}
.empty{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:28px 20px;text-align:center}
.empty h2{font-size:18px;margin-bottom:8px}
.empty p{color:var(--mut);margin:0 0 14px}
.seotext{margin-top:26px;border-top:1px solid var(--line);padding-top:16px;color:var(--tx2);font-size:13.5px;line-height:1.65}
.seotext h2{font-size:15px;margin-bottom:8px;color:var(--tx)}
.seotext p{margin:0 0 10px}
.seotext a{color:var(--grn)}
.thero{display:flex;align-items:center;gap:16px;margin:6px 0 18px}
.thero h1{font-size:26px}
.thero p{margin:2px 0 0;color:var(--mut);font-size:13px}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:22px}
.lcol h4{font:700 12px var(--font);color:var(--mut);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.lcol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.lcol li{display:flex;align-items:center;font-size:13px;color:var(--tx2)}
.lcol a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bigsearch{display:flex;gap:8px;margin:8px 0 16px;max-width:560px}
.bigsearch input{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 14px;color:var(--tx);font:14px var(--font);outline:none}
.bigsearch input:focus{border-color:var(--grn)}
.bigsearch button{background:var(--grn);border:0;color:#06120a;font:700 14px var(--font);padding:0 20px;border-radius:10px;cursor:pointer}
.sres{color:var(--mut);font-size:13px;margin:0 0 12px}
.nf{text-align:center;padding:60px 20px}
.nf h1{font-size:30px;margin-bottom:10px}
.nf p{color:var(--mut);margin:0 0 18px}

/* ---------- footer ---------- */
.ft{border-top:1px solid var(--line);background:rgba(16,26,34,.55);margin-top:30px}
.fwrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px;padding:30px 16px}
.fcol p{color:var(--mut);font-size:12.5px;line-height:1.6;margin:10px 0 0;max-width:320px}
.fcol h4{font:700 11px var(--font);text-transform:uppercase;letter-spacing:.12em;color:var(--mut);margin-bottom:9px}
.fcol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--tx2)}
.fcol a:hover{color:var(--grn)}
.fbot{max-width:1200px;margin:0 auto;padding:14px 16px 26px;display:flex;justify-content:space-between;gap:14px;
  flex-wrap:wrap;border-top:1px solid var(--line);color:#5d707f;font-size:11.5px}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .cols{grid-template-columns:1fr}
  .side{position:static;flex-direction:row;flex-wrap:wrap}
  .side>*{flex:1 1 260px}
  .fwrap{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .hsearch{display:none}
  .odds{display:none}
  .mrow{grid-template-columns:38px minmax(0,1fr) 46px;gap:8px;padding:8px 11px}
  .mstate em.upl{display:none}
  .pttl{font-size:21px}
  .mh-body{grid-template-columns:1fr auto 1fr;gap:8px}
  .mh-score b{font-size:30px}
  .lg.xl,.lg.xl img{width:48px;height:48px;flex-basis:48px}
  .mh-team span{font-size:12.5px}
  .dlist{grid-template-columns:1fr}
  .hlinks{display:none}
  .fwrap{grid-template-columns:1fr;gap:18px}
}
@media (max-width:520px){
  .swrap a span{display:none}
  .swrap a{padding:10px 12px;font-size:15px}
  .swrap a i{font-size:16px}
  .mh-body{grid-template-columns:1fr auto 1fr}
  .mh-team span{font-size:11.5px}
  .stteam a{max-width:130px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}