Grandmaster's Study: chess board

Create "Grandmaster's Study", an elegant, playable two-player chess board (local hot-seat). A luxurious board of maple (#e8d0aa) and walnut (#8a5a3b) squares with subtle wood-grain gradients, a lacquered frame with brass corner fittings, and file/rank coordinates engraved in serif. Pieces drawn in SVG as original Staunton-inspired silhouettes — ivory (#f7f0e1, warm shading) and ebony (#1e1b18, soft highlights). Full legal chess rules: legal move generation with check detection, castling, en passant, promotion (with a chooser), and checkmate/stalemate detection. UX: click or drag pieces; legal moves shown as subtle dots/rings; last move highlighted; check shown as a red glow on the king; a move list in algebraic notation in a side panel styled like a score sheet; a captured-pieces tray; undo; flip board; new game. Smooth gliding piece animations and a soft synthesized "clack" on each move (toggle). Responsive: the board fits the width on phones with the panel below. Typography: a classic serif.

SHARED REQUIREMENTS (apply to every page in this 100-page collection):
1. One standalone HTML5 file. All CSS inline in <style>, all JavaScript inline in <script>. No external resources of any kind: no CDN, no libraries, no web fonts, no external images/SVG/audio files, no network requests. All visuals come from CSS, inline SVG, Canvas and procedural code.
2. Valid HTML5: <!DOCTYPE html>, <html lang="en">, <meta charset="utf-8">, a viewport meta tag, a meaningful <title> and meta description, well-nested semantic markup, unique ids, labels/aria attributes for controls, <button type="button"> for actions.
3. Typography from local system font stacks only, always ending in a generic family; display lettering may be drawn with SVG or Canvas.
4. Responsive from 360px phones to large desktops with no horizontal page scroll; canvases match their container and devicePixelRatio (capped at 2) and re-layout on resize.
5. Works offline by opening the file directly (file://); no console errors; storage access guarded with try/catch.
6. Smooth motion via requestAnimationFrame and transform/opacity; animation pauses when the tab is hidden where it matters; honours prefers-reduced-motion with a calmer fallback.
7. Pointer events so mouse and touch both work; visible :focus-visible styles; keyboard support where it makes sense.
8. Any sound is synthesized with the Web Audio API, starts only after a user gesture, and has a visible mute/toggle.
9. Premium finish: a deliberate palette and spacing, polished micro-interactions, a beautiful first frame before any interaction, and original copy (no lorem ipsum). Factual content must be accurate; fictional brands, people and data are clearly fictional.
10. Quality bar: visually impressive, bookmark-worthy, showcase-grade, premium, full of delightful details, and clearly distinct from the other 99 pages in concept, layout, palette, typography and motion.

Prompt by MiaAI Lab, quoted word for word from their GitHub repository. Model as stated by the creator; your result will differ.