.gm-root{--p0:var(--ink);--p1:var(--white)}.gm{--wood:#ffd98a;--wood-line:color-mix(in srgb, var(--ink) 58%, var(--wood));touch-action:manipulation;width:min(100%,560px)}.gm-board{aspect-ratio:1;border:3px solid var(--ink);background:var(--wood);box-shadow:clamp(4px, 1.4vw, 6px) clamp(4px, 1.4vw, 6px) 0 var(--ink);border-radius:16px;padding:1.6%;position:relative}.gm-lines,.gm-winline{pointer-events:none;width:96.8%;height:96.8%;position:absolute;inset:1.6%;overflow:visible}.gm-lines path{fill:none;stroke:var(--wood-line);stroke-width:1.4px;vector-effect:non-scaling-stroke}.gm-lines circle{fill:var(--wood-line)}.gm-lines .gm-cross{stroke:var(--white);stroke-width:5px;opacity:.85}.gm-winline line{vector-effect:non-scaling-stroke;stroke-linecap:round}.gm-wl-ink{stroke:var(--ink);stroke-width:clamp(8px,2.4vw,12px)}.gm-wl-sun{stroke:var(--sun);stroke-width:clamp(4px,1.3vw,6.5px)}.gm-winline{animation:gm-draw .42s .12s var(--ease-out) both}@keyframes gm-draw{0%{opacity:0}}.gm-cells{grid-template-rows:repeat(15,1fr);grid-template-columns:repeat(15,1fr);width:100%;height:100%;display:grid;position:relative}.gm-pt{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:relative}.gm-pt:disabled{cursor:default}.gm-pt:focus-visible,.gm-pt.is-cursor{outline:3px solid var(--ink);outline-offset:-2px;z-index:2}.gm-stone{--pc:var(--p0);background:var(--pc);border:clamp(1.5px, .5vw, 2.5px) solid var(--ink);box-shadow:clamp(1px, .3vw, 1.5px) clamp(1.5px, .45vw, 2.5px) 0 var(--ink);animation:gm-place .24s var(--ease-spring) backwards;border-radius:50%;position:absolute;inset:7%}.gm-stone[data-p="1"]{--pc:var(--p1)}.gm-stone:before{content:"";background:color-mix(in srgb, var(--white) 30%, transparent);border-radius:50%;width:26%;height:20%;position:absolute;top:18%;left:22%;transform:rotate(-30deg)}.gm-stone[data-p="1"]:before{background:color-mix(in srgb, var(--ink) 7%, transparent)}@keyframes gm-place{0%{opacity:0;transform:scale(.35)}65%{transform:scale(1.08,.92)}}.gm-stone.is-last:after{content:"";background:var(--sun);border:clamp(1.2px, .35vw, 2px) solid var(--ink);width:38%;height:38%;animation:gm-dot .28s .16s var(--ease-spring) both;border-radius:50%;margin:-19% 0 0 -19%;position:absolute;top:50%;left:50%}@keyframes gm-dot{0%{transform:scale(0)}}.gm-stone.is-ghost{opacity:.55;box-shadow:none;z-index:1;animation:none}.gm-stone.is-ghost:before{display:none}.gm-stone.is-pending{opacity:.8;box-shadow:0 0 0 3px var(--sun), 0 0 0 5px var(--ink);animation:gm-bob .9s var(--ease-spring) infinite;border-width:3px;inset:-4%}@keyframes gm-bob{50%{transform:scale(.9)}}.gm-stone.is-win{box-shadow:0 0 0 clamp(2px, .6vw, 3px) var(--sun), 0 0 0 clamp(3.5px, 1vw, 5px) var(--ink);z-index:1;animation:gm-hop .56s calc(.3s + var(--w,0) * 70ms) var(--ease-spring) both}@keyframes gm-hop{40%{transform:translateY(-22%)scale(1.06)}}@media (hover:hover){.gm-pt:not(:disabled):hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}}@media (width<=560px){.gm-board{border-radius:12px;padding:1.2%}.gm-lines,.gm-winline{width:97.6%;height:97.6%;inset:1.2%}}@media (prefers-reduced-motion:reduce){.gm-stone,.gm-stone.is-last:after,.gm-stone.is-win,.gm-stone.is-pending,.gm-winline{animation:none}}