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>
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>
Colour stops carrying the hierarchy on this screen — the acid belongs to the
screen title, so the rooms are cream and the canonical one is marked by its
poster's ribbon rather than by its heading's tint.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Three tries: Bangers, then the HUD face, then the platform's UI face, and back
to Bangers. It works now because the header lost its rule and its left band and
gained air — the size carries the hierarchy (20 against the screen title's 26)
instead of the typeface having to. The strap goes back to Silkscreen under it:
a shouted line over a system-sans line was two foreign voices in one header.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
On nearest-neighbour art the backdrop blur read as a smear rather than depth,
so the caption sits on a plain gradient rising from the bottom edge instead —
solid where the words are, gone before it reaches the art.
And the section headings stop borrowing: the game bundles two faces and both
were already spoken for on this screen (Bangers is the screen title, Silkscreen
is the posters' own captions), so a shelf label in either sounded like
something else. They take the platform's interface face now — heavy, tracked,
upper case: chrome, which is what a shelf label is.
Scoped to the section HEADER while doing it. The posters live inside .mgroup
now, so the old bare descendant selector had been restyling every caption on
the wall — invisible only because it still named Silkscreen.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The scrim used to be a hard linear-gradient riding in the button's own
background stack. It is a masked backdrop-blur now: nothing at all at its top
edge, a surface by the time it reaches the words. The art stays art where the
art is, the caption gets something to sit on, and no box edge appears anywhere.
Measured on this machine it costs 0.2ms a frame — the backdrop is static while
the menu is.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The entrance is no longer a one-off on the boot: dealStage re-arms the class at
the funnel every stage change already passes, so the title screen flies its
plaque and buttons in whenever you arrive at it. The sub-menus join in — their
header, content and footer arrive one after the other instead of the panel
dropping in as one slab — and the poster wall deals its three rooms rather than
its list, since a moving child inside a moving parent starts at twice the
offset and reads as a stutter.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The splash's elements fly in from the left on the boot, 70ms apart, on the same
easeOutBack overshoot the canvas modals have always used. It hangs off
:not(.busy), so taking the loading state off IS the trigger and it never plays
again — returning from a run should not make you wait for a flourish you have
seen. Reduced motion turns it off.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Two things the phone found. The splash's loading state was applied by main.js —
but this is a module script, so the browser paints the markup, placeholders and
all, before it runs: LEVEL 1 stood there and then snapped to the real values.
The busy class ships in index.html now and main.js only takes it off; the
keyboard hints hide with it.
And #intro is the one scroller the menus share, so a scroll earned deep in the
stats screen outlived it: going back put the splash up scrolled, with its
buttons off screen. go() resets it, at the funnel every stage change passes.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
"The draw" was tennis for the field of entrants, and nothing has been drawn
since the cup rounds went deterministic — Oliver had to ask what the button
meant, which settled it. Beside it, an unqualified PLAY AGAIN was an
instruction without a subject: both buttons read as "start something" and only
someone who remembered how the evening began could tell them apart. It carries
the mode now — GORE AGAIN, CLIMB AGAIN, CLASSIC AGAIN, TRAIN AGAIN.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
A 100px label in a 120px half-button left ten pixels of air, which reads as a
squeezed chip. A tall screen has the room, so the two doors stack full width —
filled primary over ghost secondary, the same shape the modal footer and the
splash already use. A short landscape cannot stack, so there the box itself
grows to 344 and the halves come out comfortable instead.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Oliver's second pass over the new box language. The modal is narrower and the
button spans it; every row got real spacing and the footer its own margin, so
the end screens stop reading as cramped. The xp bar is taller and its ramp now
rides the FILL — spanning the gradient across the whole track meant an early
level only ever showed one flat green inch of it. An illustrated announcement
puts its two lines beside the picture, under the headline, instead of in a
boxed row below its own icon.
The poster wall's section headings leave the announcement face to the posters
(it read as a second card headline), drop the left band and the rule, and let
air do the grouping. On the splash, OTHER GAMES gets its gap to the stats row,
and the boot shows nothing but the court, the title and the loading bar — the
plaque skeleton was still a plaque telling a level-25 player he was level 1.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Oliver: the group headings were "sehr klein". Each group is a section now with
its posters inside it — the announcement face one size under the screen title,
a rule closing the header, and an inset band down the left. The canonical room
wears the primary's colour, because it is the one that moves your career.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The tournament is the canonical path, so the game finally says so. The splash's
primary button names the next cup fixture and enters the draw; the poster wall
moved one tap down and deals three named rooms (the season, the training, out of
competition) with the cup at the top. Two profile fields remember every attempt
— rounds ever reached per league, and the body that put you out — so a lost cup
is a line on the board instead of a null event, and the training court offers
that body first, marked. The promotion names what waits in the new league.
Overlays consolidated in the same pass: three modal drawers became one box with
a masthead, hairline-separated rows and a real footer button (any tap still
dismisses), and the run-end summary wears the same box — headline, xp, mark, and
the fixture with ENTER THE DRAW beside PLAY AGAIN. The cup's own exit is a
ceremony now: OUT IN THE QUARTER-FINAL, your best standing beside it.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Oliver's read: the modes feel decoupled, the menus and end screens enforce no
story-line. Settled in discussion: the tournament is the canonical path and
everything else is Beiwerk, a cup attempt is one evening (no resume, no
seeding), classic stays a side room. The spine — the splash names the next
fixture, the club remembers your attempts, the side modes are described in cup
terms, every ending hands over, and the season opens inside the promotion.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
wuwiandClaude Fable 5