.cb{--peg-size: clamp(30px, 9vw, 40px);display:grid;justify-items:center;gap:8px;width:100%;max-width:460px;margin:0 auto}.cb-banner{font-size:.95rem}.cb-rows{display:grid;gap:4px;width:100%}.cb-row{display:grid;grid-template-columns:1.8em auto 1fr;align-items:center;gap:8px;width:100%;padding:4px 8px;border-radius:var(--radius-sm);background:var(--cell-alt)}.cb-row.cb-current{background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent)}.cb-row.cb-past{background:var(--surface-2)}.cb-secret{background:var(--surface-2);border:1px dashed var(--border)}.cb-idx{font-weight:700;color:var(--muted);font-size:.85rem;text-align:center;font-variant-numeric:tabular-nums}.cb-pegs{display:flex;gap:clamp(4px,1.4vw,8px)}.cb-peg{position:relative;width:var(--peg-size);height:var(--peg-size);border-radius:50%;flex:none;display:grid;place-items:center;background:var(--peg);box-shadow:inset 0 -3px #00000038,inset 0 2px #ffffff4d,0 0 0 1px #0000002e;color:#0000008c;line-height:1}.cb-sym{font-size:calc(var(--peg-size) * .42)}.cb-num{position:absolute;right:-2px;bottom:-3px;font-size:.62rem;font-weight:800;color:var(--text);background:var(--surface);border-radius:999px;padding:0 3px;line-height:1.35;display:none}:root.colorblind .cb-num{display:block}:root.colorblind .cb-sym{font-size:calc(var(--peg-size) * .5);color:#000000bf}.cb-peg.cb-empty{background:var(--cell);box-shadow:inset 0 2px 4px #0000002e}.cb-peg.cb-hidden{background:var(--cell-strong);color:var(--surface);font-weight:800;font-size:1.1rem}.cb-peg.cb-cursor{outline:3px solid var(--accent);outline-offset:2px}.cb-slot{appearance:none;border:0;background:none;padding:0;margin:0;border-radius:50%;cursor:pointer;font:inherit}.cb-fbslot{justify-self:end}.cb-secret-label{font-size:.8rem;color:var(--muted);font-weight:600}.cb-fb{display:grid;grid-template-columns:repeat(3,12px);gap:3px}.cb-fb4{grid-template-columns:repeat(2,12px)}.cb-key{width:12px;height:12px;border-radius:50%;background:color-mix(in srgb,var(--text) 10%,transparent)}.cb-key.cb-exact{background:var(--text)}.cb-key.cb-partial{background:transparent;box-shadow:inset 0 0 0 2.5px var(--text)}.cb-palette{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.cb-color{appearance:none;border:0;background:var(--surface-2);border-radius:50%;padding:5px;cursor:pointer}.cb-color .cb-peg{--peg-size: clamp(36px, 10.5vw, 44px)}.cb-color .cb-num{display:block}.cb-color:hover:not(:disabled){background:var(--accent-soft)}.cb-color.cb-used{opacity:.4}.cb-color:disabled{cursor:default;opacity:.5}.cb-actions{display:flex;gap:8px;justify-content:center}.cb-actions .btn{min-width:110px}.cb-done{text-align:center}.cb-done p{margin:4px 0 8px}.cb-done .row{justify-content:center}@media (max-width: 380px){.cb{--peg-size: 28px}.cb-row{gap:5px;padding:3px 5px}.cb-fb{grid-template-columns:repeat(3,10px);gap:2px}.cb-fb4{grid-template-columns:repeat(2,10px)}.cb-key{width:10px;height:10px}}