.chess-board{position:relative;-webkit-user-select:none;user-select:none;border:2px solid #4a3220;box-sizing:content-box}.chess-board__grid{display:flex;flex-wrap:wrap;width:100%;height:100%}.chess-board__arrow-layer{position:absolute;inset:0;z-index:3;opacity:.85;pointer-events:none;overflow:visible}.chess-board__arrow{stroke:#15781b;stroke-linecap:round;stroke-linejoin:round}.chess-board__arrow-head{fill:#15781b}.chess-board__square{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.chess-board__square--light{background:#f0d9b5}.chess-board__square--dark{background:#b58863}.chess-board__square--from{background:#9bc70066!important}.chess-board__square--to{background:#9bc70099!important}.chess-board__square--legal:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background:#14551e40;pointer-events:none}.chess-board__coord{position:absolute;font-size:10px;font-weight:700;color:#00000080;pointer-events:none}.chess-board__coord--rank{top:2px;left:3px}.chess-board__coord--file{bottom:2px;right:3px}.chess-piece{width:88%;height:88%;position:relative;z-index:2;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;font-size:0;display:flex;align-items:center;justify-content:center}.chess-piece:before{position:absolute;top:50%;left:50%;display:block;width:100%;font-family:Segoe UI Symbol,Arial Unicode MS,serif;font-size:var(--chess-piece-size, 56px);line-height:1;text-align:center;transform:translate(-50%,-50%);margin-top:-3px}.chess-piece--wK:before{content:"♔";color:#fff;text-shadow:0 0 1px #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.chess-piece--wQ:before{content:"♕";color:#fff;text-shadow:0 0 1px #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.chess-piece--wR:before{content:"♖";color:#fff;text-shadow:0 0 1px #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.chess-piece--wB:before{content:"♗";color:#fff;text-shadow:0 0 1px #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.chess-piece--wN:before{content:"♘";color:#fff;text-shadow:0 0 1px #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.chess-piece--wP:before{content:"♙";color:#fff;text-shadow:0 0 1px #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.chess-piece--bK:before{content:"♚";color:#000}.chess-piece--bQ:before{content:"♛";color:#000}.chess-piece--bR:before{content:"♜";color:#000}.chess-piece--bB:before{content:"♝";color:#000}.chess-piece--bN:before{content:"♞";color:#000}.chess-piece--bP:before{content:"♟";color:#000}