The table, the hall, the rules and the guide: three boards drawn in Gygax's colours, a drake to play, the article in full, and the pages that walk a player in

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CCLa2PaEeCj8njQZSWGqHx

docs/og-card.html

@@ -0,0 +1,26 @@
+<!doctype html>
+<!-- The share card, 1200 by 630. Open it with the site running at localhost:5173 and screenshot the body: docs/artwork.md. -->
+<html>
+<head>
+<meta charset="utf-8" />
+<style>
+	body { margin: 0; width: 1200px; height: 630px; background: #121a20; color: #e9e2d2; font-family: 'Iowan Old Style', Georgia, serif; overflow: hidden; position: relative; }
+	.boards { position: absolute; left: 56px; top: 44px; width: 480px; height: 542px; overflow: hidden; border-radius: 8px; border: 1px solid rgba(233, 226, 210, 0.2); }
+	.boards img { width: 480px; display: block; }
+	.words { position: absolute; left: 600px; top: 120px; width: 540px; }
+	h1 { font-size: 110px; font-weight: 300; margin: 0; line-height: 1; letter-spacing: -0.01em; }
+	.pitch { font-size: 30px; font-style: italic; margin: 22px 0 0; line-height: 1.3; }
+	.tag { font-size: 23px; color: #98a4ab; margin: 26px 0 0; line-height: 1.4; }
+	.site { font-size: 22px; color: #f0a53a; margin: 34px 0 0; letter-spacing: 0.04em; }
+</style>
+</head>
+<body>
+	<div class="boards"><img src="http://localhost:5173/guide/boards.png" alt="" /></div>
+	<div class="words">
+		<h1>Wyrm</h1>
+		<p class="pitch">Chess on three boards, with a Dragon in the air above your King and a Basilisk in the earth below.</p>
+		<p class="tag">Gary Gygax’s Dragonchess of 1985, free in the browser. Play a drake, or send a friend the link.</p>
+		<p class="site">wyrm.kestrelsnest.social</p>
+	</div>
+</body>
+</html>