A third face for the shelf labels: Bungee, upright

Bangers has no upright cut — the slant is in the glyphs, which is also why the
chevrons are Silkscreen — so a heading that wanted to shout without leaning had
to come from somewhere. Bungee is an arcade/signage face, upper case by design,
and it stays in-world where the platform's UI sans did not. Bundled beside the
other two with its OFL licence; the Dockerfile already copies assets wholesale.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

index.html

@@ -46,6 +46,12 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
      tells you which kind it is before you have read a word of it. Bundled, like the other one. */
   @font-face { font-family: 'Bangers'; font-weight: 400; font-display: block;
                src: url('assets/fonts/Bangers-Regular.ttf?v=86') format('truetype'); }
+  /* ...and the UPRIGHT display face (2026-08-31). Bangers is drawn slanted — there is no upright
+     cut of it, which is also why the chevrons are Silkscreen — so the shelf labels that wanted to
+     shout without leaning needed a third voice. Bungee is an arcade/signage face, upper case by
+     design, and it stays in-world where a system sans did not. SIL OFL, licence beside it. */
+  @font-face { font-family: 'Bungee'; font-weight: 400; font-display: block;
+               src: url('assets/fonts/Bungee-Regular.ttf?v=86') format('truetype'); }
   /* html needs a real HEIGHT: the root element's background paints the viewport, but a GRADIENT is
      laid out in the root's own box — and with the canvas position:fixed the root has no content and
      collapses, so the gradient render.js sets had nowhere to go. */
@@ -512,8 +518,8 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
   /* SCOPED TO THE HEADER, not to the section: the posters live INSIDE .mgroup now, so a bare
      descendant selector here restyled every caption on the wall (it stayed invisible while this
      rule still named Silkscreen — the moment the family changed, the posters changed with it). */
-  #modeList .mgroup > header b { display: block; letter-spacing: 1.5px; color: var(--cream);
-                   text-shadow: none; font: 400 20px/1.15 Bangers, cursive; }
+  #modeList .mgroup > header b { display: block; letter-spacing: 0.5px; color: var(--cream);
+                   text-shadow: none; font: 400 15px/1.3 Bungee, Bangers, cursive; }
   /* ...and the strap goes back to the quiet register under it: a shouted line over a system-sans
      line was two foreign voices in one header */
   #modeList .mgroup > header i { display: block; margin: 4px 0 0; letter-spacing: 0.5px;