.gk-board{aspect-ratio:1;border:3px solid var(--ink);border-radius:var(--radius);background:#e8c27a;width:min(100%,520px,max(240px,100svh - 470px));margin:0 auto;display:grid}.gk-cell{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex;position:relative}.gk-cell:before{content:"";background:linear-gradient(#0000 calc(50% - 1px),#0009 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),linear-gradient(90deg,#0000 calc(50% - 1px),#0009 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:0}.gk-cell:disabled{cursor:default}.gk-cell:not(:disabled):hover{background:radial-gradient(circle,#00000047 0 22%,#0000 24%)}.gk-cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:2}.gk-stone{z-index:1;border:2px solid #0009;border-radius:50%;width:82%;height:82%;position:relative}.gk-stone.d0{background:radial-gradient(circle at 35% 30%,#555,#111)}.gk-stone.d1{background:radial-gradient(circle at 35% 30%,#fff,#d9d4c5)}.gk-cell.last .gk-stone{box-shadow:0 0 0 3px var(--accent)}.gk-cell.win .gk-stone{box-shadow:0 0 0 3px var(--good),0 0 10px var(--good)}