Mythic Masters: fight HUD loop, twenty looks then the cryptid models #3246

The fight HUD loop: twenty looks for the bars over a fight, the owner picks, the picks get iterated, then the same loop turns to the cryptid models.

How it works

The fight HUD is now a skin (scaffold PR linked below): one file per look in apps/mythic-masters/src/hud/skins/NN-<id>.ts, each turning a plain HudView (both sides' HP, stamina, energy, launch %, combo, tier, field, card art, the last two seconds of hits, the bind odds) into HTML with CSS scoped to .hud[data-skin="<id>"]. Open a fight with ?hud=<id> and a chooser in the bottom left steps through every skin.

cd apps/mythic-masters && bun run dev
# then /?a=jackalope&b=hodag&skin=stadium&watch=1&hud=classic   and press the arrows bottom left

Round 1: twenty options (four workers, five each, one PR each)

01-05 Tome and folklore

• 01 ink-tome: parchment strips, HP as ink that bleeds away
• 02 wax-seal: HP as wax seals that crack, the clock an hourglass
• 03 bestiary-card: each beast's card art as a portrait, bars as the card's border
• 04 runestone: carved stone tablets, runes that light with energy
• 05 witch-candles: HP as candles burning down, energy as the flame

06-10 Found footage

• 06 camcorder: REC viewfinder, battery-cell HP, timecode clock
• 07 trail-cam: night-vision green, IR timestamp, motion boxes on hits
• 08 case-file: dossier strips, damage stamped and redacted
• 09 news-ticker: local TV breaking-news lower third, a ticker of hits
• 10 field-recorder: VU meters as bars, a waveform that spikes on hits

11-15 Arcade and broadcast

• 11 arcade-slant: big slanted bars with a ghost trail of lost HP, portrait, combo counter
• 12 jumbotron: LED dot-matrix stadium scoreboard
• 13 edge-lines: minimal, thin lines along the screen edges, nothing in the middle
• 14 nature-doc: calm serif captions, mass, height and field like a wildlife documentary
• 15 tarot: two cards in the corners, HP drains the illustration

16-20 Bold and experimental

• 16 dials: round gauges in the bottom corners, launch % big and central like a platform fighter
• 17 tug-of-war: one shared bar, the fight's momentum
• 18 elemental: each beast's field sets the colours and glyphs, bars made of that element
• 19 sketchbook: wobbly pencil-drawn bars and scribbled numbers
• 20 cave-paint: ochre handprints as HP pips, charcoal and stone

Each PR adds only its five skin files plus shots at 1280x720 and 390x844 in apps/mythic-masters/docs/shots-2026-11-01-hud/.

Round 2: the owner picks

When the four PRs land, the owner steps through them with ?hud= and names favourites (or bits of several). Workers then iterate those, a few rounds.

Round 3: the cryptid models

Same loop on the beast sheets (apps/mythic-masters/beasts/*.json, see docs/MODEL-TOOLING.md): options, owner picks, iterate.