How to play: a guide to the page, with screenshots

A walk through the hall, the table, the ledger, the hands, the warnings,
the reveal, the rail and the phone layout, in the game's voice, with a
figure for each. Linked from the hall, both board pages and the rules.

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

src/lib/components/Hall.svelte

@@ -111,7 +111,7 @@
 		<h1>Waving Hands</h1>
 		<p class="pitch">Two wizards. Two hands each. The right run of gestures is a spell.</p>
 		<p class="tag">Richard Bartle's 1977 pencil-and-paper duel, free in your browser. Each turn every wizard chooses a gesture per hand and all reveal together; a Fireball is F-S-S-D-D on one hand, a Shield is a single palm. Play the bot, or open a table for up to a dozen wizards and play by turns.</p>
-		<a class="about-link" href="#about" onclick={() => (aboutOpen = true)}>about this game — a labor of love</a>
+		<p class="links"><a href="/guide">how to play</a> · <a href="/rules">the rules</a> · <a class="about-link" href="#about" onclick={() => (aboutOpen = true)}>about this game — a labor of love</a></p>
 	</div>
 
 	<div class="lid-play">
@@ -238,12 +238,18 @@
 		font-size: 0.95rem;
 	}
 
-	.about-link {
-		display: inline-block;
+	.links {
+		font-size: 0.95rem;
+		color: var(--bone-faint);
+	}
+
+	.links a {
 		color: var(--frost);
+	}
+
+	.about-link {
 		font-style: italic;
 		text-decoration: underline dotted;
-		font-size: 0.95rem;
 	}
 
 	.lid-play {