.page{--gm-paper: #E9C98F;--gm-line: #8C6A2C;--gm-last: #C3261C;--gm-win-soft: rgba(20, 107, 65, .28)}.gm-wrap{display:flex;justify-content:center}.gm{display:grid;grid-template-columns:repeat(15,1fr);gap:1px;background:var(--gm-line);border:6px solid var(--gm-line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);width:100%;max-width:clamp(300px,calc(100vh - 230px),560px);user-select:none;-webkit-user-select:none}.gm--locked .gm-cell{cursor:default}.gm-cell{aspect-ratio:1;border:0;padding:0;position:relative;display:flex;align-items:center;justify-content:center;background:var(--gm-paper);touch-action:manipulation}.gm-cell.last:after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:var(--gm-last);pointer-events:none}.gm-cell.win{background:var(--gm-win-soft)}.gm-cell.win .gm-stone{outline:2px solid var(--color-good);outline-offset:1px;animation:rh-blink .5s var(--ease) calc(.22s + var(--i, 0) * .1s) 2}.gm-stone.pop{animation:rh-pop .22s var(--ease) both}.gm-cell.win .gm-stone.pop{animation:rh-pop .22s var(--ease) both,rh-blink .5s var(--ease) calc(.22s + var(--i, 0) * .1s) 2}.gm-cell:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px;z-index:1}.gm-stone{width:86%;height:86%;border-radius:50%;box-sizing:border-box;box-shadow:0 1px 2px #231c1666}.gm-stone--light{background:var(--piece-light-fill);border:2px solid var(--piece-light-ring)}.gm-stone--dark{background:var(--piece-dark-fill);border:2px solid var(--piece-dark-ring)}.gm-stone--ghost{opacity:.5;box-shadow:none}@media (max-width: 420px){.gm{border-width:4px;border-radius:var(--radius-sm)}}