Make the generated album mobile friendly

Pure CSS/HTML, no JavaScript:

- Add a <meta name="viewport"> tag to the two display heads (header.tmpl
  and splash.tmpl) so phones stop rendering at a zoomed-out desktop
  width.
- Make the overview grid responsive: minmax(min(THUMBHEIGHT, 100%), 1fr)
  so a column never overflows a narrow screen, plus a max-width:700px
  media query that shows exactly two square columns on phones (2x2
  feature tiles become full-width heroes). aspect-ratio keeps cells
  square at every width.
- Add overflow-x:hidden to body so the slam/glitch entry animations
  (translateX +/-80vw) cannot make a phone scroll sideways.
- Make the menus touch friendly on phones: the navigator/footer/splash
  links become large rounded buttons (~44px tap targets) and the "|"
  separators (now wrapped in <span class="nav-sep">) are hidden on
  mobile while still showing on desktop.
- Fix a pre-existing W3C error: the stats filter view-page image was
  missing an alt attribute (and carried an obsolete border attribute).

Verified with headless screenshots at phone width and the W3C Nu HTML
checker + CSS validator (zero errors).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

0 files changed, 0 insertions, 0 deletions