:root{--bg:#0e1014;--card:#15171c;--card2:#1b1e25;--line:#272b33;
--text:#e8eaed;--muted:#9aa0aa;--accent:#2a9d8f;--red:#e5484d;--blue:#4d77e5;
--green:#2fae66;--amber:#e0a126;--win:#1f6f4a;--loss:#7a2a2e;}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
a{color:#7aa2ff;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:980px;margin:0 auto;padding:24px 18px 60px}
header.site{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:14px}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);
font-size:22px;font-weight:700}
.brand:hover{text-decoration:none}
.logo{width:36px;height:36px;display:block;flex:none}
header.site .sub{color:var(--muted);font-size:13.5px;margin-top:4px}
nav a{margin-right:16px;font-size:14px}
.banner{background:linear-gradient(90deg,#1b2330,#16181d);border:1px solid var(--line);
border-radius:10px;padding:12px 16px;color:var(--muted);font-size:13.5px;margin-bottom:22px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 26px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px}
.stat .n{font-size:26px;font-weight:700}
.stat .l{color:var(--muted);font-size:12.5px;margin-top:2px}
h2{font-size:17px;margin:30px 0 12px;border-left:3px solid var(--accent);padding-left:10px}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);
border-radius:10px;overflow:hidden;font-size:14px}
th,td{padding:9px 11px;text-align:left;border-bottom:1px solid var(--line)}
th{background:var(--card2);color:var(--muted);font-weight:600;font-size:12.5px;
text-transform:uppercase;letter-spacing:.03em}
tr:last-child td{border-bottom:none}
tr.clk{cursor:pointer;transition:background .12s}
tr.clk:hover{background:var(--card2)}
.cta{display:inline-block;background:#23323f;color:#bcd2e6;padding:3px 11px;
border-radius:6px;font-size:12.5px;font-weight:600;white-space:nowrap}
.cta:hover{background:#2c4256;text-decoration:none}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}
.pill.hit{background:var(--win);color:#cdead6}.pill.miss{background:var(--loss);color:#f3c9cb}
.pill.push{background:#3a3320;color:#e0c98a}
.chip{display:inline-block;padding:2px 7px;border-radius:5px;font-size:11px;
font-weight:600;margin:1px 4px 1px 0;white-space:nowrap}
.chip.hit{background:var(--win);color:#cdead6}
.chip.miss{background:var(--loss);color:#f3c9cb}
.chip.push{background:#3a3320;color:#e0c98a}
.pill.up{background:#23323f;color:#bcd2e6}.pill.ref{background:#2a2433;color:#d9c9ee}
.bar{display:flex;height:30px;border-radius:7px;overflow:hidden;margin:6px 0 2px}
.bar span{display:flex;align-items:center;justify-content:center;font-size:12px;
color:#fff;font-weight:600;min-width:34px}
.flag{font-size:18px;margin-right:5px}
details{background:var(--card);border:1px solid var(--line);border-radius:10px;
padding:10px 14px;margin:14px 0}
details summary{cursor:pointer;color:var(--muted);font-weight:600}
pre{white-space:pre-wrap;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
color:#c3c8d0;margin:10px 0 0}
.note{color:var(--amber);font-size:13px}
.modelonly{background:var(--card2);border:1px solid var(--line);border-left:3px solid var(--accent);
border-radius:8px;padding:9px 13px;margin:10px 0 4px;font-size:13.5px;color:var(--text)}
.foot{margin-top:40px;color:var(--muted);font-size:12.5px;border-top:1px solid var(--line);
padding-top:14px}
.actual{background:var(--card2);border:1px solid var(--line);border-radius:10px;
padding:12px 16px;margin:14px 0}
@media(max-width:680px){.cards{grid-template-columns:repeat(2,1fr)}}