# rules <!-- zero:scaffolded-readme --> <!-- Replace the line below with what this module provides and who consumes it, then delete both comment lines. --> TODO: describe this module.

# screens.art The drawings the screens are made of. All of it is inline SVG rasterised at the element's own resolution, so a heron in the title plate is as crisp at 520 px as the same heron at 44 px in a HUD pip. - `A.hernsew{ wing }` — the bird the game is named for: the folded S-neck, the dagger bill, the long legs, the crest plume. `wing = true` is the stand-aside. - `A.yowe{ lost }` — a ewe, dirty fleece and black face. `lost` draws her as an empty outline, so a loss reads as a gap in the flock rather than as a smaller number. - `A.post{ lit }` · `A.lantern()` · `A.reeds(width)` · `A.tideRule(deckFrac)` — the fen's furniture. - `A.causeway()` — the fen itself at dusk, for a title or an end card: sky, fog banding, black water, the deck receding to the Fold. - `A.mark(kind)` — a margin illustration for the field notes (`walk`, `post`, `call`, `gate`, `tide`). These are pictures, never glyphs: a rule about hearing a bird gets a drawing of the call, not a mark from a language the reader has not been taught yet. - `A.glyph(spec)` / `A.glyphRow(specs, size)` — the Hernsew script. A glyph record from `tongue.book` carries its own `svg` and that drawing is used verbatim; a record that carries only an id gets a mark **derived by rule** from that id — a spine with arms hung off a fixed lattice — so the same id always draws the same mark and a written language exists on screen either way.

# screens.theme The visual language every screen in *The Hernsew Lingster* shares: the palette as CSS strings, the type scale, and the style helpers that make a panel look like a made object rather than a grey rectangle. The colours are **derived from `game.rules`' `PALETTE`**, so retuning the fen's palette moves the UI with it and the screens never drift from the world. - `T.text` / `T.para` / `T.eyebrow` — the three levels of type. `para` wraps; put the width on the container, never on the label. - `T.panel` / `T.vellumSurface` — a dark plate with a lit top edge, and aged paper. Paper is for a whole screen (the field-notes sheet); a bright sheet laid into a dusk HUD reads as a hole punched in the frame. - `T.button` — a full-width stacked plate with hover and press states. It takes an explicit `width` and never `"100%"`: a percentage width on a button resolves against the screen rather than its container, so a plate inside a 660-wide column comes out 1080 wide and runs off the frame. - `T.rise` / `T.enter` / `T.loop` / `T.lanternPulse` — entrances and idles. Stagger `delay` across siblings to cascade them in. Fonts: EB Garamond for display, PT Serif for prose, Berkeley Mono for the Lingster's field transcription of a tongue nobody else writes down.