*{box-sizing:border-box}
body{margin:0;padding:34px 18px 70px;max-width:1080px;margin-inline:auto;background:#101312;color:#e7ece8;
 font:15px/1.6 "IBM Plex Sans",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
h1{font-size:25px;margin:0 0 8px;letter-spacing:-.2px}
.sub{color:#9aa49e;margin:0 0 30px;max-width:66ch;font-size:14px}
h2{font-size:17px;margin:32px 0 4px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.arm{font:500 11.5px/1 ui-monospace,monospace;color:#8b978f;border:1px solid #2a312e;border-radius:5px;padding:3px 7px}
.ctl{color:#7f8a84;font-size:12.5px;margin:0 0 13px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:11px}
.card{position:relative;display:block;background:#181d1b;border:1px solid #272e2b;border-radius:10px;
 padding:14px 14px 12px;color:inherit;text-decoration:none}
.card:hover{border-color:#4f9e7a;background:#1b2220}
.card b{display:block;font:600 16px/1.2 ui-monospace,monospace;color:#c8d2cc}
.sc{display:block;margin-top:5px;font:600 19px/1.2 ui-monospace,monospace;font-variant-numeric:tabular-nums;color:#e7ece8}
.sc.none{font-size:12px;font-weight:400;color:#78837d}
.tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;min-height:19px}
.tag{font:500 10.5px/1 ui-monospace,monospace;letter-spacing:.05em;border-radius:4px;padding:4px 6px;border:1px solid}
.tag.champ{background:#2a1f10;color:#e8a857;border-color:#4a3618}
.tag.drop{background:#2a1614;color:#e29184;border-color:#4c2721}
.tag.base{background:#141c21;color:#93afc1;border-color:#26353e}
.note{color:#78837d;font-size:12.5px;margin-top:36px;border-top:1px solid #272e2b;padding-top:15px;max-width:74ch}
@media (max-width:420px){.grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}