:root{--bg:#0e1116;--panel:#161b22;--line:#273040;--text:#e8edf3;--muted:#8b97a8;--u:#68b7ff;--f:#ffae74;--o:#77e4c5;--diff:#ff6b6b;--round:#e6c35c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}header{border-bottom:1px solid var(--line);padding:22px 0 16px}header .wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
h1{font-size:22px;margin:0}h2{font-size:16px;margin:28px 0 10px}#stamp{color:var(--muted);margin:0}.method{margin-left:auto;color:var(--o);text-decoration:none;font-weight:600}
a{color:var(--u)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}.card .t{color:var(--muted);font-size:12px}.card .r{font-size:30px;font-weight:700;margin:2px 0}.card .s{color:var(--muted);font-size:12px}
.scroll{overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.tall{max-height:360px}
table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:right}th{position:sticky;top:0;background:#1b222c;color:var(--muted);font-weight:600;font-size:12px;z-index:1}
td:first-child,th:first-child,#rows td:nth-child(2),#rows th:nth-child(2),#rows td:nth-child(3),#rows th:nth-child(3){text-align:left}
th.u{color:var(--u)}th.f{color:var(--f)}th.o{color:var(--o)}tr:hover td{background:#1c2430}
.rate{display:inline-block;min-width:150px}.mini{display:inline-block;width:60px;height:6px;background:#2a3342;border-radius:3px;margin-left:8px;vertical-align:middle;overflow:hidden}.mini i{display:block;height:100%;background:var(--diff)}
.d{color:var(--diff);font-weight:600}.r0{color:var(--muted)}.rr{color:var(--round)}.na{color:#4d5868}
.game-link{background:none;border:0;color:var(--text);cursor:pointer;padding:0;font:inherit;text-align:left}.game-link:hover{color:var(--u)}
.controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit;max-width:100%}
.pager{display:flex;gap:10px;align-items:center;color:var(--muted);margin:6px 0;font-size:12px}button{background:#1f2835;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px 10px;cursor:pointer}button:disabled{opacity:.35}
.bars{display:inline-grid;gap:2px;width:120px;vertical-align:middle}.bars i{display:block;height:5px;border-radius:2px}.bars .u{background:var(--u)}.bars .f{background:var(--f)}.bars .o{background:var(--o)}
.foot,.downloads{color:var(--muted);font-size:12px}.downloads{margin:24px 0 40px}

th.g{text-align:center;border-bottom:2px solid currentColor}th.g.u{color:var(--u)}th.g.o{color:var(--o)}th.g.f{color:var(--f)}
#metrics th[rowspan],#games th[rowspan]{vertical-align:bottom}#metrics thead tr:nth-child(2) th,#games thead tr:nth-child(2) th{top:34px}
td.sep,#metrics thead tr:nth-child(2) th:nth-child(4n),#games thead tr:nth-child(2) th:nth-child(4n){border-right:1px solid var(--line)}
#games{max-height:none}#games tbody{}.scroll:has(#games){max-height:520px}
