.gm{--gm-wood: #e2cf9f;--gm-line: rgb(70 52 22 / .72);--gm-black: #1d212b;--gm-white: #f7f5ef;width:100%}:root[data-theme=dark] .gm{--gm-wood: #b9a274}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .gm{--gm-wood: #b9a274}}.gm-banner{display:inline-flex;align-items:center;gap:6px}.gm-chip{display:inline-block;width:1em;height:1em;border-radius:50%;vertical-align:-.15em;box-shadow:0 0 0 1px #00000059}.gm-chip.p1{background:var(--gm-black)}.gm-chip.p2{background:var(--gm-white)}.gm-frame{width:min(600px,100%);padding:clamp(4px,1.5vw,12px);background:var(--gm-wood);border-radius:10px;box-shadow:var(--shadow),inset 0 0 0 1px #00000026}.gm-board{display:grid;grid-template-columns:repeat(15,1fr);width:100%;aspect-ratio:1;touch-action:manipulation}.gm-cell{appearance:none;border:0;padding:0;margin:0;position:relative;aspect-ratio:1;min-width:0;background-color:transparent;cursor:default;font:inherit;background-image:linear-gradient(var(--gm-line),var(--gm-line)),linear-gradient(var(--gm-line),var(--gm-line));background-repeat:no-repeat;background-size:var(--hw, 100%) 1.5px,1.5px var(--vh, 100%);background-position:var(--hp, center) center,center var(--vp, center)}.gm-cell.left{--hw: 50%;--hp: right}.gm-cell.right{--hw: 50%;--hp: left}.gm-cell.top{--vh: 50%;--vp: bottom}.gm-cell.bottom{--vh: 50%;--vp: top}.gm-cell.playable{cursor:pointer}.gm-cell:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:4px}.gm-cell.star:before{content:"";position:absolute;left:50%;top:50%;width:22%;height:22%;transform:translate(-50%,-50%);border-radius:50%;background:var(--gm-line)}.gm-cell:after{content:"";position:absolute;inset:7%;border-radius:50%;opacity:0;transform:scale(.6);transition:transform .12s ease-out,opacity .12s;pointer-events:none}.gm-cell.p1:after,.gm-cell.p2:after{opacity:1;transform:scale(1);box-shadow:0 1px 2px #00000073}.gm-cell.p1:after{background:radial-gradient(circle at 35% 30%,#4a5163,var(--gm-black) 60%)}.gm-cell.p2:after{background:radial-gradient(circle at 35% 30%,#fff,var(--gm-white) 55%,#d4d0c4)}@media (hover: hover){.gm-board[data-turn="1"] .gm-cell.playable:not(.p1):not(.p2):hover:after{opacity:.45;transform:scale(1);background:var(--gm-black)}.gm-board[data-turn="2"] .gm-cell.playable:not(.p1):not(.p2):hover:after{opacity:.6;transform:scale(1);background:var(--gm-white)}}.gm-cell.last:before{content:"";position:absolute;left:50%;top:50%;width:26%;height:26%;transform:translate(-50%,-50%);border-radius:50%;background:var(--p1);z-index:2}.gm-cell.win:after{box-shadow:0 0 0 2px var(--hl),0 0 10px 2px var(--hl);animation:gm-pulse .8s ease-in-out infinite alternate}@keyframes gm-pulse{0%{transform:scale(.9)}to{transform:scale(1.05)}}.gm-cell.can-win:before,.gm-cell.must-block:before{content:"";position:absolute;border-radius:50%;z-index:2;transform:none;inset:14%;width:auto;height:auto;background:none}.gm-cell.can-win:before{box-shadow:0 0 0 3px var(--good)}.gm-cell.must-block:before{box-shadow:0 0 0 3px var(--danger)}.gm-legend{font-size:.85rem;color:var(--muted);text-align:center;min-height:1.4em;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.gm-key{display:inline-block;width:.9em;height:.9em;border-radius:50%}.gm-key.can-win{box-shadow:inset 0 0 0 2px var(--good)}.gm-key.must-block{box-shadow:inset 0 0 0 2px var(--danger)}