.gmk-board{display:inline-grid;grid-template-columns:repeat(15,36px);grid-template-rows:repeat(15,36px);gap:0;margin:1.5rem auto;background:#000000b3;padding:10px;border-radius:10px;box-shadow:0 4px 20px #00000040}.gmk-cell{width:36px;height:36px;border-radius:50%;background:#c9f7a5;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;outline:none;border:none;box-shadow:inset 0 1px 3px #0000001a;transition:box-shadow .15s ease,background .15s ease}.gmk-cell:focus-visible{outline:3px solid #000;outline-offset:-3px;z-index:1}@media(hover:none){.gmk-cell:hover,.gmk-cell:focus,.gmk-cell:active{background:#c9f7a5!important}.gmk-p1:hover,.gmk-p1:focus,.gmk-p1:active{background:#1a1a1a!important}.gmk-p2:hover,.gmk-p2:focus,.gmk-p2:active{background:#fff!important}}@media(hover:hover){.gmk-active .gmk-cell:not(.gmk-p1):not(.gmk-p2):hover{background:#a8e67a;box-shadow:inset 0 1px 3px #00000026,0 0 6px #0000001a}}.gmk-active .gmk-cell:not(.gmk-p1):not(.gmk-p2):focus-visible{background:#a8e67a;box-shadow:inset 0 1px 3px #00000026,0 0 6px #0000001a}.gmk-waiting .gmk-cell:not(.gmk-p1):not(.gmk-p2){cursor:not-allowed}.gmk-p1{background:#1a1a1a!important;cursor:default;box-shadow:inset 0 -2px 4px #0006,0 1px 3px #0000004d}.gmk-p2{background:#fff!important;cursor:default;box-shadow:inset 0 -2px 4px #0000001a,0 1px 3px #00000026}.gmk-last-move.gmk-p1:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#c9f7a5;transform:translate(-50%,-50%)}.gmk-last-move.gmk-p2:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#1a1a1a;transform:translate(-50%,-50%)}.gmk-win{animation:gmkWinPulse .8s ease-in-out 3;box-shadow:0 0 0 2px #c9f7a5,0 0 12px #c9f7a5cc!important;z-index:1;position:relative}@keyframes gmkWinPulse{0%,to{box-shadow:0 0 0 2px #c9f7a5,0 0 12px #c9f7a5cc}50%{box-shadow:0 0 0 3px #c9f7a5,0 0 20px #c9f7a5}}.gmk-place{animation:gmkPlace .25s cubic-bezier(.25,.1,.25,1.3) both}@keyframes gmkPlace{0%{transform:scale(0);opacity:.5}70%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@media(min-width:768px){.gmk-board{grid-template-columns:repeat(15,44px);grid-template-rows:repeat(15,44px);padding:12px;border-radius:12px}.gmk-cell{width:44px;height:44px}.gmk-last-move.gmk-p1:after,.gmk-last-move.gmk-p2:after{width:10px;height:10px}}@media(prefers-reduced-motion:reduce){.gmk-place{animation:none}}