@the-inclusionist/engine 10.0.0 → 11.0.0

package/README.md

@@ -56,6 +56,37 @@ npm run preview    # serves the built dist/
 npm test           # Vitest tests (node + browser via Playwright); npm run test:node = the logic only
 ```
 
+## Building a game on the engine — the two targets (ADR-0253)
+
+A game is built twice from one source (ADR-0140): the **APP**, its standalone PWA with the engine bundled — the route for
+developing, testing, auditing and demonstrating that repository, never for delivering to children — and the **CARTRIDGE**,
+what the platform installs, with the engine and the shared render libraries (`pixi.js`, `zdog`) left external. **The engine
+builds the cartridge; the game declares it once**, by wrapping the Vite config it already has:
+
+```ts
+// vite.config.ts of a game
+import { defineGameBuild } from '@the-inclusionist/engine/build';
+import { VitePWA } from 'vite-plugin-pwa';
+
+export default defineGameBuild({
+  cartridge: 'src/index.ts',            // the entry, relative to the repository root
+  config: { root: 'app', plugins: [VitePWA({ /* the game's manifest */ })], build: { outDir: '../dist' } },
+});
+```
+
+- `vite build` → the **app**: the game's `config`, untouched.
+- `vite build --mode cartridge` → **`dist-lib/cartridge.js`** and **`dist-lib/cartridge.d.ts`** (types emitted with the game's
+  own `tsconfig.json`, for the entry's import graph only). The game's plugins, `define` and `resolve` still apply; the engine
+  lays over them what a cartridge must be: `@the-inclusionist/engine`, `pixi.js` and `zdog` external as prefixes, no `public/`
+  (a cartridge declares no delivery, ADR-0117) and no service worker (the PWA plugin is dropped).
+- The entry's **default export is the cartridge** of ADR-0139 §2: `{ slug, declaration, hooks, create(ctx) }`. Nothing runs on
+  import.
+- **`npx inclusionist-check-cartridge`** imports `dist-lib/cartridge.js` in Node and runs on it the refusals `createGame` and
+  `mount()` apply at boot (`cartridgeRefusals`), one line per problem.
+
+The shared CI a game calls (`.github/workflows/game-ci.yml`) runs both builds and the checker, **required**: a game without a
+cartridge target is red until it adopts this build. The migration is in `docs/6-DevOps-SRE/Breaking-Changes.md`.
+
 ## CI/CD
 
 - **CI** — **GitHub Actions** (`.github/workflows/ci.yml`), on every push to `main` and on every pull request.
@@ -64,7 +95,7 @@ npm test           # Vitest tests (node + browser via Playwright); npm run test:
   | job | what it blocks |
   |---|---|
   | `gate` | `npm audit --omit=dev`, typecheck, Vitest (node + browser), build, precache budget |
-  | `adr` | the records' validator — eight checks, among them the bidirectional supersession pointer. The records live in `the-inclusionist-docs`, so the job is dormant (a warning, not a pass) until the `DOCS_READ_TOKEN` secret exists |
+  | `adr` | the records' validator — eight checks, among them the bidirectional supersession pointer. The engine's records live here, in `docs/2-Architecture/adr/` (ADR-0242), and are checked on every push; what crosses into `the-inclusionist-docs` is opened only with the `DOCS_READ_TOKEN` secret, and until it exists those steps are a warning, not a pass |
   | `a11y` | axe against the **served** app, not against the source |
   | `dco` | `Signed-off-by` on every PR (ADR-0078); the maintainer's pushes are left out |
   | `secrets` | **gitleaks** over the WHOLE history (`fetch-depth: 0`), with `--redact` |

package/app/css/style.css

@@ -107,11 +107,16 @@ body.at-title #game-hud,body.at-title .start-tips,body.at-title .hud{display:non
 .title-wrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:none}
 .title-legend{position:absolute;left:0;right:0;bottom:8px}                 /* FOOTER, like the pause legend */
 .title-menu{display:flex;flex-direction:column;gap:.35em;align-items:stretch;padding:2px;width:13em;margin:0 auto} /* a fixed, LEAN width */
+/* NO MENU LEAVES THE CANVAS (ADR-0130 rule 5): every opening menu scrolls when its items outgrow the frame — a RULE of the
+   class, so a menu a game adds inherits it. The main menu had no scroll: with twenty items it ran 208 px above and 288 px
+   below a 360 px stage, and its first and last items could not be reached. */
+.title-menu{max-height:72%;overflow-y:auto;overflow-x:hidden}
 .title-menu[hidden]{display:none}
-/* The main menu at TWICE the base width (13em → 26em): at 13em the labels wrapped onto TWO lines, and a two-line
-   button changes height with the language — the same screen with one geometry in pt-BR and another in Spanish.
-   Whoever finds their way by alignment loses the reference; whoever listens never knew it existed. */
-#tm-main{width:26em}
+/* THE WIDTH FOLLOWS THE WIDEST ITEM (ADR-0130 rule 6, issue #134). A fixed width is a translation defect that only
+   shows after translation: a label that fits in Portuguese wraps onto two lines, or is cut, in a longer language — and a
+   two-line button changes height with the language. `fit-content` is the widest label's own width, capped by the room
+   there is, so a label wraps only when the frame itself is narrower than it and the menu never leaves the canvas. */
+#tm-main{width:fit-content}
 /* ===================== THE OPENING SUBMENUS: A VERTICAL LIST THAT SCROLLS (ADR-0044) =====================
    They were two-column GRIDS, and the arrow moves in DOM order: “down” jumped to the right-hand column, across the
    screen. The ring of item 1 was already right in the code (`nextTitleIndex` wraps around) — it was the LAYOUT that
@@ -123,7 +128,7 @@ body.at-title #game-hud,body.at-title .start-tips,body.at-title .hud{display:non
 
    The panel is OPAQUE for the same reason as the pause veil: the attract mode runs behind the opening, and text over a
    changing frame has whatever contrast the frame allows — an average of luck, not a guarantee. */
-#tm-alf,#tm-mat,#tm-tab,#tm-fr,#tm-cen{width:26em;max-height:72%;overflow-y:auto;overflow-x:hidden;background:var(--bg-solid);border-radius:10px;padding:.5em .7em}
+#tm-alf,#tm-mat,#tm-tab,#tm-fr,#tm-cen{width:fit-content;max-height:72%;overflow-y:auto;overflow-x:hidden;background:var(--bg-solid);border-radius:10px;padding:.5em .7em}
 /* The submenu's title STICKS to the top: in a scrolling list, a heading that scrolls away takes with it the only
    “where am I” cue that someone reading with residual vision has. */
 #tm-alf .tm-title,#tm-mat .tm-title,#tm-tab .tm-title,#tm-fr .tm-title,#tm-cen .tm-title{position:sticky;top:-.5em;z-index:1;background:var(--bg-solid);padding:.35em 0 .25em;margin:0}
@@ -180,6 +185,9 @@ body.at-title #game-hud,body.at-title .start-tips,body.at-title .hud{display:non
 #title-icons .pause-icons-cap{position:absolute;top:100%;line-height:1.25;left:50%;transform:translateX(-50%);margin:0;text-align:center;font-size:1em;color:#f6f5f0;pointer-events:none;white-space:nowrap;min-height:0;padding:calc(var(--ui-fs,16px) * .2) calc(var(--ui-fs,16px) * .6)}
 /* the padding stays when empty: the room `createGame` reserves under the bar reads it (issue #160) */
 #title-icons .pause-icons-cap:not(:empty){background:rgba(8,8,16,.92);border-radius:8px}
+/* While a name shows, the bar rises over the HUD so the name covers the mission under it, not the other way round (ADR-0239
+   erratum: the name is momentary, and it is what the child is pointing at). Only then: at rest the bar keeps its layer. */
+#title-icons:has(.pause-icons-cap:not(:empty)),.screen-a11y:has(.pause-icons-cap:not(:empty)){z-index:13}
 /* Player-count selector = ONE button ("◀ No. of players: X ▶"); the side clicked decides +1/−1 */
 #np-btn{letter-spacing:var(--ls)}
 #np-btn #np-n{display:inline-block;min-width:1.1em;text-align:center}
@@ -263,6 +271,18 @@ body:not(.dbg) .topbar{display:none} /* the PAGE title only under ?debug=true (t
    six items fitted and its card shrank to them, 46 px shorter than the submenu at 640×360 (measured); it now holds the whole
    height too, its items from the top, as a panel's rows are. */
 .screen-pause .pause-card{height:100%;box-sizing:border-box}
+/* THE EDGE MARGIN (interface log 2026-09-26): the card's CONTENT starts at the margin — its 2 px border just above it, no
+   padding under the border — so neither its title nor an item scrolled up under its top edge comes nearer the region's edge
+   than the margin (a padding inside the card would not do: a scrolled list shows through its own padding). 📏 The card had
+   3 px to spare at 640×360 (pause-target-44px); the border and the old .25rem padding give back what the margin takes. */
+.screen-pause{padding-top:calc(var(--margem-borda,8px) - 2px)}
+.screen-pause .pause-card{padding-top:0}
+/* THE CARD RUNS UNDER THE BUTTON LEGEND AT THE FOOT OF THE SCREEN, as a panel runs under its explanation (issue #134): the
+   room at its end and the scroll padding let its LAST item, and the one under the cursor, come to rest above the band —
+   and above the HUD row under it (`--rodape-h`), which is drawn over the card too. Measured at 640×360 before: «Sair do jogo»
+   at 288–332 px under a legend at 313–342, a third of it covered. */
+.screen-pause .pause-card{scroll-padding-bottom:calc(var(--rodape-h,0px) + var(--footer-band-h,50px))}
+.screen-pause .pause-card::after{content:"";display:block;height:calc(var(--rodape-h,0px) + var(--footer-band-h,50px))}
 .screen-pause .pause-card h2{font-size:1em;line-height:1.25;margin:0 0 .1rem}
 .screen-pause .pause-menu{gap:.3rem}
 /* The per-player frame tightens the PADDING, never the minimum height: the tight frame is the one of a game with four
@@ -549,7 +569,10 @@ main{flex:1;display:flex;flex-direction:column;width:100%;margin:0 auto;padding:
 /* THE QUIZ STARTS BELOW THE QUICK BAR (ADR-0148). The engine declares `--barra-a11y-h` on `#game-region`; the bar sits
    10 px from the top (`#title-icons`), and the statement was drawn behind it — measured on a screenshot of the Dev's. */
 /* Since issue #160 the variable is the WHOLE room (the bar's offset, the bar, the icon name line and a light gap): read as is. */
-.quiz-app{padding-top:var(--barra-a11y-h,0px);padding-bottom:var(--rodape-h,0px)} /* the footer band is its own zone (ADR-0164) */
+.quiz-app{padding-top:var(--barra-a11y-h,0px);padding-bottom:var(--rodape-h,0px)} /* the HUD row is always there; the footer bands overlay (ADR-0239 erratum) */
+/* THE EDGE MARGIN (interface log 2026-09-26; `--margem-borda`, written by `ui/layout` from k): the Dev, «os textos estão tocando
+   na borda do jogo». The sides get it here; the top is the quick bar's room and the bottom the HUD row's, which keeps its own. */
+.quiz-app{padding-left:var(--margem-borda,8px);padding-right:var(--margem-borda,8px)}
 /* ADR-0163: at 640×360 the bar, the statement, four 44 px options and the footer band had 404 px to fit in 360 (measured).
    The spacing goes, not the targets or the 16 px floor: the statement keeps its size on a 1.25 line and no outer margins. */
 .quiz-pergunta{margin:0 0 calc(.25rem * var(--espaco-fixo,1));line-height:1.25}
@@ -587,27 +610,63 @@ main{flex:1;display:flex;flex-direction:column;width:100%;margin:0 auto;padding:
    lines of text. The Dev saw a three-line explanation in the middle of the screen, over a quiz option, with outlined
    letters and no background. White on black at .82 over pure white composes to ~13:1 (the panel footer's arithmetic).
    With the quick-pause legend also showing, each keeps ONE line, so the band never grows past two.
-   `--rodape-h` is the room it takes, declared so a game's workspace can end above it (the `--barra-a11y-h` model). */
-#game-region{--rodape-h:calc(var(--ui-fs,16px) * 2.6 + 8px)}
+   `--footer-band-h` is the room those two lines take: the engine's panels keep it free under their last row.
+   🔴 `--rodape-h` is what a GAME leaves free at the bottom, and since ADR-0239's erratum it is the HUD ROW's room only — its
+   height plus how far the pad lifts it. The caption, the legend and the explanation are MOMENTARY and overlay the workspace
+   while they show: «a legenda é momentânea» (the Dev). Counting them made a band that is off most of the time take the
+   game's floor for good (the demo quiz lost its last option at 640×360). */
+#game-region{--footer-band-h:calc(var(--ui-fs,16px) * 2.6 + 4px + var(--margem-borda,8px));--rodape-h:calc(var(--hud-row-bottom,0px) + var(--hud-row-h,0px))}
 /* ADR-0163 rule 3: the region's text grows with the scale the engine forces — 16 px at 640×360, 32 at 1280×720 — times the
    communication cycle's type scale, which the root size also carries. Without it everything in the region read the ROOT
    16 px: measured at 1280×720, quiz options at 16 px and the bar's emoji at 20 px under a `--ui-fs` of 32. */
 #game-region{font-size:calc(var(--ui-fs,16px) * var(--fonte-escala,1))}
 /* ADR-0164 as the Dev corrected it: the EXPLANATION stands on a full-width dark band at the lowest edge (rule 2, rule 4);
    the BUTTON LEGEND runs the full width with NO band, a dark background only behind each «name: function» (rule 3), and
-   sits above the explanation. The column itself paints nothing. Padding adds to 8 px, so two lines fit `--rodape-h`. */
-/* THE HUD the engine mounts from a cartridge's `hud` (ADR-0168, ADR-0175; issue #162): two columns level with the quick bar —
-   points and mission top left, power top right — each narrowed by the root so it never reaches the bar. State on dark chips, like the
-   icon's name; no pointer events, so a finger passes through to the game. */
+   sits above the explanation. The column itself paints nothing. Padding adds to 8 px, so two lines fit `--footer-band-h`. */
+/* THE PAD'S SHOULDER COLUMNS, as what else stands on the region must keep clear of them: while the pad shows them they own the
+   TOP CORNERS (ADR-0160; drawn only when the game names them, ADR-0162), and they are placed for REACH — a thumb finds a corner
+   without looking — so where they and anything else meet, the other thing moves. A shoulder is a `.touch-btn`, 56 px with the
+   target floor under it; a column holds one or two, 6 px apart. `--shoulders-*-reach` is how far down a column reaches, the edge
+   margin under it counted: 0 while that corner holds none. */
+#game-region,.game-region{--shoulder-size:max(56px,var(--alvo-min,44px));--shoulders-left-reach:0px;--shoulders-right-reach:0px}
+#game-region:has(#touch-controls:not([hidden]) > .touch-ombros--esq),.game-region:has(#touch-controls:not([hidden]) > .touch-ombros--esq){
+  --shoulders-left-reach:calc(var(--margem-borda,8px) * 2 + var(--shoulder-size))}
+#game-region:has(#touch-controls:not([hidden]) > .touch-ombros--esq > :nth-child(2)),.game-region:has(#touch-controls:not([hidden]) > .touch-ombros--esq > :nth-child(2)){
+  --shoulders-left-reach:calc(var(--margem-borda,8px) * 2 + var(--shoulder-size) * 2 + 6px)}
+#game-region:has(#touch-controls:not([hidden]) > .touch-ombros--dir),.game-region:has(#touch-controls:not([hidden]) > .touch-ombros--dir){
+  --shoulders-right-reach:calc(var(--margem-borda,8px) * 2 + var(--shoulder-size))}
+#game-region:has(#touch-controls:not([hidden]) > .touch-ombros--dir > :nth-child(2)),.game-region:has(#touch-controls:not([hidden]) > .touch-ombros--dir > :nth-child(2)){
+  --shoulders-right-reach:calc(var(--margem-borda,8px) * 2 + var(--shoulder-size) * 2 + 6px)}
+/* THE HUD the engine mounts from a cartridge's `hud` (ADR-0168; issue #162): the mission at the top centre, just under the quick
+   bar, and the rest in the HUD row at the bottom (ADR-0239 and its erratum; the row's rules are below). Where a caller mounts the
+   bands with no row they stand on the region: the points and the power down the right edge, the learning bars at the bottom
+   centre. State on dark chips, like the icon's name; no pointer events, so a finger passes through to the game.
+   📌 What it keeps clear of: the quick bar, which owns the top (ADR-0239's driver: «the top belongs to the quick accessibility
+   bar; the HUD no longer shares it») — `--barra-a11y-h` is the band `ui/top-band` measures —, the pad's shoulder columns (above),
+   and the pad itself, which the row stands above (ADR-0239 §6). */
+/* Where the bands have no row, the right edge's stack (the points, the power under them) starts under the bar's band and under
+   the right shoulders — whichever reaches lower — and never nearer the top than the edge margin. */
+#game-region,.game-region{--hud-corner-top:max(var(--margem-borda,8px),var(--barra-a11y-h,0px),var(--shoulders-right-reach))}
 .hud-faixa{position:absolute;z-index:12;margin:0;pointer-events:none;font-size:var(--ui-fs,16px);line-height:1.25;display:flex;gap:2px}
 .hud-faixa[hidden]{display:none}
-.hud-esquerda{top:0;left:4px;flex-direction:column;align-items:flex-start}
-.hud-direita{top:0;right:4px;flex-direction:column;align-items:flex-end;text-align:right}
-/* The learning bars (ADR-0049 §5): one ten-segment bar per skill, side by side, centred at the bottom — under the footer
-   column, which comes later in the region on the same layer and covers them. Okabe-Ito colours, and a second cue beside
-   each, so no state is told by colour alone (WCAG 1.4.1): green carries a dot, red stripes, an empty slot only its outline;
-   a purple bar a ▲, an orange one a ▼. */
-.hud-aprendizagem{left:50%;bottom:4px;transform:translateX(-50%);flex-direction:row;gap:.75em}
+/* The MISSION sits at the TOP CENTRE, just under the quick bar (ADR-0239 erratum): `ui/top-band` writes its `top` from the
+   bar's box. The class keeps its old name — a page-surface name is not renamed in passing. The bar's momentary name line is
+   drawn over it while a name shows (the Dev: «a legenda é momentânea, a escrita da missão aparece o tempo todo»). */
+/* THE EDGE MARGIN (interface log 2026-09-26) where a caller mounts the bands on the region, with no row: `--margem-borda` from
+   the side, and from the top the same place under the bar the root's mission takes (`--hud-mission-top`, which `ui/top-band`
+   writes; 0 with no bar) — at the margin it stood behind the bar's icons. Where the root mounts the mission, `ui/top-band`
+   writes that `top` on the element itself. */
+.hud-esquerda{top:max(var(--margem-borda,8px),var(--hud-mission-top,0px));left:50%;transform:translateX(-50%);max-width:calc(100% - 2 * var(--margem-borda,8px));flex-direction:column;align-items:center;text-align:center}
+.hud-direita{top:var(--hud-corner-top,8px);right:var(--margem-borda,8px);flex-direction:column;align-items:flex-end;text-align:right}
+/* The learning bars (ADR-0049 §5): one ten-segment bar per skill, one skill a line as in the row (ADR-0239 §1), centred at the
+   bottom — under the footer column, which comes later in the region on the same layer and covers them. Okabe-Ito colours, and
+   a second cue beside each, so no state is told by colour alone (WCAG 1.4.1): green carries a dot, red stripes, an empty slot
+   only its outline; a purple bar a ▲, an orange one a ▼. 📏 Side by side (ADR-0168 §3's footer, superseded), three bars were
+   501 px wide at 640×360 and, lifted above the pad, ran into the points and the power under the right shoulders. */
+.hud-aprendizagem{left:50%;bottom:var(--margem-borda,8px);transform:translateX(-50%);flex-direction:column;align-items:center;gap:2px}
+/* …and with no row, ABOVE the on-screen pad while it shows, as the row would stand (ADR-0239 §6): `--hud-row-bottom` is how high
+   the pad's lower parts reach (`ui/hud-row`). 📏 At the lower edge they stood under the START and SELECT pills. */
+.game-region > .hud-aprendizagem,#game-region > .hud-aprendizagem{bottom:calc(var(--hud-row-bottom,0px) + var(--margem-borda,8px))}
 /* The explanation band is 82% opaque: the bars showed through under its words. While it shows they are not drawn at all —
    the explanation has priority (ADR-0168 §3), and a segment behind a letter is noise for the child reading it. */
 .game-region:has(.barra-explicacao:not([hidden])) .hud-aprendizagem,#game-region:has(.barra-explicacao:not([hidden])) .hud-aprendizagem{visibility:hidden}
@@ -623,22 +682,110 @@ main{flex:1;display:flex;flex-direction:column;width:100%;margin:0 auto;padding:
 .hud-barra[data-cor="roxa"]::after{content:"▲"}
 .hud-barra[data-cor="laranja"]::after{content:"▼"}
 .hud-numero{margin:0;padding:0 .3em;color:#f6f5f0;background:rgba(8,8,16,.92);border-radius:8px;max-width:100%;overflow-wrap:anywhere}
+/* ===================== THE HUD ROW AT THE BOTTOM (ADR-0239; issue #94) =====================
+   One row along the lower edge, left to right: the learning bars · the session clock, centred · the power over the score ·
+   the game's map. `ui/hud-row` writes where it stands (`--hud-row-bottom`: above the on-screen pad while it shows) and its
+   height (`--hud-row-h`, which the footer and `--rodape-h` read — the row is all a game must leave free). Three columns of which the outer two are equal, so the
+   clock is at the true centre; `minmax(0,…)` so a long cell never pushes it off. No pointer events: a finger passes through
+   to the game. Empty — no clock, no band, no map — it is not drawn. */
+.hud-row{position:absolute;left:0;right:0;bottom:var(--hud-row-bottom,0px);z-index:12;pointer-events:none;box-sizing:border-box;
+  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;column-gap:8px;
+  padding:0 var(--margem-borda,8px) var(--margem-borda,8px); /* the edge margin (interface log 2026-09-26) */
+  font-family:var(--font);font-size:var(--ui-fs,16px)}
+/* …and while the pad shows a shoulder column on a side, the row's cells stand clear of it on that side: lifted above the pad at
+   640×360 the row reaches up to the shoulders (the pad's directional is 179 px tall), and they keep their corner for reach
+   (ADR-0160). 📏 The power over the score stood 5 px into R1. */
+#game-region:has(#touch-controls:not([hidden]) > .touch-ombros--esq) > .hud-row,.game-region:has(#touch-controls:not([hidden]) > .touch-ombros--esq) > .hud-row{
+  padding-left:calc(var(--margem-borda,8px) * 2 + var(--shoulder-size))}
+#game-region:has(#touch-controls:not([hidden]) > .touch-ombros--dir) > .hud-row,.game-region:has(#touch-controls:not([hidden]) > .touch-ombros--dir) > .hud-row{
+  padding-right:calc(var(--margem-borda,8px) * 2 + var(--shoulder-size))}
+.hud-row:not(:has(.session-clock, .hud-faixa:not([hidden]), .hud-map > *)){display:none}
+.hud-row-learning{justify-self:start;min-width:0}
+.hud-row-clock{justify-self:center}
+.hud-row-end{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:8px;min-width:0}
+.hud-score{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
+.hud-map{display:flex;align-items:flex-end} /* empty, it is 0 px wide: nothing is drawn until a game mounts its map */
+/* In the row the bands are laid out by their cell, not placed on the region; the learning bars stack, one skill a line,
+   because three side by side do not fit a third of 640 px. */
+.hud-row .hud-faixa{position:static;transform:none}
+.hud-row .hud-aprendizagem{flex-direction:column;align-items:flex-start;gap:2px}
+.hud-row .hud-direita{align-items:center;text-align:center}
+/* The explanation band covers the row while it shows (a menu is open, the game is paused): the row is not drawn under its
+   translucent band, and the band sits where the row stands. The caption and the legend otherwise stand ABOVE the row. */
+.game-region:has(.barra-explicacao:not([hidden])) .hud-row,#game-region:has(.barra-explicacao:not([hidden])) .hud-row{visibility:hidden}
+/* THE LOOK OF THE CLOCK AND THE SCORE: a small label over bold digits, white with a dark outline — the reference is Super
+   Mario World's HUD, and nothing of its art or face is taken: the engine's own faces, the mathematics one with tabular
+   figures for the digits, so they never change width. Text at the 16 px floor and above (ADR-0163); white on its black
+   outline, so it holds its contrast over any scene. */
+.session-clock-text,.hud-points .hud-numero{color:#fff;font-weight:800;-webkit-text-stroke:.06em #000;paint-order:stroke fill;
+  text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,2px 2px #000,-2px 2px #000,2px -2px #000,-2px -2px #000}
+.session-clock-digits,.hud-points .hud-numero{font-family:var(--font-math);font-variant-numeric:tabular-nums;
+  font-size:calc(var(--ui-fs,16px) * 1.25);line-height:1.1;white-space:nowrap}
+.hud-points .hud-numero{background:none;padding:0}
+.hud-points{top:var(--hud-corner-top,8px);right:var(--margem-borda,8px);flex-direction:column;align-items:flex-end} /* only where a caller mounts the bands with no row; `--hud-corner-top` above */
+/* …and there, at the top edge, the digits get a line that holds their glyphs: at 1.1 the face's box rose 1 px over the line
+   (measured: 24 px of glyph box on a 22 px line at 640×360, 46 on 44 at 1280×720), into the edge margin */
+.game-region > .hud-points .hud-numero,#game-region > .hud-points .hud-numero{line-height:1.2}
+/* …and the POWER, which in the row stands over the points (ADR-0239 §3), has no room over them there: the same pair reads
+   top-down, the points first and the power directly under them, on the same right edge — both at one `top` drew one box over
+   the other. The points' line is one line of digits, 1.25 × the text size on a 1.2 line (above); 2 px apart, as in the row's
+   cell. With no points shown the power is the stack's first line. */
+.game-region:has(> .hud-points:not([hidden]) > .hud-numero:not([hidden])) > .hud-direita,
+#game-region:has(> .hud-points:not([hidden]) > .hud-numero:not([hidden])) > .hud-direita{top:calc(var(--hud-corner-top,8px) + var(--ui-fs,16px) * 1.25 * 1.2 + 2px)}
+/* THE SESSION CLOCK (ADR-0236, ADR-0239): the label over the time left, and the Time Timer pie to their right, as tall as a
+   target. The pie is the share still to go (`--left`, written by `ui/session-clock`), green on a white face (ADR-0050 §3)
+   inside a dark rim and a white ring, drawn inside its box. At the end the WHOLE pie turns red — an almost empty face
+   becoming a full one, so the change is not told by colour alone (WCAG 1.4.1). Okabe-Ito green and vermillion. */
+.session-clock{display:flex;align-items:center;gap:6px;pointer-events:none}
+.session-clock-text{display:flex;flex-direction:column;align-items:center;line-height:1.1}
+/* The label stays at the 16 px text floor (ADR-0163) and loses weight instead, and the digits are an eighth over the floor:
+   the Dev found «TEMPO» too big and wants the label-and-digits block no wider than two and a half pies (ADR-0239 errata). */
+.session-clock-label{font-size:var(--ui-fs,16px);letter-spacing:var(--ls);font-weight:600}
+.session-clock-digits{font-size:calc(var(--ui-fs,16px) * 1.125)}
+.session-clock-pie{flex:none;box-sizing:border-box;width:var(--alvo-min,44px);height:var(--alvo-min,44px);border-radius:50%;
+  border:2px solid #08080f;box-shadow:inset 0 0 0 2px #f6f5f0;
+  background:conic-gradient(#f6f5f0 0 calc((1 - var(--left,1)) * 1turn),#009E73 0)}
+/* The spent share is the face from twelve o'clock CLOCKWISE, and the green is what is left up to twelve: the edge moves
+   clockwise as time passes, like a Time Timer (the Dev, 2026-09-25: it was emptying anticlockwise). */
+/* The end is red and still — no pulse, no lock (ADR-0240). */
+.session-clock[data-look="red"] .session-clock-pie{background:#D55E00}
 .rodape-da-tela{position:absolute;left:0;right:0;bottom:0;z-index:12;display:flex;flex-direction:column;gap:0;pointer-events:none}
+/* WITH THE HUD ROW (ADR-0239 point 6): the caption and the legend stand ABOVE the row; while the explanation shows, the column
+   comes down to where the row stands, and the explanation covers it. */
+#game-region:has(> .hud-row) .rodape-da-tela{bottom:calc(var(--hud-row-bottom,0px) + var(--hud-row-h,0px))}
+#game-region:has(> .hud-row) .rodape-da-tela:has(> .barra-explicacao:not([hidden])){bottom:var(--hud-row-bottom,0px)}
 .rodape-da-tela:not(:has(> :not([hidden]))){display:none}
-.pausa-legenda,.barra-explicacao{color:#fff;font-family:var(--font);font-weight:700;font-size:var(--ui-fs,16px);
-  line-height:1.3;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
-.barra-explicacao{order:2;padding:4px .6em;background:rgba(0,0,0,.82)}
+/* `--footer-lines` is how many lines a footer text shows (ADR-0164): the clamp reads it, and so do the scrolling box below and
+   `ui/footer-scroll-driver`, which must know the view it scrolls a longer text through (ADR-0245). */
+.pausa-legenda,.barra-explicacao{color:#fff;font-family:var(--font);font-weight:700;font-size:var(--ui-fs,16px);--footer-lines:2;
+  line-height:1.3;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--footer-lines);overflow:hidden}
+/* The band reaches the edges; its WORDS stand the edge margin off them (interface log 2026-09-26) — `--footer-band-h` counts it.
+   At the sides .6em is already more than the margin (4.8·k against 4·k); under them the margin is a transparent BORDER the
+   band's colour shows through, not padding: the two-line clamp clips at the padding box, and a padding there would show the
+   top of a third line. */
+.barra-explicacao{order:2;padding:4px .6em 0;border-bottom:var(--margem-borda,8px) solid transparent;background:rgba(0,0,0,.82)}
 .pausa-legenda{order:1;padding:0 .6em}
-.rodape-da-tela:not(:has(> .barra-explicacao:not([hidden]))) > .pausa-legenda{padding-bottom:8px}
+.rodape-da-tela:not(:has(> .barra-explicacao:not([hidden]))) > .pausa-legenda{padding-bottom:var(--margem-borda,8px)}
 .pausa-legenda .lg-nome{background:rgba(0,0,0,.82);padding:0 .35em;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
 /* The SOUND CAPTION (study item D3) tops the column — ADR-0164 rule 4: «the sound caption above, the explanation below
    it» — on a dark background behind its words only, two lines at most (rule 5). */
 .legenda-de-som{order:0;align-self:center;max-width:100%;box-sizing:border-box;margin:0 0 4px;padding:2px .6em;border-radius:6px;
   background:rgba(0,0,0,.82);color:#fff;font-family:var(--font);font-weight:700;font-size:var(--ui-fs,16px);line-height:1.3;
-  text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
+  text-align:center;display:-webkit-box;-webkit-box-orient:vertical;--footer-lines:2;-webkit-line-clamp:var(--footer-lines);overflow:hidden}
+/* the caption as the column's lowest line (no legend, no explanation under it): the edge margin under it, not 4 px */
+.rodape-da-tela:not(:has(> .barra-explicacao:not([hidden]), > .pausa-legenda:not([hidden]))) > .legenda-de-som{margin-bottom:var(--margem-borda,8px)}
 /* two or more lines of the footer showing at once: one line each, so the footer does not climb into the workspace */
-.rodape-da-tela:has(> :not([hidden]) ~ :not([hidden])) > *{-webkit-line-clamp:1}
+.rodape-da-tela:has(> :not([hidden]) ~ :not([hidden])) > *{--footer-lines:1}
 .pausa-legenda[hidden],.barra-explicacao[hidden],.legenda-de-som[hidden]{display:none}
+/* ADR-0245: AN EXPLANATION LONGER THAN ITS LINES MOVES INSIDE THEM. `ui/footer-scroll-driver` marks it `data-scroll`: a glide
+   translates the words' `.footer-scroll-text` block (a Web Animation, sub-pixel — a transform needs a block, an inline span
+   ignores it), reduced motion turns pages by `scrollTop`, at once. The box stays the clamped one to the pixel: a block of
+   exactly its lines (`1lh` each, no clamp and so no ellipsis), with the 4 px over the words as a transparent BORDER instead of
+   padding — the view clips at the padding box, and a padding would show a slice of the next line. Pointer events come back to
+   the band while it moves, so a pointer over it can hold it (WCAG 2.2.2). */
+.barra-explicacao[data-scroll],#game-region .opt-explain[data-scroll]{display:block;-webkit-line-clamp:none;box-sizing:content-box;
+  height:calc(var(--footer-lines,2) * 1lh);padding-top:0;border-top:4px solid transparent;pointer-events:auto}
+.barra-explicacao[data-scroll] > .footer-scroll-text,#game-region .opt-explain[data-scroll] > .footer-scroll-text{display:block}
 /* A PANEL WEARS THE PAUSE CARD (interface log, 2026-09-13). The Dev: the settings submenu «mantém a mesma altura e identidade
    visual», and every panel it opens had «outra identidade visual, com alturas menores, título maior e cores diferentes».
    So a panel in the region takes `.screen-pause .pause-card` as it is: the whole height, the same dark card and gold border,
@@ -647,7 +794,7 @@ main{flex:1;display:flex;flex-direction:column;width:100%;margin:0 auto;padding:
    spacing (ADR-0149) «◀ Realce de contraste: desligado ▶» is wider than the pause list's 26em. */
 #game-region .overlay__card{background:#0e1626;border:2px solid #ffd23f;border-radius:14px;padding:.25rem .7rem;width:auto;
   max-width:94%;height:100%;max-height:100%;box-sizing:border-box;
-  scrollbar-gutter:stable both-edges;box-shadow:0 8px 30px rgba(0,0,0,.5);scroll-padding-bottom:var(--rodape-h,50px)}
+  scrollbar-gutter:stable both-edges;box-shadow:0 8px 30px rgba(0,0,0,.5);scroll-padding-bottom:var(--footer-band-h,50px)}
 #game-region .overlay__card h2{font-size:1em;line-height:1.25;margin:0 0 .1rem;color:#ffd23f}
 #game-region .overlay__back{width:100%;margin:0 0 2px;justify-content:center;background:#1a2740;border:1px solid #6a7a96;border-radius:10px;color:#eaf2f8}
 #game-region .overlay__back:hover,#game-region .overlay__back:focus{background:#2a3a5e;border-color:#ffd23f;outline:2px solid #ffd23f;outline-offset:1px}
@@ -659,7 +806,7 @@ main{flex:1;display:flex;flex-direction:column;width:100%;margin:0 auto;padding:
 #game-region .ctrl-row:hover,#game-region .ctrl-row:focus-within{background:#2a3a5e;border-color:#ffd23f}
 /* The card runs under the explanation band, as the pause card runs under its legend: the room at the end of the card and
    the scroll padding let the last row, and the focused one, come to rest above the band. */
-#game-region .overlay__card::after{content:"";display:block;height:var(--rodape-h,50px)}
+#game-region .overlay__card::after{content:"";display:block;height:var(--footer-band-h,50px)}
 /* HELP IS A SLIDE SHOW (interface log, 2026-09-13; `ui/help-panel`): «textos, figuras e no máximo animações», not a menu. One stop
    with the page arrows at its sides; the slide holds the child's key drawn as a key cap, the game's word and its sentence, and
    dots that say where the child is by fill and not by colour alone. The key cap presses itself now and then — the one animation,
@@ -686,20 +833,25 @@ main{flex:1;display:flex;flex-direction:column;width:100%;margin:0 auto;padding:
    (composition: 1-0.82=0.18 → L≈0.027 → ~13:1), without being 100% opaque. Fixed at the card's foot. */
 .opt-explain{position:sticky;bottom:calc(-1 * var(--card-pad,1.5rem));margin:.8rem calc(-1 * var(--card-pad,1.5rem)) calc(-1 * var(--card-pad,1.5rem));padding:.6rem .9rem;min-height:2.8rem;text-align:left;
   background:rgba(0,0,0,.82);color:#fff;font-size:1em;line-height:1.35;border-top:1px solid rgba(255,255,255,.18);border-radius:0 0 9px 9px;backdrop-filter:blur(1px);
-  /* ADR-0164: two lines at most — a longer explanation is cut here and has to be rewritten to fit */
-  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
+  /* ADR-0164: two lines at most — in the region a longer explanation scrolls through them (ADR-0245, below) */
+  display:-webkit-box;-webkit-box-orient:vertical;--footer-lines:2;-webkit-line-clamp:var(--footer-lines);overflow:hidden}
 /* ADR-0164 rule 1: a panel's explanation is a footer of the SCREEN, not of the card — «está ajustado ao menu, não ao
    canvas», the Dev on a screenshot. The card sets no position, so the overlay (the region's size) is the containing block:
    the band lands at the region's lowest edge, side to side, and does not scroll with the card. The card runs under it,
    the pause card's height (see the panel rules above). */
-#game-region .opt-explain{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0;padding:4px .6em;min-height:0;
-  border:0;border-radius:0;text-align:center;line-height:1.3;font-size:var(--ui-fs,16px)}
-#game-region .overlay{padding:0}
+#game-region .opt-explain{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0;padding:4px .6em 0;min-height:0;
+  border:0;border-bottom:var(--margem-borda,8px) solid transparent;border-radius:0;text-align:center;line-height:1.3;font-size:var(--ui-fs,16px)}
+/* ↑ the transparent bottom border is the edge margin under the words, as the footer band's (interface log 2026-09-26) */
+/* the card's content from the edge margin down, as the pause card's (interface log 2026-09-26) */
+#game-region .overlay{padding:calc(var(--margem-borda,8px) - 2px) 0 0}
+#game-region .overlay__card{padding-top:0}
 #game-region .overlay__actions{position:static;background:transparent;padding:.5rem 0 0;margin:0}
 #visual{background:rgba(0,0,0,.28)} /* colour: a translucent background, to see the effect on the game at once */
 
-/* Simulation indicator (top right corner): white=blindness, green=low vision. A double tap returns to normal. */
-#viz-indicator{position:absolute;top:6px;right:6px;z-index:20;width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.6);padding:0;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.7)} /* INSIDE the canvas (game-region) — it works as a button */
+/* Simulation indicator (TOP LEFT corner): white=blindness, green=low vision. A double tap returns to normal. The top right is
+   the right shoulders' (ADR-0160) and, with no HUD row, the points'; nothing of the HUD sits top left, so the dot is alone
+   there — under the left shoulders while the pad shows them (`--shoulders-left-reach`, with the HUD's rules). */
+#viz-indicator{position:absolute;top:max(var(--margem-borda,8px),var(--shoulders-left-reach,0px));left:var(--margem-borda,8px);z-index:20;width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.6);padding:0;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.7)} /* INSIDE the canvas (game-region) — it works as a button */
 #viz-indicator.blind{background:#fff}
 #viz-indicator.low{background:#36d36a}
 /* Low vision — 5 simulations (the blur comes from the filter on the canvas; only the overlays are here) */
@@ -724,10 +876,31 @@ body.blind-mode .hud, body.blind-mode #touch-controls, body.blind-mode #start-ti
    spelling letter by letter, which is what real ALL CAPS causes in NVDA/JAWS. */
 /* Quiz options take the ENGINE's target floor (ADR-0163 rule 2): 44 px at 640×360, growing with the scale. They had
    9 mm computed by the quiz (54 px on a desktop), and four of them pushed the last one out of a 360 px region. */
-.quiz-alt{min-height:var(--alvo-min,44px);display:block;width:100%;margin:0;padding:calc(var(--ui-fs,16px) * .4) calc(var(--ui-fs,16px) * .9)} /* the list gap spaces them (#160); padding in `--ui-fs`, so a larger face grows the text only (#172) */
+.quiz-alt{min-height:var(--alvo-min,44px);display:block;width:100%;margin:0;padding:calc(var(--ui-fs,16px) * .25) calc(var(--ui-fs,16px) * .5)} /* the list gap spaces them (#160); padding in `--ui-fs`, so a larger face grows the text only (#172) */
+/* 📏 .25/.5 and not .4/.9 since the edge margin (interface log 2026-09-26): with 16 px less width and a HUD row 4 px taller, the
+   quiz's own questions ended under the row at 640×360 (quiz-bench-layout); the 44 px floor is `min-height`, untouched. */
 /* the marked option is not colour alone either (ADR-0159 rule 10): the same base stripe as an icon switched on */
 .quiz-alt.is-on{box-shadow:inset 0 0 0 3px var(--accent-ink)} /* a ring, not a bottom strip: the strip left the fill looking shifted up (#166) */
-.quiz-alts{display:flex;flex-direction:column;gap:calc(.25rem * var(--espaco-fixo,1))}
+/* FIVE OPTIONS IN THREE COLUMNS — «1 2 3» over «4 5», read left to right (`quiz-round.OPTION_COLUMNS`, written as `--quiz-cols`).
+   📏 In one column the fifth ended under the HUD row at 640×360, and in two a two-line statement with its explanation did. */
+.quiz-alts{display:grid;grid-template-columns:repeat(var(--quiz-cols,3),minmax(0,1fr));gap:calc(.25rem * var(--espaco-fixo,1))}
+/* An option already tried is out: struck through as well as dimmed, so it is not told by colour alone (WCAG 1.4.1); an inactive
+   control is outside the contrast minimum (WCAG 1.4.3). The answer to COPY (ADR-0049 §6) carries a mark before its words. */
+.quiz-alt.is-off{opacity:.55;text-decoration:line-through;cursor:default}
+.quiz-alt.is-answer{outline:3px solid var(--accent);outline-offset:2px}
+.quiz-alt.is-answer::before{content:"➜ "}
+/* The explanation after the third wrong attempt, and the copy line: under the statement, at the text size, not bold. While it
+   shows, the statement comes down to the text size too: 📏 a two-line statement at its heading size, a three-line explanation
+   and two rows of options ended under the HUD row at 640×360 (quiz-bench-layout). */
+.quiz-note{margin:0 0 calc(.25rem * var(--espaco-fixo,1));line-height:1.25;font-weight:400}
+.quiz-app:has(.quiz-note) .quiz-pergunta{font-size:1em}
+/* THE START SCREEN (the Dev: «Tela inicial para escolher a habilidade via sigla da BNCC»): each stage's name over a grid of
+   `--quiz-cols` codes (`quiz-round.SKILL_COLUMNS`), the engine's target size; a code never overflows its button. */
+.quiz-stage{margin:0}
+.quiz-stage-name{margin:0;font-size:1em;line-height:1.25}
+.quiz-skills{display:grid;grid-template-columns:repeat(var(--quiz-cols,5),minmax(0,1fr));gap:calc(.25rem * var(--espaco-fixo,1));margin:0 0 calc(.25rem * var(--espaco-fixo,1))}
+.quiz-skill{min-height:var(--alvo-min,44px);margin:0;padding:calc(var(--ui-fs,16px) * .3);overflow-wrap:anywhere;line-height:1.15}
+.quiz-skill.is-on{box-shadow:inset 0 0 0 3px var(--accent-ink)}
 :root[data-letras="upper"] body,
 :root[data-letras="upper"] button,
 :root[data-letras="upper"] select,
@@ -793,12 +966,12 @@ select.vol:focus, .overlay__card select:focus{outline:3px solid var(--accent);ou
 .ctrl-col input[type=range]{width:100%;min-height:var(--alvo-min,44px);accent-color:var(--accent)}
 
 /* touch controls (mobile) — an overlay on the bottom edges, not covering the centre */
-.touch{position:absolute;inset:0;z-index:14;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:6px 8px;pointer-events:none}
+.touch{position:absolute;inset:0;z-index:14;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:var(--margem-borda,8px);pointer-events:none}
 /* ADR-0160: the shoulders in the TOP corners of the region, the trigger (2) above the bumper (1). `.touch` covers the whole
    region since then (`inset:0`, still `pointer-events:none`) so a corner is the region's corner, not the pad strip's. */
-.touch-ombros{position:absolute;top:8px;display:flex;flex-direction:column;gap:6px;pointer-events:auto}
-.touch-ombros--esq{left:8px}
-.touch-ombros--dir{right:8px}
+.touch-ombros{position:absolute;top:var(--margem-borda,8px);display:flex;flex-direction:column;gap:6px;pointer-events:auto}
+.touch-ombros--esq{left:var(--margem-borda,8px)}
+.touch-ombros--dir{right:var(--margem-borda,8px)}
 /* ADR-0160: the action buttons sit by ACTION NUMBER — 1 and 4 on top, 2 and 3 below — whatever slot fires them.
    `margin-left:auto` keeps the block on the right when the game names no direction (ADR-0162). */
 .touch-pad{display:grid;grid-template-areas:"a1 a4" "a2 a3";gap:8px;margin-left:auto;pointer-events:auto}
@@ -827,9 +1000,10 @@ select.vol:focus, .overlay__card select:focus{outline:3px solid var(--accent);ou
    (`#game-region .overlay`, 60) covered the pad (14), and a tap on an arrow landed on the veil. `--z-menu-max` is the top
    of the menu band, and that is the pad's role while a menu is open — a slot and not a new literal. */
 #game-region:has(.overlay:not([hidden])) .touch{z-index:var(--z-menu-max)}
-.touch-sistema{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:flex;gap:10px;pointer-events:none}
+/* the two pills stand the edge margin off the bottom (interface log 2026-09-26) — alone or side by side */
+.touch-sistema{position:absolute;left:50%;bottom:var(--margem-borda,8px);transform:translateX(-50%);display:flex;gap:10px;pointer-events:none}
 .touch-sistema .touch-start,.touch-sistema .touch-select{position:static;transform:none}
-.touch-start,.touch-select{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:auto;min-width:var(--alvo-min,44px);white-space:nowrap;min-height:calc(var(--pad-btn,66px)*.7);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;border-radius:999px;padding:0 22px;font-weight:800;font-size:1em;letter-spacing:var(--ls);background:rgba(13,17,32,.92);color:#fff;border:2px solid rgba(255,255,255,.75);cursor:pointer;z-index:15}
+.touch-start,.touch-select{position:absolute;left:50%;bottom:var(--margem-borda,8px);transform:translateX(-50%);width:auto;min-width:var(--alvo-min,44px);white-space:nowrap;min-height:calc(var(--pad-btn,66px)*.7);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;border-radius:999px;padding:0 22px;font-weight:800;font-size:1em;letter-spacing:var(--ls);background:rgba(13,17,32,.92);color:#fff;border:2px solid rgba(255,255,255,.75);cursor:pointer;z-index:15}
 .touch-start:active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
 /* digital joystick: base (larger circle) + knob (smaller circle) */
 /* Directional (analogue/"lever"): base = surface + travel; knob = contact surface. Both in mm (JS). */

package/app/public/vendor/fonts-licences/NOTICE.txt

@@ -0,0 +1,166 @@
+The fonts in vendor/fonts/: notices and licences
+=============================================
+
+The Inclusionist engine redistributes 19 font families, in 29 files, from this directory. Each
+family is listed below with the files it covers, its licence, where that licence was read, and its copyright
+notice as the font's own `name` table states it (name ID 0). The licence texts sit beside this file:
+
+    OFL-1.1.txt     SIL Open Font License, Version 1.1 (19 families)
+
+Written by scripts/licences/fonts.mjs from vendor/fonts.css and the fonts themselves;
+tests/font-licences.node.test.js refuses a family without an entry here or a licence without its text.
+
+Every other family The Inclusionist offers lives in its font library, one folder per family with its own notice
+and licence, and reaches a game only through a delivery that carries it (ADR-0255).
+
+-------------------------------------------------------------------------------
+Family:    Atkinson Hyperlegible
+Files:     atkinson-400.woff2, atkinson-400-ext.woff2, atkinson-700.woff2, atkinson-700-ext.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://scripts.sil.org/OFL
+Copyright:
+    Copyright 2020 Braille Institute of America, Inc.
+
+-------------------------------------------------------------------------------
+Family:    Andika
+Files:     andika-400.woff2, andika-400-ext.woff2, andika-700.woff2, andika-700-ext.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): http://scripts.sil.org/OFL
+Copyright:
+    Copyright (c) 2004-2022 SIL International
+
+-------------------------------------------------------------------------------
+Family:    Lexend
+Files:     lexend-400.woff2, lexend-400-ext.woff2, lexend-700.woff2, lexend-700-ext.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://scripts.sil.org/OFL
+Copyright:
+    Copyright 2019 The Lexend Project Authors (https://github.com/googlefonts/lexend)
+
+-------------------------------------------------------------------------------
+Family:    Atkinson Hyperlegible Mono
+Files:     atkinson-mono-400.woff2, atkinson-mono-400-ext.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2020-2024 The Atkinson Hyperlegible Mono Project Authors (https://github.com/googlefonts/atkinson-hyperlegible-next-mono)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite BR
+Files:     playwrite-br.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite US Trad
+Files:     playwrite-us-trad.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite US Modern
+Files:     playwrite-us-modern.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite CA
+Files:     playwrite-ca.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite MX
+Files:     playwrite-mx.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite AR
+Files:     playwrite-ar.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite CL
+Files:     playwrite-cl.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite CO
+Files:     playwrite-co.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite ES
+Files:     playwrite-es.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite ES Deco
+Files:     playwrite-es-deco.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite PT
+Files:     playwrite-pt.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite GB J
+Files:     playwrite-gb-j.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite GB S
+Files:     playwrite-gb-s.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite CU
+Files:     playwrite-cu.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)
+
+-------------------------------------------------------------------------------
+Family:    Playwrite PE
+Files:     playwrite-pe.woff2
+Licence:   SIL Open Font License, Version 1.1 (OFL-1.1), see OFL-1.1.txt
+Read from: licence URL (name ID 14): https://openfontlicense.org
+Copyright:
+    Copyright 2023 The Playwrite Project Authors (https://github.com/TypeTogether/Playwrite)