/*! chessboard.js v1.0.5 | (c) 2019 Chris Oakman | MIT License chessboardjs.com/license */
.clearfix-7da63 {
  clear: both;
}
.board-b72b1 {
  border: 2px solid #404040;
  box-sizing: content-box;
}
.square-55d63 {
  float: left;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.white-1e1d7 {
  background-color: #f0d9b5;
  color: #b58863;
}
.black-3c85d {
  background-color: #b58863;
  color: #f0d9b5;
}
.highlight1-32417,
.highlight2-9c5d2 {
  box-shadow: inset 0 0 3px 3px #ff0;
}
.notation-322f9 {
  cursor: default;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  position: absolute;
}
.alpha-d2270 {
  bottom: 1px;
  right: 3px;
}
.numeric-fc462 {
  top: 2px;
  left: 2px;
}

.square-55d63.highlight {
    background-color: rgba(255, 255, 0, 0.5); /* semi-transparent yellow */
    box-shadow: inset 0 0 5px #ff0;          /* optional inner glow */
    border-radius: 4px;                        /* optional rounded corners */
}

.square-55d63.highlight img {
    outline: 3px solid yellow;
    border-radius: 4px;
}

.square-55d63.highlight::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(255, 255, 0, 0.4);
    pointer-events: none; /* so clicks still go through */
    border-radius: 4px;
    z-index: 2; /* above square but below piece */
}
.active-opening {
    background-color: #ffd700;
    color: #000;
}

.square-55d63.wrong-move::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(255, 0, 0, 0.5);
    pointer-events: none;
    border-radius: 4px;
    z-index: 2; /* above square but below piece */
}


@keyframes jump {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

.celebrate {
    animation: jump 0.5s ease-in-out 3;
}