.lo { --s: min(58px, calc((100vw - 130px) / var(--n))); display: grid; grid-template-columns: repeat(var(--n), var(--s)); gap: 6px; }
.cell.lo-c { width: var(--s); height: var(--s); border-radius: 10px; background: var(--bg); }
.cell.lo-c.on { background: var(--yellow); border-color: var(--yellow); }
button.cell.lo-c.on:hover { background: color-mix(in srgb, var(--yellow) 80%, var(--text)); }