# Board artwork

`src/lib/components/BoardArtwork.svelte` owns both palettes, surface filters,
wear, grid, inlays and counters. `Board.svelte` supplies interactive state;
`Hall.svelte` supplies an opening position from the game engine. Update the
shared component to change either illustration and the game together.

After editing the artwork, run:

```sh
npm run art
```

This renders the same Svelte component into `static/board-copenhagen.svg` and
`static/board-tablut.svg`, then regenerates `docs/og-card.svg` and the 1200 × 630
`static/og.png`. Preview the share composition in `docs/og-card.html`.
The share composition and copy live in `docs/render-art.mjs`. Commit generated
assets with source changes. The export uses Sharp as a development dependency;
it does not add any image-processing code to the shipped app.