.sd{display:grid;gap:12px;justify-items:center;padding:clamp(10px,2.5vw,20px);background:#E9E4D6;color:#1B1D33}
.sd-top{display:grid;gap:8px;justify-items:center;text-align:center}
.sd .cw-modes .chip-btn{background:#FFFFFF;color:#1B1D33;border-color:#1B1D33}
.sd .cw-modes .chip-btn[aria-pressed="true"]{background:#F6C333}
.sd-msg{font-family:var(--body);font-weight:600;font-size:.95rem;min-height:1.4em}
.sd-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:min(100%,460px);border:3px solid #1B1D33;background:#1B1D33;gap:1px}
.sd-cell{aspect-ratio:1;min-width:0;padding:0;border:0;background:#FBF8EF;font-family:var(--body);font-weight:600;font-size:clamp(1rem,4.6vw,1.6rem);color:#2348B8;cursor:pointer;display:grid;place-items:center}
.sd-cell.br{box-shadow:2px 0 0 #1B1D33}
.sd-cell.bb{box-shadow:0 2px 0 #1B1D33}
.sd-cell.br.bb{box-shadow:2px 0 0 #1B1D33,0 2px 0 #1B1D33,2px 2px 0 #1B1D33}
.sd-cell.given{color:#1B1D33;font-weight:700}
.sd-cell.peer{background:#EDE6D2}
.sd-cell.same{background:#F7DE8B}
.sd-cell.sel{background:#F6C333}
.sd-cell.bad{color:#C8261D;background:#FFD9D4}
.sd-cell:focus-visible{outline:3px solid #2A5BD7;outline-offset:-3px}
.sd-notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:2px}
.sd-notes i{font-style:normal;font-size:clamp(.45rem,1.6vw,.7rem);color:#4B4E68;display:grid;place-items:center;line-height:1}
.sd-pad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:min(100%,460px)}
.sd-num{height:46px;border:3px solid #1B1D33;background:#FFFFFF;color:#1B1D33;font-family:var(--body);font-weight:700;font-size:1.2rem;cursor:pointer;box-shadow:3px 3px 0 #1B1D33}
.sd-num.tool{font-size:.85rem}
.sd-num[aria-pressed="true"]{background:#7B4BC9;color:#FFFFFF}
.sd-num:disabled{opacity:.4;cursor:not-allowed}
.sd-num:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #1B1D33}