Scoreboard Split Flap Display Features Block for React

Edit RELEASES (a feature, a region and the stage it is in when the board loads) and STAGES (the label and the time words of each stage, in the order a release goes through them). The board is read from a single tick count: flipsOf says how many times a row has flipped, and stageOf turns that into a stage, so no row's stage is stored. To drive it from real data, replace the tick with your own stages and keep the rows.

Every 3.2 seconds one row (top to bottom, then round again) flips to its next stage, and its flap and its time roll over one character after another. With reduced motion the board starts still and the light says "Paused"; it only moves if the visitor presses the toggle, which then reads as pressed in reverse. Rolling Text itself stands still under reduced motion.

With the "Pause board" toggle on the panel: it is a real toggle button, pressed while the board is paused, and the light beside it changes from "Live" to "Paused". Nothing else moves on its own, apart from the pulse of the light, which also stops.

The panel is bg-foreground with text-background, so it takes the opposite of whatever the page is: the strong contrast of a departures board comes from the theme's own tokens, not from a forced dark scope. In a dark theme it turns light, and every tone on it is the page's background at a lower strength, so it stays readable in any preset.

It is a real table with a caption, column headings and a row heading for each feature. Each flap's word is real text read by Rolling Text's unseen copy, so a screen reader hears "Beta" or "Shipped" and not a stream of letters. The board is not a live region, because a flip every few seconds would be noise; the Pause toggle is there for anyone who wants it still.

The board keeps three columns (feature, status, when) and drops the region. The two buttons wrap under it. Nothing scrolls sideways at 320 pixels.