/* Kakurasu — Tally */
.kg{display:grid;gap:4px}
.kc{aspect-ratio:1;border-radius:8px;background:var(--cell);display:grid;place-items:center;transition:background .2s,transform .2s;box-shadow:0 3px 0 var(--soft)}
.kc.ink{background:var(--mark);transform:scale(.94);box-shadow:none}
.kc.dot::after{content:"";width:18%;height:18%;border-radius:50%;background:var(--oncell);opacity:.45}
.kl{display:grid;place-items:center;font-size:12px;font-weight:600;opacity:.6}
.kt{display:grid;place-items:center;font-family:Fraunces,serif;font-size:clamp(14px,3.6vw,20px);border-radius:50%;aspect-ratio:1;width:90%;transition:.25s}
.kt.ok{background:var(--cell);color:var(--mark)}
.kt.over{color:var(--err)}
.legend{display:flex;gap:8px}
.legend button{display:flex;gap:8px;align-items:center;padding:9px 14px;border-radius:30px;border:1.5px solid color-mix(in srgb,var(--fg) 35%,transparent);font-size:13px;font-weight:600}
.legend button.on{background:var(--cell);color:var(--oncell);border-color:var(--cell)}
.legend i{width:14px;height:14px;border-radius:4px;background:var(--mark);outline:1.5px solid var(--cell)} .legend i.d{width:7px;height:7px;border-radius:50%;background:var(--fg);outline:0}