/*!
 * chessboard.js $version$
 *
 * Copyright 2013 Chris Oakman
 * Released under the MIT license
 * https://github.com/oakmac/chessboardjs/blob/master/LICENSE
 *
 * Date: $date$
 */

/* 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: #ffffff;
  color: #666666;
}

/* black square */
.black-3c85d {
  background-color: #c0c0c0;
  color: #ffffff;
}

/* highlighted square - disabled */
.highlight1-32417,
.highlight2-9c5d2 {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* 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;
}

/* spare pieces - reorganize to show in 2 horizontal rows */
.spare-pieces-7492f {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  margin-bottom: 15px !important;
  float: none !important;
  overflow: hidden !important;
}

/* Top and bottom spare pieces containers - force row layout */
.spare-pieces-top-4028b,
.spare-pieces-bottom-ae20f {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  height: auto !important;
  padding-left: 0 !important;
  overflow: hidden !important;
}

/* Add spacing above white pieces palette */
.spare-pieces-bottom-ae20f {
  margin-top: 15px !important;
}

/* Ensure clearfix doesn't cause issues */
.spare-pieces-7492f .clearfix-7da63,
.spare-pieces-top-4028b .clearfix-7da63,
.spare-pieces-bottom-ae20f .clearfix-7da63 {
  display: none !important;
}

/* Target img elements directly inside spare pieces containers */
.spare-pieces-top-4028b img,
.spare-pieces-bottom-ae20f img {
  display: inline-block !important;
  float: none !important;
  margin: 0 !important;
}

/* Override float for ALL children of spare pieces containers */
.spare-pieces-top-4028b>*,
.spare-pieces-bottom-ae20f>* {
  float: none !important;
  display: inline-block !important;
}

/* Individual spare pieces - force horizontal layout */
.spare-piece-55d63 {
  float: none !important;
  cursor: move !important;
  position: relative !important;
  display: inline-block !important;
}

.spare-pieces-top-4028b .spare-piece-55d63,
.spare-pieces-bottom-ae20f .spare-piece-55d63 {
  float: none !important;
  cursor: move !important;
  position: relative !important;
  display: inline-block !important;
  margin: 0 !important;
}

/* Override square float specifically when inside spare pieces */
.spare-pieces-top-4028b .square-55d63,
.spare-pieces-bottom-ae20f .square-55d63 {
  float: none !important;
  display: inline-block !important;
}

/* Target piece images */
.piece-417db {
  display: inline-block !important;
  transition: none !important;
  animation: none !important;
}

/* More aggressive hiding of source piece during drag */
.square-55d63>img.piece-417db[style*="display: none"],
.square-55d63>img[style*="display: none"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Hide pieces with display:none anywhere in the DOM (including body level) */
body>img.piece-417db[style*="display: none"],
img.piece-417db[style*="display: none"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
}