@import url("design-tokens.css");

/* Board piece slots are shared; artwork comes from the selected set stylesheet. */
g-chess-board::part(piece-wk) { background-image: var(--active-king); }
g-chess-board::part(piece-wr) { background-image: var(--active-rook); }
g-chess-board::part(piece-wq) { background-image: var(--active-queen); }
g-chess-board::part(piece-wb) { background-image: var(--active-bishop); }
g-chess-board::part(piece-wn) { background-image: var(--active-knight); }
g-chess-board::part(piece-wp) { background-image: var(--active-pawn); }
g-chess-board::part(piece-bk) { background-image: var(--black-king); }
g-chess-board::part(piece-bq) { background-image: var(--black-queen); }
g-chess-board::part(piece-br) { background-image: var(--black-rook); }
g-chess-board::part(piece-bb) { background-image: var(--black-bishop); }
g-chess-board::part(piece-bn) { background-image: var(--black-knight); }
g-chess-board::part(piece-bp) { background-image: var(--black-pawn); }
g-chess-board::part(piece-wk), g-chess-board::part(piece-wr),
g-chess-board::part(piece-wq), g-chess-board::part(piece-wb),
g-chess-board::part(piece-wn), g-chess-board::part(piece-wp) {
  filter: var(--piece-filter, none);
  transition: filter .4s ease;
}
g-chess-board::part(piece-bk), g-chess-board::part(piece-bq),
g-chess-board::part(piece-br), g-chess-board::part(piece-bb),
g-chess-board::part(piece-bn), g-chess-board::part(piece-bp) {
  filter: var(--enemy-filter, none);
  transition: filter .4s ease;
}

/* Dark pieces nearly vanish on the space theme's navy squares; a thin light halo keeps their outline readable on any piece set.
   It replaces the theme's enemy tint, which only shifts hue slightly on dark art. */
body[data-theme="space"] g-chess-board::part(piece-bk), body[data-theme="space"] g-chess-board::part(piece-bq),
body[data-theme="space"] g-chess-board::part(piece-br), body[data-theme="space"] g-chess-board::part(piece-bb),
body[data-theme="space"] g-chess-board::part(piece-bn), body[data-theme="space"] g-chess-board::part(piece-bp) {
  filter: drop-shadow(0 0 1px #e7eef7) drop-shadow(0 0 1px #e7eef7);
}

/* Shared piece slots */