/* One board skin and one coordinate layout for every Chessground surface. */
.cg-host { display: block !important; position: relative; }
.cg-wrap cg-board {
  background-image: var(--board-image) !important;
  background-size: 100% 100% !important;
  background-position: center !important;
}
.cg-wrap piece {
  background-size: cover !important;
  background-position: 0 0 !important;
  filter: none !important;
}
.cg-wrap piece.white.king { background-image: var(--piece-wk) !important; }
.cg-wrap piece.white.queen { background-image: var(--piece-wq) !important; }
.cg-wrap piece.white.rook { background-image: var(--piece-wr) !important; }
.cg-wrap piece.white.bishop { background-image: var(--piece-wb) !important; }
.cg-wrap piece.white.knight { background-image: var(--piece-wn) !important; }
.cg-wrap piece.white.pawn { background-image: var(--piece-wp) !important; }
.cg-wrap piece.black.king { background-image: var(--piece-bk) !important; }
.cg-wrap piece.black.queen { background-image: var(--piece-bq) !important; }
.cg-wrap piece.black.rook { background-image: var(--piece-br) !important; }
.cg-wrap piece.black.bishop { background-image: var(--piece-bb) !important; }
.cg-wrap piece.black.knight { background-image: var(--piece-bn) !important; }
.cg-wrap piece.black.pawn { background-image: var(--piece-bp) !important; }
.cg-wrap coords {
  position: absolute !important; display: flex !important; pointer-events: none !important;
  color: #fff !important; font: 600 10px/1.2 system-ui, sans-serif !important;
  text-shadow: 0 1px 2px #000, 0 0 3px #000 !important; opacity: .95 !important;
  text-transform: none !important; z-index: 5 !important;
}
.cg-wrap coords.ranks {
  left: 3px !important; right: auto !important; top: 2px !important; bottom: auto !important;
  width: 12px !important; height: 100% !important; flex-flow: column-reverse !important;
}
.cg-wrap coords.ranks.black { flex-flow: column !important; }
.cg-wrap coords.files {
  left: 0 !important; right: auto !important; bottom: 2px !important; top: auto !important;
  width: 100% !important; height: 12px !important; flex-flow: row !important;
}
.cg-wrap coords.files.black { flex-flow: row-reverse !important; }
.cg-wrap coords coord {
  display: block !important; flex: 1 1 12.5% !important;
  color: inherit !important; font: inherit !important; text-shadow: inherit !important;
  transform: none !important; text-align: right !important; padding: 0 3px 0 0 !important;
}
.cg-wrap coords.ranks coord { text-align: left !important; }
[data-appearance-coordinates="hidden"] .cg-wrap coords { display: none !important; }
.blind-calculation-hidden .cg-wrap piece { visibility: hidden !important; }
.ph-engine-switch, [data-board-engine-switch] { display: none !important; }