.chess-board{--board-size:var(--b1d5cc6e);--field-size:calc(var(--board-size)/8);aspect-ratio:1;border-radius:.4rem;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chess-board:before{background-image:url(../chess/chessboard.png);background-size:cover;content:"";height:var(--board-size);left:0;position:absolute;top:0;width:var(--board-size)}.chess-board .squares{bottom:0;left:0;position:absolute;right:0;top:0}.chess-board .squares .square{height:12.5%;position:absolute;width:12.5%}.chess-board .squares .square.dark,.chess-board .squares .square.light{background-color:#9bc70069}.chess-board .shapes{opacity:.6;pointer-events:none;position:absolute;width:100%;z-index:10}.chess-board .pieces{position:relative;width:100%}.chess-board .pieces>div{background-size:cover;height:var(--field-size);position:absolute;width:var(--field-size)}.chess-board .pieces>div.dragging{pointer-events:none;z-index:10}.chess-board .pieces>div.movable:hover{cursor:pointer}.chess-board .pieces .pawn.white{background-image:url(./pawn.DFE5sLqT.png)}.chess-board .pieces .pawn.black{background-image:url(./pawn_black.hD8blHkf.png)}.chess-board .pieces .knight.white{background-image:url(./knight.C3UDQyR1.png)}.chess-board .pieces .knight.black{background-image:url(./knight_black.CuYlIwrj.png)}.chess-board .pieces .bishop.white{background-image:url(./bishop.D3br22B9.png)}.chess-board .pieces .bishop.black{background-image:url(./bishop_black.CR4xyS1f.png)}.chess-board .pieces .rook.white{background-image:url(./rook.C1OkUkva.png)}.chess-board .pieces .rook.black{background-image:url(./rook_black.A46WXIN5.png)}.chess-board .pieces .queen.white{background-image:url(./queen.DpGzr7KJ.png)}.chess-board .pieces .queen.black{background-image:url(./queen_black.D2O-EZKB.png)}.chess-board .pieces .king.white{background-image:url(./king.B_reG6bd.png)}.chess-board .pieces .king.black{background-image:url(./king_black.MI5jbOBa.png)}.chess-board .mark{aspect-ratio:1;background-size:cover;position:absolute}.chess-board .mark.start{background-color:#e3d18e;width:var(--field-size)}.chess-board .mark.start.dark{background-color:#9f8e54}.chess-board .mark.in_check{background-color:#b60f40;border-radius:10%;box-shadow:0 0 calc(var(--field-size)/3) calc(var(--field-size)/4) #b60f40;width:0}.chess-board .mark.capture{background-color:#b60f40}.chess-board .mark.test{background-color:#b68f0f}.chess-board .mark.move{background-color:#3b6793;border-radius:50%}.chess-board .mark.move:hover{cursor:pointer}.chess-board .modal-promotion{border-radius:.8rem;-moz-column-gap:.8rem;column-gap:.8rem;display:flex;left:50%;padding:.8rem;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);width:calc(var(--board-size)/6*4 + 4rem)}.chess-board .modal-promotion img{border-radius:.8rem;-o-object-fit:contain;object-fit:contain;width:calc(var(--board-size)/6)}.chess-board .modal-promotion img:hover{cursor:pointer}.actions{-moz-column-gap:.4rem;column-gap:.4rem;display:flex;justify-content:center;margin:.6rem .8rem}.debug{max-width:500px;position:absolute;right:-620px;text-align:center;top:200px;width:100%;z-index:100}.debug2{color:red;top:500px}.debug2,.debug3{font-size:40px;max-width:500px;position:absolute;right:-620px;text-align:center;width:100%;z-index:100}.debug3{top:600px}.debug4{font-size:40px;max-width:500px;position:absolute;right:-620px;text-align:center;top:700px;width:100%;z-index:100}