The credibility pass on Hnefatafl, ported to the template: the ops scripts count traffic through one parser, the reports digest is one program, the plaintext-token fallback and its migration are gone, and the stylesheet holds each shared rule once

From the hnefatafl repo's pass of the same day, everything that touched a
kit-shared file. The visitors digest and the nightly rollup share
deploy/traffic.py, installed to /usr/local/lib/<slug>; the rollup writes
the finished-games count it computed behind "and False". pull-reports.sh
and the reports skill both use deploy/report-digest.ts. The seat line
requires its token hash and the start line its rules revision; the
migration for ledgers written before hashing goes with them. The route
table in server/src/index.ts lists every route; Report, ReportLine and
Tally are declared once in view.ts for both sides; exports nobody
imported are exports no more.

In the client: .small, the × that dismisses, and the frame of the
reading pages are in app.css once; the preferences panel shares the
report slip's modal shape; the room store gains seatEmpty and
seatUnheld, and the lobby and the join page read those instead of
three spellings of their own. The room's moved and awaiting fields
stay: the demo board reads them, and simultaneous rounds are the
contract.

The deploy README no longer describes a browser-only game; the visitors
skill no longer names a /play route; the reports skill's replay call
carries the room's options. The Slack channel id is passed in the
environment rather than filled in as a placeholder.

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

template/src/lib/components/Hall.svelte

@@ -6,17 +6,16 @@
 	import { otherGames, type FamilyGame } from '$lib/family';
 	import Preferences from './Preferences.svelte';
 	import { prefs, setPref } from '$lib/prefs.svelte';
-	import { allSeats, doubtSeat, forgetSeat, rememberSeat, ServerError, trustSeat, type Report, type Tally } from '$lib/net/client';
+	import { allSeats, doubtSeat, forgetSeat, rememberSeat, ServerError, trustSeat } from '$lib/net/client';
 	import { api, NAME_MAX, playerName, rememberName, Room } from '$lib/net/room.svelte';
 	import { unreadTalk } from '$lib/net/talk';
-	import type { RoomView } from '$lib/net/view';
+	import type { Report, RoomView, Tally } from '$lib/net/view';
 	import type { State } from '$lib/game';
 	import { game } from '$lib/game';
 
 	let name = $state(playerName());
 	let code = $state('');
-	/** The host's choices for the next table, from the game's declared options. */
-	// A new table starts from the preferences' table defaults; the hall's selectors set the same keys.
+	/** The host's choices for the next table: the preferences' table defaults, which the selectors below also set. */
 	const options = $derived<Record<string, string>>(
 		Object.fromEntries((game.options ?? []).map((o) => [o.key, o.choices.some((c) => c.value === prefs[`table.${o.key}`]) ? String(prefs[`table.${o.key}`]) : o.default]))
 	);
@@ -82,7 +81,7 @@
 		}
 	}
 
-	// The desk is asked once per visit for every seat this browser holds.
+	// The desk is asked for every seat this browser holds, again whenever that set changes.
 	$effect(() => {
 		const held = seats;
 		if (!held.length) return;
@@ -163,8 +162,8 @@
 		<h1>__NAME__</h1>
 		<p class="pitch">One line that says what the game is.</p>
 		<p class="tag">Two or three sentences for someone who has never heard of it: what you do on a turn, what makes it fun, and that it is free to play here against the bot or with friends.</p>
-		<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> · <button type="button" class="link-like" onclick={() => (prefsOpen = true)}>preferences</button></p>
-	<Preferences bind:open={prefsOpen} />
+		<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> · <button type="button" class="link" onclick={() => (prefsOpen = true)}>preferences</button></p>
+		<Preferences bind:open={prefsOpen} />
 	</div>
 
 	<div class="lid-play">
@@ -176,7 +175,7 @@
 			<div class="options">
 				{#each game.options as o (o.key)}
 					{@const chosen = o.choices.find((c) => c.value === options[o.key])}
-					<div class="option-block">
+					<div>
 						<label class="option">
 							<span>{o.label}</span>
 							<select value={options[o.key]} onchange={(e) => setPref(`table.${o.key}`, e.currentTarget.value)}>
@@ -198,7 +197,7 @@
 			</form>
 		</div>
 		<p class="muted small">A code opens the door either way: take a seat if one is free, or watch from the Peanut Gallery.</p>
-		<form class="joinform claimform" onsubmit={claim}>
+		<form class="joinform" onsubmit={claim}>
 			<span class="or">or bring a seat from another device</span>
 			<input type="text" bind:value={phrase} placeholder="the four-word phrase" autocomplete="off" aria-label="transfer phrase" />
 			<button type="submit" class="quiet" disabled={claiming || phrase.trim().split(/[\s-]+/).length < 4}>Claim</button>
@@ -220,7 +219,7 @@
 						<span class="ledger-code">{held.roomId}</span>
 						<span class="ledger-info">{status(held)}{#if unread(held) > 0} · <span class="talk-new">{unread(held)} new {unread(held) === 1 ? 'line' : 'lines'} of talk</span>{/if}</span>
 					</a>
-					<button type="button" class="ledger-forget" title="forget this game" onclick={() => forget(held.roomId)}>×</button>
+					<button type="button" class="dismiss" title="forget this game" onclick={() => forget(held.roomId)}>×</button>
 				</div>
 			{/each}
 			{#if reports.length}
@@ -382,10 +381,6 @@
 		text-align: center;
 	}
 
-	.small {
-		font-size: 0.85rem;
-	}
-
 	.ways {
 		display: flex;
 		flex-wrap: wrap;
@@ -489,18 +484,6 @@
 		color: var(--frost);
 	}
 
-	.ledger-forget {
-		background: none;
-		border: 0;
-		color: var(--bone-faint);
-		font-size: 1.1rem;
-		padding: 0 0.4rem;
-	}
-
-	.ledger-forget:hover {
-		color: var(--blood);
-	}
-
 	.reports-head {
 		margin-top: 0.9rem;
 	}
@@ -591,6 +574,7 @@
 		font-size: 0.85rem;
 		color: var(--bone-faint);
 	}
+
 	.family {
 		margin: 0.4rem 0 0.8rem 1.2rem;
 		padding: 0;
@@ -599,6 +583,7 @@
 	.family li + li {
 		margin-top: 0.3rem;
 	}
+
 	.options {
 		display: flex;
 		flex-wrap: wrap;
@@ -617,6 +602,7 @@
 		margin: 0.2rem 0 0;
 		max-width: 22em;
 	}
+
 	.tally {
 		display: grid;
 		grid-template-columns: max-content 1fr;
@@ -632,13 +618,4 @@
 	.tally dd {
 		margin: 0;
 	}
-	.link-like {
-		background: none;
-		border: 0;
-		padding: 0;
-		font: inherit;
-		color: inherit;
-		text-decoration: underline;
-		cursor: pointer;
-	}
 </style>