:root{--bg:#f6f7fb;--card:#fff;--ink:#0f172a;--mute:#5b6478;--line:#e3e7ef;--brand:#0b1d3a;--acc:#f5b301;--link:#1d4ed8;--good:#15803d;--bad:#b91c1c;--bar:#dbe7ff;--barH:#93b4ff;--chip:#eef2f8;--sel:#fff4cc;--shadow:0 1px 2px rgba(15,23,42,.06),0 2px 8px rgba(15,23,42,.05)}
@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--card:#121a2b;--ink:#e6eaf2;--mute:#9aa6bd;--line:#24304a;--brand:#08142a;--link:#8ab4ff;--good:#4ade80;--bad:#f87171;--bar:#1c2c4d;--barH:#2f4d86;--chip:#1a2438;--sel:#3a3112;--shadow:none}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px 10px;z-index:9}
.top{background:var(--brand);color:#fff}
.top .wrap{display:flex;align-items:center;gap:18px;min-height:56px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800;font-size:19px;letter-spacing:-.01em}
.brand:hover{text-decoration:none}
.nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto}
.nav a{color:#dbe4f5;padding:6px 10px;border-radius:7px;font-weight:600;font-size:15px;white-space:nowrap}
.nav a[aria-current],.nav a:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.subnav{background:var(--card);border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.subnav a{padding:10px 11px;font-size:14px;font-weight:600;color:var(--mute);white-space:nowrap;border-bottom:3px solid transparent}
.subnav a[aria-current]{color:var(--ink);border-bottom-color:var(--acc)}
main{padding:18px 16px 40px}
h1{font-size:clamp(26px,4.2vw,38px);line-height:1.15;margin:.3em 0 .25em;letter-spacing:-.02em}
h2{font-size:23px;margin:1.6em 0 .5em;letter-spacing:-.01em}
h3{font-size:18px;margin:1.2em 0 .4em}
p{margin:.55em 0}
.lede{font-size:18px;color:var(--mute);max-width:820px}
.upd{font-size:13px;color:var(--mute);margin:.2em 0 1em}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--mute)}
.crumbs li+li:before{content:"›";margin-right:6px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow);margin:14px 0}
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g2w{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.stat b{display:block;font-size:26px;line-height:1.1;letter-spacing:-.02em}
.stat span{font-size:13px;color:var(--mute)}
.tbl{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;margin:10px 0}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mute);background:var(--chip);position:sticky;top:0}
th[data-sort]{cursor:pointer}th[data-sort]:after{content:" ↕";opacity:.4}
tr:last-child td{border-bottom:0}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
tr.cut td{border-bottom:2px dashed var(--acc)}
tr.me td{background:var(--sel)}
.tm{display:flex;align-items:center;gap:8px;font-weight:600}
td.tm{display:table-cell}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c);margin-right:7px;vertical-align:middle;flex:none;box-shadow:0 0 0 1px rgba(128,128,128,.55)}
.seed{display:inline-block;min-width:22px;text-align:center;font-weight:800;color:var(--mute)}
.ck{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;padding:1px 5px;border-radius:5px;background:var(--chip);color:var(--mute);vertical-align:middle}
td.odds{position:relative;min-width:84px;text-align:right;font-variant-numeric:tabular-nums}
td.odds .bar{position:absolute;left:6px;top:7px;bottom:7px;width:calc((100% - 12px)*var(--w)/100);background:var(--bar);border-radius:4px;border-right:2px solid var(--barH)}
td.odds .ov{position:relative}
.pill{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--chip);font-size:13px;font-weight:600}
.pill.good{color:var(--good)}.pill.bad{color:var(--bad)}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:8px 13px;border-radius:9px;font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.btn:hover{border-color:var(--mute);text-decoration:none}
.btn.primary{background:var(--acc);border-color:var(--acc);color:#111}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:linear-gradient(135deg,#0b1d3a,#1e3a6e);color:#fff;border-radius:14px;padding:16px 18px;margin:18px 0}
.cta p{margin:0;flex:1 1 260px}.cta a.btn{background:var(--acc);border-color:var(--acc);color:#111}
.related ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}
.related li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.related li a{font-weight:700;display:block}.related li span{font-size:13px;color:var(--mute)}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:8px 0}
.faq summary{font-weight:700;cursor:pointer}
.note{font-size:14px;color:var(--mute)}
.hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:12px 0}
.hub a{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--ink);box-shadow:var(--shadow)}
.hub a:hover{border-color:var(--acc);text-decoration:none}
.hub b{display:block;font-size:17px}.hub span{font-size:14px;color:var(--mute)}
.teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;margin:10px 0}
.teams a{display:flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-weight:600;color:var(--ink);font-size:14px}
.teams a small{margin-left:auto;color:var(--mute);font-weight:600}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,540px),1fr));gap:16px}
.pred .split,.card .split{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.chart svg{width:100%;height:auto;display:block}
.chart .ax{font-size:10px;fill:var(--mute)}.chart .vl{font-size:9px;fill:var(--ink)}
.chart figcaption{font-size:13px;color:var(--mute)}
/* Bracket (HTML) */
.bracket{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 10px}
.bracket .rd{display:flex;flex-direction:column;justify-content:space-around;gap:10px;min-width:170px}
.bracket .rd h4{margin:0 0 4px;font-size:12px;text-transform:uppercase;color:var(--mute);letter-spacing:.04em}
.mu{background:var(--card);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.mu .s{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:14px;cursor:default;border:0;background:none;width:100%;text-align:left;color:var(--ink);font:inherit;font-size:14px}
.mu .s+.s{border-top:1px solid var(--line)}
.mu button.s{cursor:pointer}.mu button.s:hover{background:var(--chip)}
.mu .s.win{background:var(--sel);font-weight:700}
.mu .s.lose{opacity:.55}
.mu .s .sd{font-size:12px;color:var(--mute);min-width:16px}
.champ{font-weight:800;font-size:18px;padding:10px 12px;background:var(--sel);border-radius:10px;border:1px solid var(--acc)}
/* Predictor */
.pred{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){.pred{grid-template-columns:1fr}}
.wk{margin:0 0 14px}
.wk h3{margin:.4em 0;font-size:15px;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}
.gm{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:5px 0}
.gm button{display:flex;align-items:center;gap:6px;justify-content:center;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:7px 6px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;min-width:0}
.gm button .p{font-size:11px;color:var(--mute);font-weight:500}
.gm button.on{background:var(--sel);border-color:var(--acc)}
.gm button.off{opacity:.5}
.gm .at{font-size:12px;color:var(--mute)}
.gm.done button{cursor:default}
.sticky{position:sticky;top:8px}
.seedlist{list-style:none;margin:0;padding:0}
.seedlist li{display:flex;align-items:center;gap:6px;padding:5px 2px;border-bottom:1px solid var(--line);font-size:14px}
.seedlist li .r{margin-left:auto;color:var(--mute);font-variant-numeric:tabular-nums}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.tabs button{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:6px 11px;border-radius:99px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.tabs button[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}
select,input[type=text],input[type=number],textarea{font:inherit;font-size:15px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}
textarea{width:100%;min-height:150px}
label{font-weight:600;font-size:14px}
.form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:10px 0}
.form>div{display:flex;flex-direction:column;gap:4px}
/* Pick'em */
.pk td.pick{cursor:pointer}.pk td.pick.on{background:var(--sel);font-weight:700}
.sheet-head{display:none}
/* Squares */
.sq{border-collapse:collapse;margin:8px auto;table-layout:fixed;width:100%;max-width:820px}
.sq td,.sq th{border:1px solid var(--ink);text-align:center;padding:0;height:44px;font-size:12px;white-space:normal;overflow:hidden;background:var(--card)}
.sq th{background:var(--chip);font-size:16px;color:var(--ink);position:static}
.sq td{cursor:pointer}.sq td:hover{background:var(--sel)}
.svgb{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px}
.svgb svg{display:block;min-width:640px;width:100%;height:auto}
.foot{background:var(--brand);color:#c9d3e6;padding:26px 0 30px;margin-top:30px;font-size:14px}
.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.foot strong{display:block;color:#fff;margin-bottom:6px}
.foot a{display:block;color:#c9d3e6;padding:2px 0}
.disc{margin-top:18px;font-size:12.5px;color:#9fb0cf;max-width:900px}
.ad-gap{min-height:0}
@media (max-width:640px){th,td{padding:7px 7px;font-size:14px}.hide-s{display:none}.nav a{padding:6px 7px;font-size:14px}.brand span{font-size:17px}}
@media print{
 .top,.subnav,.foot,.crumbs,.btns,.no-print,.cta,.related,.faq,.upd,ins.adsbygoogle,.google-auto-placed{display:none!important}
 body{background:#fff;color:#000;font-size:12px}main{padding:0}.card,.tbl{border:0;box-shadow:none}
 .sheet-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:8px}
 .svgb{border:0;padding:0}.svgb svg{min-width:0}
 a{color:#000}
}