:root{--bg:#f6f7f5;--card:#fff;--ink:#16201d;--mut:#5d6b66;--line:#e2e6e3;--acc:#0f766e;--acc2:#0b5d57;--up:#b42318;--dn:#067647;--hl:#eef7f5}
@media (prefers-color-scheme:dark){:root{--bg:#0e1413;--card:#151d1b;--ink:#e6ecea;--mut:#93a39d;--line:#24302d;--acc:#2bb5a6;--acc2:#5fd0c3;--up:#f97066;--dn:#47cd89;--hl:#17302c}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--acc)}a:hover{color:var(--acc2)}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.top{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top .wrap{display:flex;align-items:center;gap:20px;min-height:54px;flex-wrap:wrap}
.brand{font-weight:800;font-size:18px;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.top nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.top nav a{color:var(--mut);text-decoration:none}.top nav a:hover{color:var(--acc)}
h1{font-size:clamp(22px,4vw,30px);letter-spacing:-.02em;margin:24px 0 6px}
h2{font-size:18px;margin:28px 0 10px}h2 a{color:var(--ink);text-decoration:none}
.meta,.muted,.crumbs{color:var(--mut)}.crumbs{margin:18px 0 0;font-size:13px}
.hero{padding:20px 0 6px}.hero p{color:var(--mut);max-width:720px;font-size:16px}
.cta{display:inline-block;background:var(--acc);color:#fff;font-weight:700;padding:10px 18px;border-radius:8px;text-decoration:none;white-space:nowrap}
.cta:hover{background:var(--acc2);color:#fff}.cta.big{padding:13px 24px;font-size:16px;margin-top:6px}
.ctabox{display:flex;gap:16px;align-items:center;justify-content:space-between;background:var(--hl);border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:16px 0;flex-wrap:wrap}
.ctabox p{margin:0;max-width:640px}
table{border-collapse:collapse;width:100%;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;font-variant-numeric:tabular-nums}
th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);font-weight:600;background:var(--card)}
thead th small{text-transform:none;letter-spacing:0;font-weight:400}
tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}
.sum .ko{white-space:nowrap;color:var(--mut);font-size:13px}.sum .teams a{color:var(--ink);font-weight:600;text-decoration:none}
.sum .teams a:hover{color:var(--acc)}.v{color:var(--mut);font-weight:400}
.ln{font-weight:700}.ln.mv{color:var(--acc)}.o{color:var(--mut);font-weight:400}.px{font-size:13px}
.score{display:inline-block;margin-left:6px;padding:0 6px;border-radius:4px;background:var(--hl);font-weight:700;font-size:13px}
.grid tr.main{background:var(--hl)}.grid tbody th{white-space:nowrap}
.op{font-size:12px;color:var(--mut)}.na{color:var(--mut)}
.up{color:var(--up);font-size:10px;margin:0 2px}.dn{color:var(--dn);font-size:10px;margin:0 2px}
.scroll{overflow-x:auto}.legend,.note{color:var(--mut);font-size:13px}.note{background:var(--card);border-left:3px solid var(--acc);padding:8px 12px}
footer{margin-top:40px;border-top:1px solid var(--line);background:var(--card);font-size:13px;color:var(--mut);padding:10px 0 20px}
@media (max-width:720px){
 .sum thead{display:none}.sum,.sum tbody,.sum tr,.sum td{display:block;width:100%}
 .sum tr{border-bottom:1px solid var(--line);padding:8px 0}.sum td{border:0;padding:2px 12px}
 .sum td:nth-child(3)::before{content:"AH ";color:var(--mut);font-size:12px}
 .sum td:nth-child(4)::before{content:"O/U ";color:var(--mut);font-size:12px}
 .sum td:nth-child(5)::before{content:"1X2 ";color:var(--mut);font-size:12px}
 .top nav{gap:10px;font-size:13px;padding-bottom:8px}
}
.pill{margin-left:auto;font-size:12px;font-weight:600;color:var(--dn);background:var(--hl);border:1px solid var(--line);border-radius:999px;padding:3px 10px;white-space:nowrap}
.pill::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dn);margin-right:6px;vertical-align:1px;animation:pulse 2s infinite}
.pill.stale{color:var(--mut)}.pill.stale::before{background:var(--mut);animation:none}
@keyframes pulse{50%{opacity:.3}}
.flash{animation:flash 2.5s ease-out}
@keyframes flash{0%{background:rgba(250,204,21,.55)}100%{background:transparent}}