/*! chessboard.js v1.0.0 | (c) 2019 Chris Oakman | MIT License chessboardjs.com/license */

.clearfix-7da63 {
  clear: both;
}

@media (max-width: 600px) {
  .board-b72b1 {
    width: 90vw;
    height: 90vw;
  }
}

.square-55d63 {
  width: 12.5%;
  /* Each square is 1/8th of the board width */
  height: 12.5%;
  /* Same as width to keep the square shape */
  float: left;
  position: relative;

  /* Disable any native browser highlighting */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.piece-417db {
  pointer-events: none;
}

.white-1e1d7 {
  background-color: #DDC6A1;
}

.black-3c85d {
  background-color: #754C29;
}



.highlight1-32417,
.highlight2-9c5d2 {
  box-shadow: inset 0 0 3px 3px yellow;
}

.notation-322f9 {
  cursor: default;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1vw;
  position: absolute;
  font-weight: bold;
}

.white-1e1d7 .notation-322f9 {
  color: #754C29;
  /* Dark green for light squares */
}

.black-3c85d .notation-322f9 {
  color: #DDC6A1;
  /* Light color for dark squares */
}

.alpha-d2270 {
  bottom: 1px;
  right: 3px;
}

.numeric-fc462 {
  top: 2px;
  left: 2px;
}