.dg-board{aspect-ratio:1;border:3px solid var(--ink);border-radius:6px;grid-template-columns:repeat(8,1fr);width:min(100%,480px,max(240px,100svh - 440px));margin:0 auto;display:grid;overflow:hidden}.dg-sq{cursor:default;background:#f1deb6;border:0;justify-content:center;align-items:center;min-width:0;min-height:0;margin:0;padding:0;display:flex;position:relative}.dg-sq.dark{background:#8b5a2b}.dg-sq.can{cursor:pointer}.dg-sq.tgt{cursor:pointer;background:#a87035}.dg-sq.sel{box-shadow:inset 0 0 0 4px var(--sun)}.dg-sq:focus-visible{outline:3px solid var(--surface);outline-offset:-3px;z-index:2}.dg-piece{border:3px solid #0000008c;border-radius:50%;justify-content:center;align-items:center;width:76%;height:76%;font-size:clamp(12px,4.5vw,24px);line-height:1;display:flex;box-shadow:inset 0 -4px #0003}.dg-piece.p0{color:#ffe9a8;background:#d63f2a}.dg-piece.p1{color:#7a5a1a;background:#f4ecd8}.dg-sq.can .dg-piece{box-shadow:0 0 0 3px var(--sun),inset 0 -4px 0 #0003}.dg-dot{background:var(--sun);opacity:.9;border-radius:50%;width:28%;height:28%}