The help becomes a reference desk: searchable, linkable, and it remembers its place

The rules tab is one body — the condensed rules, the rulebook, the
expansion, and the FAQ — with a contents list, a search that labels
each hit by source, and a link on every section. The rulebook's
emphasis renders, and the (6E: …) notes are set apart from the original
words. The card library gains filters for set, type, and target, ranks
an exact name first, counts its results, and says so when there are
none; a card opens as an entry: the card itself beside reading-size
text with the printed wording, deck counts, the official FAQ, this
table's rulings, and links to the cards it names. The house rulings are
organized by card, in the present tense, with the revision history kept
off the page. Every page and card has a link (/?help=rules/…, /?card=…)
that opens the desk to it, and the desk reopens on the tab, search, and
scroll position it was closed at.

About leads with the worn box and the friends, shows the workshops as a
small gallery with a direct link to the demo reel, and says plainly
what an online ledger keeps and what a passed-around device keeps to
itself. The tally leads with finished games, treasure and combat wins,
and hours played, and explains that wizards are counted by name and
table time by the clock between moves.

Escape closes only the foremost layer and returns focus to the card
that opened it; the tabs wrap on a phone instead of clipping.

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

packages/web/src/help-state.ts

@@ -0,0 +1,21 @@
+// What the help remembers between openings: the tab, each tab's search,
+// the library's filters, and where the reader was on each page. Module
+// state, so it lasts the session and costs nothing to restore.
+
+import type { CardQuery } from "./reference";
+
+export type HelpTab = "play" | "rules" | "cards" | "rulings" | "about" | "tally";
+
+export const helpState: {
+  tab: HelpTab;
+  rulesSearch: string;
+  rulingsSearch: string;
+  cards: CardQuery;
+  scroll: Partial<Record<HelpTab, number>>;
+} = {
+  tab: "play",
+  rulesSearch: "",
+  rulingsSearch: "",
+  cards: { text: "", set: "all", type: "all", sight: "all" },
+  scroll: {},
+};