/* ZORATIPS – site styles: black & gold premium, Sora headings, Inter text. (Built on the shared prediction-site base.)
   Light and dark modes. Upload to: public_html/assets/site.css */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/sora-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/sora-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/sora-latin-800-normal.woff2) format('woff2')}
:root{
  --bg:#0e0f12;--bg2:#121417;--card:#17191d;--card2:#1d2025;--line:rgba(200,200,210,.12);--line2:rgba(200,200,210,.2);
  --tint:rgba(255,255,255,.035);--tint2:rgba(255,255,255,.07);
  --head:#f6f6f8;--text:#e4e4e8;--muted:#a6a6ae;--faint:#8a8a94;
  --lime:#e5b000;--lime-t:#e5b000;--lime-soft:rgba(5,150,105,.12);--lime-line:rgba(5,150,105,.4);--ink:#15130e;
  --ok:#2fd18a;--ok-soft:rgba(61,214,140,.14);--no:#ff6369;--no-soft:rgba(255,99,105,.13);
  --amber:#f2b42a;--amber-t:#f2b42a;--amber-soft:rgba(242,180,42,.13);--gold:#f2b42a;--blue:#5aa9ff;--draw:#6b7a90;
  --meter:#e5b000;--on-bg:#e5b000;--on-fg:#15130e;
  --top:#15130e;--bnav:rgba(21,23,27,.97);
  --hero:#15130e;--mh:#15130e;--glow1:transparent;--glow2:transparent;
  --disp:'Sora',ui-sans-serif,system-ui,sans-serif;
  --body:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --r:14px;--shadow:0 1px 2px rgba(0,0,0,.28);--shadow2:none;
  color-scheme:dark;
}
:root[data-theme=light]{
  --bg:#f6f5f1;--bg2:#ffffff;--card:#ffffff;--card2:#fbfaf7;--line:#e6e3dc;--line2:#d6d2c9;
  --tint:rgba(21,23,27,.035);--tint2:rgba(21,23,27,.065);
  --head:#15130e;--text:#24242a;--muted:#5b5b63;--faint:#6c6c75;
  --lime:#e5b000;--lime-t:#c99700;--lime-soft:#e8f6f0;--lime-line:#86d4b5;--ink:#15130e;
  --ok:#12855a;--ok-soft:rgba(18,133,90,.1);--no:#d7263d;--no-soft:rgba(215,38,61,.08);
  --amber:#e8a400;--amber-t:#895a00;--amber-soft:#fdf1d2;--gold:#b7860b;--blue:#2563eb;--draw:#a3aebb;
  --meter:#c99700;--on-bg:#15130e;--on-fg:#ffffff;
  --bnav:rgba(255,255,255,.97);
  --shadow:0 1px 2px rgba(21,23,27,.06),0 2px 6px rgba(21,23,27,.04);--shadow2:none;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:15.5px/1.6 var(--body);-webkit-font-smoothing:antialiased;padding-bottom:calc(64px + env(safe-area-inset-bottom));transition:background .2s,color .2s}
@media (min-width:900px){body{padding-bottom:0}}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 500px at 85% -10%,var(--glow1),transparent 60%),radial-gradient(800px 600px at -10% 10%,var(--glow2),transparent 60%)}
a{color:var(--lime-t);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
h1,h2,h3{font-family:var(--disp);letter-spacing:-.02em;line-height:1.15;margin:0 0 .5em;color:var(--head)}
h1{font-size:clamp(28px,4.6vw,46px);font-weight:800}
h2{font-size:clamp(21px,2.8vw,27px);font-weight:700;margin-top:1.6em}
h3{font-size:17px;font-weight:700}
p{margin:0 0 1em}
b,strong{color:var(--head)}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--lime);color:var(--ink);padding:8px 12px;border-radius:8px}
:focus-visible{outline:2px solid var(--lime-t);outline-offset:2px}
.ok{color:var(--ok)}.no{color:var(--no)}

/* ── header (always dark – brand frame, both modes) ── */
.hd,.util,.foot{--bg:#12100b;--bg2:#15130d;--card:#17191d;--card2:#1d2025;--line:rgba(200,200,210,.13);--line2:rgba(200,200,210,.22);--tint:rgba(255,255,255,.04);--tint2:rgba(255,255,255,.08);
  --head:#fff;--text:#e2e8f0;--muted:#b4b4bc;--faint:#8494ac;--lime-t:#e5b000;--lime-soft:rgba(5,150,105,.1);--lime-line:rgba(5,150,105,.4);--shadow:0 24px 48px rgba(0,0,0,.4);color-scheme:dark;color:var(--text)}
.util{display:none;background:#12100b;font-size:12.5px;border-bottom:1px solid var(--line)}
@media (min-width:900px){.util{display:block}}
.util-in{display:flex;align-items:center;gap:18px;height:34px}
.util-d{color:var(--muted)}
.util a{color:#cbd5e1;text-decoration:none}.util a:hover{color:#e5b000}
.util-live{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#ff98a5!important}
.util-live i{width:7px;height:7px;border-radius:50%;background:#fb6b7d;box-shadow:0 0 0 3px rgba(251,107,125,.25);animation:pulse 1.6s infinite}
.util-r{margin-left:auto;display:flex;gap:18px;align-items:center}
.r18{padding:2px 9px;border-radius:999px;border:1px solid rgba(251,107,125,.45);color:#ffb3bc!important;font-weight:700;font-size:11.5px}
.hd{position:sticky;top:0;z-index:40;background:rgba(14,15,18,.92);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.hd:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#e5b000 30%,#60a5fa 70%,transparent);opacity:.7}
.top-in{display:flex;align-items:center;gap:12px;height:64px}
.logo{display:inline-flex;align-items:center;gap:10px;color:var(--head);font:800 22px var(--disp);letter-spacing:-.035em;text-decoration:none!important}
.logo b{color:var(--lime-t);font-weight:800}
:root[data-theme=light] main .logo b{color:var(--lime-t)}
.logo svg{flex:none;border-radius:10px;box-shadow:0 0 0 1px rgba(5,150,105,.35),0 6px 18px rgba(5,150,105,.18)}
.nav{display:none;align-items:stretch;align-self:stretch;gap:0;margin-left:20px}
.nav>a,.dd-btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0 13px;color:var(--muted);font:600 14.5px var(--body);background:none;border:0;cursor:pointer;text-decoration:none!important;transition:color .15s}
.nav>a:hover,.dd-btn:hover,.dd-btn[aria-expanded=true],.nav>a[aria-current],.dd-btn.cur{color:#fff}
.nav>a:after,.dd-btn:after{content:"";position:absolute;left:13px;right:13px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--lime);transform:scaleX(0);transition:transform .18s}
.nav>a:hover:after,.nav>a[aria-current]:after,.dd-btn[aria-expanded=true]:after,.dd-btn.cur:after{transform:scaleX(1)}
.dd-btn svg{transition:transform .15s;opacity:.7}
.dd-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.top-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.hsearch{display:none;align-items:center;gap:8px;height:40px;width:230px;padding:0 12px;border-radius:12px;background:var(--tint);border:1px solid var(--line2);color:var(--faint);transition:border-color .15s,width .2s}
.hsearch input{flex:1;min-width:0;background:none;border:0;color:#fff;font:14px var(--body);outline:none}
.hsearch input::placeholder{color:var(--faint)}
.hsearch:focus-within{border-color:var(--lime-line);width:260px}
.icon-btn,.burger{width:40px;height:40px;border:1px solid var(--line2);border-radius:12px;background:var(--tint);color:var(--head);display:inline-grid;place-items:center;cursor:pointer;transition:border-color .15s}
.icon-btn:hover,.burger:hover{border-color:var(--lime-line)}
.theme .sun{display:none}
:root[data-theme=light] .theme .sun{display:block}:root[data-theme=light] .theme .moon{display:none}
.tgi{color:#38b6f0}
.burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.burger span{width:18px;height:2px;background:var(--head);border-radius:2px;transition:transform .2s,opacity .2s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.cta-top{display:none;box-shadow:0 6px 20px rgba(5,150,105,.22)}
@media (min-width:1080px){.nav{display:flex}.burger{display:none}.cta-top{display:inline-flex}}
@media (min-width:1240px){.hsearch{display:flex}}
/* sub-nav: days · slips · markets */
.sub{border-top:1px solid var(--line);background:rgba(255,255,255,.015)}
.sub-in{display:flex;align-items:center;overflow-x:auto;height:44px;scrollbar-width:none}
.sub-in::-webkit-scrollbar{display:none}
.sub a{flex:none;position:relative;display:inline-flex;align-items:center;gap:5px;height:44px;padding:0 11px;color:var(--muted);font:600 13.5px var(--body);white-space:nowrap;text-decoration:none!important;transition:color .15s}
.sub a:hover{color:#fff}
.sub a.on{color:var(--lime)}
.sub a.on:after{content:"";position:absolute;left:11px;right:11px;bottom:0;height:2px;border-radius:2px;background:var(--lime)}
.sub .sep{flex:none;width:1px;height:16px;background:var(--line2);margin:0 6px}
.sub .star{color:var(--gold)}
.sub a:last-child{color:var(--lime-t);padding-right:28px}
/* mega dropdowns */
.dd{position:absolute;left:0;right:0;top:100%;background:#15130d;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.45);animation:ddin .15s ease-out}
.dd[hidden]{display:none}
@keyframes ddin{from{opacity:0;transform:translateY(-6px)}}
.dd-in{padding:24px 16px 28px}
.dd-4{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.dd h4,.mnav h4{margin:0 0 10px;font:700 11px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.dd-4 a{display:block;padding:7px 0;color:var(--text);font-size:14.5px;text-decoration:none;transition:color .12s,transform .12s}
.dd-4 a:hover{color:var(--lime);transform:translateX(3px)}
.dd-all{color:var(--lime)!important;font-weight:700;margin-top:6px}
.dd-card{margin-top:14px;padding:16px;border-radius:16px;background:linear-gradient(135deg,rgba(5,150,105,.14),rgba(96,165,250,.06));border:1px solid var(--lime-line)}
.dd-card b{display:block;font:700 15px var(--disp)}.dd-card span{display:block;color:var(--muted);font-size:13px;margin:4px 0 10px}
.dd-card .btn{display:inline-flex;padding:7px 12px}
.dd-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dd-tip{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:14px;border:1px solid transparent;color:var(--head);text-decoration:none!important;transition:background .12s,border-color .12s}
.dd-tip:hover{background:var(--card);border-color:var(--line2)}
.dd-tip .slip-ic{width:40px;height:40px;font-size:13px;border-radius:12px;flex:none}
.dd-tip b{display:block;font-size:14.5px}.dd-tip small{display:block;color:var(--muted);font-size:12.5px;line-height:1.35}
.dd-tip.all .slip-ic{background:#fff;color:#ffffff}
.dd-lg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 10px}
.dd-lg a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;color:var(--head);text-decoration:none!important}
.dd-lg a:hover{background:var(--card)}
.dd-lg img,.nf{width:22px;height:15px;border-radius:3px;flex:none;object-fit:cover;background:var(--tint2);display:inline-block}
.dd-lg b{display:block;font-size:14px}.dd-lg small{display:block;color:var(--faint);font-size:12px}
.dd-more{display:inline-block;margin-top:14px;font-weight:700;color:var(--lime)}
/* phone menu sheet */
.mnav{display:block;max-height:calc(100vh - 108px);overflow-y:auto;padding:16px 16px 90px;border-top:1px solid var(--line);background:#15130d}
.mnav[hidden]{display:none}
@media (min-width:1080px){.mnav:not(.side){display:none!important}}
.mnav a{color:var(--head);text-decoration:none}
.msearch input{width:100%;height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:var(--card);color:#fff;font:15px var(--body);margin-bottom:14px}
.m-days{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.m-days a{padding:12px 0;text-align:center;border-radius:12px;background:var(--lime);color:#ffffff!important;font-weight:800}
.m-days a+a{background:var(--card);color:var(--head)!important;border:1px solid var(--line2)}
.m-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.m-grid a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--head);font-size:14px;font-weight:600;min-width:0}
.m-grid .slip-ic{width:28px;height:28px;font-size:11px;border-radius:8px}
.m-grid img,.m-grid .nf{width:20px;height:14px;border-radius:2px}
.m-links{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:6px}
.m-links a{color:var(--muted);font-size:14px}

/* ── bottom bar (phones) ── */
.bnav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);background:var(--bnav);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.bnav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 9px;color:var(--muted);font:600 11px var(--body);text-decoration:none}
.bnav svg{width:22px;height:22px}
.bnav a:hover,.bnav a.on{color:var(--lime-t)}
:root:not([data-theme=light]) .bnav a.on{color:var(--lime)}
@media (min-width:900px){.bnav{display:none}}

/* ── page parts ── */
main{padding-top:18px;padding-bottom:40px;min-height:60vh}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px;color:var(--faint);margin:2px 0 14px}
.crumbs a{color:var(--muted)}
.kick{display:inline-flex;align-items:center;gap:8px;font:700 11.5px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--lime-t)}
.kick:before{content:"";width:18px;height:2px;background:currentColor;border-radius:2px}
.ph{margin:6px 0 18px}
.ph p{color:var(--muted);max-width:720px;font-size:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;font:700 14.5px var(--body);text-decoration:none!important;border:0;cursor:pointer;transition:transform .12s,background .12s,border-color .12s}
.btn:active{transform:translateY(1px)}
.btn.lime{background:var(--lime);color:var(--ink)}
.btn.lime:hover{background:#d4ff4d}
.btn.ghost{background:var(--tint);color:var(--head);border:1px solid var(--line2)}
.btn.ghost:hover{border-color:var(--lime-line);color:var(--lime-t)}
.btn.sm{padding:8px 13px;font-size:13px;border-radius:10px}
.empty{padding:22px;border:1px dashed var(--line2);border-radius:var(--r);color:var(--muted);text-align:center;background:var(--card)}
.tabs{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--card);border:1px solid var(--line);margin:0 0 14px;box-shadow:var(--shadow2)}
.tabs a{padding:8px 16px;border-radius:10px;color:var(--muted);font:700 14px var(--body);text-decoration:none}
.tabs a.on{background:var(--lime);color:var(--ink)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
:root:not([data-theme=light]) .card{background:linear-gradient(180deg,var(--card2),var(--card))}
.grid2{display:grid;gap:14px}
@media (min-width:860px){.grid2{grid-template-columns:1fr 1fr}}
.grid3{display:grid;gap:14px}
@media (min-width:860px){.grid3{grid-template-columns:repeat(3,1fr)}}
.grid2>*,.grid3>*{min-width:0}

/* ── hero (stays dark in both modes – brand moment) ── */
.hero{position:relative;overflow:hidden;border-radius:24px;padding:30px 22px;margin:4px 0 22px;background:var(--hero);border:1px solid rgba(200,200,210,.2);color:#ececf0;box-shadow:var(--shadow)}
.hero:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:2px solid rgba(5,150,105,.18);box-shadow:0 0 0 60px rgba(5,150,105,.03),0 0 0 120px rgba(5,150,105,.02)}
.hero .kick{color:#e5b000}
.hero h1{max-width:760px;margin:12px 0 10px;color:#fff}
.hero h1 em{font-style:normal;color:#e5b000}
.hero p{color:#b4c0dc;max-width:640px;font-size:16.5px}
.hero .cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;position:relative;z-index:1}
.hero .btn.ghost{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;max-width:620px;position:relative;z-index:1}
.stats div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.stats b{display:block;font:800 24px var(--disp);color:#fff}
.stats span{font-size:12px;color:#b4b4bc}
@media (min-width:860px){.hero{padding:44px 40px}}

/* ── match of the day ── */
.motd{display:grid;gap:16px;align-items:center;padding:20px;border-radius:20px;background:linear-gradient(135deg,var(--lime-soft),transparent 65%),var(--card);border:1px solid var(--lime-line);margin-bottom:22px;color:var(--head);text-decoration:none!important;box-shadow:var(--shadow)}
@media (min-width:860px){.motd{grid-template-columns:1.2fr 1fr auto;padding:24px 28px}}
.motd .kick{margin-bottom:8px}
.motd-t{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:700 20px var(--disp)}
.motd-t img{width:34px;height:34px}
.motd-t i{font-style:normal;color:var(--faint);font-size:14px}
.motd small{display:block;color:var(--muted);font-size:13px;margin-top:6px}
.motd-p{display:flex;align-items:center;gap:14px}
.motd-p .pk-tag{font-size:16px;height:36px;padding:0 12px}
.motd-p p{margin:0;color:var(--muted);font-size:13.5px}
.motd-p p b{display:block;font-size:15px}

/* ── match rows (fixtures) ── */
.lg{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:14px;box-shadow:var(--shadow2)}
.lg-h{display:flex;align-items:center;gap:9px;margin:0;padding:12px 16px;font:700 14px var(--body);color:var(--head);background:linear-gradient(90deg,var(--tint2),var(--tint) 60%,transparent);border-bottom:1px solid var(--line);letter-spacing:0}
.lg-h img{border-radius:3px;box-shadow:0 0 0 1px var(--line)}
.lg-h .lg-c{color:var(--faint);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
.lg-h a{color:var(--head)}
.lg-h small{margin-left:auto;color:var(--faint);font-weight:600;font-size:12px}
.lg-h .lg-go{padding:3px 9px;border-radius:8px;border:1px solid var(--line2);color:var(--lime-t);font-size:12px;font-weight:700;text-decoration:none}
.lg-h .lg-go:hover{border-color:var(--lime-line)}
.mrw{position:relative;border-top:1px solid var(--line)}
.lg-h+.mrw,.lg>.mrw:first-child{border-top:0}
.mrw[hidden]{display:none}
.mr{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 50px 12px 14px;color:var(--text);text-decoration:none!important;transition:background .12s}
.mr:hover{background:var(--tint)}
.mr[hidden]{display:none}
.mr-t{font:700 12.5px var(--body);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.mr-t time{display:block;padding:5px 0;border-radius:9px;background:var(--tint2);color:var(--head);font:700 13px var(--disp)}
.mr-t small{display:block;color:var(--amber-t);font-size:11.5px}
.live{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:8px;background:var(--no-soft);color:var(--no);font-weight:800;animation:pulse 1.6s infinite}
.et{display:block;color:var(--amber-t);font-size:9.5px;text-transform:uppercase;line-height:1.15}
.ft{display:inline-block;padding:3px 8px;border-radius:8px;background:var(--tint2);color:var(--muted);font-weight:800;font-size:11.5px}.off{color:var(--no);font-size:10px}
@keyframes pulse{50%{opacity:.5}}
.mr-teams{display:flex;flex-direction:column;gap:6px;min-width:0}
.tm{display:flex;align-items:center;gap:9px;min-width:0}
.tm img,.noimg{flex:none;border-radius:50%;background:var(--tint2);object-fit:contain}
.tm b{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.tm.w b{color:var(--head);font-weight:800}
.tm .sc{margin-left:auto;min-width:22px;text-align:center;font:800 14.5px var(--disp);font-style:normal;color:var(--head)}
.xt{display:inline-block;align-self:flex-start;padding:1px 7px;border-radius:6px;background:var(--amber-soft);color:var(--amber-t);font:700 10.5px var(--body)}
.mr-x{display:none}
.mr-pk{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.pk-c{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0}
.pk-c small{display:none;color:var(--muted);font-size:12px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-tag{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 10px;border-radius:9px;background:var(--lime-soft);border:1px solid var(--lime-line);color:var(--lime-t);font:800 13.5px var(--disp);white-space:nowrap}
.pk-tag.val{background:var(--amber-soft);border-color:rgba(245,196,81,.5);color:var(--amber-t)}
.pk-n{display:flex;flex-direction:column;align-items:center;gap:2px}
.pk-n small{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}
.ring{--v:50;position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--lime) calc(var(--v)*1%),var(--tint2) 0)}
:root[data-theme=light] .ring{background:conic-gradient(#65a30d calc(var(--v)*1%),var(--tint2) 0)}
.ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--card)}
.ring b{position:relative;font:800 12.5px var(--disp);color:var(--head)}
.ring b i{font-style:normal;font-size:8.5px;color:var(--muted)}
.ring.big{width:64px;height:64px}.ring.big:before{inset:6px}.ring.big b{font-size:19px}
.mr .ok,.mr .no{font-weight:900;font-size:16px}
.mr.r-won{box-shadow:inset 3px 0 0 var(--ok)}.mr.r-lost{box-shadow:inset 3px 0 0 var(--no)}
.mr.r-won .pk-tag{background:var(--ok);border-color:var(--ok);color:#fff}
.mr.r-lost .pk-tag{background:var(--no-soft);border-color:transparent;color:var(--no)}
.mr.is-live{box-shadow:inset 3px 0 0 var(--no);background:linear-gradient(90deg,var(--no-soft),transparent 30%)}
.mr .go{display:none;color:var(--faint);transition:transform .15s}
.mr:hover .go{transform:translateX(3px);color:var(--lime-t)}
.hot{display:inline-block;margin-left:6px;padding:0 6px;border-radius:5px;background:var(--no-soft);color:var(--no);font:800 9.5px/16px var(--body);letter-spacing:.06em;vertical-align:1px}
@media (min-width:760px){
  .mr{grid-template-columns:60px minmax(0,1fr) 192px auto;gap:16px;padding:12px 56px 12px 16px}
  .mr-x{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
  .mr-x>span{display:flex;flex-direction:column;align-items:center;padding:5px 0;border-radius:10px;background:var(--tint);border:1px solid var(--line);line-height:1.2;font-variant-numeric:tabular-nums}
  .mr-x small{font:700 10px var(--body);color:var(--faint);letter-spacing:.08em}
  .mr-x b{font:700 13.5px var(--disp);color:var(--head)}
  .mr-x em{font-style:normal;font-size:11px;color:var(--muted)}
  .mr-x .on{background:var(--lime-soft);border-color:var(--lime-line)}
  .mr-x .on b{color:var(--lime-t)}
  .mr-x .hit{box-shadow:inset 0 -3px 0 var(--ok)}
}
@media (min-width:1000px){.mr{grid-template-columns:62px minmax(0,1fr) 200px minmax(230px,auto)}.pk-c small{display:block}}
@media (max-width:600px){
  .mr{grid-template-columns:48px minmax(0,1fr) auto;gap:9px;padding:11px 44px 11px 12px}
  .ring{width:36px;height:36px}.pk-tag{min-width:38px;height:28px;padding:0 8px;font-size:12.5px}
}
.more-btn{display:flex;width:100%;margin:6px 0 18px}
.more-wrap[hidden]{display:none}

/* quick filters on prediction lists */
.filters{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;margin-bottom:4px;scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
.filters button{flex:none;padding:8px 13px;border-radius:999px;background:var(--card);border:1px solid var(--line2);color:var(--text);font:600 13px var(--body);cursor:pointer;white-space:nowrap}
.filters button:hover{border-color:var(--lime-line)}
.filters button.on{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.filters button i{font-style:normal;opacity:.65;margin-left:4px}
.fcount{color:var(--muted);font-size:13px;margin:-6px 0 12px}

/* ── sections ── */
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:30px 0 12px}
.sec-h h2{margin:0}
.sec-h a{font:700 14px var(--body);white-space:nowrap}
.sec-h p{margin:4px 0 0;color:var(--muted);font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{padding:9px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--head);font:600 13.5px var(--body);text-decoration:none}
.chips a:hover,.chips a.on{border-color:var(--lime-line);color:var(--lime-t)}

/* ── ready-made tips (slips) ── */
.slips{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.slip{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.slip:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--lime),#5aa2ff)}
.slip.s-won:before{background:var(--ok)}.slip.s-lost:before{background:var(--no)}
.slip-h{display:flex;align-items:center;gap:12px;padding:16px 16px 12px}
.slip-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font:800 15px var(--disp)}
.slip-t{flex:1;min-width:0}
.slip-t small{display:block;font:700 10.5px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.slip-t h2,.slip-t h3{margin:2px 0 0;font-size:18px;letter-spacing:-.01em}
.slip-t h2 a,.slip-t h3 a{color:var(--head)}
.slip-o{text-align:right}
.slip-o small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.slip-o b{display:inline-block;margin-top:2px;padding:4px 10px;border-radius:10px;background:var(--head);color:var(--bg2);font:800 18px var(--disp);font-variant-numeric:tabular-nums}
.slip ol{list-style:none;margin:0;padding:0 16px;flex:1}
.slip li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px dashed var(--line2)}
.slip li:first-child{border-top:0}
.slip li .when{text-align:center;font:700 12px var(--body);color:var(--muted);font-variant-numeric:tabular-nums}
.slip li .when time,.slip li .when span{display:block;padding:3px 0;border-radius:7px;background:var(--tint);border:1px solid var(--line)}
.slip li .sc{display:block;margin-top:3px;font:800 13.5px var(--disp);color:var(--head)}
.slip li .m{min-width:0}
.slip li .m a{display:block;color:var(--head);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slip li .m small{display:block;color:var(--faint);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slip li .m em{display:block;font-style:normal;color:var(--muted);font-size:12.5px}
.slip li .p{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.slip li .p small{font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.slip li.r-won .pk-tag{background:var(--ok);color:#fff}.slip li.r-lost .pk-tag{background:var(--no);color:#fff}
.slip li.r-void .pk-tag{opacity:.5}
.slip-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid var(--line);background:var(--tint);font-size:13px;color:var(--muted)}
.slip-f .st{font-weight:800}
.copy{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;background:var(--lime);color:var(--ink);border:0;font:700 12.5px var(--body);cursor:pointer}
.copy.done{background:var(--ok);color:#fff}
.slip-wait{margin:0;padding:6px 16px 16px;color:var(--muted);font-size:14px;flex:1}
.slip-mini li{grid-template-columns:44px minmax(0,1fr) auto}

/* ── league cards ── */
.lgc{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.lgc a{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--head);text-decoration:none!important;transition:border-color .15s,transform .15s;box-shadow:var(--shadow2)}
.lgc a:hover{border-color:var(--lime-line);transform:translateY(-2px)}
.lgc b{font:700 16px var(--disp)}
.lgc small{color:var(--faint);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.lgc span{color:var(--muted);font-size:13.5px;line-height:1.5}
.lgc em{font-style:normal;color:var(--lime-t);font-size:12.5px;font-weight:700;margin-top:4px}

/* ── match page ── */
.mh{position:relative;overflow:hidden;border-radius:24px;padding:22px 18px;background:var(--mh);border:1px solid rgba(200,200,210,.2);margin-bottom:18px;color:#ececf0;box-shadow:var(--shadow)}
.mh-l{display:flex;align-items:center;justify-content:center;gap:8px;color:#b4b4bc;font-size:13px;margin-bottom:16px;text-align:center;flex-wrap:wrap}
.mh-l a{color:#cfcfd6}
.mh-t{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.mh-team{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0}
.mh-team img{width:58px;height:58px}
.mh-team h2{font-size:clamp(15px,2.6vw,22px);margin:0;color:#fff;word-break:normal;overflow-wrap:break-word;hyphens:auto}
.mh-mid{text-align:center;min-width:80px}
.mh-sc{font:800 clamp(30px,6vw,44px) var(--disp);color:#fff;letter-spacing:-.02em}
.mh-mid time,.mh-mid .ko{display:block;font:800 26px var(--disp);color:#fff}
.mh-mid small{display:block;color:#b4b4bc;font-size:12.5px;margin-top:4px}
.mh h1{font-size:clamp(19px,3vw,28px);text-align:center;margin:18px 0 0;color:#cfcfd6;font-weight:700}
.mh .fm-D{background:rgba(255,255,255,.1);color:#cfcfd6}
@media (min-width:860px){.mh{padding:30px 34px}.mh-team img{width:72px;height:72px}}
@media (max-width:600px){.mh-team img{width:48px;height:48px}.mh-mid time,.mh-mid .ko{font-size:22px}}

.verdict{display:grid;gap:16px;align-items:center;padding:20px;border-radius:20px;background:linear-gradient(135deg,var(--lime-soft),transparent 60%),var(--card);border:1px solid var(--lime-line);margin-bottom:16px;box-shadow:var(--shadow)}
@media (min-width:760px){.verdict{grid-template-columns:auto 1fr auto}}
.verdict .kick{margin-bottom:6px}
.verdict h2{margin:0;font-size:24px}
.verdict p{margin:6px 0 0;color:var(--muted);font-size:14px}
.v-num{display:flex;gap:18px;align-items:center}
.v-num div{text-align:center}
.v-num b{display:block;font:800 22px var(--disp)}
.v-num small{color:var(--faint);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em}
.rate{font:800 22px var(--disp);color:var(--lime-t)}
.rate i{font-style:normal;color:var(--faint);font-size:13px}
.valuebox{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--amber-soft);border:1px solid rgba(245,165,36,.4);margin-bottom:16px}
.valuebox p{margin:0;color:var(--muted);font-size:14px}
.quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:16px}
.quick div{padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow2)}
.quick small{display:block;color:var(--faint);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em}
.quick b{display:block;font:800 16px var(--disp);margin-top:3px}
.quick em{font-style:normal;color:var(--muted);font-size:12.5px}

.prob3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.prob3 div{padding:12px;border-radius:14px;background:var(--tint);border:1px solid var(--line);text-align:center;min-width:0}
.prob3 small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prob3 b{display:block;font:800 24px var(--disp);margin:2px 0}
.prob3 em{font-style:normal;font-size:12px;color:var(--faint)}
.prob3 .top{border-color:var(--lime-line);background:var(--lime-soft)}
.prob3 .top b{color:var(--lime-t)}

.mk{width:100%;border-collapse:collapse;font-size:14px}
.mk th{text-align:left;color:var(--faint);font:700 11px var(--body);text-transform:uppercase;letter-spacing:.08em;padding:0 8px 8px}
.mk td{padding:10px 8px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.mk td:first-child{color:var(--muted)}
.mk .val{color:var(--amber-t);font-weight:700}
.mk .pbar{display:inline-block;width:60px;height:5px;border-radius:5px;background:var(--tint2);vertical-align:middle;margin-left:8px;overflow:hidden}
.mk .pbar i{display:block;height:100%;background:var(--lime)}
.mk-wrap{overflow-x:auto}
@media (max-width:600px){.mk .pbar{display:none}.mk th,.mk td{padding-left:5px;padding-right:5px;font-size:13px}.prob3 b{font-size:20px}.prob3 div{padding:10px 6px}}

.csg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (min-width:600px){.csg{grid-template-columns:repeat(6,1fr)}}
.csg div{padding:10px 6px;border-radius:12px;background:var(--tint);border:1px solid var(--line);text-align:center}
.csg b{display:block;font:800 18px var(--disp)}
.csg small{color:var(--muted);font-size:12px}
.csg div:first-child{border-color:var(--lime-line)}

.fm{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;font:800 11.5px var(--body);font-style:normal;margin-right:3px}
.fm-W{background:var(--ok-soft);color:var(--ok)}.fm-D{background:var(--tint2);color:var(--muted)}.fm-L{background:var(--no-soft);color:var(--no)}
.form-t{width:100%;border-collapse:collapse;font-size:13.5px}
.form-t td{padding:8px 6px;border-top:1px solid var(--line);white-space:nowrap}
.form-t td:nth-child(2){white-space:normal;color:var(--muted)}
.form-t .s{font-weight:800;color:var(--head);text-align:right}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:12px}
.kv div{padding:10px;border-radius:12px;background:var(--tint);border:1px solid var(--line)}
.kv b{display:block;font:800 18px var(--disp)}
.kv small{color:var(--muted);font-size:12px}

.prose{font-size:16.5px;line-height:1.8;color:var(--text)}
.prose p{margin:0 0 1em}
.prose h2{font-size:22px}
.prose ul{padding-left:1.2em}.prose li{margin:.3em 0}
.prose li::marker{color:var(--lime-t)}
.prose a,.seo a{text-decoration:underline;text-decoration-color:var(--lime-line);text-underline-offset:3px}
.analysis{border-left:3px solid var(--lime);padding-left:18px}

.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{color:var(--faint);font:700 11px var(--body);text-transform:uppercase;letter-spacing:.06em;padding:8px 6px;text-align:center}
.tbl th:nth-child(2){text-align:left}
.tbl td{padding:9px 6px;border-top:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums}
.tbl td:nth-child(2){text-align:left;font-weight:600;color:var(--head);white-space:nowrap}
.tbl td:nth-child(2) img{width:18px;height:18px;vertical-align:-4px;margin-right:8px}
.tbl td:last-child b{color:var(--lime-t)}
.tbl tr.hl td{background:var(--lime-soft)}
.tbl .hide-s{display:none}
@media (min-width:640px){.tbl .hide-s{display:table-cell}}
.tbl-wrap{overflow-x:auto}

.faq details{border:1px solid var(--line);border-radius:14px;background:var(--card);margin-bottom:8px}
.faq summary{cursor:pointer;padding:14px 16px;font-weight:700;color:var(--head);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:right;color:var(--lime-t);font-size:20px;line-height:1}
.faq details[open] summary:after{content:"–"}
.faq p{margin:0;padding:0 16px 14px;color:var(--muted)}

.seo{margin-top:34px;padding:24px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.seo h2:first-child{margin-top:0}
.seo p,.seo li{color:var(--muted)}

/* ── footer (always dark) ── */
.foot{margin-top:90px;background:#05080f;border-top:1px solid var(--line)}
.foot a{text-decoration:none}
.foot-cta{position:relative;overflow:hidden;display:grid;gap:18px;align-items:center;margin-top:-56px;padding:26px 22px;border-radius:24px;background:radial-gradient(500px 220px at 100% 0%,rgba(96,165,250,.18),transparent 60%),linear-gradient(120deg,rgba(5,150,105,.16),transparent 55%),#1a1812;border:1px solid var(--lime-line);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.foot-cta h2{margin:8px 0 6px;font-size:clamp(21px,2.6vw,27px);color:#fff}
.foot-cta p{margin:0;color:var(--muted);font-size:14.5px;max-width:560px}
.foot-cta-b{display:flex;flex-wrap:wrap;gap:10px}
.foot-cta .btn.ghost{color:#fff}
@media (min-width:860px){.foot-cta{grid-template-columns:1fr auto;padding:30px 36px}}
.foot-in{display:grid;gap:28px 20px;grid-template-columns:1fr 1fr;padding-top:42px;padding-bottom:30px}
.foot-brand{grid-column:1/-1}
@media (min-width:960px){.foot-in{grid-template-columns:1.5fr 1fr 1fr 1fr .9fr}.foot-brand{grid-column:auto}}
.foot h2{font:700 11.5px var(--body);text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin:0 0 14px}
.foot-in div>a{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;padding:5px 0;transition:color .12s}
.foot-in div>a:hover{color:var(--lime)}
.foot-lg img{width:16px;height:12px;border-radius:2px;object-fit:cover}
.foot-brand p{color:var(--muted);font-size:14px;margin:14px 0 16px;max-width:340px}
.soc{display:flex;gap:8px}
.soc a{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--tint);border:1px solid var(--line2);color:var(--head)}
.soc a:hover{border-color:var(--lime-line);color:var(--lime)}
.foot-b{border-top:1px solid var(--line);background:#03060c}
.foot-b-in{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}
.foot-rg{display:flex;gap:12px;align-items:center;max-width:640px}
.foot-rg b{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--no);color:#fff;font:800 12px var(--disp)}
.foot-rg p{margin:0;color:var(--faint);font-size:13px}
.foot-rg a{color:var(--muted);text-decoration:underline}
.foot-c{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--faint);font-size:13px}
.foot-c a{color:var(--muted)}.foot-c a:hover{color:var(--lime)}

.ad-slot{margin:20px 0;text-align:center;min-height:100px}
.ad-slot small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}
.toast{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;padding:10px 16px;border-radius:12px;background:var(--head);color:var(--bg2);font-weight:700;font-size:14px;box-shadow:var(--shadow)}
.slips{align-items:start}
@media (min-width:860px){.slips.two{grid-template-columns:1fr 1fr}}
/* all leagues */
.lsearch{width:100%;max-width:480px;height:46px;padding:0 16px;border-radius:12px;border:1px solid var(--line2);background:var(--card);color:var(--text);font:15px var(--body);margin-bottom:16px}
.lsearch:focus{outline:2px solid var(--lime-t);outline-offset:1px}
.countries{columns:1;column-gap:14px}
@media (min-width:640px){.countries{columns:2}}@media (min-width:980px){.countries{columns:3}}
.cty{break-inside:avoid;margin:0 0 14px;padding:14px 14px 8px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow2)}
.cty[hidden]{display:none}
.cty h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:15px}
.cty h3 img{border-radius:2px}
.cty h3 small{margin-left:auto;color:var(--faint);font:600 12px var(--body)}
.cty a{display:flex;justify-content:space-between;gap:8px;padding:7px 4px;border-top:1px solid var(--line);color:var(--text);font-size:14px;text-decoration:none}
.cty a:hover{color:var(--lime-t)}
.cty a[hidden]{display:none}
.cty a i{font-style:normal;font-size:11.5px;font-weight:700;color:var(--lime-t);background:var(--lime-soft);border-radius:6px;padding:1px 7px}
/* categories */
.catg{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.catg a{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--head);text-decoration:none!important;box-shadow:var(--shadow2);transition:border-color .15s,transform .15s}
.catg a:hover{border-color:var(--lime-line);transform:translateY(-2px)}
.catg b{font:700 16px var(--disp)}.catg span{color:var(--muted);font-size:13.5px;line-height:1.5}.catg em{font-style:normal;color:var(--lime-t);font-size:12.5px;font-weight:700;margin-top:auto;padding-top:6px}
.catnav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-bottom:6px;scrollbar-width:none}
.catnav::-webkit-scrollbar{display:none}
.catnav a{flex:none}
.catnav a.on{background:var(--lime);border-color:var(--lime);color:var(--ink)}
@media (max-width:600px){
  .hero{padding:24px 18px;border-radius:20px}.hero h1{font-size:27px}.hero p{font-size:15px}
  .hero .cta .btn{padding:11px 14px;font-size:14px}
  .stats{gap:8px}.stats div{padding:10px}.stats b{font-size:19px}.stats span{font-size:11px;line-height:1.3;display:block}
}
/* v4 fixes */
.foot .foot-cta h2{font:800 clamp(21px,2.6vw,28px)/1.2 var(--disp);letter-spacing:-.02em;text-transform:none;color:#fff;margin:8px 0 6px}
.foot-in .foot-brand>a.logo{display:inline-flex;font-size:22px;color:#fff;padding:0}
.top-r .cta-top{display:none}
@media (min-width:380px){.top-r .cta-top{display:inline-flex}}
@media (max-width:600px){.lg-h{padding:11px 12px;gap:7px}.lg-h small{display:none}.lg-h .lg-c{font-size:11px}.lg-h .lg-go{margin-left:auto;white-space:nowrap}.lg-h>a:not(.lg-go){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .top-in{gap:8px}.top-r{gap:6px}.top-r .cta-top{padding:8px 11px}.logo{font-size:20px}}
main p a:not(.btn){text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--lime-line)}
/* side-scroll strips: arrows + fades */
.hs{position:relative;--hs-bg:var(--bg)}
.sub .hs{--hs-bg:#0b101e}
.hs:before,.hs:after{content:"";position:absolute;top:0;bottom:0;width:56px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:1}
.hs:before{left:0;background:linear-gradient(90deg,var(--hs-bg) 35%,transparent)}
.hs:after{right:0;background:linear-gradient(270deg,var(--hs-bg) 35%,transparent)}
.hs.can-l:before,.hs.can-r:after{opacity:1}
.hs-b{position:absolute;top:50%;z-index:2;width:30px;height:30px;margin-top:-15px;border-radius:50%;border:1px solid var(--line2);background:var(--card);color:var(--head);display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s,border-color .15s;box-shadow:var(--shadow2)}
.filters+.hs-b,.hs .filters~.hs-b{margin-top:-20px}
.hs-b:hover{border-color:var(--lime-line);color:var(--lime-t)}
.hs-l{left:0}.hs-r{right:0}
.hs.can-l .hs-l,.hs.can-r .hs-r{opacity:1;pointer-events:auto}
.hs.drag a,.hs.drag button:not(.hs-b){pointer-events:none}
.hs .sub-in,.hs .filters,.hs .catnav{cursor:grab}
.hs.drag .sub-in,.hs.drag .filters,.hs.drag .catnav{cursor:grabbing;user-select:none}
@media (hover:none){.hs-b{display:none}}

/* ── v6: stars, bet slip, date strip, team pages, search, live ── */
.acts{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;z-index:1}
.fav,.add{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:30px;height:30px;padding:0;border-radius:9px;border:1px solid var(--line2);background:var(--card);color:var(--faint);cursor:pointer;transition:color .12s,border-color .12s,background .12s,transform .1s}
.fav:hover,.add:hover{border-color:var(--lime-line);color:var(--head)}
.fav:active,.add:active{transform:scale(.92)}
.fav svg path{fill:transparent}
.fav.on{color:var(--gold);border-color:rgba(245,196,81,.5);background:var(--amber-soft)}
.fav.on svg path{fill:currentColor}
.add .ck{display:none}.add.on .pl{display:none}.add.on .ck{display:inline}
.add.on{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.add span,.fav span{font:700 13px var(--body)}
.verdict .add,.mh-act .fav,.th-fav,.ph .fav{width:auto;padding:0 12px;height:36px}
.quick div{position:relative}
.quick .add{position:absolute;right:10px;top:10px;width:28px;height:28px}
.lg-h .fav{width:26px;height:26px;border-radius:8px;flex:none}
.lg-h small{margin-left:auto}
.ph .fav{margin:-4px 0 10px}
.ldot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--no);box-shadow:0 0 0 3px var(--no-soft);animation:pulse 1.6s infinite;vertical-align:1px}
.my-btn{position:relative;color:var(--gold)}
.my-n{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--gold);color:#241500;font:800 10.5px/18px var(--body);font-style:normal;text-align:center}
.m-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:-8px 0 18px}
.m-quick a{padding:11px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:14px;text-align:center}
.pwa-install{margin-top:14px}
/* date strip */
.dstrip{display:flex;gap:6px;overflow-x:auto;padding:2px 0 12px;margin-bottom:6px;scrollbar-width:none}
.dstrip::-webkit-scrollbar{display:none}
.dstrip a{flex:none;display:flex;flex-direction:column;align-items:center;min-width:84px;padding:8px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--head);text-decoration:none!important;box-shadow:var(--shadow2);transition:border-color .12s}
.dstrip a:hover{border-color:var(--lime-line)}
.dstrip small{font:600 11.5px var(--body);color:var(--faint);text-transform:uppercase;letter-spacing:.05em}
.dstrip b{font:700 15px var(--disp)}
.dstrip a.on{background:var(--lime);border-color:var(--lime)}
.dstrip a.on small,.dstrip a.on b{color:var(--ink)}
.dstrip .wk{border-color:rgba(245,196,81,.45)}.dstrip .wk b{color:var(--amber-t)}
/* match page actions */
.mh-act{display:flex;justify-content:center;gap:8px;margin-top:14px}
.mh .fav,.share{height:36px;padding:0 13px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#e2e8f0;display:inline-flex;align-items:center;gap:7px;font:700 13px var(--body);cursor:pointer;width:auto}
.mh .fav.on{color:#f5c451;border-color:rgba(245,196,81,.5)}
.mh-team h2 a{color:inherit}
.v-num{flex-wrap:wrap}
/* team page */
.th{position:relative;display:flex;gap:18px;align-items:center;padding:22px;border-radius:24px;background:var(--mh);border:1px solid rgba(200,200,210,.2);color:#e2e8f0;margin-bottom:8px;box-shadow:var(--shadow);flex-wrap:wrap}
.th>img,.th>.noimg{width:84px;height:84px;object-fit:contain}
.th-t{flex:1;min-width:220px}
.th h1{color:#fff;margin:8px 0 10px;font-size:clamp(24px,3.6vw,38px)}
.th .kick{color:#e5b000}.th .kick a{color:#e5b000}
.th-f{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.th-f small{color:#b4b4bc;margin-left:6px}
.th-fav{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#e2e8f0;height:40px}
.th-note{color:var(--muted);font-size:14.5px}
.fx-l{display:block;color:var(--faint);font-size:12px}
.res-t td:last-child{width:34px;text-align:right}
.form-t a{color:var(--head)}
.tbl td a{color:var(--head)}.tbl td a:hover{color:var(--lime-t)}
/* search */
.bigsearch{display:flex;gap:8px;max-width:640px;margin-bottom:10px;position:relative}
.bigsearch input{flex:1;min-width:0;height:50px;padding:0 16px;border-radius:14px;border:1px solid var(--line2);background:var(--card);color:var(--head);font:16px var(--body)}
.bigsearch input:focus{outline:2px solid var(--lime-t);outline-offset:1px}
.sres{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.sres a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--head);text-decoration:none!important;box-shadow:var(--shadow2)}
.sres a:hover{border-color:var(--lime-line)}
.sres b{display:block;font-size:15px}.sres small{display:block;color:var(--faint);font-size:12.5px}
.sres img{object-fit:contain}.sflag{border-radius:3px;object-fit:cover!important}
.hsearch,.msearch{position:relative}
.sugg{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;min-width:300px;max-height:70vh;overflow-y:auto;padding:6px;border-radius:14px;background:#1a1812;border:1px solid rgba(200,200,210,.22);box-shadow:0 24px 48px rgba(0,0,0,.45)}
.bigsearch .sugg{right:auto;width:100%;background:var(--card);border-color:var(--line2);box-shadow:var(--shadow)}
.sugg[hidden]{display:none}
.sugg a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--head);text-decoration:none!important}
.sugg a:hover{background:var(--tint2)}
.sugg img{object-fit:contain;flex:none}
.sugg b{display:block;font-size:14px}.sugg small{display:block;color:var(--faint);font-size:12px}
.sugg .sugg-all{justify-content:center;color:var(--lime-t);font-weight:700;font-size:13.5px}
.sugg p{margin:0;padding:10px;color:var(--muted);font-size:14px}
.hsearch .sugg{right:auto;width:340px}
/* bet slip */
.bs-fab{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:50;display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 16px 0 14px;border-radius:16px;border:0;background:var(--lime);color:var(--ink);font:700 14px var(--body);cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 0 4px rgba(5,150,105,.18);animation:ddin .2s ease-out}
.bs-fab[hidden]{display:none}
.bs-fab b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--ink);color:var(--lime);font-size:12.5px}
.bs-fab em{font-style:normal;font:800 15px var(--disp);padding-left:8px;border-left:1px solid rgba(10,16,32,.25)}
@media (min-width:900px){.bs-fab{bottom:24px;right:24px}}
.bs-panel{position:fixed;inset:0;z-index:70;background:rgba(3,6,12,.55);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;align-items:flex-end}
.bs-panel[hidden]{display:none}
.bs-in{width:100%;max-height:88vh;display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line2);border-radius:22px 22px 0 0;box-shadow:var(--shadow);animation:bsup .2s ease-out;padding-bottom:env(safe-area-inset-bottom)}
@keyframes bsup{from{transform:translateY(30px);opacity:.5}}
@media (min-width:700px){.bs-panel{align-items:stretch}.bs-in{width:420px;max-height:none;height:100%;border-radius:0;border-width:0 0 0 1px}}
.bs-h{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.bs-h b{font:800 18px var(--disp);color:var(--head)}.bs-h small{color:var(--faint)}
.bs-x{margin-left:auto;width:36px;height:36px;border-radius:10px;border:1px solid var(--line2);background:var(--tint);color:var(--head);cursor:pointer}
.bs-l{list-style:none;margin:0;padding:6px 18px;overflow-y:auto;flex:1}
.bs-l li{display:grid;grid-template-columns:auto minmax(0,1fr) auto 28px;gap:10px;align-items:center;padding:11px 0;border-top:1px dashed var(--line2)}
.bs-l li:first-child{border-top:0}
.bs-l li.st{opacity:.55}
.bs-m a{display:block;color:var(--head);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-m small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-l b{font:800 15px var(--disp)}
.bs-l li button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line2);background:none;color:var(--faint);cursor:pointer}
.bs-l li button:hover{color:var(--no);border-color:var(--no)}
.bs-e{padding:30px 18px;color:var(--muted);text-align:center;flex:1}
.bs-f{padding:14px 18px 18px;border-top:1px solid var(--line);background:var(--tint)}
.bs-tot{display:flex;justify-content:space-between;align-items:center;padding:4px 0;color:var(--muted);font-size:14px}
.bs-tot b{font:800 22px var(--disp);color:var(--head)}.bs-ret{color:var(--lime-t)!important}
.bs-st{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;color:var(--muted);font-size:14px}
.bs-st input{width:150px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:var(--card);color:var(--head);font:700 15px var(--body);text-align:right}
.bs-btns{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
.bs-btns .btn[disabled]{opacity:.5}
.bs-n{margin:10px 0 0;color:var(--faint);font-size:12px;text-align:center}
body.bs-open{overflow:hidden}
.slip-btns{display:flex;gap:6px}
.add-all{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:9px;border:1px solid var(--lime-line);background:var(--lime-soft);color:var(--lime-t);font:700 12.5px var(--body);cursor:pointer}
.add-all:hover{background:var(--lime);color:var(--ink)}
.my-follow{margin-bottom:10px}
.nav>a,.dd-btn,.cta-top{white-space:nowrap}
.s-btn{display:none}
@media (min-width:1080px){.s-btn{display:inline-grid}}
@media (min-width:1240px){.hsearch{display:none}}
@media (min-width:1300px){.hsearch{display:flex;width:210px}.hsearch:focus-within{width:250px}.s-btn{display:none}}
.pwa-install[hidden],.bs-fab[hidden]{display:none!important}
@media (max-width:600px){.top-r .my-btn{display:none}}
@media (max-width:430px){.top-r .cta-top{display:none}}
/* icon-only buttons in rows: icons drawn by CSS (keeps long pages light) */
.ic:before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.fav.ic{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E")}
.fav.ic.on{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z' fill='%23000' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E")}
.add.ic{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.add.ic.on{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
/* ── blog ── */
.bgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.bc{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line);color:var(--head);text-decoration:none!important;box-shadow:var(--shadow2);transition:border-color .15s,transform .15s}
.bc:hover{border-color:var(--lime-line);transform:translateY(-2px)}
.bc-i{display:block;aspect-ratio:16/9;background:var(--tint2);overflow:hidden}
.bc-i img{width:100%;height:100%;object-fit:cover;display:block}
.bc-ph{display:block;width:100%;height:100%;background:radial-gradient(400px 200px at 80% 0%,rgba(5,150,105,.25),transparent 60%),linear-gradient(135deg,#13213f,#0a1224)}
.bc-t{display:flex;flex-direction:column;gap:7px;padding:16px 18px 18px;flex:1}
.bc-c{font:700 11px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--lime-t)}
.bc b{font:700 18px/1.3 var(--disp);letter-spacing:-.01em}
.bc em{font-style:normal;color:var(--muted);font-size:14px;line-height:1.55}
.bc small{margin-top:auto;padding-top:6px;color:var(--faint);font-size:12.5px}
.bc.big{margin-bottom:18px}
@media (min-width:860px){.bc.big{display:grid;grid-template-columns:1.25fr 1fr}.bc.big .bc-i{aspect-ratio:auto;min-height:320px}.bc.big .bc-t{padding:30px;justify-content:center}.bc.big b{font-size:30px}.bc.big em{font-size:16px}}
.pager{display:flex;justify-content:center;align-items:center;gap:18px;margin:26px 0;color:var(--muted)}
.pager a{padding:9px 16px;border-radius:12px;border:1px solid var(--line2);background:var(--card);font-weight:700}
.post-h{max-width:820px;margin:8px 0 18px}
.post-cat{font:700 12px var(--body);letter-spacing:.12em;text-transform:uppercase}
.post-sp{margin-left:10px;padding:2px 9px;border-radius:999px;background:var(--amber-soft);color:var(--amber-t);font:700 11px var(--body);text-transform:uppercase;letter-spacing:.08em}
.post-h h1{margin:12px 0 10px;font-size:clamp(28px,4.4vw,44px)}
.post-lead{font-size:18.5px;color:var(--muted);line-height:1.6}
.post-by{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.post-by small{display:block;color:var(--faint);font-size:13px}
.post-by .share{margin-left:auto;height:36px;padding:0 13px;border-radius:10px;border:1px solid var(--line2);background:var(--card);color:var(--head);display:inline-flex;align-items:center;gap:7px;font:700 13px var(--body);cursor:pointer}
.av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lime);color:var(--ink);font:800 17px var(--disp);overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}.av.big{width:56px;height:56px;font-size:22px}
.gtag{font-style:normal;margin-left:6px;padding:1px 7px;border-radius:6px;background:var(--tint2);color:var(--muted);font-size:11.5px;font-weight:700}
.post-img{margin:0 0 22px}.post-img img{width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:20px;display:block}
.post-grid{display:grid;gap:28px;align-items:start}
@media (min-width:1000px){.post-grid{grid-template-columns:minmax(0,1fr) 320px}.b-side{position:sticky;top:130px}}
.post-main{min-width:0;max-width:780px}
.post-body{font-size:17.5px;line-height:1.8}
.post-body h2{font-size:26px;margin:1.6em 0 .6em;scroll-margin-top:130px}.post-body h3{font-size:20px;margin:1.4em 0 .5em;scroll-margin-top:130px}
.post-body img{max-width:100%;height:auto;border-radius:14px;display:block;margin:18px auto}
.post-body figure{margin:20px 0}.post-body figcaption{color:var(--faint);font-size:13.5px;text-align:center;margin-top:-8px}
.post-body blockquote{margin:20px 0;padding:8px 20px;border-left:3px solid var(--lime);color:var(--muted);font-size:18px}
.post-body iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px}
.post-body .tbl-wrap{margin:18px 0;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.post-body .tbl td:nth-child(2){font-weight:400;white-space:normal}
.post-body pre{overflow-x:auto;padding:14px;border-radius:12px;background:var(--card)}
.post-embed{margin:20px 0}.post-embed.slips{display:block}
.toc{margin:0 0 22px;padding:14px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.toc summary{cursor:pointer;font-weight:800;color:var(--head)}
.toc ol{margin:10px 0 0;padding-left:20px;display:grid;gap:4px}.toc li.h3{margin-left:16px;list-style:circle}
.toc a{color:var(--text)}.toc a:hover{color:var(--lime-t)}
.post-tags{margin:24px 0}
.post-author{display:flex;gap:16px;align-items:flex-start;margin:22px 0}
.post-author small{display:block;color:var(--faint);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.post-author b{display:block;font:700 18px var(--disp)}.post-author p{margin:6px 0;color:var(--muted);font-size:14.5px}
.post-rg{color:var(--faint);font-size:13px}
.b-side{display:grid;gap:14px}
.b-cats h2{font-size:15px;margin:0 0 8px}
.b-cats a{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);color:var(--text)}
.b-cats a i{font-style:normal;color:var(--faint);font-size:12.5px}
.b-tg{display:block;color:var(--head);text-decoration:none!important;border-color:var(--lime-line)}.b-tg b{display:block;font:700 16px var(--disp)}.b-tg span{color:var(--muted);font-size:14px}

/* ═════════ v8 "Matchday" layer ═════════ */
body{font:16.5px/1.6 var(--body);-webkit-font-smoothing:antialiased}
body:before{display:none}
h1,h2,h3{font-family:var(--disp);font-weight:800;letter-spacing:-.005em;line-height:1.02}
h1{font-size:clamp(38px,5.6vw,62px)}
h2{font-size:clamp(28px,3.4vw,36px);font-weight:800;margin-top:1.4em}
h3{font-size:21px;font-weight:700;line-height:1.15}
b,strong{font-weight:700}
.kick{font:600 15px/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--muted);gap:8px}
.kick:before{display:none}
.ph{margin:10px 0 22px}.ph h1{margin:6px 0 12px}.ph p{font-size:18px;color:var(--muted);max-width:62ch}
.crumbs{font-size:13.5px}
.btn{border-radius:10px;font:700 16px var(--body);padding:12px 20px}
.btn.sm{font-size:14px;padding:8px 14px}
.btn.lime{background:var(--lime);color:var(--ink)}.btn.lime:hover{background:#f5c518}
.btn.ghost{background:transparent;border:1px solid var(--line2);color:var(--head)}
.btn.ghost:hover{border-color:var(--head);color:var(--head)}
.sec-h{margin:44px 0 16px;align-items:flex-end}
.sec-h h2{margin:0}.sec-h p{font-size:16px;margin-top:6px}
.sec-h>a{font:700 15.5px var(--body);color:var(--lime-t)}
:focus-visible{outline:3px solid var(--lime);outline-offset:2px}

/* header frame (navy in both modes) */
.hd,.util,.foot{--bg:#15130e;--bg2:#221e12;--card:#262012;--card2:#252a30;--line:rgba(200,200,210,.13);--line2:rgba(200,200,210,.22);--tint:rgba(255,255,255,.05);--tint2:rgba(255,255,255,.09);
  --head:#fff;--text:#e4e4e8;--muted:#b4b4bc;--faint:#8796ab;--lime-t:#e5b000;--lime-soft:rgba(5,150,105,.12);--lime-line:rgba(5,150,105,.45);--on-bg:#e5b000;--on-fg:#15130e;--meter:#e5b000}
.util{background:#13110c}
.hd{background:#15130e;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 0 rgba(0,0,0,.2)}
.hd:before{display:none}
.logo{font:800 28px var(--disp);letter-spacing:-.01em}
.logo svg{box-shadow:none;border-radius:8px}
.nav>a,.dd-btn{font:600 16px var(--body);color:#cfcfd6}
.nav>a:after,.dd-btn:after{height:3px;bottom:0}
.sub a{font:600 15px var(--body)}
.cta-top{box-shadow:none}
.dd{background:#221e12}
.dd-card{background:rgba(5,150,105,.08)}
.mnav{background:#221e12}

/* home: the floodlit scoreboard */
.board{display:grid;gap:22px;align-items:stretch;margin:14px 0 8px}
@media (min-width:980px){.board{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;margin:28px 0 10px}}
.board-d{margin:0 0 10px;font:600 16px var(--body);color:var(--lime-t)}
.board h1{margin:0 0 16px;font-size:clamp(42px,6vw,72px);max-width:12ch}
.board-p{font-size:18.5px;color:var(--muted);max-width:52ch;margin:0 0 22px}
.board-p b{color:var(--head)}
.board .cta{display:flex;flex-wrap:wrap;gap:10px}
.sb{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:18px;padding:22px 22px 0;border-radius:18px;background:#15130e;color:#fff;text-decoration:none!important;isolation:isolate}
.sb:before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(60% 55% at 50% -10%,rgba(255,255,255,.16),transparent 70%),
  radial-gradient(circle at 50% 46%,transparent 0 78px,rgba(255,255,255,.07) 79px 80px,transparent 81px),
  linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,.07) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),
  repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 60px,transparent 60px 120px)}
.sb-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:600 14.5px var(--body);color:#b4b4bc}
.sb-top span:last-child{display:inline-flex;align-items:center;gap:7px;color:#fff}
.sb-top img{border-radius:2px}
.sb-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;text-align:center}
.sb-t{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.sb-t img,.sb-t .noimg{width:64px;height:64px;object-fit:contain}
.sb-t b{font:800 clamp(22px,3vw,34px)/1 var(--disp);text-transform:uppercase;letter-spacing:.01em;color:#fff;overflow-wrap:anywhere}
.sb-ko time{display:block;font:800 clamp(40px,5vw,58px)/1 var(--disp);color:var(--lime);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.sb-ko small{display:block;margin-top:6px;color:#b4b4bc;font:600 14px var(--body)}
.sb-x{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.sb-x span{display:flex;justify-content:center;align-items:baseline;gap:8px;padding:10px 4px}
.sb-x span+span{border-left:1px solid rgba(255,255,255,.1)}
.sb-x small{color:#b4b4bc;font:600 14px var(--body)}.sb-x b{font:700 22px var(--disp);color:#fff}
.sb-pick{display:flex;align-items:center;gap:16px;margin:0 -22px;padding:16px 22px;background:var(--lime);color:#15130e}
.sb-pl{font:600 14px var(--body);opacity:.75;white-space:nowrap}
.sb-pick>b{flex:1;font:800 clamp(22px,2.6vw,30px)/1.05 var(--disp);color:#15130e}
.sb-n{text-align:center;line-height:1}.sb-n b{display:block;font:800 30px var(--disp);color:#15130e}.sb-n small{font:600 12.5px var(--body);opacity:.75}
.sb:hover .sb-pick>b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:600px){.sb{padding:18px 16px 0;gap:14px}.sb-pick{margin:0 -16px;padding:14px 16px;gap:12px}.sb-t img,.sb-t .noimg{width:48px;height:48px}.sb-n b{font-size:24px}.sb-pl{display:none}.board h1{font-size:40px}}

/* match lists */
.lg{border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.lg-h{background:none;padding:13px 16px;font:700 16px var(--body);gap:10px}
.lg-h .lg-c{text-transform:none;letter-spacing:0;font:500 14.5px var(--body);color:var(--muted)}
.lg-h .lg-go{border:0;padding:0;font:700 14px var(--body)}
.mr-t{font-family:var(--body)}
.mr-t time{background:none;padding:0;font:700 21px var(--disp);color:var(--head);letter-spacing:.01em}
.ft{background:none;padding:0;font:700 15px var(--disp);color:var(--muted);letter-spacing:.04em}
.live{background:none;padding:0;font:800 19px var(--disp)}
.tm b{font-size:15.5px;font-weight:600}
.tm.w b{font-weight:700}
.tm .sc{font:800 19px var(--disp)}
.mr-x>span{background:var(--tint);border:0}
.mr-x small{font:600 12px var(--body);letter-spacing:0}
.mr-x b{font:700 19px var(--disp)}
.mr-x em{font:600 12.5px var(--body)}
.mr-x .on{background:var(--lime);border:0}.mr-x .on b,.mr-x .on small,.mr-x .on em{color:#15130e}
.pk-tag{background:var(--lime);border:0;color:#15130e;border-radius:6px;font:800 16px var(--disp);letter-spacing:.02em;height:30px;min-width:42px}
.pk-tag.val{background:var(--amber);color:#1f1400;border:0}
.pk-c small{font-size:13.5px}
.mr.r-won .pk-tag{background:var(--ok);color:#fff}.mr.r-lost .pk-tag{background:var(--no-soft);color:var(--no)}
.ring{width:auto;height:auto;background:none!important;border-radius:0;display:inline-flex;flex-direction:column;align-items:center;gap:5px}
.ring:before{position:static;inset:auto;order:2;width:42px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--meter) calc(var(--v)*1%),var(--tint2) 0)}
.ring b{font:800 20px/1 var(--disp)}.ring b i{font-size:12px;color:var(--muted)}
.ring.big b{font-size:40px}.ring.big b i{font-size:18px}.ring.big:before{width:80px;height:5px}
.pk-n small{font:600 13px var(--body)}
.fav,.add{border-radius:8px}
.add.on{background:var(--lime);border-color:var(--lime);color:#15130e}

/* chips, tabs, filters, date strip */
.tabs{box-shadow:none}
.tabs a{font:700 15px var(--body)}
.tabs a.on,.filters button.on,.catnav a.on,.catbar a.on,.dstrip a.on{background:var(--on-bg);border-color:var(--on-bg);color:var(--on-fg)}
.dstrip a.on small,.dstrip a.on b{color:var(--on-fg)}
.filters button,.chips a{font:600 14.5px var(--body);background:transparent}
.dstrip a{box-shadow:none;background:var(--card);border-radius:12px}
.dstrip small{text-transform:none;letter-spacing:0;font:600 13px var(--body)}
.dstrip b{font:800 21px var(--disp)}

/* ready-made slips */
.slip{border-radius:16px;box-shadow:var(--shadow)}
.slip:before{display:none}
.slip-ic{background:#15130e;color:var(--lime);border-radius:10px;font:800 17px var(--disp)}
:root:not([data-theme=light]) .slip-ic{background:var(--lime);color:#15130e}
.slip-t small{text-transform:none;letter-spacing:0;font:600 13.5px var(--body)}
.slip-t h2,.slip-t h3{font-size:26px}
.slip-o small{text-transform:none;letter-spacing:0;font:600 13px var(--body)}
.slip-o b{background:none;color:var(--head);padding:0;font:800 34px/1 var(--disp)}
.slip li .when time,.slip li .when span{background:none;border:0;font:700 19px var(--disp);color:var(--head)}
.slip li .m a{font-size:15.5px}
.slip-f{background:none}
.copy{border-radius:8px;font:700 14px var(--body)}

/* cards & sections */
.lgc a,.catg a{box-shadow:none;border-radius:14px}
.lgc a:hover,.catg a:hover{transform:none;border-color:var(--head)}
.lgc b,.catg b{font:800 24px/1.05 var(--disp)}
.lgc small{text-transform:none;letter-spacing:0;font:600 13.5px var(--body)}
.lgc em,.catg em{font:700 14px var(--body)}
.card{box-shadow:var(--shadow);border-radius:14px}
:root:not([data-theme=light]) .card{background:var(--card)}
.seo{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:28px 0 0;margin-top:48px}
.prose{font-size:17.5px}
.faq details{border-radius:12px}
.faq summary{font-size:16.5px}
.empty{background:var(--card);border-style:solid;border-color:var(--line)}
.kv b,.quick b,.prob3 b,.csg b{font-family:var(--disp);font-weight:800}
.kv b{font-size:26px}.quick b{font-size:21px}.prob3 b{font-size:34px}
.quick small,.v-num small,.mk th,.tbl th,.dd h4,.mnav h4,.foot h2,.slip-o small,.lgc small{text-transform:none;letter-spacing:0}
.quick small,.mk th,.tbl th{font:600 13px var(--body)}
.dd h4,.mnav h4,.foot h2{font:700 14px var(--body);color:var(--faint)}
.v-num b,.rate{font-family:var(--disp)}.rate{font-size:34px}

/* match & team page headers: the same scoreboard */
.mh,.th{background:#15130e;border:0;box-shadow:none;position:relative;overflow:hidden;isolation:isolate}
.mh:before,.th:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 60% at 50% -15%,rgba(255,255,255,.14),transparent 70%),radial-gradient(circle at 50% 50%,transparent 0 90px,rgba(255,255,255,.06) 91px 92px,transparent 93px),linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,.06) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))}
.th:before{background:radial-gradient(70% 90% at 0% 0%,rgba(5,150,105,.12),transparent 60%)}
.mh-team h2{font:800 clamp(22px,3vw,36px)/1 var(--disp);text-transform:uppercase;letter-spacing:.01em}
.mh-mid time,.mh-mid .ko{font:800 clamp(40px,5vw,56px)/1 var(--disp);color:var(--lime)}
.mh-sc{font:800 clamp(48px,7vw,72px)/1 var(--disp)}
.mh h1{font:700 clamp(20px,2.6vw,26px)/1.2 var(--body);color:#cfcfd6}
.mh-l{font-size:14.5px}
.th h1{font-size:clamp(34px,4.6vw,54px)}
.th .kick{color:#b4b4bc}.th .kick a{color:#fff}
.verdict{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--lime);box-shadow:var(--shadow)}
.verdict h2{font-size:34px}
.valuebox{border-left:5px solid var(--amber)}

/* footer */
.foot{background:#0b1726;border-top:0}
.foot-cta{background:#262012;border:0;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.foot .foot-cta h2{font:800 clamp(28px,3.4vw,40px)/1.05 var(--disp)}
.foot-b{background:#13110c}

/* blog: magazine */
.bgrid{gap:34px 26px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.bc{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.bc:hover{transform:none}
.bc-i{border-radius:12px;background:var(--tint2)}
.bc-t{padding:16px 0 0;gap:8px}
.bc-c{text-transform:none;letter-spacing:0;font:700 14.5px var(--body);color:var(--lime-t)}
.bc b{font:800 27px/1.05 var(--disp);letter-spacing:0}
.bc:hover b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.bc em{font-size:16px}
.bc small{font-size:14px}
.bc.big{margin:6px 0 46px;padding-bottom:40px;border-bottom:1px solid var(--line)}
@media (min-width:860px){.bc.big{grid-template-columns:1.3fr 1fr;gap:36px;align-items:center}.bc.big .bc-i{min-height:420px}.bc.big .bc-t{padding:0;background:none}.bc.big b{font-size:clamp(40px,4.4vw,56px)}.bc.big em{font-size:18.5px}}
.bc-ph{background:#15130e radial-gradient(circle at 50% 50%,transparent 0 40px,rgba(255,255,255,.08) 41px 42px,transparent 43px)}
.post-h{max-width:900px;margin:14px 0 26px}
.post-cat{text-transform:none;letter-spacing:0;font:700 16px var(--body)}
.post-sp{text-transform:none;letter-spacing:0;font:700 13px var(--body)}
.post-h h1{font-size:clamp(42px,6vw,74px);margin:12px 0 16px}
.post-lead{font-size:21px;line-height:1.55;max-width:60ch}
.post-img img{border-radius:14px}
.post-main{max-width:720px}
.post-body{font-size:19px;line-height:1.75}
.post-body h2{font-size:36px;margin:1.5em 0 .5em}.post-body h3{font-size:26px}
.post-body p{margin:0 0 1.15em}
.post-body a{color:inherit;text-decoration-color:var(--lime-line);text-decoration-thickness:2px}
:root[data-theme=light] .post-body a{text-decoration-color:#9fc72a}
.post-body blockquote{font:700 26px/1.25 var(--disp);color:var(--head);border-left:5px solid var(--lime);padding:4px 0 4px 22px}
.toc{border-radius:12px}.toc summary{font:700 17px var(--body)}
.post-author{border-radius:14px}
.post-author small{text-transform:none;letter-spacing:0;font:600 13.5px var(--body)}
.post-author b{font:800 26px var(--disp)}
.b-side .slip-t h2{font-size:22px}
.pager a{border-radius:10px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.board h1{font-size:clamp(40px,4.6vw,60px);max-width:15ch}
@media (min-width:860px){.bc.big .bc-i{min-height:0;aspect-ratio:16/10}.bc.big b{font-size:clamp(34px,3.4vw,46px)}}
.bc-i img{aspect-ratio:inherit}
.v-num small{display:block;margin-top:2px}
.valuebox{border-color:transparent;border-left-color:var(--amber)}
@media (max-width:600px){
  .board{gap:18px;margin-top:8px}.board h1{font-size:34px;margin-bottom:10px}.board-d{font-size:14.5px;margin-bottom:6px}
  .board-p{font-size:15.5px;margin-bottom:14px}.board .cta{flex-wrap:nowrap}.board .cta .btn{flex:1;padding:11px 10px;font-size:15px}
  .ph h1{font-size:36px}.ph p{font-size:16px}h2{font-size:28px}.post-h h1{font-size:38px}.post-lead{font-size:18px}.post-body{font-size:18px}
}
.crumbs,.crumbs span{color:var(--muted)}
.bc small{color:var(--muted)}
:root[data-theme=light]{--faint:#5b6879}
/* long information pages */
.doc-ph{max-width:820px}.doc-up{font-size:14.5px!important;color:var(--faint)!important;margin-top:-4px}
.doc{display:grid;gap:30px;align-items:start;margin-bottom:20px}
@media (min-width:980px){.doc{grid-template-columns:240px minmax(0,1fr);gap:56px}.doc-toc{position:sticky;top:130px}}
.doc-toc{padding:16px 18px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.doc-toc b{display:block;margin-bottom:8px;font:700 15px var(--body);color:var(--head)}
.doc-toc ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:15px}
.doc-toc a{color:var(--muted)}.doc-toc a:hover{color:var(--head)}
.doc-body{max-width:68ch}
.doc-body section{padding:4px 0 10px;scroll-margin-top:130px}
.doc-body section+section{border-top:1px solid var(--line);padding-top:22px}
.doc-body h2{font-size:30px;margin:0 0 12px}
.doc-body li{margin:.45em 0}
.doc-body .btn{text-decoration:none;margin-top:4px}
@media (max-width:979px){.doc-toc ol{grid-template-columns:1fr 1fr;column-gap:20px}}
/* match preview */
.pv{max-width:780px;margin:30px 0 10px;font-size:17.5px;line-height:1.75}
.pv h2{margin:0 0 6px}
.pv h3{font-size:23px;margin:1.3em 0 .35em}
.pv ul{padding-left:1.2em}.pv li{margin:.35em 0}
/* jackpots */
.jp-sum{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:6px 0 12px;border-radius:14px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
@media (min-width:760px){.jp-sum{grid-template-columns:repeat(4,1fr)}}
.jp-sum div{padding:14px 16px;background:var(--card)}
.jp-sum small{display:block;color:var(--muted);font:600 13.5px var(--body)}
.jp-sum b{font:800 24px/1.1 var(--disp);color:var(--head)}
.jp-picks{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px 16px;border-radius:14px;background:#15130e;color:#cfcfd6}
.jp-picks span{font:600 14px var(--body)}
.jp-picks>b{font:800 22px var(--disp);letter-spacing:.12em;color:var(--lime);word-spacing:.15em}
.jp-picks .copy{margin-left:auto}
.jp-r{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px 12px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}
.jp>.jp-r:first-child{border-top:0}
.jp-n{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--tint2);font:800 16px var(--disp);color:var(--head)}
.jp-m{min-width:0}
.jp-m a{display:block;color:inherit;text-decoration:none}
.jp-m a:hover b{text-decoration:underline}
.jp-m b{display:block;font-size:15.5px;font-weight:600;color:var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jp-m small{display:block;color:var(--faint);font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jp-sc{font:800 20px var(--disp);color:var(--head);text-align:right}
.jp-x{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;grid-column:2/-1}
.jp-x>span{display:flex;flex-direction:column;align-items:center;padding:5px 0;border-radius:10px;background:var(--tint);line-height:1.2}
.jp-x small{font:600 12px var(--body);color:var(--faint)}.jp-x b{font:700 18px var(--disp);color:var(--head)}.jp-x em{font-style:normal;font:600 12px var(--body);color:var(--muted)}
.jp-x .on{background:var(--lime)}.jp-x .on b,.jp-x .on small,.jp-x .on em{color:#15130e}
.jp-x .dbl{background:var(--lime-soft);box-shadow:inset 0 0 0 1px var(--lime-line)}
.jp-x .hit{box-shadow:inset 0 -3px 0 var(--ok)}
.jp-pk{display:flex;align-items:center;gap:8px;grid-column:2/-1}
.jp-pk small{color:var(--muted);font:600 13.5px var(--body)}
.jp-pk .ok,.jp-pk .no{font-size:18px}
.jp-r.r-won,.jp-r.r-dbl{box-shadow:inset 3px 0 0 var(--ok)}.jp-r.r-lost{box-shadow:inset 3px 0 0 var(--no)}
.jp-r.is-live{box-shadow:inset 3px 0 0 var(--no)}
@media (min-width:860px){
  .jp-r{grid-template-columns:34px minmax(0,1fr) 44px 220px 120px;gap:16px;padding:12px 16px}
  .jp-x,.jp-pk{grid-column:auto}
  .jp-pk{justify-content:flex-start}
}
.jp-note{color:var(--muted);font-size:14px}
.jp-hub{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:10px}
.jp-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:16px;background:#15130e;color:#cfcfd6;text-decoration:none!important;isolation:isolate}
.jp-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 80% at 100% 0%,rgba(5,150,105,.14),transparent 60%)}
.jp-b{font:600 14px var(--body)}
.jp-card>b{font:800 38px/1 var(--disp);color:#fff}
.jp-g{font:700 16px var(--body);color:var(--lime)}
.jp-s{font-size:14.5px;margin-bottom:10px}
.jp-card .btn{align-self:flex-start}
.jp-card:hover .btn{background:#f5c518}
/* match alerts */
.alerts{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px;padding:16px 18px}
.alerts:empty{display:none}
.alerts>div{flex:1;min-width:220px}.alerts b{font:800 21px var(--disp);color:var(--head)}.alerts p{margin:4px 0 0;color:var(--muted);font-size:15px}
.alert-bar{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:65;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:560px;margin:0 auto;padding:14px 16px;border-radius:14px;background:#15130e;color:#cfcfd6;box-shadow:0 18px 40px rgba(0,0,0,.35);animation:bsup .2s ease-out}
.alert-bar span{flex:1;min-width:200px;font-size:14.5px}.alert-bar b{color:#fff}
.lnkb{background:none;border:0;color:#b4b4bc;font:600 14px var(--body);cursor:pointer;padding:6px}
@media (min-width:900px){.alert-bar{bottom:24px}}
.pv-form{display:inline-flex;vertical-align:middle;margin:0 2px}.pv-form .fm{width:22px;height:22px;font-size:11px}
/* stats + accuracy */
.st-tops{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:8px}
.st-top{padding:14px 16px}.st-top h3{margin:0 0 8px;font:800 15px var(--disp);text-transform:uppercase;letter-spacing:.02em;color:var(--head)}
.st-top ol{margin:0;padding:0;list-style:none;counter-reset:s}
.st-top li{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--line);counter-increment:s;font-size:14px}
.st-top li:first-child{border-top:0}
.st-top li::before{content:counter(s);width:18px;color:var(--faint);font:700 12px var(--body)}
.st-top li a{flex:1;min-width:0;display:flex;align-items:center;gap:8px;color:var(--head);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-top li img{width:18px;height:18px;object-fit:contain;flex:none}
.st-top li b{font-variant-numeric:tabular-nums;color:var(--lime-t);font-weight:700;white-space:nowrap}
.tbl[data-sort] th{cursor:pointer;user-select:none;white-space:nowrap}
.tbl[data-sort] th:hover{color:var(--head)}
.tbl[data-sort] th[aria-sort]::after{content:" ▾";color:var(--lime-t)}
.tbl[data-sort] th[aria-sort=ascending]::after{content:" ▴"}
.st-next td:nth-child(2) a{color:var(--head)}
.acc-bands{padding:16px 18px}
.acc-b{display:grid;grid-template-columns:76px 1fr 52px;gap:4px 12px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.acc-b:first-child{border-top:0}
.acc-b>span{font:700 14px var(--body);color:var(--head)}
.acc-b>b{text-align:right;font:800 18px var(--disp);color:var(--head)}
.acc-b small{grid-column:2/4;color:var(--faint);font-size:12px}
.acc-bar{position:relative;height:12px;border-radius:99px;background:var(--tint2)}
.acc-bar i{position:absolute;inset:0 auto 0 0;border-radius:99px;background:var(--lime)}
.acc-bar em{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1px;border-radius:2px;background:var(--head)}
.acc-key{margin:10px 0 0;color:var(--faint);font-size:12px;display:flex;align-items:center;gap:6px}
.acc-key i{display:inline-block;width:14px;height:8px;border-radius:9px;background:var(--lime)}
.acc-key em{display:inline-block;width:3px;height:12px;background:var(--head);border-radius:2px}
.kv-5{grid-template-columns:repeat(2,1fr)}.kv-4{grid-template-columns:repeat(2,1fr)}
@media (min-width:700px){.kv-5{grid-template-columns:repeat(5,1fr)}.kv-4{grid-template-columns:repeat(4,1fr)}}
.st-next td{white-space:nowrap}.st-next td:nth-child(2){white-space:normal;min-width:160px}
.st-tops{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
/* head to head */
.hh{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;align-items:center;padding:24px 18px;border-radius:24px;background:#15130e;color:#e2e8f0;margin-bottom:8px;text-align:center}
.hh-t a{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font:700 15px var(--body)}
.hh .hh-t b{color:#fff}
.hh-t img,.hh-t .noimg{width:64px;height:64px;object-fit:contain}
.hh .kick{color:#e5b000}
.hh h1{color:#fff;margin:6px 0 14px;font-size:clamp(22px,3.4vw,36px);line-height:1.1}
.hh h1 span{color:#e5b000;font-size:.7em}
.hh-rec{display:flex;justify-content:space-between;max-width:320px;margin:0 auto 8px}
.hh-rec b{display:block;font:800 30px var(--disp);color:#fff}.hh-rec small{color:#b4b4bc;font-size:12px}
.hh-bar{display:flex;gap:3px;max-width:320px;height:8px;margin:0 auto;border-radius:9px;overflow:hidden}
.hh-bar i{background:#e5b000}.hh-bar em{background:#64748b}.hh-bar u{background:#60a5fa}
.hh-rec div:first-child b{color:#e5b000}.hh-rec div:last-child b{color:#60a5fa}
@media (max-width:640px){.hh{grid-template-columns:1fr 1fr}.hh-m{grid-column:1/3;order:-1}.hh-t a{font-size:14px}}
.hh-form h3{margin:0 0 8px;font-size:17px}.hh-form h3 a{color:var(--head)}.hh-form p{color:var(--muted);font-size:13.5px;margin:10px 0}
.hh-list td:last-child{width:34px}
.t-stats td:first-child{text-align:left;color:var(--muted);white-space:nowrap}.t-stats td:nth-child(2){text-align:center;font-weight:400;color:inherit}
.t-stats th:nth-child(2){text-align:center}
.t-rk{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
@media (min-width:700px){.t-rk{grid-template-columns:repeat(4,1fr)}}
.t-rk div{padding:10px 12px;border-radius:12px;background:var(--tint);border:1px solid var(--line)}
.t-rk b{display:block;font:800 18px var(--disp);color:var(--lime-t)}.t-rk small{color:var(--muted);font-size:12px}
.h2h-more{display:inline-block;margin-top:8px;font-weight:600;color:var(--lime-t)}
.ph .ph-sub{font-size:14px;color:var(--faint);margin-top:6px}
/* ── colour accents: kick-off time, live, scores, odds ── */
:root{--blue-soft:rgba(108,168,255,.13);--blue-line:rgba(108,168,255,.32)}
:root[data-theme=light]{--blue-soft:#e9f0ff;--blue-line:#c3d5fb}
.mr-t time{display:inline-block;min-width:52px;padding:5px 6px;border-radius:9px;background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue-line);color:var(--blue);font:700 16px var(--disp);letter-spacing:.02em}
.live{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:9px;background:var(--no);color:#fff;font:800 15px var(--disp);animation:none}
.live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}
.ft{display:inline-block;padding:4px 8px;border-radius:9px;background:var(--tint2);color:var(--muted);font:700 13px var(--disp);letter-spacing:.05em}
.ft.off{color:var(--no);background:var(--no-soft);font-size:11px}
.et{display:inline-block;padding:3px 6px;border-radius:8px;background:var(--amber-soft);font-weight:800}
.tm .sc:not(:empty){min-width:28px;padding:2px 0;border-radius:7px;background:var(--tint2);font:800 16px var(--disp);color:var(--head)}
.tm.w .sc:not(:empty){background:var(--lime);color:#ffffff}
.mr.is-live .tm .sc:not(:empty){background:var(--no-soft);color:var(--no)}
.mr.is-live .tm b{color:var(--head)}
.pk-n small{color:var(--amber-t);font-weight:700}
.mr-x em{color:var(--amber-t)}
.lg-h small{padding:2px 8px;border-radius:99px;background:var(--tint2);color:var(--muted);font-size:11.5px}
.h-live{display:flex;align-items:center;gap:4px;color:var(--no)}
.kv b{color:var(--lime-t)}
.mr.r-won .pk-n small,.mr.r-lost .pk-n small{color:var(--faint)}
/* booking codes on slips */
.codes{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px;border-top:1px dashed var(--line2)}
.codes-h{width:100%;color:var(--faint);font:700 11px var(--body);text-transform:uppercase;letter-spacing:.08em}
.code{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;border:1px solid var(--lime-line);background:var(--lime-soft);color:var(--head);cursor:pointer;font:inherit}
.code small{color:var(--muted);font-size:11.5px;font-weight:600}
.code b{font:800 14px var(--disp);letter-spacing:.06em;color:var(--lime-t)}
.code:hover{border-color:var(--lime)}.code.done{background:var(--ok);border-color:var(--ok)}.code.done b,.code.done small{color:#fff}
/* daily tips sign-up */
.daily-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0;padding:14px 16px;border-radius:16px;background:var(--blue-soft);border:1px solid var(--blue-line)}
.daily-cta p{margin:0;flex:1;min-width:220px;color:var(--muted);font-size:14px}.daily-cta p b{display:block;color:var(--head);font-size:15px}
.daily-cta[hidden]{display:none}
.alerts .dly{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;color:var(--head);cursor:pointer}
.alerts .dly input{width:18px;height:18px;accent-color:var(--lime)}
/* ═════ ZoraTips layer: light header in light mode, split-bar chances, tidy hero ═════ */
.hd:before{height:3px;background:#e5b000;opacity:1}
:root[data-theme=light] .util{background:#efede7;--muted:#5b5b63;border-bottom-color:#e2ded5}
:root[data-theme=light] .util a{color:#3c3c44}:root[data-theme=light] .util a:hover{color:#c99700}
:root[data-theme=light] .hd{background:#fff;box-shadow:0 1px 0 #e6e3dc;--bg:#fff;--bg2:#fff;--card:#fff;--card2:#faf9f6;--line:#ebe8e1;--line2:#dcd8cf;--tint:rgba(21,23,27,.04);--tint2:rgba(21,23,27,.07);--head:#15130e;--text:#24242a;--muted:#55555d;--faint:#6c6c75;--lime-t:#c99700}
:root[data-theme=light] .nav>a:hover,:root[data-theme=light] .dd-btn:hover,:root[data-theme=light] .dd-btn[aria-expanded=true],:root[data-theme=light] .nav>a[aria-current],:root[data-theme=light] .dd-btn.cur,:root[data-theme=light] .sub a:hover{color:#15130e}
:root[data-theme=light] .sub{background:#faf9f6}
:root[data-theme=light] .sub a.on{color:#c99700}
:root[data-theme=light] .sub .hs{--hs-bg:#faf9f6}
:root[data-theme=light] .dd,:root[data-theme=light] .mnav{background:#fff;box-shadow:0 30px 60px rgba(21,23,27,.12)}
.logo{font:700 26px var(--disp);letter-spacing:-.03em}
.logo b{color:#e5b000}
:root[data-theme=light] .hd .logo b{color:#c99700}
/* match of the day */
.sb-t b{font:700 clamp(17px,2vw,24px)/1.15 var(--disp);text-transform:none;letter-spacing:-.01em;overflow-wrap:normal;word-break:normal;hyphens:manual}
/* win chances: one split bar instead of three boxes */
@media (min-width:860px){
  .mr-x{grid-template-columns:repeat(3,1fr);gap:0 4px;align-content:center}
  .mr-x>span:not(.mr-bar){background:none!important;border:0!important;box-shadow:none!important;padding:6px 0 0}
  .mr-x small{display:none}
  .mr-x b{font:700 14px var(--disp);color:var(--muted)}
  .mr-x .on b{color:var(--head)}
  .mr-x .hit b{text-decoration:underline 2px var(--ok);text-underline-offset:3px}
  .mr-x em{font-size:11.5px}
  .mr-bar{grid-column:1/-1;display:flex;gap:2px;height:7px;border-radius:9px;overflow:hidden;background:var(--tint2)}
  .mr-bar i{display:block;height:100%;background:var(--line2)}
  .mr-bar i.on{background:#e5b000}
}
.mr-bar{display:none}
@media (min-width:860px){.mr-bar{display:flex}}
/* pick tag: outline instead of filled */
.pk-tag{background:transparent;border:1.5px solid #e5b000;color:var(--head)}
.mr.r-won .pk-tag{background:var(--ok);border-color:var(--ok);color:#fff}
/* softer headings */
h1,h2,h3{letter-spacing:-.02em}
@media (min-width:860px){.mr-x>.mr-bar{flex-direction:row!important;align-items:stretch;padding:0!important;border:0!important;border-radius:9px!important;background:var(--tint2)!important;line-height:0}}
:root[data-theme=light] .nav>a,:root[data-theme=light] .dd-btn{color:#3c3c44}
:root[data-theme=light] .util .r18{color:#b42318;border-color:#f3b4ae;opacity:1}
.mr-x .on em{color:var(--amber-t)!important}

/* ═══════════════════════════════════════════════════════════════════════
   ZORATIPS FRAME – "data desk": compact header + tabs, sidebar, table rows,
   flat panels, light by default. Everything below overrides the base styles.
   ═══════════════════════════════════════════════════════════════════════ */
:root[data-theme=light]{--bg:#f4f3ef;--bg2:#fff;--card:#fff;--card2:#fbfaf7;--line:#e7e4dc;--line2:#d9d5cb;--r:6px;--shadow:none}
:root{--r:6px;--shadow:none}
body{font-size:15px;line-height:1.55;padding-bottom:calc(58px + env(safe-area-inset-bottom))}
body:before{display:none}
.wrap{max-width:1320px;padding:0 18px}
.card,.lg,.slip,.kv div,.t-rk div{border-radius:6px!important;box-shadow:none!important}
.btn{border-radius:6px}
h1,h2,h3{font-family:var(--disp);font-weight:700;letter-spacing:-.02em}
h2{font-size:22px;margin:30px 0 12px}
.util,.hd,.sub,.foot,.dd{display:none!important}

/* header */
.gh{position:sticky;top:0;z-index:40;background:var(--card);border-bottom:1px solid var(--line)}
.gh-in{display:flex;align-items:center;gap:14px;height:58px}
.gh .logo{font-size:23px;color:var(--head)}
.gh .logo svg{width:28px;height:28px}
.gh-search{flex:1;max-width:460px;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--line2);border-radius:6px;background:var(--bg);color:var(--faint);position:relative}
.gh-search input{flex:1;min-width:0;border:0;background:none;color:var(--head);font:15px var(--body);outline:none}
.gh-search:focus-within{border-color:#e5b000}
.gh-r{margin-left:auto;display:flex;align-items:center;gap:6px}
.gh-date{color:var(--muted);font:600 13px var(--body);margin-right:6px;white-space:nowrap}
.gh .icon-btn{width:36px;height:36px;border-radius:6px;background:none;border:1px solid var(--line)}
.gh .burger{display:none;width:36px;height:36px;border-radius:6px;background:none;border:1px solid var(--line)}
.gh-tabs{border-top:1px solid var(--line);background:var(--card)}
.gh-tabs-in{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;height:42px}
.gh-tabs-in::-webkit-scrollbar{display:none}
.gh-tabs a{flex:none;display:flex;align-items:center;gap:6px;padding:0 13px;color:var(--muted);font:600 14px var(--body);border-bottom:3px solid transparent;text-decoration:none!important;white-space:nowrap}
.gh-tabs a:hover{color:var(--head)}
.gh-tabs a.on{color:var(--head);border-bottom-color:#e5b000}
.gh-tabs a small{padding:0 6px;border-radius:9px;background:var(--no);color:#fff;font-size:11px}
.gh-tabs .sep{flex:none;width:1px;margin:11px 6px;background:var(--line2)}

/* shell: sidebar + content */
.shell{display:block}
@media (min-width:1100px){
  .shell{display:grid;grid-template-columns:232px minmax(0,1fr);gap:26px;align-items:start}
  .side[hidden]{display:block!important}
  .side{position:sticky;top:112px;max-height:calc(100vh - 124px);overflow-y:auto;padding:18px 0 30px;border:0;background:none;scrollbar-width:thin}
  .side .msearch{display:none}
  .gh .burger{display:none!important}
}
@media (max-width:1099px){
  .gh .burger{display:inline-grid}
  .gh-date{display:none}
  .side{position:fixed;left:0;top:0;bottom:0;width:min(86vw,320px);z-index:60;max-height:none;overflow-y:auto;padding:18px 16px 90px;background:var(--card);border-right:1px solid var(--line);box-shadow:20px 0 60px rgba(0,0,0,.18)}
}
@media (max-width:700px){.gh-search{display:none}.gh-in{gap:10px}}
.side-g{margin-bottom:22px}
.side-g h4{margin:0 0 6px;padding:0 10px;font:700 11.5px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.side-g a{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:5px;color:var(--text);font-size:14px;text-decoration:none!important}
.side-g a:hover{background:var(--tint2);color:var(--head)}
.side-g a.on{background:rgba(5,150,105,.12);color:var(--head);font-weight:600;box-shadow:inset 3px 0 0 #e5b000}
.side-g a img{border-radius:2px;flex:none}
.side-g a.more{color:var(--lime-t);font-weight:600}
.side-ic{flex:none;min-width:24px;height:20px;display:inline-grid;place-items:center;border-radius:4px;background:var(--tint2);font:700 10.5px var(--disp);color:var(--muted)}
#main{padding-top:14px;min-width:0}

/* page heads */
.ph{margin:6px 0 16px;padding:0 0 14px;border-bottom:1px solid var(--line)}
.ph h1{font-size:clamp(26px,3.2vw,36px);margin:4px 0 8px;line-height:1.1}
.ph p{font-size:15.5px;max-width:78ch}
.ph .kick{font:600 12.5px var(--body);letter-spacing:.04em;text-transform:uppercase;color:#c99700}
.crumbs{font-size:12.5px;margin:4px 0 2px}

/* league blocks + match rows: a data table */
.lg{border:1px solid var(--line)!important;background:var(--card);margin-bottom:12px;overflow:hidden}
.lg-h{padding:8px 12px!important;background:var(--bg)!important;border-bottom:1px solid var(--line);font:700 13.5px var(--body)!important}
.lg-h .lg-c{font:600 12px var(--body)!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--faint)!important}
.lg-h small{background:none!important;padding:0!important}
.mrw{border-top:1px solid var(--line)}
.mrw:nth-child(even){background:var(--card2)}
.mr{padding:8px 46px 8px 12px!important;min-height:52px}
.mr:hover{background:rgba(5,150,105,.05)}
.mr-t time{background:none!important;box-shadow:none!important;padding:0!important;min-width:0!important;color:var(--head)!important;font:700 14px var(--disp)!important}
.tm b{font-size:14px!important;font-weight:600!important}
.tm img,.tm .noimg{width:16px!important;height:16px!important}
.mr-teams{gap:3px!important}
.mr-xg{display:none}
@media (min-width:860px){
  .mr{grid-template-columns:48px minmax(0,1fr) 190px 78px minmax(190px,auto)!important;gap:12px!important}
  .mr-xg{display:flex;align-items:baseline;justify-content:center;gap:3px;font:700 14px var(--disp);color:var(--head)}
  .mr-xg i{font-style:normal;color:var(--faint)}
  .mr-xg small{margin-left:3px;font:600 10.5px var(--body);color:var(--faint)}
}
@media (min-width:1100px) and (max-width:1279px){.mr{grid-template-columns:44px minmax(0,1fr) 170px 70px minmax(170px,auto)!important}.pk-c small{display:none!important}}
.pk-tag{border-radius:4px!important}
.acts .ic{border-radius:5px!important}
.mr-x>.mr-bar{height:6px!important;border-radius:3px!important}

/* filters, chips, date strip: flat tabs */
.filters button,.chips a,.catnav a{border-radius:5px!important}
.filters button.on,.catnav a.on{background:#15130e!important;color:#fff!important;border-color:#15130e!important}
:root[data-theme=dark] .filters button.on,:root[data-theme=dark] .catnav a.on{background:#e5b000!important;color:#17130a!important;border-color:#e5b000!important}
.ds a,.dstrip a{border-radius:6px!important}

/* slips: compact */
.slip-ic{border-radius:5px!important}
.slip-h h2{font-size:18px!important}

/* footer */
.gf{margin-top:50px;background:var(--card);border-top:3px solid #e5b000;color:var(--muted);font-size:14px}
.gf-in{display:grid;gap:26px;padding:34px 18px 22px;grid-template-columns:1fr 1fr}
@media (min-width:860px){.gf-in{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr}}
.gf-brand{grid-column:1/-1}
@media (min-width:860px){.gf-brand{grid-column:auto}}
.gf .logo{font-size:22px;color:var(--head)}
.gf .logo svg{width:26px;height:26px}
.gf h2{margin:0 0 10px;font:700 12px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}
.gf-in>div>a{display:block;padding:3px 0;color:var(--text)}
.gf-soc a{margin-right:14px;color:var(--lime-t);font-weight:600}
.gf-b{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px 18px 22px;border-top:1px solid var(--line);font-size:12.5px;color:var(--faint)}
.gf-b .r18{display:inline-block;padding:0 6px;border-radius:4px;background:var(--no);color:#fff;margin-right:6px}
.bnav{border-radius:0!important;background:var(--card)!important;border-top:1px solid var(--line)!important}

/* home: numbers strip + match of the day bar */
.zt-top{display:grid;gap:14px;margin:6px 0 18px}
@media (min-width:980px){.zt-top{grid-template-columns:1.1fr 1fr}}
.zt-hello h1{font-size:clamp(28px,3.4vw,40px);line-height:1.08;margin:2px 0 10px}
.zt-hello p{color:var(--muted);margin:0 0 14px}
.zt-nums{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}
@media (min-width:600px){.zt-nums{grid-template-columns:repeat(4,1fr)}}
.zt-nums div{background:var(--card);padding:12px 14px}
.zt-nums b{display:block;font:700 26px var(--disp);color:var(--head);line-height:1.1}
.zt-nums small{color:var(--muted);font-size:12.5px}
.zt-motd{display:block;border:1px solid var(--line);border-radius:6px;background:var(--card);padding:14px 16px;text-decoration:none!important;color:var(--text)}
.zt-motd:hover{border-color:#e5b000}
.zt-motd .k{display:flex;justify-content:space-between;font:600 12.5px var(--body);color:var(--faint);text-transform:uppercase;letter-spacing:.05em}
.zt-motd .t{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:12px 0}
.zt-motd .t span{display:flex;align-items:center;gap:8px;font:700 18px var(--disp);color:var(--head);min-width:0}
.zt-motd .t span:last-child{justify-content:flex-end;text-align:right}
.zt-motd .t img{width:30px;height:30px;object-fit:contain}
.zt-motd .t em{font-style:normal;font:700 22px var(--disp);color:#c99700;text-align:center}
.zt-motd .t em small{display:block;font:600 11px var(--body);color:var(--faint)}
.zt-motd .bar{display:flex;height:8px;border-radius:4px;overflow:hidden;gap:2px;background:var(--tint2)}
.zt-motd .bar i{background:var(--line2)}.zt-motd .bar i.on{background:#e5b000}
.zt-motd .pc{display:flex;justify-content:space-between;margin-top:6px;font:600 13px var(--body);color:var(--muted)}
.zt-motd .pk{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line2)}
.zt-motd .pk b{font:700 16px var(--disp);color:var(--head)}
.zt-motd .pk span{font:700 15px var(--disp);color:#c99700;white-space:nowrap}
.sec-h{border-bottom:1px solid var(--line);padding-bottom:6px;margin:26px 0 12px}
.sec-h h2{font-size:20px;margin:0}
.sec-h p{font-size:13.5px}
.slips.two{gap:12px}
@media (min-width:1100px){.side{background:none!important;box-shadow:none!important}}
@media (min-width:860px){.mr-x{width:100%}}
/* date strip: one row of compact tabs */
.dstrip{display:flex!important;gap:0!important;overflow-x:auto;scrollbar-width:none;border:1px solid var(--line);border-radius:6px;background:var(--card);margin:0 0 12px!important}
.dstrip::-webkit-scrollbar{display:none}
.dstrip a{flex:1 0 auto;display:flex!important;flex-direction:column;align-items:center;padding:7px 12px!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;min-width:0!important}
.dstrip a:last-child{border-right:0!important}
.dstrip a small{font:600 11px var(--body)!important;color:var(--faint)!important;text-transform:uppercase;letter-spacing:.04em}
.dstrip a b{font:700 15px var(--disp)!important;color:var(--head)!important}
.dstrip a.on{background:#15130e!important;box-shadow:inset 0 -3px 0 #e5b000!important}
.dstrip a.on small,.dstrip a.on b{color:#fff!important}
.dstrip a.wk b{color:#c99700!important}
/* slip cards: flatter, header bar */
.slip{border:1px solid var(--line)!important;background:var(--card)!important}
.slip-h{border-bottom:1px solid var(--line);background:var(--bg)}
.slip-ic{background:#15130e!important;color:#e5b000!important}
:root[data-theme=dark] .slip-ic{background:#e5b000!important;color:#15130e!important}
.slip-o b{font-size:26px!important}
@media (min-width:860px){.mr .mr-x{justify-self:stretch!important;width:100%!important;max-width:none!important}}
/* match header: light data card */
.mh{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:6px!important;color:var(--text)!important;padding:18px 20px!important;text-align:left}
.mh:before{display:none!important}
.mh h1{order:-1;text-align:left!important;margin:0 0 6px!important;color:var(--head)!important;font:700 clamp(22px,2.8vw,30px)/1.15 var(--disp)!important}
.mh-l{justify-content:flex-start!important;color:var(--muted)!important;font-size:13px!important;margin-bottom:14px!important}
.mh-l a{color:var(--lime-t)!important}
.mh-t{grid-template-columns:1fr auto 1fr!important;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mh-team{flex-direction:row!important;gap:10px!important;justify-content:flex-start;text-align:left!important}
.mh-t .mh-team:last-child{flex-direction:row-reverse!important;text-align:right!important}
.mh-team img,.mh-team .noimg{width:40px!important;height:40px!important}
.mh-team h2{font:700 clamp(16px,2vw,21px)/1.15 var(--disp)!important;text-transform:none!important;color:var(--head)!important}
.mh-team>div{display:none}
.mh-mid time,.mh-mid .ko{color:#c99700!important;font:700 clamp(26px,3vw,34px)/1 var(--disp)!important}
.mh-sc{color:var(--head)!important;font:700 clamp(30px,4vw,42px)/1 var(--disp)!important}
.mh-mid small{color:var(--muted)!important}
.mh-num{margin-top:14px}
.mh-num .bar{display:flex;gap:2px;height:8px;border-radius:4px;overflow:hidden;background:var(--tint2)}
.mh-num .bar i{background:var(--line2)}.mh-num .bar i.on{background:#e5b000}
.mh-num .pc{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:13.5px;color:var(--muted)}
.mh-num .pc b{color:var(--head);font-family:var(--disp)}
.mh-num .xg{display:block;margin-top:8px;font-size:13.5px;color:var(--muted)}.mh-num .xg b{color:var(--head);font-family:var(--disp)}
.mh-act{justify-content:flex-start!important}
.mh .fav,.mh .share{background:var(--card)!important;border:1px solid var(--line2)!important;color:var(--head)!important;border-radius:6px!important}
.verdict{border-radius:6px!important;box-shadow:none!important}
/* rows: fixed pick column so every row lines up */
@media (min-width:860px){.mr{grid-template-columns:48px minmax(0,1fr) 180px 76px 240px!important}.pk-c{min-width:0}.pk-c small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}}
@media (min-width:1100px) and (max-width:1279px){.mr{grid-template-columns:44px minmax(0,1fr) 160px 70px 200px!important}}
/* game of the day on phones */
.zt-motd .t span{overflow:hidden}
@media (max-width:600px){.zt-motd .t span{font-size:15px}.zt-motd .t em{font-size:18px}.zt-motd .t img{width:22px;height:22px}}

/* ═══════════════════════════════════════════════════════════════════════
   ZORATIPS – EMERALD & GOLD, soft modern. Final layer.
   ═══════════════════════════════════════════════════════════════════════ */
:root,:root[data-theme=dark]{
  --bg:#05130e;--bg2:#081a13;--card:#0b2019;--card2:#0d261d;--line:rgba(230,215,170,.1);--line2:rgba(230,215,170,.17);
  --tint:rgba(255,255,255,.035);--tint2:rgba(255,255,255,.07);
  --head:#f2f7f4;--text:#d7e3dd;--muted:#9db3a8;--faint:#7f988c;
  --brand:#f5c518;--brand-2:#ffd84d;--brand-ink:#17130a;--brand-soft:rgba(245,197,24,.14);--brand-line:rgba(245,197,24,.38);
  --gold:#e5c158;--gold-ink:#3a2b03;--gold-soft:rgba(229,193,88,.14);--gold-line:rgba(229,193,88,.4);
  --lime:#f5c518;--lime-t:#ffd84d;--lime-soft:rgba(245,197,24,.13);--lime-line:rgba(245,197,24,.38);--meter:#f5c518;--on-bg:#f5c518;--on-fg:#17130a;
  --blue:#7cc4ff;--blue-soft:rgba(124,196,255,.12);--blue-line:rgba(124,196,255,.3);
  --r:16px;--r-sm:11px;
  --sh1:0 1px 2px rgba(0,0,0,.25),0 8px 24px rgba(0,0,0,.22);--sh2:0 2px 4px rgba(0,0,0,.3),0 18px 40px rgba(0,0,0,.3);
}
:root[data-theme=light]{
  --bg:#f3f6f4;--bg2:#ffffff;--card:#ffffff;--card2:#fafcfb;--line:#e3ebe7;--line2:#d3ded8;
  --tint:rgba(60,45,0,.035);--tint2:rgba(60,45,0,.065);
  --head:#0c1f18;--text:#26372f;--muted:#5a6e65;--faint:#71857b;
  --brand:#c99700;--brand-2:#e5b000;--brand-ink:#ffffff;--brand-soft:#f5efdc;--brand-line:#e9d79a;
  --gold:#b88a1b;--gold-ink:#ffffff;--gold-soft:#fbf3dc;--gold-line:#e9d29a;
  --lime:#e5b000;--lime-t:#c99700;--lime-soft:#f5efdc;--lime-line:#e9d79a;--meter:#e5b000;--on-bg:#c99700;--on-fg:#fff;
  --blue:#2563eb;--blue-soft:#ecf2ff;--blue-line:#c8d8fb;
  --sh1:0 1px 2px rgba(20,16,5,.05),0 6px 20px rgba(20,16,5,.06);--sh2:0 2px 6px rgba(20,16,5,.07),0 18px 44px rgba(20,16,5,.1);
}
body{background:var(--bg);font-size:15.5px}
:root[data-theme=light] body{background:radial-gradient(1200px 500px at 70% -200px,#f6efd9,transparent 70%),var(--bg)}
:root[data-theme=dark] body{background:radial-gradient(1100px 520px at 75% -220px,rgba(245,197,24,.16),transparent 70%),var(--bg)}
a{color:var(--lime-t)}
h1,h2,h3{font-family:var(--disp);font-weight:800;letter-spacing:-.025em;color:var(--head)}

/* surfaces */
.card,.lg,.slip,.verdict,.mh,.zt-motd,.zt-nums,.dstrip,.faq details,.tbl-wrap,.st-top,.acc-bands,.cd-card,.alerts,.th,.hh{border-radius:var(--r)!important;border:1px solid var(--line)!important;box-shadow:var(--sh1)!important;background:var(--card)}
.kv div,.t-rk div{border-radius:var(--r-sm)!important;background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:var(--sh1)!important}
.btn{border-radius:12px;font-weight:700}
.btn.lime,.cta-top{background:linear-gradient(180deg,var(--brand-2),var(--brand))!important;color:#fff!important;border:0!important;box-shadow:0 6px 16px rgba(160,120,0,.25)}
.btn.ghost{border-radius:12px}

/* header: frosted white */
.gh{background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(20,16,5,.03)}
:root[data-theme=dark] .gh{background:rgba(6,22,16,.82)}
.gh-in{height:64px}
.gh .logo{font:800 24px var(--disp);letter-spacing:-.035em}
.gh .logo b,.gf .logo b{color:var(--brand)!important}
.gh-search{height:42px;border-radius:12px;background:var(--tint);border-color:var(--line)}
.gh-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.gh .icon-btn,.gh .burger{border-radius:11px;width:38px;height:38px;border-color:var(--line);background:var(--card)}
.gh-tabs{background:transparent;border-top:1px solid var(--line)}
.gh-tabs-in{height:46px;gap:4px;align-items:center}
.gh-tabs a{height:32px;padding:0 13px;border-radius:999px;border:0;font:600 14px var(--body)}
.gh-tabs a:hover{background:var(--tint2)}
.gh-tabs a.on{background:var(--brand);color:#fff;border:0}
.gh-tabs a.on:hover{background:var(--brand)}
.gh-tabs .sep{margin:12px 6px}

/* sidebar */
@media (min-width:1100px){.shell{grid-template-columns:240px minmax(0,1fr);gap:30px}.side{top:124px;padding-top:22px}}
.side-g{padding:10px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);box-shadow:var(--sh1);margin-bottom:14px}
@media (max-width:1099px){.side-g{box-shadow:none}}
.side-g h4{padding:4px 8px 6px;font:700 11px var(--body);letter-spacing:.1em;color:var(--faint)}
.side-g a{border-radius:10px;padding:7px 9px;font-size:14px}
.side-g a.on{background:var(--brand-soft);box-shadow:none;color:var(--brand);font-weight:700}
:root[data-theme=dark] .side-g a.on{color:var(--brand-2)}
.side-ic{border-radius:7px;background:var(--brand-soft);color:var(--brand)}

/* page head */
#main{padding-top:20px}
.ph{border-bottom:0;padding-bottom:6px;margin-bottom:18px}
.ph .kick,.zt-hello .kick{color:var(--gold)!important;font:700 12px var(--body)!important;letter-spacing:.09em!important}
.ph h1{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.035em}
.crumbs a{color:var(--muted)}

/* date strip + filters */
.dstrip{padding:5px;gap:4px!important;background:var(--card)}
.dstrip a{border:0!important;border-radius:11px!important;padding:8px 12px!important}
.dstrip a.on{background:linear-gradient(180deg,var(--brand-2),var(--brand))!important;box-shadow:0 6px 14px rgba(160,120,0,.25)!important}
.dstrip a.wk b{color:var(--gold)!important}
.filters button,.chips a,.catnav a{border-radius:999px!important;background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:var(--sh1)}
.filters button.on,.catnav a.on,:root[data-theme=dark] .filters button.on,:root[data-theme=dark] .catnav a.on{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}

/* league tables + rows */
.lg{overflow:hidden}
.lg-h{background:linear-gradient(180deg,var(--card2),var(--card))!important;padding:11px 16px!important;border-bottom:1px solid var(--line)!important}
.lg-h .lg-go{color:var(--brand)!important}
.mrw:nth-child(even){background:transparent}
.mrw+.mrw{border-top:1px solid var(--line)}
.mr{padding:10px 50px 10px 16px!important;transition:background .15s}
.mr:hover{background:var(--brand-soft)!important}
.mr-t time{color:var(--brand)!important}
.mr-bar i.on,.mr-x>.mr-bar i.on{background:linear-gradient(90deg,var(--brand),var(--brand-2))!important}
.mr-x>.mr-bar{height:7px!important;border-radius:99px!important}
.mr-xg{color:var(--head)}
.pk-tag{border:0!important;background:var(--gold-soft)!important;color:var(--gold)!important;border-radius:8px!important;box-shadow:inset 0 0 0 1px var(--gold-line)}
:root[data-theme=light] .pk-tag{color:#8a6510!important}
.pk-n small,.mr-x em{color:var(--muted)!important}
.ring:before{background:linear-gradient(90deg,var(--brand) calc(var(--v)*1%),var(--tint2) 0)!important;border-radius:99px!important}
.mr.r-won .pk-tag{background:var(--brand)!important;color:#fff!important;box-shadow:none}
.acts .ic{border-radius:9px!important}
.tm.w .sc:not(:empty){background:var(--brand);color:#fff}

/* home */
.zt-hello h1{font-size:clamp(30px,3.8vw,46px);letter-spacing:-.04em;line-height:1.05}
.zt-hello h1 em{font-style:normal;background:linear-gradient(90deg,var(--brand),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.zt-nums{gap:10px;background:none!important;border:0!important;box-shadow:none!important}
.zt-nums div{border-radius:var(--r-sm);border:1px solid var(--line);box-shadow:var(--sh1)}
.zt-nums b{font:800 28px var(--disp);letter-spacing:-.03em}
.zt-nums div:last-child b{color:var(--brand)}
.zt-motd{padding:18px 20px;background:linear-gradient(160deg,#17150f,#c99700 60%,#3a3020)!important;border:0!important;color:#f5efdc;box-shadow:var(--sh2)!important}
.zt-motd .k{color:rgba(231,245,239,.75)}.zt-motd .k span:last-child{color:var(--gold)}
:root[data-theme=light] .zt-motd .k span:last-child{color:#f2d27a}
.zt-motd .t span{color:#fff}
.zt-motd .t em{color:#f2d27a}.zt-motd .t em small{color:rgba(231,245,239,.7)}
.zt-motd .bar{background:rgba(255,255,255,.14)}.zt-motd .bar i{background:rgba(255,255,255,.25)}.zt-motd .bar i.on{background:#f2d27a}
.zt-motd .pc{color:rgba(231,245,239,.8)}
.zt-motd .pk{border-top-color:rgba(255,255,255,.18)}.zt-motd .pk b{color:#fff}.zt-motd .pk span{color:#f2d27a}
.zt-motd:hover{transform:translateY(-1px);transition:transform .15s}

/* slips */
.slip-h{background:linear-gradient(180deg,var(--card2),var(--card))!important;border-bottom:1px solid var(--line)}
.slip-ic,:root[data-theme=dark] .slip-ic{background:linear-gradient(160deg,#17150f,#e5b000)!important;color:#f2d27a!important;border-radius:11px!important}
.slip-o b{color:var(--head)}
.code{border-radius:10px;border-color:var(--gold-line);background:var(--gold-soft)}.code b{color:var(--gold)}

/* match page */
.mh{padding:22px 24px!important}
.mh-mid time,.mh-mid .ko{color:var(--brand)!important}
.mh-num .bar i.on{background:linear-gradient(90deg,var(--brand),var(--brand-2))}
.verdict{border-left:0!important}
.verdict:before{display:none!important}
.v-num b,.verdict .v-num{color:var(--brand)!important}

/* footer */
.gf{border-top:0;background:linear-gradient(180deg,#0b0b0d,#04261d);color:#a9c9bb}
.gf .logo{color:#fff}.gf .logo b{color:#ffd84d!important}
.gf h2{color:#9a8f74}
.gf-in>div>a{color:#efe6cc}.gf-in>div>a:hover{color:#f2d27a}
.gf-soc a{color:#f2d27a}
.gf-b{border-top-color:rgba(255,255,255,.08);color:#9a8f74}.gf-b a{color:#efe6cc}
.bnav{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(12px)}
:root[data-theme=dark] .bnav{background:rgba(6,22,16,.92)!important}
.bnav a.on,.bnav a[aria-current]{color:var(--brand)!important}

/* tables, chips, misc */
.tbl th{color:var(--faint)}
.tbl td:last-child b{color:var(--brand)}
.fm-W{background:var(--brand-soft)!important;color:var(--brand)!important}
.live{background:#dc2626}
.daily-cta{border-radius:var(--r);background:linear-gradient(135deg,var(--brand-soft),var(--gold-soft));border:1px solid var(--line)}
.zt-top{align-items:start}
.zt-motd{display:flex;flex-direction:column}
.slip li .when{min-width:52px}
.mr-x em{font-weight:600}
.mr-x .on b{color:var(--brand)!important}
:root[data-theme=dark] .mr-x .on b{color:var(--brand-2)!important}
.verdict{background:linear-gradient(135deg,var(--card),var(--card2))!important}
/* compact kick-off time – more room for the teams */
.mr-t time,.mr-t .live,.mr-t .ft,.mr-t .et{font-size:12px!important;letter-spacing:0!important}
.mr-t time{font-weight:700!important}
.mr-t .live{padding:2px 5px!important;font-size:11px!important}
.mr-t .ft{padding:2px 5px!important;font-size:10.5px!important}
.mr{grid-template-columns:36px minmax(0,1fr) auto!important;gap:8px!important;padding-left:10px!important}
@media (min-width:860px){.mr{grid-template-columns:40px minmax(0,1fr) 180px 76px 240px!important;gap:10px!important}}
@media (min-width:1100px) and (max-width:1279px){.mr{grid-template-columns:38px minmax(0,1fr) 160px 70px 200px!important}}
.tm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slip li .when{min-width:38px!important}
.slip li .when time,.slip li .when .lg-t{font-size:12px!important}
.zt-motd .t em{font-size:18px}
@media (max-width:600px){
  .mr{grid-template-columns:34px minmax(0,1fr) auto!important;gap:6px!important;padding:9px 44px 9px 8px!important}
  .tm img,.tm .noimg{display:none!important}
  .tm b{font-size:13.5px!important}
  .mr-pk{gap:6px!important}
  .pk-tag{padding:3px 6px!important;font-size:12px!important}
  .ring b{font-size:16px!important}
}
/* team + head-to-head headers: emerald cards with white text (both modes) */
.th,.hh{background:linear-gradient(160deg,#17150f,#c99700 60%,#3a3020)!important;border:0!important;color:#f5efdc!important;box-shadow:var(--sh2)!important}
.th:before{display:none}
.th h1,.hh h1,.hh .hh-t b,.hh-t a,.hh-rec b{color:#fff!important}
.th .kick,.th .kick a,.hh .kick{color:#f2d27a!important}
.th-f small,.hh-rec small{color:rgba(231,245,239,.75)!important}
.th-fav{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.th .fm-D,.hh .fm-D{background:rgba(255,255,255,.15)!important;color:#f5efdc!important}
.th .fm-W,.hh .fm-W{background:rgba(245,197,24,.25)!important;color:#fff3c4!important}
.th .fm-L,.hh .fm-L{background:rgba(248,113,113,.25)!important;color:#fee2e2!important}
.hh h1 span{color:#f2d27a!important}
.hh-bar i{background:#f2d27a!important}.hh-bar em{background:rgba(255,255,255,.35)!important}.hh-bar u{background:#ffffff!important}
.hh-rec div:first-child b{color:#f2d27a!important}.hh-rec div:last-child b{color:#ffffff!important}
.th>img,.th>.noimg,.hh-t img{background:#fff;border-radius:16px;padding:6px}
/* search suggestions: themed box under the header search */
.sugg,.gh-search .sugg{background:var(--card)!important;border:1px solid var(--line2)!important;box-shadow:0 18px 40px rgba(0,0,0,.18)!important;color:var(--text);text-align:left}
.gh-search .sugg{left:-1px;right:-1px;min-width:0;top:calc(100% + 8px)}
.sugg a{color:var(--head)!important}.sugg a:hover{background:var(--tint)!important}
.sugg .sugg-all{color:var(--brand)!important}
.msearch{position:relative}
/* slips: odds + chance easy to read */
.slip-po{display:flex!important;align-items:center;justify-content:flex-end;gap:5px;margin-top:5px;font-size:12.5px!important;color:var(--muted)!important}
.slip-po b{color:var(--head);font-weight:700}
.slip-po i{font-style:normal;font-weight:700;padding:1px 6px;border-radius:999px;background:rgba(245,197,24,.12);color:#c99700}
:root[data-theme=dark] .slip-po i{background:rgba(245,197,24,.16);color:#6ee7b7}
.slip-f>span{color:var(--muted);font-weight:600}
.slip-ch{display:inline-block;margin-left:4px;padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#e5b000,#c99700);color:#17130a!important;font:800 14px var(--head-f,inherit)}
/* footer: 30-day hit rate */
.gf-rate{display:inline-flex;align-items:center;gap:12px;margin:4px 0 14px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);text-decoration:none!important}
.gf-rate b{font:800 26px/1 var(--head-f,inherit);color:#f2d27a!important;letter-spacing:-.02em}
.gf-rate span{display:flex;flex-direction:column;color:#f5efdc;font-size:13.5px;font-weight:600;line-height:1.3}
.gf-rate small{color:#bfb393;font-size:12px;font-weight:500}
.gf-rate:hover{background:rgba(255,255,255,.11)}
.gf .gf-rate{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:10px 16px 10px 14px!important}
.gf .gf-rate b{display:block!important;font-size:30px!important;font-weight:800!important;line-height:1!important;color:#f2d27a!important}
.gf .gf-rate span{display:flex!important;flex-direction:column!important;padding:0!important}

/* ═══ HOME (full-width numbers dashboard) ═══ */
@media (min-width:1100px){
  .shell.bare{display:block}
  .is-bare .side[hidden]{display:none!important}
  .is-bare .side{position:fixed;left:0;top:0;bottom:0;width:320px;z-index:60;max-height:none;padding:18px 16px 90px;background:var(--card)!important;border-right:1px solid var(--line);box-shadow:20px 0 60px rgba(0,0,0,.18)!important}
  .is-bare .side .msearch{display:block}
  .is-bare .gh .burger{display:inline-grid!important}
}
.shell.bare>main{padding-top:20px}
.hx-sec{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 14px}
.hx-sec h2{margin:0;font:800 clamp(21px,2.4vw,26px)/1.15 var(--disp);letter-spacing:-.02em;color:var(--head)}
.hx-sec p{margin:4px 0 0;color:var(--muted);font-size:14px}
.hx-sec>a{flex:none;color:var(--brand);font-weight:700;font-size:14px;text-decoration:none!important;white-space:nowrap}
.shell.bare main>section{margin-bottom:38px}

/* hero */
.hx-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;padding:34px;border-radius:26px;color:#f5efdc;
  background:radial-gradient(120% 140% at 0% 0%,#3a3016 0%,#1d1a12 38%,#16140f 100%);position:relative;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}
.hx-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(242,210,122,.22),transparent 70%);pointer-events:none}
.hx-kick{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);font:600 12.5px var(--body);letter-spacing:.02em}
.hx-kick i{width:7px;height:7px;border-radius:50%;background:#f2d27a;box-shadow:0 0 0 4px rgba(242,210,122,.2)}
.hx-hero h1{margin:16px 0 10px;font:800 clamp(32px,4.4vw,52px)/1.02 var(--disp);letter-spacing:-.035em;color:#fff}
.hx-hero h1 em{font-style:normal;color:#f2d27a}
.hx-hero-l>p{margin:0 0 20px;max-width:520px;color:#d8ccb0;font-size:16px;line-height:1.55}
.hx-search{position:relative;display:flex;align-items:center;gap:10px;max-width:560px;height:54px;padding:0 6px 0 16px;border-radius:16px;background:#fff;color:#4b5563;box-shadow:0 12px 30px -12px rgba(0,0,0,.4)}
.hx-search input{flex:1;min-width:0;border:0;background:none;outline:none;color:#14120d;font:16px var(--body)}
.hx-search button{height:42px;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#e5b000,#c99700);color:#17130a;font:700 14px var(--body);cursor:pointer}
.hx-search .sugg{top:calc(100% + 8px)}
.hx-days{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hx-days a{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#f5efdc;font:600 13.5px var(--body);text-decoration:none!important}
.hx-days a.on,.hx-days a:hover{background:#f2d27a;border-color:#f2d27a;color:#3a2b03}
.hx-hero-r{align-self:center;padding:22px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(6px)}
.hx-hero-r h2{margin:0 0 14px;font:700 12px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#d9c58c}
.hx-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hx-stats div{padding:14px;border-radius:14px;background:rgba(0,0,0,.16)}
.hx-stats b{display:block;font:800 28px/1 var(--disp);letter-spacing:-.02em;color:#fff}
.hx-stats span{display:block;margin-top:6px;color:#cbbf9f;font-size:12.5px;line-height:1.35}
.hx-rate{display:flex;align-items:center;gap:14px;margin-top:12px;padding:12px;border-radius:14px;background:rgba(242,210,122,.1);border:1px solid rgba(242,210,122,.3);text-decoration:none!important}
.hx-ring{--v:70;flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:conic-gradient(#f2d27a calc(var(--v)*1%),rgba(255,255,255,.14) 0)}
.hx-ring b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#17150f;color:#fff;font:800 14px var(--disp)}
.hx-rate>span:last-child b{display:block;color:#fff;font-size:15px}.hx-rate small{color:#d8ccb0;font-size:12.5px}

/* spotlight */
.hx-spot{padding:22px 24px;border-radius:22px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh1,0 8px 24px rgba(0,0,0,.06))}
.hx-spot-h{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:13.5px;font-weight:600}
.hx-tag{padding:5px 11px;border-radius:999px;background:var(--gold-soft,rgba(229,193,88,.16));color:var(--gold);font:800 11.5px var(--body);letter-spacing:.08em;text-transform:uppercase}
.hx-spot-m{display:grid;grid-template-columns:1fr minmax(240px,1.2fr) 1fr;align-items:center;gap:18px;margin:18px 0}
.hx-team{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.hx-team img,.hx-team .noimg{width:56px;height:56px}
.hx-team>b{font:800 19px/1.2 var(--disp);color:var(--head)}
.hx-xg{font:800 30px/1 var(--disp);color:var(--brand)}.hx-xg small{margin-left:4px;font-size:12px;color:var(--muted)}
.hx-1x2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hx-1x2 div{padding:12px 6px;border-radius:14px;background:var(--tint);text-align:center}
.hx-1x2 b{display:block;font:800 22px/1 var(--disp);color:var(--head)}.hx-1x2 small{color:var(--muted);font-size:12px}
.hx-1x2 .on{background:linear-gradient(135deg,#e5b000,#c99700)}.hx-1x2 .on b,.hx-1x2 .on small{color:#fff}
.hx-cs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:12px}
.hx-cs small{width:100%;text-align:center;color:var(--muted);font-size:12px}
.hx-cs span{padding:5px 10px;border-radius:10px;border:1px solid var(--line2);color:var(--head);font:700 14px var(--body)}.hx-cs i{margin-left:6px;font-style:normal;color:var(--muted);font-weight:500;font-size:12px}
.hx-spot-f{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px dashed var(--line2)}
.hx-pick{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.hx-pick small{color:var(--muted);font-weight:600}
.hx-pick b{font:800 19px var(--disp);color:var(--head)}.hx-pick em{font-style:normal;font-weight:800;color:var(--gold)}

/* board */
.hx-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}
.hx-tabs button{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--head);font:700 14.5px var(--body);cursor:pointer}
.hx-tabs button small{padding:1px 7px;border-radius:999px;background:var(--tint2);font-size:12px;color:var(--muted)}
.hx-tabs button[aria-selected=true]{background:var(--head);border-color:var(--head);color:var(--card)}
.hx-tabs button[aria-selected=true] small{background:rgba(255,255,255,.2);color:inherit}
.hx-note{margin:0 0 12px;color:var(--muted);font-size:13.5px}
.hx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hx-c{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.hx-c:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(0,0,0,.35)}
.hx-c-k{display:flex;justify-content:space-between;gap:8px;color:var(--faint);font-size:12px;font-weight:600}
.hx-c-k span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-c-k time{flex:none;color:var(--brand);font-weight:800}
.hx-c-t{display:flex;flex-direction:column;gap:6px}
.hx-c-t>span{display:flex;align-items:center;gap:8px;min-width:0}.hx-c-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--head);font-size:15px}
.hx-c-p{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--tint)}
.hx-c-p em{font:800 30px/1 var(--disp);font-style:normal;letter-spacing:-.03em;color:var(--brand)}.hx-c-p em small{font-size:15px}
.hx-c-p span{display:flex;flex-direction:column;min-width:0}.hx-c-p b{color:var(--head);font-size:14px;line-height:1.25}.hx-c-p span small{color:var(--gold);font-weight:700;font-size:12.5px}
.hx-c-x{display:block;position:relative;height:6px;border-radius:6px;background:var(--line2)}
.hx-c-x i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#e5b000,#ffd84d)}
.hx-c-x small{position:absolute;right:0;top:9px;color:var(--faint);font-size:11.5px}
.hx-c{padding-bottom:26px}

/* next kick-offs strip */
.hx-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.hx-strip a{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line);text-decoration:none!important}
.hx-strip time{color:var(--brand);font:800 14px var(--body);margin-bottom:4px}
.hx-strip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--head);font-size:13.5px}
.hx-strip span{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--muted);font-weight:700;font-size:13px}
.hx-strip em{padding:2px 8px;border-radius:8px;background:var(--gold-soft,rgba(229,193,88,.16));border:1px solid var(--gold-line,rgba(229,193,88,.4));color:var(--gold);font-style:normal;font-weight:800}

/* slips */
.hx-sl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.hx-sl a{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);text-decoration:none!important;position:relative;overflow:hidden}
.hx-sl a:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#e5b000,#f2d27a)}
.hx-sl-i{display:grid;place-items:center;width:34px;height:34px;margin-bottom:6px;border-radius:10px;background:linear-gradient(135deg,#e5b000,#c99700);color:#f2d27a;font-weight:800}
.hx-sl b{color:var(--head);font-size:14.5px}.hx-sl em{font:800 26px/1.1 var(--disp);font-style:normal;color:var(--head)}.hx-sl small{color:var(--muted);font-size:12.5px}

/* record bars */
.hx-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding:18px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.hx-bars a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none!important}
.hx-bars a>span{display:flex;align-items:flex-end;width:100%;max-width:56px;height:110px;border-radius:12px;background:var(--tint)}
.hx-bars i{display:block;width:100%;border-radius:12px;background:linear-gradient(180deg,#ffd84d,#c99700)}
.hx-bars b{color:var(--head);font-size:14px}.hx-bars small{color:var(--muted);font-size:12px}

/* league pills */
.hx-pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.hx-pills a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);text-decoration:none!important}
.hx-pills a:hover{border-color:var(--brand)}
.hx-pills span{display:flex;flex-direction:column;min-width:0}.hx-pills b{color:var(--head);font-size:14.5px}.hx-pills small{color:var(--faint);font-size:12px}
.hx-pills em{flex:none;padding:3px 8px;border-radius:999px;background:var(--brand-soft,rgba(245,197,24,.12));color:var(--brand);font-style:normal;font-weight:700;font-size:12px}

@media (max-width:980px){.hx-hero{grid-template-columns:1fr;padding:26px 20px}.hx-grid{grid-template-columns:1fr 1fr}.hx-sl{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){
  .hx-hero{border-radius:20px;padding:22px 16px}.hx-hero-r{padding:14px}.hx-stats b{font-size:23px}
  .hx-grid{grid-template-columns:1fr}.hx-sl{grid-template-columns:1fr 1fr}
  .hx-spot{padding:16px}.hx-spot-m{grid-template-columns:1fr 1fr;gap:12px}.hx-mid{grid-column:1/-1;order:3}
  .hx-team>b{font-size:16px}.hx-xg{font-size:24px}
  .hx-sec{flex-direction:column;align-items:flex-start;gap:6px}
  .hx-bars{gap:6px;padding:12px}.hx-bars a>span{height:80px}
  .hx-search button{display:none}
}
.hx-search{margin-bottom:0}.hx-search input{height:auto;padding:0;border:0!important;border-radius:0;background:none!important;outline:none!important;color:#14120d!important}
/* home inside the sidebar layout */
.shell:not(.bare) .hx-hero{grid-template-columns:1.15fr 1fr;padding:28px;gap:22px}
.shell:not(.bare) .hx-hero h1{font-size:clamp(30px,3.4vw,44px)}
.shell:not(.bare) main>section{margin-bottom:34px}
@media (min-width:1100px) and (max-width:1300px){.shell:not(.bare) .hx-hero{grid-template-columns:1fr}.shell:not(.bare) .hx-sl{grid-template-columns:repeat(3,1fr)}.shell:not(.bare) .hx-grid{grid-template-columns:1fr 1fr}}
@media (max-width:980px){.shell:not(.bare) .hx-hero{grid-template-columns:1fr;padding:22px 18px}}
.hx-hero{margin-top:4px}

/* ═══ HOME v2 – futuristic layer ═══ */
.hx-hero,.hx-spot{--neo:#f5c518;--neo2:#f5c518;--au:#f5d77e;--ink:#f3ecd8;--glass:rgba(255,255,255,.045);--gl:rgba(255,230,160,.14)}
.hx-hero,.hx-spot{position:relative;isolation:isolate;overflow:hidden;color:var(--ink);
  background:radial-gradient(90% 120% at 100% 0%,rgba(245,197,24,.28),transparent 55%),radial-gradient(70% 90% at 0% 100%,rgba(245,215,126,.12),transparent 60%),linear-gradient(160deg,#0c0b09 0%,#12110d 45%,#070706 100%)!important;
  border:1px solid rgba(245,197,24,.16)!important;box-shadow:0 40px 80px -40px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.06)!important}
.hx-grid-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(245,197,24,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,.07) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(120% 90% at 70% 0%,#000 30%,transparent 80%);mask-image:radial-gradient(120% 90% at 70% 0%,#000 30%,transparent 80%)}
.hx-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(50px);pointer-events:none;opacity:.55}
.hx-orb.a{width:340px;height:340px;right:-90px;top:-120px;background:#f5c518;animation:hxFloat 14s ease-in-out infinite}
.hx-orb.b{width:260px;height:260px;left:30%;bottom:-170px;background:#d4a72c;opacity:.28;animation:hxFloat 18s ease-in-out infinite reverse}
.hx-hero:after{display:none}
@keyframes hxFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,24px)}}
@keyframes hxPulse{0%{box-shadow:0 0 0 0 rgba(245,197,24,.55)}100%{box-shadow:0 0 0 10px rgba(245,197,24,0)}}
@media (prefers-reduced-motion:reduce){.hx-orb,.hx-live,.hx-kick i{animation:none!important}}

.hx-kick{background:rgba(245,197,24,.08)!important;border:1px solid rgba(245,197,24,.22);color:#f2e3b0!important;font-variant-numeric:tabular-nums}
.hx-kick i{background:var(--neo)!important;box-shadow:none!important;animation:hxPulse 1.8s infinite}
.hx-hero h1{background:linear-gradient(180deg,#fff 30%,#ffe7a3 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hx-hero h1 em{background:linear-gradient(90deg,#f5d77e,#ffe9a8 45%,#e2b84a);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hx-hero-l>p{color:#bfb393!important}
.hx-search{background:rgba(255,255,255,.06)!important;border:1px solid rgba(245,197,24,.28);color:#d9c27a!important;box-shadow:0 0 0 0 rgba(245,197,24,0),0 18px 40px -20px rgba(0,0,0,.7)!important;backdrop-filter:blur(10px);transition:box-shadow .2s,border-color .2s}
.hx-search:focus-within{border-color:var(--neo);box-shadow:0 0 0 4px rgba(245,197,24,.14),0 0 32px rgba(245,197,24,.25)!important}
.hx-search input{color:#fff!important}.hx-search input::placeholder{color:#9a8f74}
.hx-search button{background:linear-gradient(135deg,#f5c518,#f5c518)!important;color:#1a1405!important;box-shadow:0 8px 24px -8px rgba(245,197,24,.6)}
.hx-days a{background:rgba(255,255,255,.04)!important;border-color:rgba(255,230,160,.14)!important;color:#e6dcc0!important;backdrop-filter:blur(6px)}
.hx-days a.on,.hx-days a:hover{background:linear-gradient(135deg,#f5d77e,#e2b84a)!important;border-color:transparent!important;color:#2b1f02!important}

.hx-hero-r{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;border:1px solid var(--gl)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.hx-hero-r h2{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#f5c518!important}
.hx-hero-r h2 small{width:100%;margin-top:2px;color:#8a7f66;font:500 11px var(--body);letter-spacing:.04em;text-transform:none}
.hx-live{width:8px;height:8px;border-radius:50%;background:var(--neo);animation:hxPulse 1.8s infinite}
.hx-stats div{position:relative;background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,230,160,.08);padding:14px 14px 12px!important}
.hx-stats small{display:block;margin-bottom:6px;color:#b39a4f;font:700 10.5px var(--body);letter-spacing:.12em;text-transform:uppercase}
.hx-stats b{font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#9ff0cf);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hx-stats b em{font-style:normal;font-size:.6em}
.hx-stats i{display:block;height:4px;margin:10px 0 6px;border-radius:4px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.hx-stats i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:4px;background:linear-gradient(90deg,#f5c518,#f5c518);box-shadow:0 0 12px rgba(245,197,24,.6)}
.hx-stats span{margin-top:0!important;color:#a99e82!important;font-size:12px!important}
.hx-rate{background:linear-gradient(90deg,rgba(245,215,126,.12),rgba(245,215,126,.03))!important;border-color:rgba(245,215,126,.28)!important}
.hx-ring{background:conic-gradient(from -90deg,#f5d77e calc(var(--v)*1%),rgba(255,255,255,.1) 0)!important;filter:drop-shadow(0 0 10px rgba(245,215,126,.35))}
.hx-ring b{background:#0c0b09!important}

/* spotlight – dark "versus" panel */
.hx-spot{padding:24px 26px!important;border-radius:24px!important}
.hx-spot-h{color:#a99e82!important}
.hx-tag{background:rgba(245,215,126,.12)!important;border:1px solid rgba(245,215,126,.3);color:#f5d77e!important}
.hx-team>b{color:#fff!important}
.hx-team img,.hx-team .noimg{padding:8px;border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(245,197,24,.25),0 0 30px rgba(245,197,24,.18);width:68px!important;height:68px!important}
.hx-xg{background:linear-gradient(180deg,#ffe27a,#f5c518);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-variant-numeric:tabular-nums}
.hx-xg small{-webkit-text-fill-color:#b39a4f}
.hx-1x2 div{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,230,160,.1)}
.hx-1x2 b{color:#fff!important;font-variant-numeric:tabular-nums}.hx-1x2 small{color:#a99e82!important}
.hx-1x2 .on{background:linear-gradient(135deg,rgba(245,197,24,.95),#d9a900)!important;border-color:transparent;box-shadow:0 0 26px rgba(245,197,24,.35)}
.hx-1x2 .on b,.hx-1x2 .on small{color:#1a1405!important}
.hx-cs small{color:#b39a4f!important}
.hx-cs span{border-color:rgba(255,230,160,.2)!important;background:rgba(255,255,255,.04);color:#fff!important}.hx-cs i{color:#a99e82!important}
.hx-spot-f{border-top-color:rgba(255,230,160,.14)!important}
.hx-pick small{color:#a99e82!important}.hx-pick b{color:#fff!important}.hx-pick em{color:#f5d77e!important}
.hx-spot .btn{background:linear-gradient(135deg,#f5c518,#f5c518)!important;color:#1a1405!important;border:0!important;box-shadow:0 10px 28px -10px rgba(245,197,24,.7)}

/* section heads */
.hx-eye{display:inline-block;margin-bottom:6px;color:var(--brand);font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}
.hx-sec h2{letter-spacing:-.03em!important}

/* board cards – gradient hairline, glow on hover */
.hx-c{border:1px solid transparent!important;border-radius:20px!important;
  background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,rgba(245,197,24,.45),rgba(245,197,24,.06) 40%,rgba(212,167,44,.35)) border-box!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 30px -22px rgba(0,0,0,.5)}
.hx-c:hover{transform:translateY(-3px)!important;box-shadow:0 22px 40px -22px rgba(245,197,24,.55)!important}
.hx-c-p{background:linear-gradient(135deg,var(--tint),transparent)!important;border:1px solid var(--line)}
.hx-c-p em{background:linear-gradient(180deg,#f5c518,#c99700);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-variant-numeric:tabular-nums}
:root[data-theme=dark] .hx-c-p em{background:linear-gradient(180deg,#ffe27a,#f5c518);-webkit-background-clip:text;background-clip:text}
.hx-c-x{height:5px!important;background:var(--tint2)!important}
.hx-c-x i{background:linear-gradient(90deg,#f5c518,#f5c518)!important;box-shadow:0 0 10px rgba(245,197,24,.45)}
.hx-tabs{padding:5px;gap:4px!important;border-radius:999px;background:var(--tint);border:1px solid var(--line);width:max-content;max-width:100%}
.hx-tabs button{border:0!important;background:none!important;height:38px!important}
.hx-tabs button[aria-selected=true]{background:linear-gradient(135deg,#f5c518,#c99700)!important;color:#17130a!important;box-shadow:0 8px 20px -10px rgba(245,197,24,.8)}

/* strip, slips, bars, pills */
.hx-strip a,.hx-sl a,.hx-pills a,.hx-bars{border-radius:18px!important;transition:transform .15s,border-color .15s,box-shadow .15s}
.hx-strip a:hover,.hx-sl a:hover,.hx-pills a:hover{transform:translateY(-2px);border-color:rgba(245,197,24,.5)!important;box-shadow:0 16px 30px -20px rgba(245,197,24,.6)}
.hx-strip time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.02em}
.hx-sl a:before{height:2px!important;background:linear-gradient(90deg,transparent,#f5c518,#f5d77e,transparent)!important}
.hx-sl-i{background:radial-gradient(circle at 30% 20%,#f5c518,#c99700)!important;color:#17130a!important;box-shadow:0 0 18px rgba(245,197,24,.35)}
.hx-sl em{font-variant-numeric:tabular-nums}
.hx-bars{background:linear-gradient(180deg,var(--card),var(--tint))!important}
.hx-bars i{background:linear-gradient(180deg,#ffe27a,#c99700)!important;box-shadow:0 0 16px rgba(245,197,24,.35)}
.hx-bars b{font-variant-numeric:tabular-nums}

/* ═══ HOME v3 – command centre (bx-) ═══ */
.bx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:34px}
.bx.two{grid-template-columns:1.25fr 1fr}
.bx-sec-wrap{margin-bottom:34px}
.bx-dark{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;color:#f3ecd8;
  background:radial-gradient(90% 120% at 100% 0%,rgba(245,197,24,.26),transparent 55%),radial-gradient(70% 90% at 0% 100%,rgba(245,215,126,.10),transparent 60%),linear-gradient(160deg,#0c0b09 0%,#12110d 45%,#070706 100%);
  border:1px solid rgba(245,197,24,.16);box-shadow:0 40px 80px -44px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06)}
.bx-h{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:700 11.5px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#f5c518}
.bx-muted{color:var(--muted)}

/* ticker */
.bx-ticker{display:flex;align-items:stretch;margin:0 0 16px;border-radius:14px;overflow:hidden;background:#0c0b09;border:1px solid rgba(245,197,24,.18);color:#f3ecd8}
.bx-ticker-h{flex:none;display:flex;align-items:center;gap:8px;padding:0 14px;background:linear-gradient(135deg,#f5c518,#c99700);color:#17130a;font:800 12px var(--body);letter-spacing:.1em;text-transform:uppercase}
.bx-ticker-h i{width:7px;height:7px;border-radius:50%;background:#f5d77e;animation:hxPulse 1.8s infinite}
.bx-ticker-v{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.bx-ticker-r{display:flex;width:max-content;animation:bxTick 70s linear infinite}
.bx-ticker:hover .bx-ticker-r{animation-play-state:paused}
@keyframes bxTick{to{transform:translateX(-50%)}}
.bx-ticker a{display:flex;align-items:center;gap:9px;padding:11px 18px;border-right:1px solid rgba(255,230,160,.1);color:#e6dcc0;text-decoration:none!important;white-space:nowrap;font-size:13.5px}
.bx-ticker time{color:#f5c518;font:700 12.5px ui-monospace,SFMono-Regular,Menlo,monospace}
.bx-ticker em{padding:1px 7px;border-radius:7px;background:rgba(245,215,126,.14);color:#f5d77e;font-style:normal;font-weight:800;font-size:12px}
.bx-ticker b{color:#fff;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.bx-ticker-r{animation:none}.bx-ticker-v{overflow-x:auto}}

/* hero */
.bx-hero{grid-column:span 2;padding:30px}
.bx-kick{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(245,197,24,.08);border:1px solid rgba(245,197,24,.22);color:#f2e3b0;font:600 12.5px var(--body)}
.bx-kick i{width:7px;height:7px;border-radius:50%;background:#f5c518;animation:hxPulse 1.8s infinite}
.bx-hero h1{margin:16px 0 10px;font:800 clamp(32px,3.6vw,50px)/1.02 var(--disp);letter-spacing:-.035em;background:linear-gradient(180deg,#fff 30%,#ffe7a3);-webkit-background-clip:text;background-clip:text;color:transparent}
.bx-hero h1 em{font-style:normal;background:linear-gradient(90deg,#f5d77e,#ffe9a8 45%,#e2b84a);-webkit-background-clip:text;background-clip:text;color:transparent}
.bx-hero>p{max-width:540px;margin:0 0 18px;color:#bfb393;font-size:15.5px;line-height:1.55}
.bx-search{display:flex;align-items:center;gap:10px;max-width:560px;height:52px;margin:0;padding:0 6px 0 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(245,197,24,.28);color:#d9c27a;backdrop-filter:blur(10px);position:relative}
.bx-search:focus-within{border-color:#f5c518;box-shadow:0 0 0 4px rgba(245,197,24,.14),0 0 32px rgba(245,197,24,.25)}
.bx-search input{flex:1;min-width:0;height:auto;padding:0;border:0!important;background:none!important;outline:none!important;color:#fff!important;font:16px var(--body)}
.bx-search input::placeholder{color:#9a8f74}
.bx-search button{height:40px;padding:0 16px;border:0;border-radius:12px;background:linear-gradient(135deg,#f5c518,#f5c518);color:#1a1405;font:800 14px var(--body);cursor:pointer}
.bx-search .sugg{top:calc(100% + 8px)}
.bx-days{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.bx-days a{padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,230,160,.14);color:#e6dcc0;font:600 13px var(--body);text-decoration:none!important}
.bx-days a.on,.bx-days a:hover{background:linear-gradient(135deg,#f5d77e,#e2b84a);border-color:transparent;color:#2b1f02}
.bx-hero-n{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:22px;border-radius:16px;overflow:hidden;background:rgba(255,230,160,.12)}
.bx-hero-n div{padding:14px 16px;background:#100f0c}
.bx-hero-n b{display:block;font:800 26px/1 var(--disp);color:#fff;font-variant-numeric:tabular-nums}
.bx-hero-n small{color:#9a8f74;font-size:12px}

/* readout */
.bx-read{padding:22px}
.bx-gauge{--v:70;display:grid;place-items:center;width:150px;height:150px;margin:2px auto 16px;border-radius:50%;
  background:conic-gradient(from -120deg,#f5c518 0,#f5c518 calc(var(--v)*2.4deg),rgba(255,255,255,.08) 0 240deg,transparent 0);position:relative;filter:drop-shadow(0 0 18px rgba(245,197,24,.25))}
.bx-gauge>div{display:grid;place-items:center;align-content:center;width:122px;height:122px;border-radius:50%;background:#0c0b09;text-align:center}
.bx-gauge b{font:800 34px/1 var(--disp);color:#fff;font-variant-numeric:tabular-nums}.bx-gauge small{margin-top:4px;color:#9a8f74;font-size:11.5px;line-height:1.3}
.bx-meter{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.bx-meter li{display:grid;grid-template-columns:110px 1fr 40px;align-items:center;gap:10px;font-size:12.5px;color:#bfb393}
.bx-meter i{height:6px;border-radius:6px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.bx-meter i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:6px;background:linear-gradient(90deg,#f5c518,#f5c518);box-shadow:0 0 10px rgba(245,197,24,.6)}
.bx-meter b{color:#fff;text-align:right;font-variant-numeric:tabular-nums}
.bx-spread>small{display:block;margin-bottom:8px;color:#b39a4f;font-size:11.5px}
.bx-spread>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;height:96px;align-items:end}
.bx-spread span{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}
.bx-spread i{width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#f5d77e,#b88a1b);opacity:.9}
.bx-spread b{color:#fff;font-size:11.5px}.bx-spread em{font-style:normal;color:#b39a4f;font-size:10.5px;white-space:nowrap}

/* spotlight */
.bx-spot{grid-column:span 2;padding:22px 24px}
.bx-spot-h{display:flex;justify-content:space-between;gap:10px;color:#a99e82;font-size:13px;font-weight:600}
.bx-tag{padding:5px 11px;border-radius:999px;background:rgba(245,215,126,.12);border:1px solid rgba(245,215,126,.3);color:#f5d77e;font:800 11px var(--body);letter-spacing:.1em;text-transform:uppercase}
.bx-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:18px 0}
.bx-tm{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.bx-tm img,.bx-tm .noimg{width:72px!important;height:72px!important;padding:9px;border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(245,197,24,.25),0 0 34px rgba(245,197,24,.2)}
.bx-tm>b{font:800 19px/1.2 var(--disp);color:#fff}
.bx-form{display:flex;gap:4px}.bx-form .fm{width:22px;height:22px;font-size:11px;border-radius:6px}
.bx-vs-c{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:220px}
.bx-vs-x{font:900 13px var(--disp);letter-spacing:.3em;color:#f5d77e;opacity:.8}
.bx-xgd{display:flex;align-items:center;gap:10px;width:100%}
.bx-xgd b{font:800 30px/1 var(--disp);font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#ffe27a,#f5c518);-webkit-background-clip:text;background-clip:text;color:transparent}
.bx-xgd span{flex:1;height:8px;border-radius:8px;background:rgba(245,215,126,.5);position:relative;overflow:hidden}
.bx-xgd i{position:absolute;inset:0 auto 0 0;width:var(--a);background:linear-gradient(90deg,#f5c518,#f5c518);box-shadow:0 0 12px rgba(245,197,24,.6)}
.bx-vs-c small{color:#b39a4f;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.bx-tri{display:flex;gap:4px;height:48px}
.bx-tri span{display:flex;flex-direction:column;justify-content:center;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,230,160,.1);min-width:0;overflow:hidden}
.bx-tri b{color:#fff;font:800 17px/1 var(--disp)}.bx-tri small{color:#a99e82;font-size:11px}
.bx-tri .on{background:linear-gradient(135deg,#f5c518,#d9a900);border-color:transparent;box-shadow:0 0 24px rgba(245,197,24,.35)}.bx-tri .on b,.bx-tri .on small{color:#1a1405}
.bx-spot-f{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px dashed rgba(255,230,160,.16)}
.bx-cs{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.bx-cs small{color:#b39a4f;font-size:12px;margin-right:4px}
.bx-cs span{padding:5px 10px;border-radius:10px;border:1px solid rgba(255,230,160,.2);background:rgba(255,255,255,.04);color:#fff;font:700 14px var(--body)}.bx-cs i{margin-left:6px;font-style:normal;color:#a99e82;font-size:12px;font-weight:500}
.bx-pick{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 12px;padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(245,197,24,.16),rgba(245,197,24,.04));border:1px solid rgba(245,197,24,.3);text-decoration:none!important}
.bx-pick small{grid-column:1/-1;color:#f5c518;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.bx-pick b{color:#fff;font:800 18px var(--disp)}.bx-pick em{color:#f5d77e;font-style:normal;font-weight:800}
.bx-pick span{grid-column:1/-1;color:#f5c518;font-size:13px;font-weight:700}

/* banker */
.bx-bank{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:24px;background:var(--card);border:1px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(160deg,#f5d77e,rgba(245,197,24,.25) 50%,#f5c518) border-box}
.bx-bank .bx-h{color:var(--gold)}
.bx-bank-m{display:flex;flex-direction:column;gap:2px}.bx-bank-m time{color:var(--brand);font:800 13px ui-monospace,Menlo,monospace}
.bx-bank-m b{color:var(--head);font:800 18px/1.25 var(--disp)}.bx-bank-m small{color:var(--faint);font-size:12px;margin-top:4px}
.bx-bank-p{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;background:var(--tint)}
.bx-bank-p .hx-ring{width:64px;height:64px;background:conic-gradient(from -90deg,#f5c518 calc(var(--v)*1%),var(--line2) 0)!important;filter:none}
.bx-bank-p .hx-ring b{width:52px;height:52px;background:var(--card)!important;color:var(--head);font-size:15px}
.bx-bank-p div b{display:block;color:var(--head);font-size:15px}.bx-bank-p em{color:var(--gold);font-style:normal;font-weight:800;font-size:18px}
.bx-bank .btn{align-self:flex-start}
.bx-bank-o{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:auto}
.bx-bank-o a{display:flex;flex-direction:column;padding:10px;border-radius:12px;background:var(--tint);border:1px solid var(--line);text-decoration:none!important}
.bx-bank-o small{color:var(--faint);font-size:11.5px}.bx-bank-o b{color:var(--head);font:800 18px var(--disp);font-variant-numeric:tabular-nums}.bx-bank-o em{color:var(--muted);font-style:normal;font-size:11.5px}

/* heatmap */
.bx-heat-w{overflow-x:auto;border-radius:20px;border:1px solid var(--line);background:var(--card)}
.bx-heat{width:100%;border-collapse:separate;border-spacing:4px;min-width:760px}
.bx-heat th{padding:10px 4px 6px;color:var(--faint);font:700 11px var(--body);letter-spacing:.08em;text-transform:uppercase;text-align:center}
.bx-heat th:first-child{text-align:left;padding-left:12px}
.bx-heat td{height:46px;border-radius:10px;text-align:center;font:700 14px var(--body);font-variant-numeric:tabular-nums;color:var(--head);
  background:rgba(245,197,24,calc(var(--h)*.85));transition:transform .12s}
.bx-heat td[style*="--h:0."]{color:var(--head)}
.bx-heat td:not(:first-child):hover{transform:scale(1.06)}
.bx-heat td.pk{box-shadow:inset 0 0 0 2px #f5d77e,0 0 16px rgba(245,215,126,.35)}
.bx-heat td:first-child{background:none;text-align:left;padding:0 8px}
.bx-heat td:first-child a{display:flex;align-items:center;gap:10px;text-decoration:none!important}
.bx-heat td:first-child time{color:var(--brand);font:700 12.5px ui-monospace,Menlo,monospace}
.bx-heat td:first-child span{display:flex;flex-direction:column;min-width:0}.bx-heat td:first-child b{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--head)}
:root[data-theme=dark] .bx-heat td:not(:first-child){color:#e9fff6}

/* edges */
.bx-edge,.bx-pulse,.bx-slips,.bx-rec{padding:20px;border-radius:24px;background:var(--card);border:1px solid var(--line)}
.bx-er{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr auto;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none!important}
.bx-er:last-of-type{border-bottom:0}
.bx-er-t{display:flex;flex-direction:column;min-width:0}.bx-er-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--head);font-size:14px}.bx-er-t small{color:var(--muted);font-size:12.5px}
.bx-er-b{display:grid;gap:4px}.bx-er-b i{display:block;height:7px;width:var(--w);border-radius:7px}
.bx-er-b .us,.bx-legend .us{background:linear-gradient(90deg,#f5c518,#f5c518)}.bx-er-b .bk,.bx-legend .bk{background:var(--line2)}
.bx-er-n{text-align:right}.bx-er-n b{display:block;color:var(--gold);font:800 18px var(--disp)}.bx-er-n small{color:var(--faint);font-size:11.5px}
.bx-legend{display:flex;align-items:center;gap:8px;margin:10px 0 0;color:var(--faint);font-size:12px}.bx-legend i{width:16px;height:7px;border-radius:7px;display:inline-block;margin-left:6px}

/* pulse */
.bx-pl{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h g" "m m";gap:8px 12px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none!important}
.bx-pl:last-child{border-bottom:0}
.bx-pl-h{grid-area:h;display:flex;flex-direction:column}.bx-pl-h b{color:var(--head);font-size:14.5px}.bx-pl-h small{color:var(--faint);font-size:12px}
.bx-pl-g{grid-area:g;text-align:right}.bx-pl-g em{font:800 22px var(--disp);font-style:normal;color:var(--brand)}.bx-pl-g small{margin-left:3px;color:var(--faint);font-size:11px}
.bx-pl-m{grid-area:m;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bx-pl-m>span{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}
.bx-pl-m i{height:6px;border-radius:6px;background:var(--tint2);position:relative;overflow:hidden}
.bx-pl-m i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#f5c518,#f5c518)}
.bx-pl-m b{color:var(--head);text-align:right}

/* board cards */
.bx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bx-c{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;border:1px solid transparent;text-decoration:none!important;transition:transform .15s,box-shadow .15s;
  background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,rgba(245,197,24,.45),rgba(245,197,24,.06) 40%,rgba(212,167,44,.35)) border-box}
.bx-c:hover{transform:translateY(-3px);box-shadow:0 22px 40px -22px rgba(245,197,24,.55)}
.bx-c-k{display:flex;justify-content:space-between;gap:8px;color:var(--faint);font-size:12px;font-weight:600}.bx-c-k span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx-c-k time{flex:none;color:var(--brand);font:800 12.5px ui-monospace,Menlo,monospace}
.bx-c-t{display:flex;flex-direction:column;gap:6px}.bx-c-t>span{display:flex;align-items:center;gap:8px;min-width:0}.bx-c-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--head);font-size:15px}
.bx-c-p{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--tint);border:1px solid var(--line)}
.bx-c-p em{font:800 30px/1 var(--disp);font-style:normal;letter-spacing:-.03em;background:linear-gradient(180deg,#f5c518,#c99700);-webkit-background-clip:text;background-clip:text;color:transparent}.bx-c-p em small{font-size:15px}
.bx-c-p span{display:flex;flex-direction:column;min-width:0}.bx-c-p b{color:var(--head);font-size:14px}.bx-c-p span small{color:var(--gold);font-weight:700;font-size:12.5px}
.bx-duel{display:grid;grid-template-columns:1fr 1fr;row-gap:5px;font-size:11.5px;color:var(--faint)}
.bx-duel i{grid-column:1/-1;height:6px;border-radius:6px;background:rgba(212,167,44,.45);position:relative;overflow:hidden}
.bx-duel i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--a);background:linear-gradient(90deg,#f5c518,#f5c518)}
.bx-duel small:last-child{text-align:right}

/* slips + record */
.bx-sl{display:grid;gap:8px}
.bx-sl a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--tint);border:1px solid var(--line);text-decoration:none!important}
.bx-sl a:hover{border-color:var(--brand)}
.bx-sl .hx-sl-i{margin:0;flex:none}
.bx-sl span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}.bx-sl b{color:var(--head);font-size:14px}.bx-sl small{color:var(--muted);font-size:12px}
.bx-sl em{font:800 20px var(--disp);font-style:normal;color:var(--head);font-variant-numeric:tabular-nums}
.bx-recn{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.bx-recn .hx-ring{width:70px;height:70px;background:conic-gradient(from -90deg,#f5c518 calc(var(--v)*1%),var(--line2) 0)!important;filter:none}
.bx-recn .hx-ring b{width:56px;height:56px;background:var(--card)!important;color:var(--head)}
.bx-recn div b{display:block;color:var(--head)}.bx-recn small{color:var(--muted);font-size:12.5px}
.bx-rec .hx-bars{padding:0;border:0;background:none!important;gap:8px}

/* method */
.bx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:s}
.bx-steps li{position:relative;padding:18px;border-radius:20px;background:var(--card);border:1px solid var(--line);overflow:hidden}
.bx-steps li:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#f5c518,#f5d77e)}
.bx-steps b{display:block;font:800 30px/1 var(--disp);background:linear-gradient(180deg,#f5c518,#c99700);-webkit-background-clip:text;background-clip:text;color:transparent}
.bx-steps h3{margin:10px 0 6px;color:var(--head);font:800 16px var(--disp)}.bx-steps p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}

@media (max-width:1300px){.bx{grid-template-columns:1fr 1fr}.bx-hero,.bx-spot{grid-column:1/-1}.bx-grid{grid-template-columns:1fr 1fr}.bx-steps{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.bx.two{grid-template-columns:1fr}}
@media (max-width:700px){
  .bx,.bx.two{grid-template-columns:1fr}.bx-hero{padding:22px 18px}.bx-hero-n{grid-template-columns:1fr 1fr}
  .bx-spot{padding:18px}.bx-vs{grid-template-columns:1fr 1fr}.bx-vs-c{grid-column:1/-1;order:3;min-width:0}
  .bx-tm>b{font-size:16px}.bx-tri b{font-size:15px}.bx-grid,.bx-steps{grid-template-columns:1fr}
  .bx-er{grid-template-columns:1fr auto}.bx-er-b{grid-column:1/-1;order:3}.bx-search button{display:none}
}
.bx-heat td:first-child,.bx-heat th:first-child{position:sticky;left:0;z-index:1;background:var(--card)!important}
@media (max-width:700px){.bx-heat{min-width:620px}.bx-heat td:first-child b{max-width:110px;font-size:12.5px}.bx-heat td{height:40px;font-size:13px}.bx-heat-w:after{content:"swipe for all markets →";display:block;padding:6px 12px 10px;color:var(--faint);font-size:11.5px}}
/* home v3.1 – flags, fewer charts */
.bx-fl{display:inline-block;width:18px;height:13px;margin-right:6px;border-radius:2px;object-fit:cover;vertical-align:-1px;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none}
.bx-fl.nf{background:var(--tint2)}
.bx-c-k span{display:flex;align-items:center}
.bx-xgt{display:flex;justify-content:space-between;padding-top:10px;border-top:1px dashed var(--line2);color:var(--faint);font-size:12.5px}.bx-xgt b{color:var(--head);font-variant-numeric:tabular-nums}
.bx-heat td:first-child a .bx-fl{margin:0}
.bx-er{grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important}
.bx-er .bx-fl{margin:0}
.bx-pl-h b{display:flex;align-items:center}
.bx-pl-m{display:flex!important;gap:16px!important;color:var(--muted);font-size:12.5px}.bx-pl-m>span{display:inline!important}.bx-pl-m b{color:var(--head);margin-left:4px}
.hx-pills a{justify-content:flex-start!important}.hx-pills a>span{flex:1}.hx-pills .bx-fl{width:22px;height:16px;margin-right:4px}
.bx-days7{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.bx-days7 a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:var(--tint);border:1px solid var(--line);text-decoration:none!important}
.bx-days7 small{color:var(--faint);font-size:11.5px}.bx-days7 b{color:var(--head);font-size:15px;font-variant-numeric:tabular-nums}.bx-days7 em{color:var(--muted);font-style:normal;font-size:11px}
.bx-spot-h>span:last-child{display:flex;align-items:center}
.bx-bank-m small{display:flex;align-items:center}
/* today's big games (simple list instead of the heatmap) */
.bx-bg{border-radius:20px;background:var(--card);border:1px solid var(--line);overflow:hidden}
.bx-bg-h,.bx-bg-r{display:grid;grid-template-columns:58px minmax(0,1.6fr) repeat(3,82px) minmax(0,1.3fr);align-items:center;gap:10px;padding:0 16px}
.bx-bg-h{height:38px;background:var(--tint);color:var(--faint);font:700 11px var(--body);letter-spacing:.08em;text-transform:uppercase}
.bx-bg-h span:nth-child(n+3):nth-child(-n+5){text-align:center}
.bx-bg-r{min-height:64px;border-top:1px solid var(--line);text-decoration:none!important;transition:background .12s}
.bx-bg-r:hover{background:var(--tint)}
.bx-bg-r time{color:var(--brand);font:800 13.5px ui-monospace,Menlo,monospace}
.bx-bg-m{display:flex;align-items:center;gap:4px;min-width:0}.bx-bg-m>span{display:flex;flex-direction:column;min-width:0}
.bx-bg-m b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--head);font-size:14px;line-height:1.3}
.bx-bg-m small{color:var(--faint);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bx-bg-p{display:flex;flex-direction:column;align-items:center;justify-content:center;height:46px;border-radius:12px;background:var(--tint);border:1px solid var(--line)}
.bx-bg-p small{display:none}.bx-bg-p b{color:var(--head);font-size:15px;font-variant-numeric:tabular-nums}
.bx-bg-p.on{background:linear-gradient(135deg,#f5c518,#c99700);border-color:transparent}.bx-bg-p.on b{color:#fff}
.bx-bg-t{display:flex;flex-direction:column;padding:8px 12px;border-radius:12px;border:1px solid var(--gold-line,rgba(229,193,88,.45));background:var(--gold-soft,rgba(229,193,88,.12))}
.bx-bg-t b{color:var(--head);font-size:13.5px;line-height:1.25}.bx-bg-t small{color:var(--gold);font-weight:700;font-size:12px}
@media (max-width:760px){
  .bx-bg-h{display:none}
  .bx-bg-r{grid-template-columns:repeat(3,1fr);grid-template-areas:"t m m" "a b c" "p p p";gap:8px;padding:12px 14px}
  .bx-bg-r time{grid-area:t}.bx-bg-m{grid-area:m}.bx-bg-t{grid-area:p}
  .bx-bg-p{height:auto;padding:6px 4px}.bx-bg-p small{display:block;color:var(--muted);font-size:11px}.bx-bg-p.on small{color:#fff3c4}
}
.bx-bg-t i{display:none;font-style:normal;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:760px){.bx-bg-t i{display:block}}
/* betting guide + partners */
.bg-sec{margin-bottom:30px}
.bg-read{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.bg-read .card{padding:16px}.bg-read b{display:block;color:var(--head);font-size:16px;margin-bottom:6px}.bg-read p{margin:0;color:var(--muted);font-size:14px}
.bg-mk{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.bg-mk a{display:flex;flex-direction:column;gap:6px;padding:16px;text-decoration:none!important}
.bg-mk b{color:var(--head);font-size:16px}.bg-mk span{color:var(--muted);font-size:14px;line-height:1.5}.bg-mk em{color:var(--brand);font-style:normal;font-weight:700;font-size:13.5px}
.pt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}
.pt-c{padding:18px}.pt-c h2{margin:0 0 6px;font-size:18px}.pt-c p{margin:0 0 8px;color:var(--muted);font-size:14px}.pt-c small{color:var(--faint)}
@media (max-width:900px){.bg-read{grid-template-columns:1fr 1fr}.bg-mk,.pt-grid{grid-template-columns:1fr}}

/* ═══════════ ZORATIPS – black & gold tokens (last word) ═══════════ */
:root,:root[data-theme=dark]{
  --bg:#09090b;--bg2:#0f0f12;--card:#141417;--card2:#1a1a1e;--line:rgba(255,230,160,.09);--line2:rgba(255,230,160,.16);
  --tint:rgba(255,255,255,.035);--tint2:rgba(255,255,255,.07);
  --head:#fbf7ec;--text:#e4ded0;--muted:#aaa18d;--faint:#8b836f;
  --brand:#f5c518;--brand-2:#ffd84d;--brand-ink:#17130a;--brand-soft:rgba(245,197,24,.12);--brand-line:rgba(245,197,24,.38);
  --gold:#f5c518;--gold-ink:#17130a;--gold-soft:rgba(245,197,24,.12);--gold-line:rgba(245,197,24,.38);
  --lime:#f5c518;--lime-t:#f5c518;--lime-soft:rgba(245,197,24,.12);--lime-line:rgba(245,197,24,.38);--meter:#f5c518;--on-bg:#f5c518;--on-fg:#17130a;
  --sh1:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.35);--sh2:0 2px 4px rgba(0,0,0,.45),0 22px 48px rgba(0,0,0,.45);
}
:root[data-theme=light]{
  --bg:#f7f5ef;--bg2:#ffffff;--card:#ffffff;--card2:#fcfbf7;--line:#ece6d6;--line2:#ded6c1;
  --tint:rgba(60,45,0,.035);--tint2:rgba(60,45,0,.065);
  --head:#14120d;--text:#2b2820;--muted:#6b6455;--faint:#7d7563;
  --brand:#8a6a00;--brand-2:#b8860b;--brand-ink:#17130a;--brand-soft:#fbf3d6;--brand-line:#ead58e;
  --gold:#8a6a00;--gold-ink:#17130a;--gold-soft:#fbf3d6;--gold-line:#ead58e;
  --lime:#b8860b;--lime-t:#8a6a00;--lime-soft:#fbf3d6;--lime-line:#ead58e;--meter:#d4a106;--on-bg:#f5c518;--on-fg:#17130a;
  --sh1:0 1px 2px rgba(20,16,5,.05),0 6px 20px rgba(20,16,5,.06);--sh2:0 2px 6px rgba(20,16,5,.07),0 18px 44px rgba(20,16,5,.1);
}
:root[data-theme=dark] body{background:radial-gradient(1100px 520px at 80% -240px,rgba(245,197,24,.10),transparent 70%),var(--bg)}
:root[data-theme=light] body{background:radial-gradient(1200px 500px at 70% -200px,#fbf1d0,transparent 70%),var(--bg)}
/* gold fills always carry dark ink */
.btn.lime,.cta-top,.hx-search button,.bx-search button,.hx-tabs button[aria-selected=true],.filters button.on,.catnav a.on,.chips a.on,.gh-tabs a.on,.gh-tabs a[aria-current],
.adm-gh .adm-nav a.on,.bx-tri .on,.bx-tri .on b,.bx-tri .on small,.hx-1x2 .on b,.hx-1x2 .on small,.bx-bg-p.on b,.bx-bg-p.on small,.bx-ticker-h,.slip-ch,.slip-ic,.hx-sl-i,.bx-days a.on,.hx-days a.on{color:#17130a!important}
.btn.lime,.cta-top,.hx-search button,.bx-search button{background:linear-gradient(180deg,#ffd84d,#f5c518)!important;box-shadow:0 8px 22px -10px rgba(245,197,24,.7)!important}
.hx-tabs button[aria-selected=true],.bx-bg-p.on,.bx-ticker-h,.slip-ch,.hx-sl-i{background:linear-gradient(135deg,#ffd84d,#e5b000)!important}
a{color:var(--lime-t)}
:root[data-theme=light] .bx-c-p em,:root[data-theme=light] .hx-c-p em,:root[data-theme=light] .bx-steps b{background:linear-gradient(180deg,#b8860b,#7a5c00)!important;-webkit-background-clip:text!important;background-clip:text!important}
.bx-c-p em,.hx-c-p em,.bx-steps b{background:linear-gradient(180deg,#ffe27a,#d9a900)!important;-webkit-background-clip:text!important;background-clip:text!important}
.gh .logo span,.gf .logo span{font:800 22px var(--disp);letter-spacing:.04em}
.gh .logo b,.gf .logo b{color:var(--brand)!important;font-weight:800}

/* ═══════════ ZORATIPS HOME ═══════════ */
.zt-sec{margin-bottom:36px}
.zt-h{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 14px}
.zt-h h2{position:relative;margin:0;padding-left:14px;font:800 clamp(21px,2.3vw,26px)/1.15 var(--disp);letter-spacing:-.02em;color:var(--head)}
.zt-h h2:before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:4px;background:linear-gradient(180deg,#ffd84d,#c99700)}
.zt-h p{margin:5px 0 0;padding-left:14px;color:var(--muted);font-size:14px}
.zt-h>a{flex:none;color:var(--brand);font-weight:700;font-size:14px;text-decoration:none!important;white-space:nowrap}

/* hero */
.zt-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;margin:4px 0 30px;padding:34px;border-radius:26px;color:#f3ecd8;
  background:linear-gradient(150deg,#1a1710 0%,#0d0c0a 55%,#070706 100%);border:1px solid rgba(245,197,24,.22);box-shadow:0 40px 80px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05)}
.zt-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 80% at 100% 0%,rgba(245,197,24,.22),transparent 60%),radial-gradient(40% 60% at 0% 100%,rgba(245,197,24,.08),transparent 70%),
  repeating-linear-gradient(115deg,rgba(255,215,90,.035) 0 2px,transparent 2px 26px)}
.zt-date{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.3);color:#ffe7a3;font:600 12.5px var(--body)}
.zt-date i{width:7px;height:7px;border-radius:50%;background:#f5c518;box-shadow:0 0 0 0 rgba(245,197,24,.6);animation:ztPulse 1.8s infinite}
@keyframes ztPulse{100%{box-shadow:0 0 0 10px rgba(245,197,24,0)}}
.zt-hero h1{margin:16px 0 12px;font:800 clamp(32px,4vw,52px)/1.03 var(--disp);letter-spacing:-.035em;color:#fff}
.zt-hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffe27a,#f5c518 50%,#d9a900);-webkit-background-clip:text;background-clip:text;color:transparent}
.zt-hero-l>p{max-width:520px;margin:0 0 20px;color:#bfb393;font-size:16px;line-height:1.55}
.zt-cta{display:flex;flex-wrap:wrap;gap:10px}
.zt-cta .btn{height:46px;padding:0 20px;display:inline-flex;align-items:center}
.zt-ghost{display:inline-flex;align-items:center;height:46px;padding:0 18px;border-radius:12px;border:1px solid rgba(245,197,24,.35);color:#ffe7a3!important;font-weight:700;text-decoration:none!important}
.zt-ghost:hover{background:rgba(245,197,24,.1)}
.zt-facts{list-style:none;display:flex;gap:26px;margin:24px 0 0;padding:18px 0 0;border-top:1px solid rgba(245,197,24,.15)}
.zt-facts b{display:block;font:800 26px/1 var(--disp);color:#fff;font-variant-numeric:tabular-nums}.zt-facts span{color:#9a8f74;font-size:12.5px}

/* tip-of-the-day ticket */
.zt-ticket{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:20px;text-decoration:none!important;color:#17130a;
  background:linear-gradient(160deg,#ffe58a 0%,#f5c518 45%,#d9a900 100%);box-shadow:0 30px 60px -24px rgba(245,197,24,.45),inset 0 1px 0 rgba(255,255,255,.5);transform:rotate(-1.2deg);transition:transform .2s}
.zt-ticket:hover{transform:rotate(0) translateY(-3px)}
.zt-tk-h{display:flex;justify-content:space-between;align-items:center}.zt-tk-h b{font:800 12px var(--body);letter-spacing:.14em;text-transform:uppercase}
.zt-tk-h time{font:700 13px ui-monospace,Menlo,monospace}
.zt-tk-l{display:flex;align-items:center;font-size:12.5px;font-weight:600;opacity:.75}
.zt-tk-t{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;text-align:center}
.zt-tk-t>span{display:flex;flex-direction:column;align-items:center;gap:6px}.zt-tk-t img,.zt-tk-t .noimg{width:40px;height:40px;padding:4px;border-radius:12px;background:#fff}
.zt-tk-t b{font:800 15px/1.2 var(--disp)}.zt-tk-t em{font-style:normal;font-weight:800;opacity:.55}
.zt-tk-cut{position:relative;height:0;margin:2px -22px;border-top:2px dashed rgba(23,19,10,.35)}
.zt-tk-cut:before,.zt-tk-cut:after{content:"";position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;background:var(--bg)}
.zt-tk-cut:before{left:-10px}.zt-tk-cut:after{right:-10px}
.zt-tk-p small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.zt-tk-p b{font:800 21px/1.2 var(--disp)}
.zt-tk-n{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.zt-tk-n>span{padding:8px 10px;border-radius:12px;background:rgba(23,19,10,.1)}.zt-tk-n small{display:block;font-size:11px;font-weight:700;opacity:.7}.zt-tk-n b{font:800 19px var(--disp);font-variant-numeric:tabular-nums}
.zt-tk-go{font-weight:800;font-size:14px}

/* top 10 */
.zt-top{list-style:none;margin:0;padding:0;border-radius:20px;overflow:hidden;background:var(--card);border:1px solid var(--line)}
.zt-top li+li{border-top:1px solid var(--line)}
.zt-top a{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,.8fr) 130px;align-items:center;gap:14px;padding:12px 18px 12px 12px;text-decoration:none!important;transition:background .12s}
.zt-top a:hover{background:var(--tint)}
.zt-rk{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--tint2);color:var(--head);font:800 17px var(--disp)}
.zt-top li:nth-child(-n+3) .zt-rk{background:linear-gradient(135deg,#ffd84d,#c99700);color:#17130a}
.zt-tm{display:flex;flex-direction:column;min-width:0;gap:1px}
.zt-tm time{color:var(--brand);font:700 12.5px ui-monospace,Menlo,monospace}
.zt-lg{display:flex;align-items:center;color:var(--faint);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.zt-tm b{color:var(--head);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zt-tm b i{font-style:normal;color:var(--faint);font-weight:500}
.zt-pk{display:flex;flex-direction:column;min-width:0}.zt-pk b{color:var(--head);font-size:14px;line-height:1.25}.zt-pk small{color:var(--brand);font-weight:700}
.zt-cf{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.zt-cf b{font:800 22px var(--disp);color:var(--head);font-variant-numeric:tabular-nums}
.zt-cf i{display:block;width:100%;height:6px;border-radius:6px;background:var(--tint2);position:relative;overflow:hidden}
.zt-cf i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:6px;background:linear-gradient(90deg,#c99700,#ffd84d)}

/* accumulator tickets */
.zt-tix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.zt-tix-c{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line);text-decoration:none!important;transition:transform .15s,border-color .15s}
.zt-tix-c:hover{transform:translateY(-3px);border-color:var(--brand-line)}
.zt-tix-c:after{content:"";position:absolute;left:18px;right:18px;bottom:52px;border-top:2px dashed var(--line2)}
.zt-tix-c.gold{background:linear-gradient(160deg,rgba(245,197,24,.16),var(--card) 60%);border-color:var(--brand-line)}
.zt-tix-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.zt-tix-h b{color:var(--head);font:800 15px var(--disp)}
.zt-tix-h em{font:800 24px var(--disp);font-style:normal;color:var(--brand);font-variant-numeric:tabular-nums}
.zt-tix-l{flex:1;display:flex;flex-direction:column;gap:9px;padding-bottom:14px}
.zt-tix-l>span{display:flex;flex-direction:column;min-width:0}.zt-tix-l b{color:var(--head);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zt-tix-l small{color:var(--muted);font-size:12px}
.zt-more{color:var(--faint)}
.zt-tix-f{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12.5px}.zt-tix-f b{color:var(--brand)}

/* markets */
.zt-mk{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.zt-mk a{display:flex;flex-direction:column;gap:3px;padding:13px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);text-decoration:none!important;transition:border-color .12s,transform .12s}
.zt-mk a:hover{border-color:var(--brand-line);transform:translateY(-2px)}
.zt-mk b{color:var(--head);font-size:14.5px}.zt-mk small{color:var(--brand);font-weight:700;font-size:12px}

/* results + record */
.zt-two{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:36px}
.zt-res,.zt-rec{padding:20px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.zt-rl{list-style:none;margin:0;padding:0}
.zt-rl li+li{border-top:1px solid var(--line)}
.zt-rl a{display:flex;align-items:center;gap:12px;padding:10px 0;text-decoration:none!important}
.zt-rs{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-weight:800}
.zt-rs.won{background:rgba(34,197,94,.15);color:#22c55e}.zt-rs.lost{background:rgba(239,68,68,.14);color:#ef4444}
.zt-rm{display:flex;flex-direction:column;min-width:0}.zt-rm b{color:var(--head);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zt-rm small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zt-rec-n{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.zt-rec-n b{font:800 44px/1 var(--disp);color:var(--brand)}.zt-rec-n span{color:var(--muted)}
.zt-acc{display:inline-block;margin-top:14px;color:var(--brand);font-weight:700;text-decoration:none!important}

/* method */
.zt-how ol{list-style:none;counter-reset:z;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.zt-how li{counter-increment:z;position:relative;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.zt-how li:before{content:"0" counter(z);font:800 26px var(--disp);color:var(--brand)}
.zt-how b{color:var(--head);font-size:16px}.zt-how span{color:var(--muted);font-size:13.5px;line-height:1.5}

@media (max-width:1200px){.zt-tix{grid-template-columns:1fr 1fr}.zt-how ol{grid-template-columns:1fr 1fr}}
@media (max-width:980px){.zt-hero{grid-template-columns:1fr;padding:26px 20px}.zt-ticket{transform:none}.zt-two{grid-template-columns:1fr}}
@media (max-width:640px){
  .zt-h{flex-direction:column;align-items:flex-start;gap:6px}
  .zt-hero h1{font-size:31px}.zt-facts{gap:16px}.zt-facts b{font-size:22px}
  .zt-top a{grid-template-columns:40px minmax(0,1fr) 64px;grid-template-areas:"r t c" "r p c";row-gap:4px;padding:12px}
  .zt-rk{grid-area:r;width:34px;height:34px;font-size:15px}.zt-tm{grid-area:t}.zt-pk{grid-area:p}.zt-cf{grid-area:c}.zt-cf b{font-size:18px}
  .zt-tix,.zt-how ol{grid-template-columns:1fr}.zt-mk{grid-template-columns:1fr 1fr}
}
.zt-top{display:block!important;columns:auto!important}
.zt-top li{display:block!important}
.zt-tk-cut:before,.zt-tk-cut:after{background:#0d0c0a!important}
/* ZoraTips: no sidebar at any width – the ☰ menu opens it as a drawer */
.shell,.shell.bare{display:block!important}
.side[hidden]{display:none!important}
.side:not([hidden]){display:block!important;position:fixed!important;left:0;top:0;bottom:0;width:min(86vw,320px);z-index:70;max-height:none!important;overflow-y:auto;padding:18px 16px 90px!important;background:var(--card)!important;border-right:1px solid var(--line);box-shadow:24px 0 60px rgba(0,0,0,.45)!important}
.gh .burger{display:inline-grid!important}
.gh{position:sticky;top:0;z-index:80}
.side:not([hidden]){z-index:75!important;padding-top:118px!important}