.sdk{border:3px solid var(--black);aspect-ratio:1;grid-template-columns:repeat(9,1fr);width:min(100%,30rem);margin:0 auto;display:grid}.sdk__cell{border:1px solid var(--ink-soft,#888);font:700 clamp(1rem, 4.2vw, 1.6rem)/1 var(--font-num);background:var(--surface);cursor:pointer;color:var(--ink);border-radius:0;place-items:center;min-width:0;margin:0;padding:0;display:grid;position:relative}.sdk__cell:nth-child(3n){border-right:3px solid var(--black)}.sdk__cell:nth-child(9n){border-right:1px solid var(--ink-soft,#888)}.sdk__cell:nth-child(n+19):nth-child(-n+27),.sdk__cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid var(--black)}.sdk__cell--given{background:var(--muted);cursor:default}.sdk__cell--sel{outline:3px solid var(--accent);outline-offset:-3px;background:var(--highlight)}.sdk__cell--bad{color:#c0182d;text-underline-offset:.2em;background:#ffe3e3;text-decoration:underline wavy #c0182d}.sdk__notes{font:600 clamp(.45rem, 1.6vw, .7rem)/1 var(--font-num);color:var(--ink-soft);pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.sdk__notes span{place-items:center;display:grid}.sdk__pad button{min-width:2.75rem;min-height:2.75rem;padding:0}[data-act=notes][aria-pressed=true]{background:var(--accent);color:var(--on-accent)}