The screen titles go upright, and Bungee ships subset

10 KB instead of 119 — the face carries only the characters this game sets, and
the command to redo it is in PROJECT.md. The header strip's titles take it at
23px: a strip at the top of a screen is signage, not an announcement, so it
stops leaning. Bangers keeps what it was always for — the primary button, the
ceremonies, and everything the canvas shouts. The poster wall's rooms go back
to acid beside it, with the scale carrying the hierarchy.

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

index.html

@@ -49,9 +49,11 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
   /* ...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. */
+     design, and it stays in-world where a system sans did not. SIL OFL, licence beside it.
+     SUBSET to the characters this game actually sets (ASCII plus the few marks the copy uses):
+     10 KB instead of 119 — pyftsubset, and the command is in PROJECT.md if it ever needs redoing. */
   @font-face { font-family: 'Bungee'; font-weight: 400; font-display: block;
-               src: url('assets/fonts/Bungee-Regular.ttf?v=86') format('truetype'); }
+               src: url('assets/fonts/Bungee-Subset.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. */
@@ -231,10 +233,14 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
   /* the overlay is HIDDEN during play, not removed: a restart puts it straight back, and the
      display:grid above would otherwise win over the hidden attribute */
   #intro[hidden] { display: none; }
-  /* Screen titles and the primary button are BANGERS — the same announcement face the canvas uses
-     for SET and CHAPTER. A screen title is a thing that shouts. Everything that is a NUMBER or a
-     label stays Silkscreen, so the two registers keep meaning what they have always meant. */
+  /* THREE REGISTERS NOW (2026-08-31). Bangers still ANNOUNCES — the primary button, PROMOTED.,
+     NEW PERSONAL BEST, and everything the canvas shouts (SET, CHAPTER, EPIC!). Silkscreen is
+     still the HUD: numbers, labels, anything you read at leisure. And the SCREEN TITLES moved to
+     Bungee: upright signage, which is what the strip at the top of a screen actually is — you are
+     not being shouted at, you are being told which room you are in. */
   #intro h2 { margin: 0; font: 400 26px Bangers, cursive; color: var(--acid); letter-spacing: 1.5px; }
+  /* #intro h2 above carries an id, so this needs one too or the announcement face wins */
+  #intro .hdr h2 { font: 400 23px/1.2 Bungee, Bangers, cursive; letter-spacing: 0.5px; }
   #intro h3 { display: flex; justify-content: space-between; margin: 20px 0 9px;
               font: 400 10px Silkscreen, monospace; color: var(--dim); letter-spacing: 2px;
               text-align: left; }
@@ -243,7 +249,7 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
          padding: 10px 12px; margin: 0 -14px; border-bottom: 2px solid var(--line);
          background: var(--solid);
          padding-top: max(10px, env(safe-area-inset-top)); }
-  .hdr h2 { padding-left: 2px; }
+  .hdr h2 { padding-left: 2px; }   /* (its face is set with the other titles above) */
   /* UPRIGHT, not Bangers: the announcement face is drawn slanted, and a slanted arrow read as
      italic on every screen. Silkscreen's ASCII < > are straight pixel arrows. */
   .chev { width: 34px; height: 34px; flex: none; background: none; border: 2px solid var(--line);
@@ -518,7 +524,7 @@ 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: 0.5px; color: var(--cream);
+  #modeList .mgroup > header b { display: block; letter-spacing: 0.5px; color: var(--acid);
                    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 */