Add shelves page to game library; refresh bggpipe export

Port the export's physical shelf layout (.wall/.orow/.ocell) into the
scoped embed.css so /mygames/?g=shelves renders the wall in true
proportions, using the cream board color and accent-purple links for
legibility on the dark theme. Includes a fresh bggpipe re-export (new
Etherfields and Red Dragon Inn titles, updated art). embed.js/embed.css
are untouched by the export.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

static/games/shelves/index.html

@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>The shelves · The Game Shelves</title>
+<meta name="description" content="The Game Shelves: a board game library">
+<meta property="og:title" content="The shelves · The Game Shelves">
+
+<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🎲</text></svg>">
+<link rel="stylesheet" href="../style.css">
+<header class="site"><a href=".././">The Game Shelves</a>
+  <span class="sub">a board game library</span></header>
+<main>
+<p><a href="../">← the whole library</a></p><h1>The shelves</h1><p class="meta">Where everything lives — drawn as the wall stands.</p><h2>Library Kallax</h2><p class="meta">Centerpiece of the game wall in the library</p><div class="wall"><div class="orow"><div class="ocell" style="flex-grow:212"><b>Top</b> <p class="ogames"><span class=meta>empty</span></p></div></div><div class="orow"><div class="ocell" style="flex-grow:106"><b>A1</b> <span class="ozone">oversize</span><p class="ogames"><a href="../age-of-renaissance/">Age of Renaissance</a> · <a href="../gloomhaven/">Gloomhaven</a> · <a href="../history-of-the-world/">History of the World</a> · <a href="../simon-s-cat-card-game/">Simon&#x27;s Cat Card Game</a> · <a href="../skip-bo/">Skip-Bo</a> · <a href="../snappy-dressers/">Snappy Dressers</a> · <a href="../tem-purr-a/">Tem-Purr-A</a></p></div><div class="ocell" style="flex-grow:106"><b>A2</b> <span class="ozone">oversize</span><p class="ogames"><a href="../bugs-in-the-kitchen/">Bugs in the Kitchen</a> · <a href="../everdell-the-complete-collection/">Everdell: The Complete Collection</a> · <a href="../risk-the-lord-of-the-rings/">Risk: The Lord of the Rings</a> · <a href="../the-cat-game/">The Cat Game</a> · <a href="../the-rocky-horror-trivia-game/">The Rocky Horror Trivia Game</a> · <a href="../utter-nonsense/">Utter Nonsense</a></p></div></div><div class="orow"><div class="ocell" style="flex-grow:53"><b>B1</b> <span class="ozone">party</span><p class="meta">big boxes a-m</p><p class="ogames"><a href="../dixit/">Dixit</a> · <a href="../flick-em-up/">Flick &#x27;em Up!</a> · <a href="../googly-eyes/">Googly Eyes</a> · <a href="../meteor/">Meteor</a> · <a href="../mysterium/">Mysterium</a> · <a href="../sheriff-of-nottingham/">Sheriff of Nottingham</a> · <a href="../sheriff-of-nottingham-merry-men/">Sheriff of Nottingham: Merry Men</a></p></div><div class="ocell" style="flex-grow:53"><b>B2</b> <span class="ozone">party</span><p class="meta">big boxes n-z</p><p class="ogames"><a href="../speechless/">Speechless</a> · <a href="../superfight/">Superfight</a> · <a href="../the-red-dragon-inn-5-the-character-trove/">The Red Dragon Inn 5: The Character Trove</a> (+15 inside) · <a href="../the-red-dragon-inn-smorgasbox/">The Red Dragon Inn Smorgasbox</a> · <a href="../throw-throw-avocado/">Throw Throw Avocado</a></p></div><div class="ocell" style="flex-grow:53"><b>B3</b> <span class="ozone">party</span><p class="meta">card rows standing</p><p class="ogames"><a href="../before-i-kill-you-mister-spy/">Before I Kill You, Mister Spy...</a> · <a href="../bluffaneer/">Bluffaneer</a> · <a href="../captain-marvel-secret-skrulls/">Captain Marvel: Secret Skrulls</a> · <a href="../cards-against-humanity/">Cards Against Humanity</a> · <a href="../code-master/">Code Master</a> · <a href="../farkle/">Farkle</a> · <a href="../fluxx/">Fluxx</a> · <a href="../give-me-the-brain/">Give Me the Brain!</a> · <a href="../go-fish-yourself/">Go Fish Yourself</a> · <a href="../greed-quest/">Greed Quest</a> · <a href="../jenga/">Jenga</a> · <a href="../joking-hazard/">Joking Hazard</a> · <a href="../kill-doctor-lucky/">Kill Doctor Lucky</a> · <a href="../poetry-for-neanderthals/">Poetry for Neanderthals</a> · <a href="../rook/">Rook</a> · <a href="../scrawl/">Scrawl</a></p></div><div class="ocell" style="flex-grow:53"><b>B4</b> <span class="ozone">two-player</span><p class="ogames"><a href="../and-then-we-held-hands/">...and then, we held hands.</a> · <a href="../consentacle/">Consentacle</a> · <a href="../kensington/">Kensington</a> · <a href="../mage-wars-academy/">Mage Wars Academy</a> · <a href="../onitama/">Onitama</a> · <a href="../patchwork/">Patchwork</a></p></div></div><div class="orow"><div class="ocell" style="flex-grow:53"><b>C1</b> <span class="ozone">general</span><p class="ogames"><a href="../5-minute-dungeon/">5-Minute Dungeon</a> · <a href="../a-gentle-rain/">A Gentle Rain</a> · <a href="../artistry/">Artistry</a> (+1 inside) · <a href="../blink/">Blink</a> · <a href="../botany/">Botany</a> (+2 inside) · <a href="../calico/">Calico</a> · <a href="../carcassonne/">Carcassonne</a> · <a href="../castle-panic/">Castle Panic</a> · <a href="../castle-panic-the-dark-titan/">Castle Panic: The Dark Titan</a> · <a href="../castle-panic-the-wizard-s-tower/">Castle Panic: The Wizard&#x27;s Tower</a> · <a href="../cat-crimes/">CAT CRIMES</a></p></div><div class="ocell" style="flex-grow:53"><b>C2</b> <span class="ozone">general</span><p class="ogames"><a href="../cat-stax/">CAT STAX</a> · <a href="../catan/">Catan</a> · <a href="../catan-dice-game/">Catan Dice Game</a> · <a href="../catan-junior/">Catan: Junior</a> · <a href="../cosmic-encounter/">Cosmic Encounter</a> · <a href="../dastardly-dirigibles/">Dastardly Dirigibles</a> · <a href="../deadly-doodles/">Deadly Doodles</a> · <a href="../doctor-who-the-card-game/">Doctor Who: The Card Game</a> · <a href="../doctor-wLine truncated
+<footer>
+  <p><a class="pbb" href="https://boardgamegeek.com" rel="noopener"><img src="../art/powered-by-bgg.png" alt="Powered by BGG" height="40"></a></p>
+  <p>The Game Shelves · cataloged from shelf photos by
+    <a href="https://git.kestrelsnest.social/eric/bggpipe"
+    rel="noopener">bggpipe</a></p>
+  <p>Game data and cover images from <a href="https://boardgamegeek.com"
+    rel="noopener">BoardGameGeek</a>. BoardGameGeek and BGG are trademarks of
+    BoardGameGeek, LLC; this page is an independent project, not affiliated
+    with or endorsed by BoardGameGeek.</p>
+</footer>
+</main>
+</html>