.bk{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:6px 0 4px;}
.bktile{border:1px solid var(--line2);border-radius:12px;padding:12px 14px;border-top:3px solid var(--line2);background:#fff;cursor:pointer;}
.bktile.on{box-shadow:0 0 0 2px var(--acc) inset;}
.bktile.b-win{border-top-color:var(--good);background:#f3faf5;} .bktile.b-cut{border-top-color:var(--acc);background:#eef4ff;}
.bktile.b-hard{border-top-color:var(--bad);background:#fdf3f4;} .bktile.b-join{border-top-color:var(--gold);background:#fdf8ef;}
.bktile.b-pend{border-top-color:var(--mut);background:#f6f7f9;}
.bktile .bn{font-size:24px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;}
.b-win .bn{color:var(--good);} .b-cut .bn{color:var(--acc);} .b-hard .bn{color:var(--bad);} .b-join .bn{color:var(--gold);}
.bktile .bl{font-size:12.5px;font-weight:800;margin:6px 0 3px;color:#1c2430;}
.bktile .bs{font-size:11.5px;color:var(--mut);font-variant-numeric:tabular-nums;}
.pill.p-cut{background:#e7f0ff;color:#1f4fb0;border:1px solid #b9d0f5;}
.pill.p-win{background:#e6f4ea;color:#15692f;border:1px solid #9ed6b0;}
.pill.p-hard{background:#fdecee;color:var(--bad);border:1px solid #f3c2c8;}
.pill.p-join{background:#fbf1dd;color:var(--gold);border:1px solid #ecd3a0;}
.ptw-cut{color:var(--acc);font-weight:800;} .ptw-neg{color:var(--bad);font-weight:700;}
.why{white-space:normal;max-width:420px;min-width:200px;color:#475061;font-size:12.5px;}
.hl{background:#eef4ff;border:1px solid #c6dafc;border-left:4px solid var(--acc);border-radius:11px;padding:13px 16px;color:#16356e;font-size:14px;line-height:1.5;margin:4px 0 10px;}
.hl b{color:var(--acc);}
.deadflag{background:#fdecee;color:var(--bad);border:1px solid #f3c2c8;border-radius:6px;padding:1px 7px;font-size:10.5px;font-weight:700;margin-left:6px;}
.cov{font-size:12px;color:var(--mut);margin:2px 0 10px;}