/**
 * Board / playmat art: lightweight SVG textures as ::before overlays.
 * Each surface sets --board-art: url('/assets/boards/….svg') (and optional opacity/blend).
 */
.board-surface-art {
  position: relative;
  isolation: isolate;
}

.board-surface-art::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background: var(--board-art, none) center / cover no-repeat;
  opacity: var(--board-art-opacity, 0.42);
  mix-blend-mode: var(--board-art-blend, soft-light);
}

.board-surface-art > * {
  position: relative;
  z-index: 1;
}

#cribbageBoard.board-surface-art > * {
  position: relative;
  z-index: 1;
}