#board{border:.125rem solid var(--color-border);border-radius:1.5rem;box-shadow:0 .6rem 2rem var(--shadow-gray);height:65.7vmin;margin:.5rem auto;overflow:hidden;width:65.7vmin}.CHECK,.MOVE,.POSSIBLE{transition:filter .3s ease;-webkit-transition:filter .3s ease}.MOVE{box-shadow:0 0 .5rem var(--color-gold);-webkit-filter:drop-shadow(0 0 .5rem var(--color-gold)) drop-shadow(0 0 .5rem var(--color-gold));filter:drop-shadow(0 0 .5rem var(--color-gold)) drop-shadow(0 0 .5rem var(--color-gold))}.CHECK{box-shadow:0 0 .5rem var(--color-red);-webkit-filter:drop-shadow(0 0 .5rem var(--color-red)) drop-shadow(0 0 .5rem var(--color-red));filter:drop-shadow(0 0 .5rem var(--color-red)) drop-shadow(0 0 .5rem var(--color-red))}#board table{border-collapse:collapse;height:100%;table-layout:fixed;width:100%}#board col.index-col{width:clamp(1rem,1.5vw,2rem)}#board col.board-col{width:7.3vmin}#board td{height:7.3vmin}#board th{background:none;height:clamp(1rem,1.5vw,2rem);line-height:normal;padding:0;width:clamp(1rem,1.5vw,2rem)}.white{background-color:var(--color-gray-light)}.black{background-color:var(--color-gray-dark)}#spaceSave,img.black-piece,img.white-piece{display:block;height:7.3vmin;margin:0 auto;touch-action:none;user-select:none;width:7.3vmin}.black-piece{filter:drop-shadow(0 0 0 white) drop-shadow(0 0 .125rem white)}.black-piece,.white-piece{cursor:grab;transition:transform .3s ease,filter .3s ease,box-shadow .3s ease;-webkit-transition:transform .3s ease,filter .3s ease,box-shadow .3s ease}.black-piece:hover,.white-piece:hover{filter:drop-shadow(0 0 0 var(--color-gold)) drop-shadow(0 0 .5rem var(--color-gold));transform:translateY(-.15rem)}.illegal{-webkit-animation:bounce .8s;animation:bounce .8s;filter:drop-shadow(0 0 0 var(--color-red-light)) drop-shadow(0 0 .5rem var(--color-red-light));-webkit-filter:drop-shadow(0 0 0 var(--color-red-light)) drop-shadow(0 0 .5rem var(--color-red-light))}.slide-move{position:relative;transition:transform .5s cubic-bezier(.32,.58,.67,.9);-webkit-transition:transform .5s cubic-bezier(.32,.58,.67,.9);z-index:10}@keyframes bounce{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.05) translateY(-.3rem)}50%{transform:scale(.95) translateY(0)}70%{transform:scale(1.05) translateY(-.3rem)}to{transform:scale(1) translateY(0)}}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1) translateY(0)}30%{-webkit-transform:scale(1.05) translateY(-.3rem)}50%{-webkit-transform:scale(.95) translateY(0)}70%{-webkit-transform:scale(1.05) translateY(-.3rem)}to{-webkit-transform:scale(1) translateY(0)}}