.sg-board{display:grid;grid-template-columns:repeat(var(--n),1fr);aspect-ratio:1;gap:3px;padding:3px;border-radius:var(--radius-md);background:#8a6a45;touch-action:manipulation}.sg-cell{position:relative;padding:0;border:0;border-radius:6px;cursor:pointer;min-height:0;font:700 clamp(1.2rem,6vw,1.9rem) var(--font-head);display:grid;place-items:center;background:#7fb98f;color:var(--neutral-10)}.sg-cell:hover:not(.is-open){background:#93c8a2}.sg-cell.is-open{background:#f1e6c8;cursor:default}.sg-cell.is-stone{background:#f1e6c8}.sg-cell.is-stone::before{content:"";width:62%;height:48%;border-radius:50% 46% 52% 44%;background:#7d7a74;box-shadow:inset 0 -5px 0 rgba(0,0,0,0.18)}.sg-cell.is-flag::before{content:"";width:14%;height:56%;background:var(--neutral-10);border-radius:2px;position:absolute;left:38%;top:20%}.sg-cell.is-flag::after{content:"";position:absolute;left:44%;top:20%;width:34%;height:28%;background:var(--tertiary-40);clip-path:polygon(0 0,100% 50%,0 100%)}.sg-cell.n1{color:#1f5f9a}.sg-cell.n2{color:#1f6b3e}.sg-cell.n3{color:#a8321f}.sg-cell.n4{color:#5a2a8a}.sg-cell.n5,.sg-cell.n6,.sg-cell.n7,.sg-cell.n8{color:#7a4a00}.sg-cell:focus-visible{outline:3px solid var(--color-action);outline-offset:1px;z-index:1}#mark[aria-pressed="true"]{background:var(--secondary-80);border-color:var(--neutral-10)}