.Checkers-module__sN1z6W__root{background:linear-gradient(145deg,#ffffff1f,#0000002e),#201a15bd;border-radius:1rem;padding:.45rem;box-shadow:inset 0 1px #ffffff24,0 1.25rem 3rem #0000003d}.Checkers-module__sN1z6W__board{--checkers-cell-size:clamp(2.4rem, min(9.6vw, 8.8vh), 4.6rem);grid-template-columns:repeat(8, var(--checkers-cell-size));grid-template-rows:repeat(8, var(--checkers-cell-size));background:#00000047;border:2px solid #ffffff2e;border-radius:.72rem;width:max-content;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000061,inset 0 0 0 1px #0000002e}.Checkers-module__sN1z6W__square{width:var(--checkers-cell-size);height:var(--checkers-cell-size);color:inherit;touch-action:manipulation;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.Checkers-module__sN1z6W__light{background:#d7c2a0}.Checkers-module__sN1z6W__dark{background:#5f4a35}.Checkers-module__sN1z6W__playable{cursor:pointer}.Checkers-module__sN1z6W__playable:hover{filter:brightness(1.08)}.Checkers-module__sN1z6W__selected{outline:3px solid var(--color-accent);outline-offset:-4px}.Checkers-module__sN1z6W__target:after{content:"";background:#facc15c7;border-radius:999px;width:34%;height:34%;position:absolute;box-shadow:0 0 0 .35rem #facc152e}.Checkers-module__sN1z6W__captureTarget:after{background:#b91c1c5c;border:2px solid #facc15eb;width:52%;height:52%}.Checkers-module__sN1z6W__piece{z-index:1;border:2px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;width:72%;height:72%;display:inline-flex;position:relative;box-shadow:inset 0 .35rem .5rem #fff3,inset 0 -.45rem .55rem #00000047,0 .35rem .8rem #00000061}.Checkers-module__sN1z6W__blackPiece{background:linear-gradient(145deg,#262626,#050505)}.Checkers-module__sN1z6W__redPiece{background:linear-gradient(145deg,#ef4444,#7f1d1d)}.Checkers-module__sN1z6W__king{color:#facc15}.Checkers-module__sN1z6W__movingPiece{left:calc(var(--checkers-from-column) * var(--checkers-cell-size) + var(--checkers-cell-size) * .14);top:calc(var(--checkers-from-row) * var(--checkers-cell-size) + var(--checkers-cell-size) * .14);width:calc(var(--checkers-cell-size) * .72);height:calc(var(--checkers-cell-size) * .72);z-index:5;pointer-events:none;animation:Checkers-module__sN1z6W__checkersMove var(--checkers-move-duration,.36s) cubic-bezier(.2, .8, .2, 1) forwards;position:absolute}.Checkers-module__sN1z6W__capturedPiece{animation:Checkers-module__sN1z6W__checkersCaptured var(--checkers-move-duration,.36s) ease-out forwards}@keyframes Checkers-module__sN1z6W__checkersMove{0%{transform:translate(0,0)scale(1)}45%{transform:translate3d(calc((var(--checkers-to-column) - var(--checkers-from-column)) * var(--checkers-cell-size) * .5), calc((var(--checkers-to-row) - var(--checkers-from-row)) * var(--checkers-cell-size) * .5 - .28rem), 0) scale(1.08)}to{transform:translate3d(calc((var(--checkers-to-column) - var(--checkers-from-column)) * var(--checkers-cell-size)), calc((var(--checkers-to-row) - var(--checkers-from-row)) * var(--checkers-cell-size)), 0) scale(1)}}@keyframes Checkers-module__sN1z6W__checkersCaptured{0%{opacity:1;transform:scale(1)}55%{opacity:.72;transform:scale(.86)}to{opacity:0;transform:scale(.58)}}@media (prefers-reduced-motion:reduce){.Checkers-module__sN1z6W__movingPiece,.Checkers-module__sN1z6W__capturedPiece{animation-duration:1ms}}.Checkers-module__sN1z6W__square:focus-visible{z-index:2;outline:3px solid var(--color-accent);outline-offset:-4px}@media (max-width:480px){.Checkers-module__sN1z6W__board{--checkers-cell-size:clamp(2rem, 11.4vw, 2.75rem)}}