Mythic Masters: hill-climb the Eldritch Compendium look toward the owner's reference images #3011

Follow-up to the tome design spike in #3004. The owner will attach reference images to this issue. Until they're here, this waits.

The loop, once the references are here

1. Put each reference beside a screenshot of the matching screen: the title scroll, the Bog Witch's sheet, the compendium spread (Line-up, Bestiary, Regions), a result note, and the Versus bestiary deck.
2. Write down the gaps, one screen at a time: paper colour and texture, edge wear, ink colour, fonts and sizes, ornaments, how the smoke over unmet cryptids looks, and the page turn.
3. Change one thing, take a new screenshot from the same state, and compare again. Keep a change only if it brings the screen closer to the reference.
4. Commit each round's screenshots to apps/mythic-masters/docs/shots-<date>/, and paste a before/after pair in a comment here.
5. Check in with the owner every few rounds instead of running unattended to the end.

Where things are

• The look lives in apps/mythic-masters/src/tome.css. The torn paper edge is the #torn SVG filter in index.html.
• Bestiary entries and the two-page split are in src/compendium.ts. The page turn is turnPage in src/main.ts.
• Fonts are in public/fonts (SIL OFL). A new font must be open-licence and served locally, because the desktop build runs offline.
• To get a screen into a given state: mythicMasters.journey.begin([...]), push ids onto state().seen or state().journal, then journey.journal(true) and journey.tab("bestiary").

Keep

• Body text is easy to read. Hand-written text never goes below 18 px.
• An unmet cryptid never shows its name or picture (test/compendium.test.ts).
• The page turn is skipped under reduced motion. Check the layout at phone width too.

Known gaps from the spike

• The Versus deck's colour photos clash with the parchment.
• On a phone, the settings button sits close to the compendium's close button.