:root{--bg:#fff;--fg:#1d2433;--line:#d9dde5;--head:#eef1f6;--good:#c6efce;--goodt:#006100;--bad:#ffc7ce;--badt:#9c0006}
@media(prefers-color-scheme:dark){:root{--bg:#14171f;--fg:#e6e9f0;--line:#2c3240;--head:#1f2430;--good:#1d4a2c;--goodt:#b8f0c8;--bad:#58232b;--badt:#ffc9d0}}
body{margin:0;padding:1.5rem;background:var(--bg);color:var(--fg);font:14px/1.4 system-ui,sans-serif}
header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}
h1{font-size:1.4rem;margin:0}h2{font-size:1.05rem;margin:1.75rem 0 .5rem}
form{display:flex;align-items:center;gap:.75rem}
button{font:inherit;padding:.35rem .8rem;border:1px solid var(--line);background:var(--head);color:var(--fg);border-radius:4px;cursor:pointer}
button:focus-visible{outline:2px solid currentColor}
.wrap{overflow-x:auto;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
th,td{padding:.3rem .6rem;border:1px solid var(--line);text-align:right;white-space:nowrap}
th{background:var(--head);font-weight:600}
.team{text-align:left;position:sticky;left:0;background:var(--bg)}
th:first-child,td:first-child{text-align:left}
td.best{background:var(--good);color:var(--goodt)}td.worst{background:var(--bad);color:var(--badt)}
.err{padding:.6rem .8rem;background:var(--bad);color:var(--badt);border-radius:4px}
nav{display:flex;gap:1rem}nav a{color:inherit}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}
.match th.name{width:40%;white-space:normal;text-align:left}.match th.name:last-child{text-align:right}
.match th:nth-child(2){text-align:center}
.match td{text-align:right}.match td:first-child{text-align:left}.match td.cat{text-align:center;font-weight:600;background:var(--head)}