/*!
 * chessboard.js
 * Copyright 2013 Chris Oakman
 * Released under the MIT license
 * https://github.com/oakmac/chessboardjs/blob/master/LICENSE
 * modified by Aneas Digital
 * https://digital.aneas.net
 */

 #board, #board * {padding: 0 !important; }
 .btn { background: red; color: white; padding: 10px 10px; border: none; border-radius: 8px; font-weight: bold; cursor: pointer;}
 .btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); }
 #score { display: inline-block; background: #333; color: white; padding: 6px 6px 10px 6px; border-radius: 4px; font-weight: bold; }
 #status { display: block; background: #f0f0f0; border-radius: 4px; text-align: left; width: 600px; box-sizing: border-box; }
 #pgn { display: block; width: 600px; height: 100px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-family: monospace; resize: none; }
 #promotion-modal { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 1000; }
 #promotion-modal button { background: #333; color: white; padding: 10px; margin: 5px; border: none; border-radius: 4px; cursor: pointer; }
 #promotion-modal button:hover { background: #555; }
 #modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; }
.aneas-chess-widget .no-page { color: #999; font-style: italic; }

/* clearfix */
.clearfix-7da63 {
  clear: both;
}

/* board */
.board-b72b1 {
  border: 2px solid #404040;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* square */
.square-55d63 {
  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;
}

/* white square */
.white-1e1d7 {
  background-color: #f0d9b5;
  color: #b58863;
}

/* black square */
.black-3c85d {
  background-color: #b58863;
  color: #f0d9b5;
}

/* highlighted square */
.highlight1-32417, .highlight2-9c5d2 {
  -webkit-box-shadow: inset 0 0 3px 3px yellow;
  -moz-box-shadow: inset 0 0 3px 3px yellow;
  box-shadow: inset 0 0 3px 3px yellow;
}

/* notation */
.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;
}
@media screen and (max-width: 768px) {
    #board, #status, #pgn { width: 100% !important; max-width: 400px !important; }
    #pgn { height: 80px; }
}