.su-board{aspect-ratio:1;border:3px solid var(--ink);background:var(--ink);-webkit-user-select:none;user-select:none;grid-template-columns:repeat(9,1fr);gap:1px;width:min(100%,460px,max(240px,100svh - 330px));margin:0 auto;display:grid;position:relative}.su-board.busy{opacity:.5}.su-cell{background:var(--surface);color:var(--accent);font-family:var(--f-display);cursor:pointer;border:0;justify-content:center;align-items:center;min-width:0;min-height:0;margin:0;padding:0;font-size:clamp(16px,5.4vw,28px);line-height:1;display:flex;position:relative}.su-cell.given{color:var(--ink);background:color-mix(in srgb,var(--surface)90%,var(--ink));font-weight:700}.su-cell{box-sizing:border-box}.su-cell.rb{border-right:2px solid var(--ink)}.su-cell.bb{border-bottom:2px solid var(--ink)}.su-cell.peer{background:color-mix(in srgb,var(--accent)9%,var(--surface))}.su-cell.given.peer{background:color-mix(in srgb,var(--accent)12%,var(--surface))}.su-cell.same{background:color-mix(in srgb,var(--accent)22%,var(--surface))}.su-cell.sel{background:color-mix(in srgb,var(--sun)55%,var(--surface));outline:3px solid var(--accent);outline-offset:-3px;z-index:1}.su-cell.bad{color:var(--bad);background:var(--bad-tint)}.su-cell.wrong{background:var(--bad-tint);box-shadow:inset 0 0 0 2px var(--bad)}.su-cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:2}.su-notes{width:100%;height:100%;font-family:var(--f-body);color:var(--muted);grid-template-columns:repeat(3,1fr);padding:1px;font-size:clamp(7px,1.9vw,11px);display:grid}.su-notes i{justify-content:center;align-items:center;font-style:normal;display:flex}.su-wait{background:color-mix(in srgb,var(--surface)80%,transparent);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.su-pad{grid-template-columns:repeat(9,1fr);gap:6px;width:min(100%,460px);margin:0 auto;display:grid}.su-num{border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);min-height:48px;color:var(--ink);font-family:var(--f-display);cursor:pointer;padding:0;font-size:22px;position:relative}.su-num small{font-family:var(--f-mono);color:var(--muted);font-size:9px;position:absolute;bottom:1px;right:3px}.su-num:disabled{opacity:.35;cursor:default}.su-num:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.su-tools{justify-content:center}.su-win{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.su-win p{margin:0}@media (max-width:380px){.su-pad{gap:3px}.su-num{font-size:18px}}