/* Coordinate grid reused from BobbyChess's board frame, adapted to a
   Chessground surface. The trainer controls only the outer board size. */
.board-frame {
  position:relative;
  width:100%;
  aspect-ratio:1;
  padding:3px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr) 18px;
  grid-template-rows:18px minmax(0,1fr) 18px;
  border:1px solid rgba(232,218,188,.29);
  border-radius:4px;
  background:#1b1c18;
  box-shadow:0 22px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045);
  isolation:isolate;
  user-select:none;
  -webkit-user-select:none;
}
.board-coordinates {
  display:grid;
  place-items:center;
  align-self:center;
  justify-self:center;
  color:rgba(244,239,227,.65);
  font-size:10px;
  font-weight:600;
  line-height:1;
  text-transform:uppercase;
  pointer-events:none;
}
.board-coordinates.files {grid-column:2;grid-template-columns:repeat(8,1fr);width:var(--cg-width,100%)}
.board-coordinates.files.top {grid-row:1}
.board-coordinates.files.bottom {grid-row:3}
.board-coordinates.ranks {grid-row:2;grid-template-rows:repeat(8,1fr);height:var(--cg-height,100%)}
.board-coordinates.ranks.left {grid-column:1}
.board-coordinates.ranks.right {grid-column:3}
.board-frame .cg-wrap {grid-column:2;grid-row:2;width:100%;height:100%;aspect-ratio:1;min-width:0;min-height:0}
.board-frame cg-container {left:50%;top:50%;transform:translate(-50%,-50%)}
.cg-wrap cg-board {
  border-radius:0;
  background-color:#dfe3da;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Crect width='2' height='2' fill='%23dfe3da'/%3E%3Cpath d='M1 0h1v1H1zM0 1h1v1H0z' fill='%23779085'/%3E%3C/svg%3E");
  background-size:25% 25%;
  touch-action:none;
}
.cg-wrap piece {background-size:84% 84%;background-position:center;background-repeat:no-repeat}
.cg-wrap piece.pawn.white {background-image:url('/assets/vendor/classic/thirdparty-wikimedia-cburnett-individual-bsd-piece-white-pawn.svg')}
.cg-wrap piece.knight.white {background-image:url('/assets/vendor/classic/thirdparty-wikimedia-cburnett-individual-bsd-piece-white-knight.svg')}
.cg-wrap piece.bishop.white {background-image:url('/assets/vendor/classic/thirdparty-wikimedia-cburnett-individual-bsd-piece-white-bishop.svg')}
.cg-wrap piece.rook.white {background-image:url('/assets/vendor/classic/thirdparty-wikimedia-cburnett-individual-bsd-piece-white-rook.svg')}
.cg-wrap piece.queen.white {background-image:url('/assets/vendor/classic/thirdparty-wikimedia-cburnett-individual-bsd-piece-white-queen.svg')}
.cg-wrap piece.king.white {background-image:url('/assets/vendor/classic/thirdparty-wikimedia-cburnett-individual-bsd-piece-white-king.svg')}
.cg-wrap piece.pawn.black {background-image:url('/assets/vendor/classic/thirdparty-wikimedia-cburnett-individual-bsd-piece-black-pawn.svg')}
.cg-wrap piece.knight.black {background-image:url('/assets/vendor/classic/thirdparty-wikimedia-cburnett-individual-bsd-piece-black-knight.svg')}
.cg-wrap piece.bishop.black {background-image:url('/assets/vendor/classic/thirdparty-wikimedia-cburnett-individual-bsd-piece-black-bishop.svg')}
.cg-wrap piece.rook.black {background-image:url('/assets/vendor/classic/thirdparty-wikimedia-cburnett-individual-bsd-piece-black-rook.svg')}
.cg-wrap piece.queen.black {background-image:url('/assets/vendor/classic/thirdparty-wikimedia-cburnett-individual-bsd-piece-black-queen.svg')}
.cg-wrap piece.king.black {background-image:url('/assets/vendor/classic/thirdparty-wikimedia-cburnett-individual-bsd-piece-black-king.svg')}
.cg-wrap square.last-move {background:#d2cc4c5c}
.cg-wrap square.selected {background:#f4e64b66}
.cg-wrap square.move-dest {background:radial-gradient(#15352944 19%,transparent 21%)}
.cg-wrap square.oc.move-dest {background:radial-gradient(transparent 80%,#15352966 80%)}
.cg-wrap square.check {background:radial-gradient(ellipse at center,#dc6059cc 0%,#e24d3944 55%,transparent 80%)}
.cg-wrap .cg-shapes {border-radius:0}