#board{aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:1rem;box-shadow:0 .6rem 2rem var(--shadow-black);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);margin:.5rem auto;max-width:90vh;min-height:0;overflow:hidden;width:100%}#board .row{display:contents}#board .cell{align-items:center;display:flex;height:11.25vh;justify-content:center;overflow:visible;position:relative;width:11.25vh}.REVERSED{transform:rotate(180deg)!important}.CHECK,.MOVE{position:relative;transition:filter .3s ease;-webkit-transition:filter .3s ease;z-index:3}.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 .cell.rank-label:before{content:attr(data-rank);left:.2rem;top:.2rem}#board .cell.file-label:after,#board .cell.rank-label:before{color:rgba(0,0,0,.75);font-size:clamp(1rem,1.2vw,.9rem);pointer-events:none;position:absolute;z-index:2}#board .cell.file-label:after{bottom:.2rem;content:attr(data-file);right:.2rem}#board .cell.white.file-label:after,#board .cell.white.rank-label:before{color:rgba(0,0,0,.75)}#board .cell.black.file-label:after,#board .cell.black.rank-label:before{color:var(--color-text-light)}.white{background-color:var(--color-gray-light)}.black{background-color:var(--color-gray-dark)}#spaceSave,img.black-piece,img.white-piece{display:block;height:100%;margin:0 auto;touch-action:none;user-select:none;width:100%}.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)}}