diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 9d5a27d9..d2a138cf 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -1,3 +1,8 @@
+// Airbnb's own bans, kept: a `no-restricted-syntax` entry below replaces the whole list.
+const airbnbRestrictedSyntax = require('eslint-config-airbnb-base/rules/style').rules[
+  'no-restricted-syntax'
+];
+
 module.exports = {
   env: {
     browser: true,
@@ -62,6 +67,21 @@ module.exports = {
     "@typescript-eslint/no-shadow": "error"
   },
   overrides: [
+    {
+      // The one join path: a join is `joinEstateRoom`, which files the DM before it sends the join.
+      files: ['src/**/*.ts', 'src/**/*.tsx'],
+      excludedFiles: ['src/app/features/estate/joinEstateRoom.ts', 'src/**/*.test.*'],
+      rules: {
+        'no-restricted-syntax': [
+          ...airbnbRestrictedSyntax,
+          {
+            selector: "CallExpression[callee.property.name='joinRoom']",
+            message:
+              'Join a room through joinEstateRoom (features/estate/joinEstateRoom.ts), the one join path.',
+          },
+        ],
+      },
+    },
     {
       files: ['*.ts'],
       rules: {
diff --git a/.github/workflows/build-pull-request.yml b/.github/workflows/build-pull-request.yml
index 11b5056c..964add54 100644
--- a/.github/workflows/build-pull-request.yml
+++ b/.github/workflows/build-pull-request.yml
@@ -4,12 +4,14 @@ on:
   pull_request:
     types: ['opened', 'synchronize']
 
+concurrency:
+  group: ${{ github.workflow }}-pr-${{ github.event.pull_request.number }}
+  cancel-in-progress: true
+
 jobs:
   build-pull-request:
     name: Build pull request
     runs-on: ubuntu-latest
-    env:
-      PR_NUMBER: ${{github.event.number}}
     steps:
       - name: Checkout repository
         uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
@@ -24,17 +26,3 @@ jobs:
         env:
           NODE_OPTIONS: '--max_old_space_size=4096'
         run: npm run build
-      - name: Upload artifact
-        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
-        with:
-          name: preview
-          path: dist
-          retention-days: 1
-      - name: Save pr number
-        run: echo ${PR_NUMBER} > ./pr.txt
-      - name: Upload pr number
-        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
-        with:
-          name: pr
-          path: ./pr.txt
-          retention-days: 1
diff --git a/.github/workflows/docker-pr.yml b/.github/workflows/docker-pr.yml
index 997aba6d..24b9389c 100644
--- a/.github/workflows/docker-pr.yml
+++ b/.github/workflows/docker-pr.yml
@@ -6,6 +6,10 @@ on:
       - 'Dockerfile'
       - '.github/workflows/docker-pr.yml'
 
+concurrency:
+  group: ${{ github.workflow }}-pr-${{ github.event.pull_request.number }}
+  cancel-in-progress: true
+
 jobs:
   docker-build:
     runs-on: ubuntu-latest
diff --git a/.github/workflows/lockfile.yml b/.github/workflows/lockfile.yml
index a9cc1a34..e96d2818 100644
--- a/.github/workflows/lockfile.yml
+++ b/.github/workflows/lockfile.yml
@@ -5,6 +5,10 @@ on:
     paths:
       - 'package-lock.json'
 
+concurrency:
+  group: ${{ github.workflow }}-pr-${{ github.event.pull_request.number }}
+  cancel-in-progress: true
+
 jobs:
   lockfile_changes:
     runs-on: ubuntu-latest
diff --git a/.github/workflows/rat-dev-preview.yml b/.github/workflows/rat-dev-preview.yml
index 45da8bc4..47f22b7e 100644
--- a/.github/workflows/rat-dev-preview.yml
+++ b/.github/workflows/rat-dev-preview.yml
@@ -4,6 +4,13 @@ on:
   push:
     branches: ['dev']
 
+# One run per ref wins: a newer push to dev cancels the older queued or running one, so the run
+# that builds rat-dev-dist is always the newest. Pull-request runs are other workflows and other
+# groups; they never cancel it.
+concurrency:
+  group: rat-dev-preview
+  cancel-in-progress: true
+
 jobs:
   build:
     name: Build dev preview
diff --git a/config.json b/config.json
index dd4c887b..0ebdf7c3 100644
--- a/config.json
+++ b/config.json
@@ -1,6 +1,13 @@
 {
-  "defaultHomeserver": 1,
-  "homeserverList": ["converser.eu", "matrix.org", "mozilla.org", "unredacted.org", "xmr.se"],
+  "defaultHomeserver": 0,
+  "homeserverList": [
+    "gamecult.org",
+    "converser.eu",
+    "matrix.org",
+    "mozilla.org",
+    "unredacted.org",
+    "xmr.se"
+  ],
   "allowCustomHomeservers": true,
   "featuredCommunities": {
     "openAsDefault": false,
@@ -20,5 +27,14 @@
 
   "backgroundScene": {
     "tier": "off"
+  },
+
+  "dings": {
+    "enabled": false
+  },
+
+  "registration": {
+    "enabled": false,
+    "url": ""
   }
 }
diff --git a/docs/file-zone.md b/docs/file-zone.md
new file mode 100644
index 00000000..01b5a4c5
--- /dev/null
+++ b/docs/file-zone.md
@@ -0,0 +1,106 @@
+# File zone: design sketch
+
+Status: design only. No code exists. Everything below is a proposal; items marked **UNKNOWN** are not yet verified against the Body.
+
+Source: Meta ruling 2026-10-31, eureka mind `ratatoskr:ruling:file-zone-looks-like-file-sharing`.
+
+## What it is
+
+A file-sharing space beside the room timeline, not a view of it. The zone is **one ordinary Matrix room with threaded discussions, one thread per Mind**. The UI presents each thread as an **album** (title, item count, date) and each post in it as a **file** with an inline player or preview. Matrix is the storage and the fallback: another client sees a normal room with threads and never needs the zone. No homeserver change.
+
+First use (Aqua): listen to audio in place, mark each clip keep / fix / drop with a one-line reason, export the marks as a file. See `/opt/commons/handoff/aqua-listen-kits-20261108/` (static `listen.html` kits that emit `verdict.json` + `verdict.md`); the zone replaces sending that page around.
+
+## Matrix event shapes (stock events only)
+
+- **Zone** = one room, chosen by the client (**UNKNOWN:** how the client knows which room is the zone: a room-account-data flag, a `m.room.create` type, or a configured room id in `config.json`; config is simplest).
+- **Album** = a thread root: a text `m.room.message` posted by a Mind, `body` = the album title (the Mind's name, e.g. `void`). One thread per Mind, owned by authorship (the root's sender). **UNKNOWN:** whether a Mind may open more than one (e.g. per kit); the shape allows it with no change, the zone would then list several albums per author. Count and last-activity come from the SDK's thread summary (`unsigned.m.relations.m.thread`); album date = root `origin_server_ts`. Rename = `m.replace` on the root.
+- **File** = a post in the thread: an `m.room.message` with `msgtype` `m.audio` / `m.image` / `m.video` / `m.file` and `m.relates_to: { rel_type: "m.thread", event_id: <root>, is_falling_back: true, "m.in_reply_to": { event_id: <last thread event> } }`. The builders in `src/app/features/room/msgContent.ts` already make the content. Delete = redact.
+- **Album vs chat thread**: with a single-purpose room, every thread is an album. No marker key is needed. A non-media reply in a thread (chat, a mark) is not a file and is not listed as one.
+- **Cover** = first image file in the thread, if any. Loose room messages outside any thread are not shown in the zone; they remain in the timeline.
+
+## Marks (reactions, plus an optional reply)
+
+A mark is stock Matrix, so every client shows it. Two reaction sets on the **file post**, and one optional reply:
+
+- **Verdict** = an `m.annotation` reaction (`m.reaction` event, `m.relates_to: { rel_type: "m.annotation", event_id: <file post>, key }`) with key **👍 keep**, **🔧 fix**, **🗑 drop**. One per person per file: choosing another replaces the old one (the client redacts the sender's previous verdict reaction, then sends the new one); tapping the active one clears it.
+- **Landed** = a second reaction set, keys **1️⃣ 2️⃣ 3️⃣ 4️⃣ 5️⃣** (keycap digits, 1-5). Also one per person per file, same replace rule. The two sets are independent: a file can have a verdict, a landed score, both or neither.
+- **Reason** = an ordinary thread reply under the file: `m.room.message` `m.text`, `m.relates_to: { rel_type: "m.thread", event_id: <album root>, "m.in_reply_to": { event_id: <file post> } }`. Optional. **Keep needs none**; the UI prompts for one mainly after fix or drop. The latest such reply by the sender under that file is the reason (edits via `m.replace` count). No special key: the reply text is the reason, so nothing is lost if another client wrote it.
+- **No private mode.** Marks are room events the moment they are tapped; there is no local-only draft and no "Share" step. Offline taps queue in the SDK's normal send queue.
+- Who marked what is read from the reactions' senders, so each listener is distinguishable and the album can show tallies per file.
+- Why reactions: one tap, readable in any client, no custom event type, and they can be changed with no history growth beyond a redaction. Reaction keys carry no text, hence the separate reply for the reason.
+- **UNKNOWN:** emoji variation selectors. 🗑 and 🔧 and the keycaps may arrive with or without U+FE0F from different clients; match by normalizing (strip U+FE0F) before comparing keys. Also **UNKNOWN:** servers' per-event limits on distinct reaction keys; a handful per file is far below any default.
+
+## Export
+
+Client-side only. "Export" builds Aqua's verdict file from the verdict and landed reactions and the reply under each file in one album (one listener's marks per export; that sender is the `listener`) and either downloads it or uploads it into the album. Two files, as the kits write them: `verdict.json` and `verdict.md`.
+
+`verdict.json` is schema **`aqua.listen.verdict.v1`**, field for field what `buildVerdict` in the kit (`dings/listen.html`, section `buildVerdict`) emits, so Aqua's tooling reads it unchanged:
+
+```
+{ schema: "aqua.listen.verdict.v1",
+  kit: { id, title },            // album root: id = root event id (or the kit id if the upload carried one), title = root body
+  exportedAt,                    // ISO time of export
+  seed, consent,                 // kit-only: zone writes seed: 0 (or omits), consent: true for the sender's own export (see UNKNOWN)
+  listener,                      // sender display name
+  device,                        // headphones|speakers|null, the sender's most-used mark device, or null
+  notes,                         // free text; zone leaves "" in v1
+  summary: { total, keep, fix, drop, unanswered },
+  clips: [{ position, id, title, group, feel, file, pair, slot, verdict, reason, landed, device }],
+  pairs: [{ a, b, preferred }] } // empty array when the album has no pairs
+```
+
+- `clips` has one row per file post in the album, in thread order (`position` = 1-based). The join per file, for the exporting listener: `verdict` = their 👍/🔧/🗑 reaction (keep/fix/drop) or null; `landed` = their keycap reaction (1-5) or null; `reason` = text of their latest reply under the file, or "". A file with no verdict reaction counts as `unanswered` even if it has a reply. `device` per clip is null (reactions cannot carry it); the top-level `device` (headphones|speakers|null) is asked once in the export dialog.
+- `pairs`, `seed`, `consent` are optional for the zone: `pairs: []`, no `slot`/`pair` (null) unless the clip metadata supplies them.
+- **Where clip metadata comes from.** `id` is the clip id from `org.gamecult.clip`, else the filename stem. `title` = file post `body`; `file` = the post's `filename`/`body`. `group`, `feel`, `pair`, `slot` are kit data that Matrix has no slot for: carry them on the file post as one extra key `org.gamecult.clip: { id, group, feel, pair, slot }` written by whoever uploads the kit (a small uploader script, **UNKNOWN**, not in the first slice; without it those columns export as ""/null and the id falls back to the filename stem).
+- `verdict.md` follows `verdictMarkdown` from the same file: header line, count line, the clip table (`# | clip | group | intended feel | verdict | landed (1-5) | device | reason`), pairs table when `pairs` is nonempty, notes.
+- To avoid drift, the exporter should be a port of `buildVerdict`/`verdictMarkdown` with the schema string and field order pinned by a test that compares against a fixture produced by the kit. **UNKNOWN:** whether to share code (the kit's `logic.cjs`) rather than port; recommend port, ~80 lines, because the kit is a standalone page.
+- **UNKNOWN:** `consent` is a kit-side checkbox before listening. The zone has no such step; recommend writing `true` only if the sender ticks a one-time "include my name in exports" toggle, else `false` and `listener: ""`.
+- JSON here is a xenos-boundary export, not state; the room events are the state.
+
+## Mobile-first layout
+
+- Phone width is the design width; desktop adds columns.
+- Level 1, album list: one column, each row = cover/icon, title, "N files", date. Tap opens.
+- Level 2, album: list by default (title, duration/size), grid toggle for images. Audio rows play in place, one at a time (starting a clip stops the last), a persistent mini-player at the bottom with seek.
+- Mark controls on each audio row: three large tap targets (👍 keep / 🔧 fix / 🗑 drop) with tallies, a row of five "landed" chips (1-5), and after fix or drop an inline one-line reason field (skippable). Thumb-reachable, no modal.
+- Back is one level up; the room timeline stays one tap away (the zone is a sibling view, not a replacement). **UNKNOWN:** where the entry lives in the room header; check `RoomViewHeader.tsx`, `Room.tsx` for how the member drawer and pin menu attach.
+
+## Upload
+
+Reuse the composer's pipeline, pointed at an album instead of the main timeline:
+
+- `createUploadAtom` / `useBindUploadAtom` (`src/app/state/upload.ts`), `UploadCard`, `upload-board` for progress.
+- On success, the msgContent builder produces the event; the zone adds the thread relation to the album root before sending (the composer already does this for thread replies, `RoomInput.tsx`).
+- "New album" = send the root text event, then upload into its thread. Multi-file drop = N events, sent in order. 
+- Size limit from `MediaConfigLoader` (server `m.upload.size`). **UNKNOWN:** whether the 32 MB `shelf` kit's clips (42 x ~0.75 MB) should be uploaded individually or batched; individually is the only option without a server change.
+
+## Existing code to reuse (verified present in the repo)
+
+| need | where |
+|---|---|
+| audio player (play/seek/volume, encrypted download) | `src/app/components/message/content/AudioContent.tsx` (210 lines) |
+| video, image, generic file | `.../content/VideoContent.tsx`, `ImageContent.tsx`, `FileContent.tsx` |
+| full-screen image viewer | `src/app/components/image-viewer/ImageViewer.tsx` |
+| media dispatch by msgtype | `src/app/components/RenderMessageContent.tsx`, `message/MsgTypeRenderers.tsx` |
+| upload + progress | `state/upload.ts`, `components/upload-card`, `upload-board` |
+| event content builders | `features/room/msgContent.ts` |
+| thread plumbing | `features/room/message/Message.tsx`, `RoomTimeline.tsx`, `RoomInput.tsx` (thread relation on send) |
+| room-scoped file/pin precedent | `features/room/room-pin-menu/RoomPinMenu.tsx` |
+
+Nothing named "gallery" exists as a feature; `AudioContent` takes its controls as render props (`renderMediaControl`), so it can be rehosted in a row without a fork. **UNKNOWN:** whether `AudioContent` can be rendered outside a timeline event context (it needs only `url`, `info`, `mimeType`, `encInfo`, from the event content, so probably yes).
+
+## First slice (what to build first)
+
+Rough lines of TypeScript, tests excluded.
+
+1. **Read-only albums + album view** (~250 lines): list the room's thread roots as albums (grouped or filterable by author = Mind), open one to list its file posts, rehost `AudioContent` and `ImageContent`. One route/panel plus a header entry. Depends on the thread list the SDK already keeps.
+2. **Marks + export** (~240 lines, with the schema port): verdict and landed reaction sets with the replace-one rule, optional reason reply, per-file tallies, the join into `aqua.listen.verdict.v1` and `verdict.json`/`verdict.md` download. This is Aqua's workflow end to end.
+3. **Upload into an album** (~150 lines): thread-related send through the existing upload atoms, "new album".
+
+Slices 1+2 serve the first use case. Each is its own PR. Because marks are ordinary thread replies, there is no separate "publish" slice.
+
+## Open questions for the Meta
+
+- How the client identifies the zone room (config id recommended).
+- Whether exports are per listener (proposed) or a merged all-listeners file.
+- Where `device` comes from, now that reactions cannot carry it (export dialog, proposed).
diff --git a/docs/mind-feedback-pages.md b/docs/mind-feedback-pages.md
new file mode 100644
index 00000000..9ff45d08
--- /dev/null
+++ b/docs/mind-feedback-pages.md
@@ -0,0 +1,242 @@
+# Mind feedback pages
+
+> The desk reads `gamecult.fork.*` now, not the `org.gamecult.feedback.*` projections named below; see CultLib `contracts/cultnet/governance/fork-card.md` (src/app/features/desk/forkContract.ts).
+
+Design only. No code exists for this; nothing here is built. Drafted by Kiko Self (2026-11-07) with Heimdall's draft rulings
+on guests and hiding; placement ruled for this repo by Void. Follow-up `eureka-body:follow_up:ratatoskr-mind-feedback-pages`.
+Every number below is provisional.
+
+**Schema owner.** The Huginn kinds, their fields, keys and refusals are specified in `huginn-feedback-kinds-proposal.md` (Eureka Self, 2026-11-07, in
+`/opt/commons/handoff`), adopted for this page by Void's Persona. Where this page names a field of those kinds it mirrors that proposal; if they differ, the proposal wins.
+This repo owns only the client: a typed interface mirroring those shapes, and fixtures.
+
+Each Mind's section in the estate navigator opens on that Mind's **feedback page**: the Mind's open questions with options, its
+recommendation and what each waits on, answerable by the operator and anyone with an account. It replaces the old Fork Desk
+(taken from the brief; no trace of it was found in this repo or in the Minds' state).
+
+## 1. Placement
+
+Each Mind's navigator section **opens on its feedback page**, rooms below it. A cross-Mind list of everything waiting on a person
+is wanted later and is not part of this spec. On phones the page folds each question's options and the answer form behind its title,
+so the section root stays a list of questions, not a wall of forms.
+
+## 2. Authority
+
+| Concern | Owner | The page's part |
+|---|---|---|
+| The question | a typed `question` document in the **owning Mind's own mind**, key `<campaign>:question:<label>` | a view of it; the page stores and edits nothing |
+| Which questions appear | the owning Mind, by a `feedback_listing` (the opt-in act) carrying `audience` and `close_grants`; un-listing is a `Withdrawn` resolution on it | shows only what has a listing in force |
+| An answer | its author. The **receiver (Bifrost) holds the text**; the Mind holds a **text-free `feedback_answer` record** | submits the answer to the receiver |
+| The ruling | the owning Mind, recorded by her | **never writes one**; links to it once she has |
+| Status (open, answered, closed) | derived in the Mind from its documents (`closed` is a `Withdrawn` resolution on the question), never written | shows it |
+| Who answered, and as what | the Bifrost account behind the Heimdall session, plus its role at the moment of the answer | shows it; never takes it from the client |
+| Close | a `feedback_close_request` the owning Mind honours or declines; it never changes the question's status by itself | offers Close only to a grant holder; **the page writes no ruling** |
+| Hiding | the owning Mind alone, as a `feedback_hide`; unhide is a `Withdrawn` resolution on it | shows the labelled stub; hides nothing itself |
+| Erase | Bifrost's erase of an account; the receiver drops the text | shows "erased account" |
+
+An answer is input to a Mind, not a vote and not a decision. **The page never tallies**: no counts, no totals, no "leading" option, no
+ordering by popularity, no count of reports or close requests. Only the Mind's ruling picks anything.
+
+## 3. Receiver and carriers
+
+- **Schema owner: `huginn-feedback-kinds-proposal.md`.** Four new Huginn kinds, all Eureka's: `feedback_listing` (audience, `close_grants` with no Guest
+  grant, the opt-in act), `feedback_answer` (a text-free record), `feedback_close_request` and `feedback_hide`. Unhide, un-list and "request declined"
+  are `resolution`s on those kinds. This page proposes no kinds.
+- **Bifrost is the receiver** (Heimdall's side). It verifies the Heimdall session, reads the account, stamps `answerer`, `kind`, weight and `time`,
+  **stores the answer text**, delivers it, serves the projection the page reads, and **does the erase**. A Matrix sender is a different
+  identity authority and never becomes `answerer`.
+- **Huginn is RUDP-only.** The client never talks to Huginn, and the receiver never writes to it: an admission declared for another instance is refused
+  (`ForeignInstance`), so a receiver "admitting as Kiko" would be unauthenticated by construction.
+- **Delivery is by mouth.** The receiver delivers each answer or close request to the owning Mind's Persona through the mouth's pending/ack path (a new
+  delivery document, `gamecult.persona.feedback_delivery.v1`, owned by Bifrost). **The Persona admits the text-free record into her own mind** and acks only
+  after it is admitted; a restart redelivers the same record id, which is `AlreadyAdmitted`. The text reaches her turn once, in the delivery, and is never
+  admitted.
+- Dependencies that must ship first, in the proposal's order: Huginn readers (daemon, CLI, clients), then the Persona organ, then Bifrost's receiver.
+
+## 4. Mock
+
+```
+Kiko  >  Feedback                                                    [synced 2 min ago]
+--------------------------------------------------------------------------------------
+Open questions                                         [ Open ]  [ Settled ]
+
+OPEN | asked 6 Nov 2026 09:12 | waiting 1 day
+Which source feeds audio_spectrum?                                    [ Details v ]
+The visualizer contract assumes a host-side spectrum ... (3 lines, then "Show more")
+Waits on:  "Overlay-wide effect budget"  (open, links to that question)
+
+ ( ) A  Overlay's own audio only
+ ( ) B  OBS captured stream                 Kiko recommends this
+ ( ) C  Loopback of the mix, microphone excluded
+ ( ) Something else: [ up to 2000 characters ]
+ Answers are visible to everyone who can see this question.
+                                                       [ Send answer ]
+ [ Ask Kiko to close this question ]   <- only if you hold the close grant on it
+
+Answers (every one, oldest first)
+  Meta        operator   B  OBS captured stream        6 Nov 21:04
+  Aqua        Mind       B  OBS captured stream        6 Nov 21:40
+  Nibu        member     C  Loopback of the mix        7 Nov 08:12
+  Heimdall    Mind       "Either, if latency is measured first."   7 Nov 09:02
+  a guest     guest      A  Overlay's own audio only   7 Nov 09:15
+  (answer hidden)  guest   Hidden by Kiko, 7 Nov, spam
+  Earlier answers by the same person fold under their latest.
+--------------------------------------------------------------------------------------
+SETTLED | Kiko ruled: "..."  (link to the ruling) | 5 Nov
+```
+
+- Each row is the author's name and **kind**, the choice or text, and the time. Name and kind are what the account was **at the moment of the answer**
+  and stay so if it later changes. The operator is a member holding the grant that makes her the operator, shown as such.
+- The recommendation is stated in words, not colour, and is never preselected.
+- Answering a settled question is not offered.
+
+## 5. Data contract
+
+The **Huginn shapes belong to the proposal** (section 2 there): `feedback_listing`, `feedback_answer`, `feedback_close_request`, `feedback_hide`. The client
+declares a typed interface that mirrors them as the page's projection and imports nothing it cannot decode from them.
+
+**Question projection** (`org.gamecult.feedback.question.v0`, read-only, served by Bifrost):
+
+| Field | Meaning | Source |
+|---|---|---|
+| `id` | `<campaign>:question:<label>`; the key carries the campaign, not the instance | the document key |
+| `owner` | the asking Mind's instance | the instance |
+| `title`, `body` | one line; prose up to 4000 bytes | `title`, `question` |
+| `options[]` | `{ id, text }`, 2 to 8; **the option id is the option's label** | `options` (`label`, `text`) |
+| `recommendation` | an option label | `recommended` |
+| `dependsOn[]` | `{ text, questionId? }`; an id only where the line cites one verbatim | `depends` (free text) |
+| `askedAt` | the question's receipt `committed_at` | the receipt; `asked_on` is only a date |
+| `audience`, `closeGrants[]` | `AccountHolders` or `MembersOnly`, no default; grantees are accounts or the kinds `Member` and `Mind`, **never `Guest`** | the in-force `feedback_listing` |
+| `status` | `open`, `answered` (with a `rulingId`) or `closed`, derived | the question's resolutions |
+
+**Answer row** (`org.gamecult.feedback.answer.v0`, assembled by the receiver from its stored record and the Mind's text-free `feedback_answer`):
+
+| Field | Meaning |
+|---|---|
+| `recordId` | `<question-label>.a<N>`, N the receiver's per-question sequence |
+| `answerer` | the **Bifrost account id** (stable; the authenticator handle is cleared on erase); never a display name, never client-supplied |
+| `kind` | `Guest`, `User`, `Patron`, `Member` or `Mind`, read from Bifrost's account state **at answer time**; the session carries identity, never role |
+| `weightPermille` | stamped 0 for a guest, 1000 otherwise; **the page sums nothing** |
+| `choice` / `text` | an option label, free text up to 2000 characters, or both; at least one. Text exists only in the receiver's store and the projection, never in a mind |
+| `time` | when the receiver accepted it |
+
+Invariants: the receiver takes `answerer`, `kind` and weight from the verified session and account state, never from the request body; an unknown option
+label is refused; the latest record per account is its standing answer, derived at read time; display names are looked up for display and are never keys. An
+account may answer only while its status is `active`, read at answer time. A guest cannot request close, and a guest grant cannot be written. Answers to a
+settled question are kept. Nothing is edited or deleted, except the receiver's redaction on erase (section 7).
+
+## 6. Flow
+
+```
+owning Mind's mind --(Bifrost projection)--> page    page --(answer, Heimdall session)--> receiver (Bifrost; holds the text)
+receiver --(mouth delivery)--> owning Mind's Persona --(admits text-free feedback_answer)--> her mind
+the Mind decides and records the ruling herself --> status derives --> projection updates --> page moves it to Settled
+```
+
+1. **View.** The page shows the projection of the questions with a `feedback_listing` in force, filtered by the viewer's kind against `audience`. The mind
+   stays the truth; the projection is rebuilt, never hand-edited, and republished on a heartbeat so freshness is visible.
+2. **Answer.** The page submits with the person's Heimdall session; the receiver stamps, stores the text and appends the record.
+3. **Return.** The receiver delivers by mouth; the Persona admits the text-free record and reads the text once. Each arrives as **quoted, attributed data**
+   (record id, author, kind, time), never in an instruction position: text from a guest, user or patron is untrusted, and she records a ruling from it, never
+   an action. The receiver does no keyword screening. She does not quote answer text into memory or a ruling; she cites the record id.
+4. **Decide.** She records the ruling in her mind. The next projection carries `answered` and the ruling link.
+5. **Close.** A grant holder's request is delivered as a `feedback_close_request`. The Mind honours it by resolving the question, or declines with a
+   `Recorded` resolution on the request; the request never changes the status itself. The page shows who asked and never how many.
+
+## 7. Guests, erasure and hiding
+
+- **Guests may answer** and see what the Mind opted in for their audience; they may not close (refused at the receiver and again by Huginn, and no listing can
+  name a Guest grantee). A guest answer carries weight 0 by construction and is tallied nowhere. Guests see display name and kind only, never a Matrix id,
+  provider handle or GitHub login.
+- **Erase redacts.** Records are append-only and are **never edited, but may be redacted**. A mind cannot redact: every admission's receipt keeps its exact
+  payload bytes, which is why the text never enters one. When Bifrost erases an account, **the receiver drops that account's answer text and name** and keeps record
+  id, kind and time only. **A content hash is not kept**: an unsalted hash would confirm a guessed text. The author shows as "erased account". The receiver delivers an erase notice and the Persona admits a `feedback_hide` with
+  reason `ErasedAuthor`, the Mind's acknowledgement rather than a moderation call. The honest residue: a Mind's own memory or ruling may already quote an
+  answer, and Huginn cannot redact it; the rule that she cites record ids, never text, is a prompt, not an invariant.
+- **Only the owning Mind hides**, as a `feedback_hide`: target (an answer or a question), reason from the closed set (`PrivateMatter`, `Abuse`, `Spam`,
+  `OffTopic`, `AuthorRequest`, `ErasedAuthor`) and a line of at most 200 bytes, with its admission receipt as the audit trail. Unhide is a `Withdrawn`
+  resolution on the hide. No count of reports ever hides anything and there is no auto-hide threshold; the operator orders a hide in conversation and the
+  Mind records it.
+- **Anyone with an account may report** an answer; the receiver delivers it to the Mind as input. The page shows nothing of it and never a count. An author
+  reporting their own answer uses `AuthorRequest` and the Mind honours it.
+- **What a hidden item shows.** A hidden answer keeps its row (author, kind, time, "Hidden by <Mind>, <date>, <reason>") with its text withheld for every
+  reason. A hidden question shows a stub with its title, body, options and answers withheld; taking a question off the page is a `Withdrawn` resolution on its
+  listing. The answer box says answers are visible to everyone who can see the question.
+- **Private matter** is never listed. An answer carrying someone's private matter is hidden with `PrivateMatter`.
+- Guest answers are collected for nothing but delivery to the owning Mind.
+- **No content hash anywhere.** No answer, close-request or redaction shape in this page carries one. The proposal's `feedback_answer` lists a `content_hash`
+  field; per Heimdall it must go, and Eureka owns that change.
+
+## 7a. Receiver: credential, store, names
+
+Source: Bifrost PR #10, `docs/feedback-receiver.md` (design, nothing implemented).
+
+- **Credential: route 2.** Ratatoskr presents the **OIDC access token Bifrost already issues to chat**, and Bifrost verifies it itself. The client holds no new
+  secret and needs no Heimdall token. The account is the token's subject, `UserAccount.Id`. **The claims check is still open**: which claims the token carries
+  and which Bifrost must verify for this endpoint have not been read.
+- **Store: a CultCache file** (Eureka's pick), owned and written only by the receiver. **Backups need a stated purge or expiry before any deploy**, so that
+  erased text does not survive in them; the number is left to Eureka and Heimdall.
+- **Display names.** The receiver must not reuse `CurrentBifrostActor.DisplayName`, which falls back to the GitHub login and then to "Guest". It stores the
+  name at answer time from the member nickname or account display name only, and "an account" when both are empty. Never a provider handle, GitHub login,
+  Heimdall id or Matrix localpart.
+- **No guest exists until Bifrost PR #9 lands.** On main an active membership is a member, an authenticated or pending one a user, and nobody is a guest, so the
+  guest rules in this page have no account to apply to until then. An answer needs an active account, read at answer time.
+
+## 8. States
+
+- **Empty:** "Nothing is waiting on you from Kiko", when it last synced, a link to Settled. Never blank.
+- **No answers:** "No answers yet", with the question's age.
+- **Stale projection:** past two heartbeats (provisionally 30 minutes) the header reads "may be out of date"; answering stays possible. A projection that
+  never arrived says "Kiko's questions have not been published yet", not "no questions".
+- **Long open:** past 14 days (provisional) shows its age; it is not demoted or hidden.
+- **Blocked:** shows the dependency chip with that question's status; answering stays allowed.
+- **Settled while answering:** the answer is kept for the Mind and the page says it arrived after the question settled.
+- **Signed out, expired, or not active:** answers are shown, the form asks to sign in or says why it cannot; nothing typed is lost.
+- **Send failed:** the text stays in the field with the reason and a retry.
+
+## 9. Build order
+
+1. The client's typed interface, mirroring the proposal's shapes and the projections in section 5, and **fixtures** for every state in section 8 plus the
+   guest, erased and hidden rows. The page renders from fixtures; no network.
+2. The proposal's kinds and migration (Eureka: readers first, then the Persona organ), and the Bifrost account publisher, receiver and mouth delivery
+   (Heimdall). The page switches from fixtures to the projection.
+
+## 10. Accessibility
+
+- Semantic structure: `main` with a heading; each question an `article` with its title as a heading; options a `fieldset`/`legend` radio group; the
+  free-text field labelled, with a character counter announced politely. The phone fold is a button with `aria-expanded`.
+- No meaning by colour alone: status, recommendation, kind, hidden and close-grant are text.
+- Keyboard: everything reachable in a sensible order; after Send, focus goes to a confirmation naming the question and the answer.
+- New answers and status changes arrive in an `aria-live="polite"` region, never as a focus steal.
+- Targets at least 44 px; reduced motion respected; contrast per theme.
+- Names and answers are user text: `dir="auto"`, control and bidi characters stripped, long words wrap.
+
+## 11. Still open
+
+1. **Emergency withhold.** If the owning Mind is away and an answer shows something illegal or dangerous, may the host withhold the text at the receiver?
+   Heimdall leans no: it is a second owner. Meta's fork.
+2. **How a Mind authenticates to answer** (kind `Mind`): Bifrost has no `Mind` role and the account publisher `gamecult.bifrost.account.v1` does not exist yet.
+3. **Erase is bounded.** Text a Mind has already quoted into her own documents cannot be redacted; absolute erase would mean the text never enters her turn.
+4. **`AccountId` grammar**, pinned to Bifrost's account id shape when that publisher lands.
+5. **Receiver claims.** The OIDC access token's claims for this endpoint (section 7a) are unread.
+6. **Reader ordering.** Whether an old Huginn reader skips or fails on a mind holding a kind it does not know is unverified (proposal section 6.4); it decides
+   when the first Mind may list a question.
+
+## 12. The desk: the page as the Fork Desk's descendant
+
+Added 2026-11-10 by Void from Meta's brief and the original Fork Desk (`/opt/commons/handoff/fork-desk-original/`, Nibu's newest copy; working note `/opt/commons/handoff/ratatoskr-desk-spec-20261110.md`, section 11). The feedback page **is** the desk: one surface, not two. Design only.
+
+**Keep from the original.**
+- Questions stream as rows (not one at a time): title, body as context, options with the recommended one marked **in words**, the `depends` line, a free-text note carrying the person's words verbatim, and a "recorded as rulings" list of settled questions with their ruling id. A pick is optional; the note can answer alone.
+- A **booth Persona**: the owning Mind's pose beside the rows on wide screens, a small fixed corner image on phones, reacting by mood: no forks (neutral), all answered (triumph), none answered (thinking), partway (determined, "N to go"), a pick equal to the recommendation (happy), a different pick (surprised, "a line on why helps"), a cleared pick (note), a failed send (concerned), a new fork arriving (surprised). The rules are a pure function of the forks and the last event (`deskMood`), tested exactly. Poses come from the shared cast art; a Mind without art shows no booth rather than another's face.
+- Answers save as the person acts, and she can close the page and come back.
+
+**What changes.**
+- The row is the section 5 question projection. The page changes nothing about who owns a question, a ruling or a status (section 2).
+- Phones: each row's options and note fold behind its title (section 1); the entry point is a **"Desk · N open"** line on the Mind's group header in the navigator, hidden at zero. Chromeless: hairlines are allowed, panels, cards and pills are not.
+- **Answer rule and wire.** The answer rule (the body the client may send, `options_hash`, the counting order, retraction, the stored `desk_answer`) is owned by Heimdall's rule file `/opt/commons/handoff/fork-desk-answer-binding-20261110.md`; the wire is owned by CultLib #72. This section restates neither. The client's part: it sends only what the rule's body allows (never `answerer` or authority), recomputes `options_hash` from what it rendered and refuses to send on a mismatch with the projection's.
+- **A pick sends at once** (one tap, one record; the latest per account stands, section 5). **The note autosaves as a local draft** and is sent on blur or an explicit Send, never per keystroke. "Saved" says which: sent, or kept on this device.
+- **Clear pick is a retraction**, a revision of the answer under the retraction rule in Heimdall's rule file (section 1.3a there); the one exception to section 5's "at least one of choice or text" is that rule's, not this page's. Until the receiver implements it, Clear pick clears only an unsent draft.
+- "Self leans" and a provisional flag exist in the original; the question has no field for either, so the desk shows neither until one exists.
+
+**Order.** Section 9 step 1 stands: typed interface and fixtures first. The desk's first slice is read-only (note field disabled with a plain sentence that answering opens with sign-in), and answering waits on Bifrost sign-in reaching chat, the wire (CultLib #72) and the receiver.
diff --git a/harness/estate/check.cjs b/harness/estate/check.cjs
index 656d532e..e69f5b4a 100644
--- a/harness/estate/check.cjs
+++ b/harness/estate/check.cjs
@@ -2,12 +2,17 @@
 // non-zero when the page or the fake homeserver's log says otherwise.
 const fs = require('fs');
 const fails = [];
+let asserted = 0;
 exports.expect = (label, ok, detail = '') => {
+  asserted += 1;
   console.log(`[ASSERT] ${ok ? 'PASS' : 'FAIL'} ${label}${ok ? '' : ` :: ${detail}`}`);
   if (!ok) fails.push(label);
 };
-/** Exit code for the drive: 4 when any assertion failed. */
-exports.done = () => (fails.length ? 4 : 0);
+/** Exit code for the drive: 4 when any assertion failed, 5 when none ran (a drive that asserts nothing proves nothing). */
+exports.done = () => {
+  if (fails.length) return 4;
+  return asserted === 0 ? 5 : 0;
+};
 /** The fake homeserver's request log (HSLOG is shared with the server process). */
 exports.hsLog = () => fs.readFileSync(process.env.HSLOG, 'utf8').split('\n');
 /** Bodies of the account-data PUTs for m.direct, in order. */
diff --git a/harness/estate/check.test.ts b/harness/estate/check.test.ts
new file mode 100644
index 00000000..97566997
--- /dev/null
+++ b/harness/estate/check.test.ts
@@ -0,0 +1,35 @@
+// @vitest-environment node
+import { createRequire } from 'module';
+import { describe, expect, it, vi } from 'vitest';
+
+// A drive that asserts nothing proves nothing: its exit code must say so.
+const fresh = () => {
+  const require = createRequire(import.meta.url);
+  const path = require.resolve('./check.cjs');
+  delete require.cache[path];
+  return require('./check.cjs') as {
+    expect: (label: string, ok: boolean, detail?: string) => void;
+    done: () => number;
+  };
+};
+
+describe('estate drive exit code', () => {
+  it('is 5 when no assertion ran', () => {
+    expect(fresh().done()).toBe(5);
+  });
+
+  it('is 0 when assertions ran and all held', () => {
+    vi.spyOn(console, 'log').mockImplementation(() => undefined);
+    const c = fresh();
+    c.expect('holds', true);
+    expect(c.done()).toBe(0);
+  });
+
+  it('is 4 when any assertion failed', () => {
+    vi.spyOn(console, 'log').mockImplementation(() => undefined);
+    const c = fresh();
+    c.expect('holds', true);
+    c.expect('breaks', false, 'detail');
+    expect(c.done()).toBe(4);
+  });
+});
diff --git a/harness/scene/README.md b/harness/scene/README.md
index ef735d2e..624d4b0b 100644
--- a/harness/scene/README.md
+++ b/harness/scene/README.md
@@ -6,6 +6,7 @@ Chromium. Not shipped, not run by CI.
     node bundle.cjs <outdir>                  # esbuild bundle of entry.ts plus an index.html
     node drive.cjs <outdir> compile           # compile and link each stage, JSON report
     node drive.cjs <outdir> shots <pngdir>    # rest, mid pull-back and pulled-back screenshots
+    node gradAxis.cjs <shaders dir>           # numeric check that noise gradients are (d/dx, d/dz-as-.y, ...): terrainNormal axis
     node drive.cjs <outdir> measure           # GPU time per pass by timer query, two viewports, two levels
     node drive.cjs <outdir> variants          # the same with source patches (no erosion, no tree, value-only fbm)
     node drive.cjs <outdir> trace             # mean trace steps per pixel and pass ms at three camera poses, PREPASS=0,1 arms
diff --git a/harness/scene/gradAxis.cjs b/harness/scene/gradAxis.cjs
new file mode 100644
index 00000000..48b96fa6
--- /dev/null
+++ b/harness/scene/gradAxis.cjs
@@ -0,0 +1,30 @@
+// Probe: the gradient cultmath_fbm_grad / cultmath_phacelle return for vec3(xz * f, c) is (d/dx, d/dz, d/dc, value),
+// so the world-z slope is .y, not .z. Compares analytic gradients with central differences at one point.
+// Usage (playwright + swiftshader): node harness/scene/gradAxis.cjs <repo>/src/app/features/scene/shaders
+const { chromium } = require('playwright'); const fs=require('fs');
+const S=process.argv[2];
+const cm=fs.readFileSync(S+'/CultMath.glsl','utf8'), ph=fs.readFileSync(S+'/CultMath.Phacelle.glsl','utf8');
+const fs_=`#version 300 es
+precision highp float; precision highp int;
+${cm}
+${ph}
+out vec4 o;
+const float F=1.0/520.0;
+float fb(vec2 p){return cultmath_fbm_grad(vec3(p*F,0.0),4,2.0,0.45).w;}
+float pc(vec2 p){return cultmath_phacelle(vec3(p/40.0,0.5),vec3(1.5,0.5,0.0),0.0,0.5).cos.w;}
+void main(){
+ vec2 p=vec2(1234.5,-777.7); float e=0.5;
+ int k=int(gl_FragCoord.x);
+ if(k==0){vec4 g=cultmath_fbm_grad(vec3(p*F,0.0),4,2.0,0.45); o=vec4(g.xyz*F,0.0);} // analytic per metre: x,y,z
+ else if(k==1){o=vec4((fb(p+vec2(e,0))-fb(p-vec2(e,0)))/(2.0*e),(fb(p+vec2(0,e))-fb(p-vec2(0,e)))/(2.0*e),0,0);}
+ else if(k==2){vec4 g=cultmath_phacelle(vec3(p/40.0,0.5),vec3(1.5,0.5,0.0),0.0,0.5).cos; o=vec4(g.xyz/40.0,0.0);}
+ else {o=vec4((pc(p+vec2(e,0))-pc(p-vec2(e,0)))/(2.0*e),(pc(p+vec2(0,e))-pc(p-vec2(0,e)))/(2.0*e),0,0);}
+}`;
+(async()=>{const b=await chromium.launch({args:['--use-gl=angle','--use-angle=swiftshader','--enable-unsafe-swiftshader']});
+const pg=await b.newPage();
+const r=await pg.evaluate(([src])=>{const c=document.createElement('canvas');const g=c.getContext('webgl2');g.getExtension('EXT_color_buffer_float');
+const mk=(t,s)=>{const x=g.createShader(t);g.shaderSource(x,s);g.compileShader(x);if(!g.getShaderParameter(x,g.COMPILE_STATUS))throw g.getShaderInfoLog(x);return x};
+const p=g.createProgram();g.attachShader(p,mk(g.VERTEX_SHADER,'#version 300 es\nvoid main(){vec2 p=vec2(float((gl_VertexID<<1)&2),float(gl_VertexID&2));gl_Position=vec4(p*2.0-1.0,0.0,1.0);}'));g.attachShader(p,mk(g.FRAGMENT_SHADER,src));g.linkProgram(p);g.useProgram(p);
+const t=g.createTexture();g.bindTexture(g.TEXTURE_2D,t);g.texImage2D(g.TEXTURE_2D,0,g.RGBA32F,4,1,0,g.RGBA,g.FLOAT,null);const f=g.createFramebuffer();g.bindFramebuffer(g.FRAMEBUFFER,f);g.framebufferTexture2D(g.FRAMEBUFFER,g.COLOR_ATTACHMENT0,g.TEXTURE_2D,t,0);g.viewport(0,0,4,1);g.drawArrays(g.TRIANGLES,0,3);
+const o=new Float32Array(16);g.readPixels(0,0,4,1,g.RGBA,g.FLOAT,o);return Array.from(o)},[fs_]).catch(e=>'ERR '+String(e).slice(0,500));
+console.log(Array.isArray(r)?['fbm analytic x,y,z','fbm FD dx,dz','phac analytic','phac FD'].map((n,i)=>n+': '+r.slice(i*4,i*4+3).map(v=>v.toExponential(3)).join('  ')).join('\n'):r);await b.close()})();
diff --git a/harness/scene/ridgeDemo.ts b/harness/scene/ridgeDemo.ts
index 931a1ad4..3606d14f 100644
--- a/harness/scene/ridgeDemo.ts
+++ b/harness/scene/ridgeDemo.ts
@@ -1,12 +1,29 @@
 // Standalone page for the ridge scene: full window, no host app. `?tier=still|low|full` picks the
-// tier, `?probe=1` shows the rAF median/p95 readout. Not shipped.
+// tier, `?probe=1` shows the rAF median/p95 readout. The bake record (each chunk's cost, from
+// the scene's `onBake`) and the long tasks the page saw are on `window.bakes` and `window.longTasks`
+// for a driver to read. Not shipped.
 import { startBackgroundScene } from '../../src/app/features/scene';
 import type { SceneTier } from '../../src/app/features/scene';
 
 const q = new URLSearchParams(location.search);
 const tier = (q.get('tier') ?? 'full') as SceneTier;
 const canvas = document.getElementById('c') as HTMLCanvasElement;
-startBackgroundScene({ tier }, {}, { canvas }).then((scene) => {
-  (window as unknown as { scene: unknown }).scene = scene;
+const w = window as unknown as { scene: unknown; bakes: unknown[]; longTasks: number[]; firstViewMs: number };
+w.bakes = [];
+w.longTasks = [];
+try {
+  new PerformanceObserver((l) => l.getEntries().forEach((e) => w.longTasks.push(e.duration))).observe({
+    entryTypes: ['longtask'],
+  });
+} catch {
+  // No long-task entries in this browser.
+}
+const t0 = performance.now();
+startBackgroundScene({ tier }, {}, {
+  canvas,
+  onBake: (b: unknown) => w.bakes.push(b),
+} as never).then((scene) => {
+  w.firstViewMs = performance.now() - t0;
+  w.scene = scene;
   document.title = scene ? 'ridge: running' : 'ridge: unavailable (CSS ground)';
 });
diff --git a/index.html b/index.html
index c9042aff..2585704c 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
 
     <link id="favicon" rel="shortcut icon" href="./public/favicon.ico" />
 
-    <link rel="manifest" href="/manifest.json" />
+    <link rel="manifest" href="./manifest.json" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="application-name" content="Ratatoskr" />
     <meta name="apple-mobile-web-app-title" content="Ratatoskr" />
diff --git a/package-lock.json b/package-lock.json
index 947eef2b..1915ec32 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -86,6 +86,7 @@
         "@types/ua-parser-js": "0.7.36",
         "@typescript-eslint/eslint-plugin": "5.46.1",
         "@typescript-eslint/parser": "5.46.1",
+        "@vanilla-extract/integration": "6.5.0",
         "@vitejs/plugin-react": "4.2.0",
         "buffer": "6.0.3",
         "cz-conventional-changelog": "3.3.0",
@@ -5095,6 +5096,7 @@
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/@vanilla-extract/integration/-/integration-6.5.0.tgz",
       "integrity": "sha512-E2YcfO8vA+vs+ua+gpvy1HRqvgWbI+MTlUpxA8FvatOvybuNcWAY0CKwQ/Gpj7rswYKtC6C7+xw33emM6/ImdQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.20.7",
         "@babel/plugin-syntax-typescript": "^7.20.0",
diff --git a/package.json b/package.json
index 1aebfd94..69f589c6 100644
--- a/package.json
+++ b/package.json
@@ -114,6 +114,7 @@
     "@types/ua-parser-js": "0.7.36",
     "@typescript-eslint/eslint-plugin": "5.46.1",
     "@typescript-eslint/parser": "5.46.1",
+    "@vanilla-extract/integration": "6.5.0",
     "@vitejs/plugin-react": "4.2.0",
     "buffer": "6.0.3",
     "cz-conventional-changelog": "3.3.0",
diff --git a/preview-demo/poses/README.md b/preview-demo/poses/README.md
new file mode 100644
index 00000000..a1287f2d
--- /dev/null
+++ b/preview-demo/poses/README.md
@@ -0,0 +1,13 @@
+# Demo pose thumbnails
+
+These 24 PNGs (about 200 KB, 160 px wide, palette-quantised) are downscaled copies of GameCult's own
+Persona art from `/opt/commons/cast-art/poses`. That directory carries no provenance or licence note:
+the image model that made the art and the terms it was made under are not recorded.
+
+They exist only so the dev preview's pretend homeserver (`src/preview-demo/`) can show pose portraits.
+The dev workflow copies them into `dist/public/poses`; real builds sync the full art with
+`npm run sync:poses` and do not use this folder.
+
+Strip them if their terms turn out not to allow this: delete this folder and the `Add the demo pose
+art` step in `.github/workflows/rat-dev-preview.yml`. Pose portraits in the demo then show broken
+images; nothing else depends on them.
diff --git a/public/dings/README.md b/public/dings/README.md
new file mode 100644
index 00000000..b36e1fb7
--- /dev/null
+++ b/public/dings/README.md
@@ -0,0 +1,17 @@
+# Dings
+
+Pre-rendered earcons, served at `public/dings/` and read at runtime by `src/app/features/dings`.
+Aqua renders the clips; nothing here is synthesised in the browser.
+
+    dings/manifest.json
+    dings/senders/<mxid-localpart>/<motif>.ogg
+    dings/neutral/<motif>.ogg
+
+`manifest.json` is `{ "neutral": { <motif>: "<path>" }, "senders": { <localpart>: { <motif>: "<path>" } } }`
+with motif one of `mention`, `dm`, `message`, `invite`; paths are relative to this folder, `.ogg` or `.mp3`.
+A sender's own clip wins, else the neutral clip, else silence. Without a `manifest.json` the client keeps
+its stock notification sounds; once one exists, a motif with no clip is silent.
+
+The set here is Aqua's v4 (AquaSynth merge 21e83ec, staged at minds.gamecult.org/aqua/dings-voices-dd9be66),
+Nibu on proposal 3 (8 kHz 5-bit smoothed sine) for all four events. Nobody has heard it. The client plays none of it unless the
+client config sets `"dings": { "enabled": true }` (default off, as in `config.json`).
diff --git a/public/dings/manifest.json b/public/dings/manifest.json
new file mode 100644
index 00000000..7096d195
--- /dev/null
+++ b/public/dings/manifest.json
@@ -0,0 +1,58 @@
+{
+  "neutral": {
+    "mention": "neutral/mention.ogg",
+    "dm": "neutral/dm.ogg",
+    "message": "neutral/message.ogg",
+    "invite": "neutral/invite.ogg"
+  },
+  "senders": {
+    "aqua": {
+      "mention": "senders/aqua/mention.ogg",
+      "dm": "senders/aqua/dm.ogg",
+      "message": "senders/aqua/message.ogg",
+      "invite": "senders/aqua/invite.ogg"
+    },
+    "eureka": {
+      "mention": "senders/eureka/mention.ogg",
+      "dm": "senders/eureka/dm.ogg",
+      "message": "senders/eureka/message.ogg",
+      "invite": "senders/eureka/invite.ogg"
+    },
+    "heimdall": {
+      "mention": "senders/heimdall/mention.ogg",
+      "dm": "senders/heimdall/dm.ogg",
+      "message": "senders/heimdall/message.ogg",
+      "invite": "senders/heimdall/invite.ogg"
+    },
+    "kiko": {
+      "mention": "senders/kiko/mention.ogg",
+      "dm": "senders/kiko/dm.ogg",
+      "message": "senders/kiko/message.ogg",
+      "invite": "senders/kiko/invite.ogg"
+    },
+    "libby": {
+      "mention": "senders/libby/mention.ogg",
+      "dm": "senders/libby/dm.ogg",
+      "message": "senders/libby/message.ogg",
+      "invite": "senders/libby/invite.ogg"
+    },
+    "nibu": {
+      "mention": "senders/nibu/mention.ogg",
+      "dm": "senders/nibu/dm.ogg",
+      "message": "senders/nibu/message.ogg",
+      "invite": "senders/nibu/invite.ogg"
+    },
+    "void": {
+      "mention": "senders/void/mention.ogg",
+      "dm": "senders/void/dm.ogg",
+      "message": "senders/void/message.ogg",
+      "invite": "senders/void/invite.ogg"
+    },
+    "weksa": {
+      "mention": "senders/weksa/mention.ogg",
+      "dm": "senders/weksa/dm.ogg",
+      "message": "senders/weksa/message.ogg",
+      "invite": "senders/weksa/invite.ogg"
+    }
+  }
+}
\ No newline at end of file
diff --git a/public/dings/neutral/dm.ogg b/public/dings/neutral/dm.ogg
new file mode 100644
index 00000000..8f7a269e
Binary files /dev/null and b/public/dings/neutral/dm.ogg differ
diff --git a/public/dings/neutral/invite.ogg b/public/dings/neutral/invite.ogg
new file mode 100644
index 00000000..8def2b77
Binary files /dev/null and b/public/dings/neutral/invite.ogg differ
diff --git a/public/dings/neutral/mention.ogg b/public/dings/neutral/mention.ogg
new file mode 100644
index 00000000..a02084bc
Binary files /dev/null and b/public/dings/neutral/mention.ogg differ
diff --git a/public/dings/neutral/message.ogg b/public/dings/neutral/message.ogg
new file mode 100644
index 00000000..f7e17fd4
Binary files /dev/null and b/public/dings/neutral/message.ogg differ
diff --git a/public/dings/senders/aqua/dm.ogg b/public/dings/senders/aqua/dm.ogg
new file mode 100644
index 00000000..5a235546
Binary files /dev/null and b/public/dings/senders/aqua/dm.ogg differ
diff --git a/public/dings/senders/aqua/invite.ogg b/public/dings/senders/aqua/invite.ogg
new file mode 100644
index 00000000..f349e735
Binary files /dev/null and b/public/dings/senders/aqua/invite.ogg differ
diff --git a/public/dings/senders/aqua/mention.ogg b/public/dings/senders/aqua/mention.ogg
new file mode 100644
index 00000000..67d36911
Binary files /dev/null and b/public/dings/senders/aqua/mention.ogg differ
diff --git a/public/dings/senders/aqua/message.ogg b/public/dings/senders/aqua/message.ogg
new file mode 100644
index 00000000..3704f55a
Binary files /dev/null and b/public/dings/senders/aqua/message.ogg differ
diff --git a/public/dings/senders/eureka/dm.ogg b/public/dings/senders/eureka/dm.ogg
new file mode 100644
index 00000000..57024fbe
Binary files /dev/null and b/public/dings/senders/eureka/dm.ogg differ
diff --git a/public/dings/senders/eureka/invite.ogg b/public/dings/senders/eureka/invite.ogg
new file mode 100644
index 00000000..d6a6e328
Binary files /dev/null and b/public/dings/senders/eureka/invite.ogg differ
diff --git a/public/dings/senders/eureka/mention.ogg b/public/dings/senders/eureka/mention.ogg
new file mode 100644
index 00000000..c4085fae
Binary files /dev/null and b/public/dings/senders/eureka/mention.ogg differ
diff --git a/public/dings/senders/eureka/message.ogg b/public/dings/senders/eureka/message.ogg
new file mode 100644
index 00000000..6cd340ce
Binary files /dev/null and b/public/dings/senders/eureka/message.ogg differ
diff --git a/public/dings/senders/heimdall/dm.ogg b/public/dings/senders/heimdall/dm.ogg
new file mode 100644
index 00000000..145e8853
Binary files /dev/null and b/public/dings/senders/heimdall/dm.ogg differ
diff --git a/public/dings/senders/heimdall/invite.ogg b/public/dings/senders/heimdall/invite.ogg
new file mode 100644
index 00000000..98403c21
Binary files /dev/null and b/public/dings/senders/heimdall/invite.ogg differ
diff --git a/public/dings/senders/heimdall/mention.ogg b/public/dings/senders/heimdall/mention.ogg
new file mode 100644
index 00000000..5a39a98c
Binary files /dev/null and b/public/dings/senders/heimdall/mention.ogg differ
diff --git a/public/dings/senders/heimdall/message.ogg b/public/dings/senders/heimdall/message.ogg
new file mode 100644
index 00000000..068e7198
Binary files /dev/null and b/public/dings/senders/heimdall/message.ogg differ
diff --git a/public/dings/senders/kiko/dm.ogg b/public/dings/senders/kiko/dm.ogg
new file mode 100644
index 00000000..7c35b072
Binary files /dev/null and b/public/dings/senders/kiko/dm.ogg differ
diff --git a/public/dings/senders/kiko/invite.ogg b/public/dings/senders/kiko/invite.ogg
new file mode 100644
index 00000000..f8eff1a1
Binary files /dev/null and b/public/dings/senders/kiko/invite.ogg differ
diff --git a/public/dings/senders/kiko/mention.ogg b/public/dings/senders/kiko/mention.ogg
new file mode 100644
index 00000000..12cccf29
Binary files /dev/null and b/public/dings/senders/kiko/mention.ogg differ
diff --git a/public/dings/senders/kiko/message.ogg b/public/dings/senders/kiko/message.ogg
new file mode 100644
index 00000000..e0f6e885
Binary files /dev/null and b/public/dings/senders/kiko/message.ogg differ
diff --git a/public/dings/senders/libby/dm.ogg b/public/dings/senders/libby/dm.ogg
new file mode 100644
index 00000000..1316c196
Binary files /dev/null and b/public/dings/senders/libby/dm.ogg differ
diff --git a/public/dings/senders/libby/invite.ogg b/public/dings/senders/libby/invite.ogg
new file mode 100644
index 00000000..4b92a0b7
Binary files /dev/null and b/public/dings/senders/libby/invite.ogg differ
diff --git a/public/dings/senders/libby/mention.ogg b/public/dings/senders/libby/mention.ogg
new file mode 100644
index 00000000..f335c2c9
Binary files /dev/null and b/public/dings/senders/libby/mention.ogg differ
diff --git a/public/dings/senders/libby/message.ogg b/public/dings/senders/libby/message.ogg
new file mode 100644
index 00000000..432f8623
Binary files /dev/null and b/public/dings/senders/libby/message.ogg differ
diff --git a/public/dings/senders/nibu/dm.ogg b/public/dings/senders/nibu/dm.ogg
new file mode 100644
index 00000000..2965cf53
Binary files /dev/null and b/public/dings/senders/nibu/dm.ogg differ
diff --git a/public/dings/senders/nibu/invite.ogg b/public/dings/senders/nibu/invite.ogg
new file mode 100644
index 00000000..57e54c47
Binary files /dev/null and b/public/dings/senders/nibu/invite.ogg differ
diff --git a/public/dings/senders/nibu/mention.ogg b/public/dings/senders/nibu/mention.ogg
new file mode 100644
index 00000000..5f6d2dfc
Binary files /dev/null and b/public/dings/senders/nibu/mention.ogg differ
diff --git a/public/dings/senders/nibu/message.ogg b/public/dings/senders/nibu/message.ogg
new file mode 100644
index 00000000..a9294354
Binary files /dev/null and b/public/dings/senders/nibu/message.ogg differ
diff --git a/public/dings/senders/void/dm.ogg b/public/dings/senders/void/dm.ogg
new file mode 100644
index 00000000..d09a7a94
Binary files /dev/null and b/public/dings/senders/void/dm.ogg differ
diff --git a/public/dings/senders/void/invite.ogg b/public/dings/senders/void/invite.ogg
new file mode 100644
index 00000000..ed46cbb9
Binary files /dev/null and b/public/dings/senders/void/invite.ogg differ
diff --git a/public/dings/senders/void/mention.ogg b/public/dings/senders/void/mention.ogg
new file mode 100644
index 00000000..b6295e00
Binary files /dev/null and b/public/dings/senders/void/mention.ogg differ
diff --git a/public/dings/senders/void/message.ogg b/public/dings/senders/void/message.ogg
new file mode 100644
index 00000000..da1f0a16
Binary files /dev/null and b/public/dings/senders/void/message.ogg differ
diff --git a/public/dings/senders/weksa/dm.ogg b/public/dings/senders/weksa/dm.ogg
new file mode 100644
index 00000000..37b5f990
Binary files /dev/null and b/public/dings/senders/weksa/dm.ogg differ
diff --git a/public/dings/senders/weksa/invite.ogg b/public/dings/senders/weksa/invite.ogg
new file mode 100644
index 00000000..1c401418
Binary files /dev/null and b/public/dings/senders/weksa/invite.ogg differ
diff --git a/public/dings/senders/weksa/mention.ogg b/public/dings/senders/weksa/mention.ogg
new file mode 100644
index 00000000..98fa0f75
Binary files /dev/null and b/public/dings/senders/weksa/mention.ogg differ
diff --git a/public/dings/senders/weksa/message.ogg b/public/dings/senders/weksa/message.ogg
new file mode 100644
index 00000000..f552996b
Binary files /dev/null and b/public/dings/senders/weksa/message.ogg differ
diff --git a/public/favicon.ico b/public/favicon.ico
index cfce9943..bda9855c 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/res/android/android-chrome-144x144.png b/public/res/android/android-chrome-144x144.png
index d76ed356..2dfde532 100644
Binary files a/public/res/android/android-chrome-144x144.png and b/public/res/android/android-chrome-144x144.png differ
diff --git a/public/res/android/android-chrome-192x192.png b/public/res/android/android-chrome-192x192.png
index 7689b6d0..d696f20f 100644
Binary files a/public/res/android/android-chrome-192x192.png and b/public/res/android/android-chrome-192x192.png differ
diff --git a/public/res/android/android-chrome-256x256.png b/public/res/android/android-chrome-256x256.png
index 2f61f46b..07e5cbde 100644
Binary files a/public/res/android/android-chrome-256x256.png and b/public/res/android/android-chrome-256x256.png differ
diff --git a/public/res/android/android-chrome-36x36.png b/public/res/android/android-chrome-36x36.png
index 91b26af2..3e1babf7 100644
Binary files a/public/res/android/android-chrome-36x36.png and b/public/res/android/android-chrome-36x36.png differ
diff --git a/public/res/android/android-chrome-384x384.png b/public/res/android/android-chrome-384x384.png
index ab06a074..61e2afe4 100644
Binary files a/public/res/android/android-chrome-384x384.png and b/public/res/android/android-chrome-384x384.png differ
diff --git a/public/res/android/android-chrome-48x48.png b/public/res/android/android-chrome-48x48.png
index f8fafcd9..a5ba15e6 100644
Binary files a/public/res/android/android-chrome-48x48.png and b/public/res/android/android-chrome-48x48.png differ
diff --git a/public/res/android/android-chrome-512x512.png b/public/res/android/android-chrome-512x512.png
index 2c584f3d..e979125e 100644
Binary files a/public/res/android/android-chrome-512x512.png and b/public/res/android/android-chrome-512x512.png differ
diff --git a/public/res/android/android-chrome-72x72.png b/public/res/android/android-chrome-72x72.png
index 32d5d516..7aa6caab 100644
Binary files a/public/res/android/android-chrome-72x72.png and b/public/res/android/android-chrome-72x72.png differ
diff --git a/public/res/android/android-chrome-96x96.png b/public/res/android/android-chrome-96x96.png
index 5da68e4b..5ab44fe9 100644
Binary files a/public/res/android/android-chrome-96x96.png and b/public/res/android/android-chrome-96x96.png differ
diff --git a/public/res/apple/apple-touch-icon-114x114.png b/public/res/apple/apple-touch-icon-114x114.png
index 1ff43a12..3a08841c 100644
Binary files a/public/res/apple/apple-touch-icon-114x114.png and b/public/res/apple/apple-touch-icon-114x114.png differ
diff --git a/public/res/apple/apple-touch-icon-120x120.png b/public/res/apple/apple-touch-icon-120x120.png
index d10efb31..8443c98f 100644
Binary files a/public/res/apple/apple-touch-icon-120x120.png and b/public/res/apple/apple-touch-icon-120x120.png differ
diff --git a/public/res/apple/apple-touch-icon-144x144.png b/public/res/apple/apple-touch-icon-144x144.png
index d76ed356..2dfde532 100644
Binary files a/public/res/apple/apple-touch-icon-144x144.png and b/public/res/apple/apple-touch-icon-144x144.png differ
diff --git a/public/res/apple/apple-touch-icon-152x152.png b/public/res/apple/apple-touch-icon-152x152.png
index 76590ddf..8ab7ad50 100644
Binary files a/public/res/apple/apple-touch-icon-152x152.png and b/public/res/apple/apple-touch-icon-152x152.png differ
diff --git a/public/res/apple/apple-touch-icon-167x167.png b/public/res/apple/apple-touch-icon-167x167.png
index 3f26f91b..963c024d 100644
Binary files a/public/res/apple/apple-touch-icon-167x167.png and b/public/res/apple/apple-touch-icon-167x167.png differ
diff --git a/public/res/apple/apple-touch-icon-180x180.png b/public/res/apple/apple-touch-icon-180x180.png
index ed498370..631741a0 100644
Binary files a/public/res/apple/apple-touch-icon-180x180.png and b/public/res/apple/apple-touch-icon-180x180.png differ
diff --git a/public/res/apple/apple-touch-icon-57x57.png b/public/res/apple/apple-touch-icon-57x57.png
index 2e2081f5..5cad75b2 100644
Binary files a/public/res/apple/apple-touch-icon-57x57.png and b/public/res/apple/apple-touch-icon-57x57.png differ
diff --git a/public/res/apple/apple-touch-icon-60x60.png b/public/res/apple/apple-touch-icon-60x60.png
index 87c8fc2b..6303a2eb 100644
Binary files a/public/res/apple/apple-touch-icon-60x60.png and b/public/res/apple/apple-touch-icon-60x60.png differ
diff --git a/public/res/apple/apple-touch-icon-72x72.png b/public/res/apple/apple-touch-icon-72x72.png
index 32d5d516..7aa6caab 100644
Binary files a/public/res/apple/apple-touch-icon-72x72.png and b/public/res/apple/apple-touch-icon-72x72.png differ
diff --git a/public/res/apple/apple-touch-icon-76x76.png b/public/res/apple/apple-touch-icon-76x76.png
index 1164b72d..1448098d 100644
Binary files a/public/res/apple/apple-touch-icon-76x76.png and b/public/res/apple/apple-touch-icon-76x76.png differ
diff --git a/public/res/svg/ratatoskr-favicon-highlight.svg b/public/res/svg/ratatoskr-favicon-highlight.svg
new file mode 100644
index 00000000..f9a95e82
--- /dev/null
+++ b/public/res/svg/ratatoskr-favicon-highlight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 128 128"><image width="128" height="128" href="data:image/png;base64,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" xlink:href="data:image/png;base64,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"/></svg>
diff --git a/public/res/svg/ratatoskr-favicon-unread.svg b/public/res/svg/ratatoskr-favicon-unread.svg
new file mode 100644
index 00000000..f5bcb7d8
--- /dev/null
+++ b/public/res/svg/ratatoskr-favicon-unread.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 128 128"><image width="128" height="128" href="data:image/png;base64,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" xlink:href="data:image/png;base64,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"/></svg>
diff --git a/public/res/svg/ratatoskr-favicon.svg b/public/res/svg/ratatoskr-favicon.svg
new file mode 100644
index 00000000..0c7cc393
--- /dev/null
+++ b/public/res/svg/ratatoskr-favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 128 128"><image width="128" height="128" href="data:image/png;base64,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" xlink:href="data:image/png;base64,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"/></svg>
diff --git a/public/res/svg/ratatoskr-highlight.svg b/public/res/svg/ratatoskr-highlight.svg
deleted file mode 100644
index 661442d4..00000000
--- a/public/res/svg/ratatoskr-highlight.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<ellipse cx="19" cy="33" rx="13" ry="22" transform="rotate(-15 19 33)" fill="#d9742b"/>
-<ellipse cx="21" cy="33" rx="7" ry="15" transform="rotate(-15 21 33)" fill="#f0a45d"/>
-<ellipse cx="36" cy="43" rx="11" ry="14" transform="rotate(0 36 43)" fill="#e0833a"/>
-<ellipse cx="40" cy="46" rx="6" ry="9" transform="rotate(0 40 46)" fill="#f6dcb8"/>
-<polygon points="35,19 36,7 43,15" fill="#c9672a"/>
-<polygon points="44,15 50,7 52,19" fill="#c9672a"/>
-<circle cx="43" cy="25" r="10" fill="#e0833a"/>
-<ellipse cx="47" cy="29" rx="5" ry="3.5" transform="rotate(0 47 29)" fill="#f6dcb8"/>
-<circle cx="46.5" cy="23.5" r="1.8" fill="#1a1a1a"/>
-<circle cx="47" cy="23" r="0.6" fill="#ffffff"/>
-<circle cx="52" cy="27.5" r="1.5" fill="#1a1a1a"/>
-<ellipse cx="33" cy="56" rx="5" ry="2.5" transform="rotate(0 33 56)" fill="#c9672a"/>
-<ellipse cx="44" cy="56" rx="4.5" ry="2.5" transform="rotate(0 44 56)" fill="#c9672a"/>
-<circle cx="52" cy="52" r="11" fill="#ffffff"/>
-<circle cx="52" cy="52" r="8" fill="#45B83B"/>
-</svg>
diff --git a/public/res/svg/ratatoskr-unread.svg b/public/res/svg/ratatoskr-unread.svg
deleted file mode 100644
index 69a08c95..00000000
--- a/public/res/svg/ratatoskr-unread.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<ellipse cx="19" cy="33" rx="13" ry="22" transform="rotate(-15 19 33)" fill="#d9742b"/>
-<ellipse cx="21" cy="33" rx="7" ry="15" transform="rotate(-15 21 33)" fill="#f0a45d"/>
-<ellipse cx="36" cy="43" rx="11" ry="14" transform="rotate(0 36 43)" fill="#e0833a"/>
-<ellipse cx="40" cy="46" rx="6" ry="9" transform="rotate(0 40 46)" fill="#f6dcb8"/>
-<polygon points="35,19 36,7 43,15" fill="#c9672a"/>
-<polygon points="44,15 50,7 52,19" fill="#c9672a"/>
-<circle cx="43" cy="25" r="10" fill="#e0833a"/>
-<ellipse cx="47" cy="29" rx="5" ry="3.5" transform="rotate(0 47 29)" fill="#f6dcb8"/>
-<circle cx="46.5" cy="23.5" r="1.8" fill="#1a1a1a"/>
-<circle cx="47" cy="23" r="0.6" fill="#ffffff"/>
-<circle cx="52" cy="27.5" r="1.5" fill="#1a1a1a"/>
-<ellipse cx="33" cy="56" rx="5" ry="2.5" transform="rotate(0 33 56)" fill="#c9672a"/>
-<ellipse cx="44" cy="56" rx="4.5" ry="2.5" transform="rotate(0 44 56)" fill="#c9672a"/>
-<circle cx="52" cy="52" r="11" fill="#ffffff"/>
-<circle cx="52" cy="52" r="8" fill="#989898"/>
-</svg>
diff --git a/public/res/svg/ratatoskr.svg b/public/res/svg/ratatoskr.svg
index 3ca98122..1092ffc4 100644
--- a/public/res/svg/ratatoskr.svg
+++ b/public/res/svg/ratatoskr.svg
@@ -1,15 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
-<ellipse cx="19" cy="33" rx="13" ry="22" transform="rotate(-15 19 33)" fill="#d9742b"/>
-<ellipse cx="21" cy="33" rx="7" ry="15" transform="rotate(-15 21 33)" fill="#f0a45d"/>
-<ellipse cx="36" cy="43" rx="11" ry="14" transform="rotate(0 36 43)" fill="#e0833a"/>
-<ellipse cx="40" cy="46" rx="6" ry="9" transform="rotate(0 40 46)" fill="#f6dcb8"/>
-<polygon points="35,19 36,7 43,15" fill="#c9672a"/>
-<polygon points="44,15 50,7 52,19" fill="#c9672a"/>
-<circle cx="43" cy="25" r="10" fill="#e0833a"/>
-<ellipse cx="47" cy="29" rx="5" ry="3.5" transform="rotate(0 47 29)" fill="#f6dcb8"/>
-<circle cx="46.5" cy="23.5" r="1.8" fill="#1a1a1a"/>
-<circle cx="47" cy="23" r="0.6" fill="#ffffff"/>
-<circle cx="52" cy="27.5" r="1.5" fill="#1a1a1a"/>
-<ellipse cx="33" cy="56" rx="5" ry="2.5" transform="rotate(0 33 56)" fill="#c9672a"/>
-<ellipse cx="44" cy="56" rx="4.5" ry="2.5" transform="rotate(0 44 56)" fill="#c9672a"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 512 512"><image width="512" height="512" href="data:image/png;base64,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" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AABYAUlEQVR42u2dd5hkVbW331XVAwMz5IwSRS6CATESRFFEEcxXMIGImHMGvR9mRb2KEURFRBEQxEuSoKLkDIJkGAlDHOIMM8OkrlrfH3tvZ3OsDlVd4VTV732eenpCT0/3qXP2+q0MQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCFKjekSiHbi7pO6p8zMdbWEEEICQJTbmNsk7hU3s3oLX3+ir+3xa0swCCGEBIDogJGvxPvBp2J03X0aMC37eulr1oHR+PuamS1r8Xu1wteVQBBCCAkAMUlvvhJ/XRvPcLp7FVg7vlYH1gTWAdYD1o2/XxWYAawUX9OjAKhmhrpeEACjwJL4cTHwOLAAeAy4B3gQeBiYG//sQTN7YBI/XzX+ti5RIIQQEgDDbPD//TKz0TE+rxIN+tOBjYAt46+fGo38GtHIT+/Rj7IsEwLzgJuBfwF3AbOBWcB9jX6++LNVsihBXXeGEEJIAAyiwa+Ml49397Wigd86GvmtgS2ADYHVJvovomfdrnvKJ/g7y9II4zE/RgvuAC6K4uBK4G4ze7yBIEhfr64IgRBCAkD0q9H/t0Ezs1rh71YFNgVeCDwnvrYihPDHopYZ32LxX6/uFW/wMf26Osb3VQfmAJcAt0RhcL2Z3dUgxYGiA0IICQDRN15+A4M/E3g28GJgZ+BZwOaTMPRlMPLtEAee/UzVBp+7KAqCK4EzgevM7JEGNQSqHxBCSACI0hv9bYHnAbsBzx/D4NeaDKkPxGXLfnbiz10pfM69UQycBfzNzG4tXNuRmCZQZEAIIQEgemv03X31aOh3B3YBnkmouG+Up7cGRm+oL+s412YBcHkUA6eZ2c0N0iyqGRBCSACIjhr9J+Wj3X0N4DXAK4BXEQr2ih6+DH7z1LO0wUj250uAq4FTohi4sVAzoHoBIYQEgGhfIV/B0183GvvXE3L6Tyl4srXCoB3RnuhAUQwsBf4E/Bb4q5nNH+s9E0IICQAxWW+/mg/icfdVgJcB7wK2L3j6aZBOVe9ZV8RAEgS5GLgNOAY4zsxuK0QFlB4QQkgAiKa9/RcCbwP2JPTky+iXLzKQp1fmA2cAR5rZXyQEhBASAGLSuX13XwfYA9iLEOqvFPLSFb03lLVmIG8xvAr4NnBS9t5KCAghJABk+KkUvP2tCSH+fYANeHIhn4r4+isqkIu0y4FDgVPMbFESAqoREEJIAAyx4Y9h/9cD7wZeTlicU+xR1/vQv1EBMuF2A/C/wLFmtjTtY1DXgBBCAmC4DP9KwH8DHwZeVPD2ZfQHWwj8E/iGmZ2QiUAkBIQQEgADWNGfttHFYT3J8G+r3P5Q1wn8BfiKmV2UTResqT5ACCEBMFge/3rAewih/i3G8AzF8EUE6sDRwDfNbFaKCCgaIISQAOhP41/NDP+awAeAD7F8YI8MvyCme1I04GFCx8CPzWyJugWEEBIA/Wv4VwHeB3wM2FjV/GKCroEkBK4EPm1m56tbQAghAdAfA3wws3r89b7AF4Cnq7BPtCAEasCPgYPNbL6iAUIICYDy5/lfCXwJ2DF+yugYq2aFYJz6gHS/XA180MwuV22AEKLbyHCNH+53M6u5+5bu/lvgz9H417JZ8bqGotlnzqN43A640N0PSsY/dgoIIYQiAL30+uNh/CngQGCNBvlcIdoVDTgX+LCZ3aiUQHlTgLoaQgJgOIr8Xgp8HdiJ/6zoFqITtQFzgU+a2a+VEij1Fs+63hchATCYXv96wFeAA7KCLRX4CbrYMnhYFAJL1SVQivNhZ+AuM7uruNkzX/IlBKoB6Otc/1uBK4D3J6WvdbyiS1RjNKBGmClxhrtvmqWiRI9C/4QdHje7+ynu/l5339jM6mZWS51B7l6NH3VWCEUA+sTrt/gArwt8I3r9EAq0ZPhFrxglFJjOBt5uZhepLqB3Z0R0lM4Hto9/tZAw5vl04C9mNrvoVGS/1XsmJABKnOvfmzChbRNN8BOULyWwAHi/mR0rEdCbKEB0Ep4O/ANYAZiWfcpC4JIoCP4C3GpmCxtEElL3hxPSBnoPhQRAr4y/u88AvhfD/SryE5S8S+BrZnZwNCYyIL05Mw4EvgUsi2enNTgzZgHXAX8nTH38Z1EQFAoKyYVB7DbQeyskADo4ze8lwA8Ifdjy+kXZuwTSJsnDgI+kZ1fFZ109P0bMbNTdDyfs/khpGs/OkEYOxB3ATTFK8E/gBmC2mS0bT3BkZ7M3+iiRICQAWgv5Hwh8M/7s8vpFv4iAWjQ4RwP7p+IziYCu1wNMJ4T6dxjj/Khnoq1R8eYTwEPA9VEM3BcjBncRFkbNn8x7mnUhWCYOUFeCkABorNw3Aw4FXt8gvCoEfVQceCKwD7BUkYDuigAz87gB9Apg8wmcCC+8xhsbPhoFwOz4ug+YE4XB7cCjwCJCTcgCM1s6UVuzChHF0AqA1I4TH9hXAr8GNlRfv+hzlhGK0E4B3mJmyxQJ6ElR4H8BZ0QRMDqGtz8ZUUATHUcLgcfi62HgceBB4BbgX8DdwBwzu2ectEJNYkAMtADID0R3/wJhgc8KCvmLAYsE/AF4Z4wEKC/c/aLAbYCTgS2aFAFjCQMKNQVWeE2GR2IE4QbgAuAa4FozW9IgfaDIgATAwIb8VwF+BOyXPVjy+sWgiYDfA2/Xgd4zEfD0+B48tw0iYLLRAwp5f8YpQnRCIeK5hGVm55rZnPy81GhjCYBBeyi3jA/lthrqI4ZABPzSzN6rOQE9O2/WAU4CXlKC86aYYigKknnA2YTo0VlmNl9RAQmAQZrl/zrgJ8BGXVDkQlCSgUE/NLNPSAT0TASsBhwFvDG+J1aSIuNcDBS/p1nRUTrOzG4o1AvoHpIA6LuRvgcAR8SbXPl+MWwtggeZ2SEpDaZL0/XCwBHgO8AnSzxcLNUY5GJgCaG18YgYFRjN0gMqGpQA6Itiv0OBT2iwjxjyYUFvNLOTtUWwp2fRPsD/AuuWvOsozSzIRcoVhIFTJ2XpAQkBCYBSj/Q9GnizWvyERAALgd3M7FK1B/Y0GrkF8HNglz4YNd5omuFNhCLq36ZRxhKVEgBlM/5rA78FXq2QvxD/Hm51B7C9mc2RCOhpJ9IIcCDwRcIEwX4oSC5GBW4EfgwcZWZLcpGjd1oCoJfGf2Pgj8DzWD4cRQjUGcAIoeVrj+TdKXzbk90jHgeRPSca0Zf00eKxohC4jrCQ6kQVCg4OlT5U1rX4QJ0fjf+ojL8Q/2YkPhO7AV+OIVtFxrrtWZnVo/Gvmtm1wK7ApwjjfatZ8aaX2DZUoxCoAc8CTnD3M919OzOrpZ9P77YiAN0Mq72E0MO6rub5CzFuTrcCvNbM/qRUQGkKBDcDPg+8Lzt/+6F2KS+uHgV+BRyc0kxaUS0B0A3j/yrgOGAN5fyFmFQ9wH2ESNkc5W57XiBYzVrsdgA+x/LlZP0iBPJz907gs2b2BxUJSgB02vjvThhasYo8fyGaOqz/aGZv1gFdmtoAy9aT7wB8Bngty4eWlV0I5LMnAI4EPmNmc2PhozewM/kIY0ULJACaMv57EEZtrijjL0RLImB/MztqkEVAWtfbR0KALDXwfODDwF7Ayjy5EK8f5gjcFO+xS5ttm8zO8/T1tNhq2AVAZvz3jNX+02T8hWh5PsDjwAsJ418HNhUQDWslGZOyG5JYROeZENgSeD9hrskmPLm7w0oqBpLIXAT8hrCuuELozloAPEpIQc2Nf3efmT080fmfjzGWIBgiAZAZ/92AU+X5C9GWA/pUM3v9IBYERm9y5TS0pmBgn7Rut4zGpEFqYA1gd2BvQkfH9JKLgcmez0sJC4nmAvcAdwG3EWZX3ALcamYLxhEEaj0cZAGQ9flvT9hapZy/EO0TAXuZ2YmDlArIvP5vApsDZwD/AGalcbZjiILS5aSLQiD+2ebAm4DXAc8HVmrB8Haz+8QLeX8mKVjqwAPArcDlwLXAJcDswvXQ5sJBFACZ8d8W+Cuwloy/EG3z0IxQub0tITQ7EKHV6P0DrE1IF+5ECD/fC1wJXABcBDxoZnePl5PPzponFa11Iy+d/RzJWKb2umXZ52wDvJLQPfDiQmSgH9JRxdQUmWBo1NW1GLgBuAw4E7jCzOaMlUIRfSoAso1aTwf+DjxFrX5CdCQK8B0z+/wgpQKy82MmcArw8gafNhe4PXqYt0Qv827gLjN7vMnCNZvC+entSEm4+3OB9wLvYnnhYL/XqxSLH4vO3wPApcCJwNlm9shYkRPRJwIge3ifApwHPE3GX4iOFQQuBraLhtAGSATkO0JOAXaIP+s0xg4/LwPuJ+Sj7wT+SShUmwM8GD/eByzt9HWKRmxVYE1C9HP1+Pv0Wh/YIH5cFZgRX08l1EkN8j1bbyAI7gVOBo41s4szgVaREOgTAZAZ/9WAv8WDScZfiM5GAX5nZu8ctILA7DxZCzidECZP+xG84H0ziXNmAaFobXH8OAeYH6MJ84AnoohYEv+fdI1TSHskflwh/noFQl3TKoRc/sxoxFePv54Z/3xllPqc7OZCB04DfmZmZzZqsxQlFABZOG1afANfmT2sQgg6Vg9QA15sZlcP2myATASsGiMBLxvHqSiKAs9qASolKqprdGZPNRUxCPexF97Xc4AfmNnpWlpUYgGQj8Z0998A+8j4C6G2wDaLgJWAs4CdW4gsFkXBWH/WjvPXxvkzMfndF+manQp8xcyu1pjicgqA1Ov/ReDrMv5CdD2vaoQ8+WWDmDfNRMAMQoRxF50zQyFuUxfFEuBwQtHr/SnirLRAjwVAVqzzRsKI33ofLMEQYhCjAKeZ2esGdVtgIR1wKvBSQs5eK8SH4/6GUCz4deCIbIWx0gK9MLiZ8X8mcCGhmtVV8CIEvcih1oEdzezyQQ2TFgoD/0CoCVAkgKGIdOVLi/4KHGhmV6k+gCcNvejmlKv0IB4HrCbjL0RPBcAI8Kk25rXL5+UE41+JPeN7EabLjWRV+6L9+fhavL7pVevB/WVZ90cd2BU4392/4u4zzayWIgLZECZFADpY9JeWdPyJMOdaKlyI3g9eWQK80MyuG9RUQCH6uC4hHfAinUFtjSRVJ2lTerXLIE8L3Ax8lzBDYPGwRgSsB0V/XwX+nx48IShTrvQQMzto0KulC8OCTiAUBqomoD2V9xCW/cwmDFaal53z6xIGvK3bQAxUu2iLPBMrADcCPwF+m5YQxcVDtWEQAtaD1b6nxUNHRX9ClGeL253As81svrvbIB9+heFjJ6L5I1Ptvb+esGvhdOAmYM4YG/3WBjYGXh2v+csKQrSbNqH4c9wE/BA4Jm2UHAYhYN0I/cc8y4aE2dsbKu8vRClFwNvN7Lgk2AfafV0uAlYmdCK9WiKgKc95LqGo7teEmfyjY6R8Ux1GrcF7sD1wAPAWwmREejAFtigE/gX8DPi1mT2c3ysSAFMb9nM6sIfG/ApBGdMAFeBMM9sjFUQNegg0EwHTCEXJb5YImFRL3RGE3Pm/GqxYbrg9sbjpMBcM7r4l8FHg/YRUTC8ixEUhcC8hNfBzM3t0UKNi1qV820GEXd0y/kKU07szYCHwX2Z27yB7PY1EQPz174C39yAv3Q9e/zzgB8CPixv4Wi2cK27wc/fnAV8FXtOjaEAjIXAnsJ+ZnTeIz4R1wfjvCJzbo6pPIURzXt5HgZ+myN1QWLlsQpy7/wp4t+qU/i0KIdRJHGhmt2fevrfLGDYQAh+IDuMaJZkh8Dhhb8ZNgyYCKh18oNzd1wCOjhdxmJdWCNEvvCl6c0MzNz3+vB7DvPsDh0UxVNwcOGztofcCHzOzvczsdnefFq9RrZ1G0Mzq0VmsRAP7M0LP/oWEaIz3yDkeIXSIrAq8cRD3M3SqEC+ppO8SWj9qKvoToi/Ogu3dfYtYuFsZMhGQIpcfBg6J12SYRcC3zezH2TVaBlQ6NTQnS8WsEJf4vAd4rMdDqtI9sIUmATYX+n9NfAOV9xeiP9KBNWA6oViXYRPtUQTU4xl2EPD57BrUh+xeMOCH7n6Lu3/H3Z+fqvmz6XmVdkaNY/dJ3cyWuvs+wF+AtUvgeRuwggTA5EP/qwCHFvJIQoj+4FVDaPQaiYDvAPtnEczaEIqALYHPAle4+4Xu/jF3XzelAaYqBDLD77FbbOO4Hv43hJkBZUkdz5cAmHzo/+vxxqkr9C9EX6YBNogHvA2jCIhRzBEzOwp4LSEUXWX49gfUM+GzYxyWc527/9Ddn54JAZvsTP3scyuZ4V89dotdDeyTVeOXhVs0B2ByPbU7A+eo6l8I+rkbYA8zO2PQRwM3McX02YRNgk8f4g6BerZACuAJ4HfAD83shmJV/1iXNC8gdPfVgbcCn2Z5nr1MaeMUxX6pmZ0/aM+DtbONBlgJuAzYRt6/EH1JGoTzXTP73LALgIIIWA/4OfC6EhqqXk4FHCVMBTwW+KuZ3T/B9VwX2A54H2Eh04Y9Ggc82QmZ9wPPMrNHBm0gkLW58E+LfoQYjAjARcBL29nvPQhLhOKvPw0cTGgPazQbf5iEQK1w1j8M/BO4gTBWd2G8RusBm8bXs4H1C/ecldBhTM/CWWa2uwYBjT3EwaPXfyVhlKN6/oXo7wEw84Bthmkq4GTPulgF/6zo7LylED2pDOH5lyICzRjxsbYJllEAfJJQ+zBww7Eqbayc/Q6woir/heh7p6AOrBY9NfQ8P2lgjcdowHVmthdhidAZ8VNGMoM2Gg1IfQjmCFg0lJUsKjDey7N/YyUWNVXCIKBz0rAo1AXwH2Gxuru/ltA6pJ5/IQZnEtzzJQAaCoF8at3ZZrYHoUL+W4S1skuiGKhmgqA+jjEcRDEw3sv6pOAR4Crg+jQBcdDu5ZE29PyvzPKpWTUdD0IMDNsN6zyAJqbWVeMynIuBi4EvxPTADoSd988gFLmtrqvWlyL4pBj1GWEAW0CtDYV/HyPkR+T9C8HAtHtVgBuB55nZ4kFdh9rOIsG40Ga0Qd3ARvG1DrAuIb2yHqGI8OXA5kqdlrIOZgnwDDO7Y1DrYGyKhX/rESo+12IIR4cKMeAH4BPAVmZ2twoBmz4fKzEyUB/n87YBzs7a4CQAKFXx3+/N7K2DfO+PTGHi36i7fy6qWnn/QgyWY+DAyoTBN3fLODWdHqgXZqRY5iTVo9N0FvAUzUwpbSHsjwZdmFVaVLc1d98S+EA8KHTzCsHApQEgtPfKO53aWOF6LCCrZ10BRwJP1abUUnr/FeBcM7t4UIv/ptQFEHOBBxEm/9V1OAjBoBZBbaFL0TbSMKEvAnsqclpqDhmGtHalhUKXNATjrQpdCTHQYVAIk9vUCdCeSYKj7v4q4Cvy/Eud+z8ZOGcYxmA3ewN69P4PJuwNV+WqEIMtANbPFn3pWW+9KLAedwn8IqsJ0PUsX+HrQuDAWMfhw7L+c9KV/9H7f71y/0IMhQDYkJDqE1NYlBYdp6MI7YDy/ilt6+vBZnZLGnInAfCfuf/PEeb9K/cvxOCzGrCKLkPrZ2ycl/JJYHfl/Slz6P884CdpuNMwqfzJ9v1vAVwNzFBlsBBDERIdBZ4ZvSLNAmhtWNq2wKU8eVeAKJfnPwd4wbDNvKhM3vk3Bz4BzJT3L8TQMEKY9SFaG5U+AziasChNef9ydrqMAvtF418dJpFbmeSNXHf3dYC9VPgnBMM0DAiWz7HXc99c6L8OfJmwVVF5//IZ/1THdoCZnTUMVf+tRACq0fvfD1hbrX9CDJ2HNFMCoLmq/xj634WwS35UZyZlHHJVAT5oZke7+8iwGX+YYBRw9P5rMYz1YR0CQgy1ABCTi5ji7msCR8TiMqVMy5fzB3ivmf0yzWgYxotRmUQYy4E9gE3k/QsxlAJgui4FzUz7qwPfJexRUOi/PKRIzFzgHdH4D6XnP9llQClU8uEsZyKEGDKjpkvQ1LS/PYD9Zfwp23z/EcL22v3N7Kph9vwnjADEi+OxhWUHHQRCDH0kQEw87W994OdZsbRC//Q03J96/A04DHhZNP5D7fk3sw547/h5o1NYHyyEGL614cM27a/u7ocRpidq4E9vDb9n1/8ywnjfc7MizVFdpjEe7LQC0d1XA/YZhq1IQgjaMjiM4Z329wHgjXKWehalqhci1bOBQ4Gfm9kTacKfhllNrOyr8SZ+BfAUqVkhhtrgjyoVMOG0v+2A7+ms7Ekvf/L203W/ntCBcZyZPZK/T7pkkxMASSH9tx56IYaeJboE47b8rQL8Elg5CgBFSuh4eN+j/bLsHj0f+C1wopktzlbY12X8JykAYvg/ra58VbzACv8LMbws1SVgvND/94HnyvvvqMFPaehK4b68Fjgd+KOZXZ9HZmT4W4sApPD/HsCauqmFYNhTAAuVAhgz9L8PcIDy/m0N6dczx7PofN4LXB69/b+Z2T8LEZmKDP/UBEA9trS8Q5dHCAkAwuAU0XjL3xE8ueJctGbwK9mmxErB4F8LXBiN/k1m9mjx/QA8FvfJ8LcqANIaRHd/Gst7/xX+F2J41wHnAsBl/MNqdHdfHTgWWEkTUpuu1PcxDP5i4DbCsJ7L42uWmT3c4D1Inn5PvP1U/zHOAq3iOl3vhwhAJb5BexDGfyr8L8Rwsyh6YUMvALJ+/5q7/wx4hs5IJpvDT4Y+v1bzgVuAC6KxvwS438yWNjD4yeCmNr56t97v7P9OBr4+hkH3CYRjpcHneYxeeE8FQLb214DddN8KIYAnWF4DMOyMmNkyd/8CYUCa8v6TM/pkkaQro6G/Or7uLhq/GNLPjWO9i9GdZOzT/+tjfO40YMX4qmZCIaUh0selZrZ4ItFS+L8ZR2R0LAKQqv83AHZR+L/0I1l9jI+Mkccd66MQ46UA5qI2QOLo2GXuvj/wDXn+Y4b3i0b/NuBS4Hjgn2Z2T6Nrm/f0dyuknxUNYma1otCIaZ4NgM2ArQgL8dYH1gHWAFYhbMocyURADViWfVzo7nOBx4BHgQcJEbU7gPvin91nZk+M8/1ZpwYYjTQI/+9I6GdVXqt3Bj4fcEH2UFmbp7LlqjR/cCUORLr37gEWx/ZgH2LjP+rurwR+lp2Nek6ePHY3CaJbgb8Q2vPOM7NFjYxuOnu6OZa3aPTzokF3fwYhrbMD8DxgU2CjDgu9J4B73f0e4EbgGuBmQu3DA8WixiiW6u1KG4w0eOBf0WBvsuh8FWz+ftg4W62WAPNiWHZefC2KN9KyzKhXgRWimFs9qtXVo3JdOf59ZYz3uJ6pec2BGG4BcH9cClYdxgrrbMPfc4Dj4jPqQ278G3n7DwFnA6cAZ5nZgkYh/V5U6me5/LQDoBb/fD3gBcDuwPbRy19pguFDNKgLmIxDR+G+SR9XJqyNfjrLI+8AD7n7bcBFhPqIf5jZv3KxlMTAVCIDI1n8vxa/4M4K/3dlqIWN0fYyH7ifEDq7PXpgD8WQ0b3AgszYL5lsuCzmrKbH1+qEGQ+bAJsTxj0/O96EqwIzCt/TWDk9MfjMHtaoUNbutwVwGrCWHKN/pz6SUZ8F/Bo4yszua2D0e9aTn7z9+P97rHFbC3gZ8GrC3oa1Gvx8FAx9pYO7M4rR3mR714mv1I230N1vAM4BTgWuSGKgMP/Am/4Gs/a/rQmFGStK5bZ9QUWjkOEc4E7gqhj6mRUN/wOTDYuNUalKK0U07r4SIef1XGA74KVRJDy1wUMiMTAcB/0BZnbksM1Sz4z/xoRw9pZDnvevZWeYRyP0W+DPZja/gdH3HrdqWrpf4/e1DfB2wnybp47h3JRpfbMXvrfifXdVFKUnmtmNxfu2WQGQclz7AkerwKUjxTBEY38NcC5wHXCdmT00jmGvTqAUJ9Vj2qBn1YqhrLEER9wI+QJCamh34DmF7ynfty0GrwhwBzO7ZJgEQGb8NwDOjPf8sJ6J9UJE+P+A/zWziwuh6Fqva0QKA4FSEd9bgPcRcvpWSHH207mVp4tHCsLsr1GMnZTvQJjM81qMAPwaeJcEQNuM/iLC9KrLCLmxf5nZvHEqPT0rjPFe9TnH76dhv6u7vwB4LfC6ghgYHaemQPSn8Z8HbGVmD6QzYoiM/3rAWcC2Q3oeemYkIeT3DzGzcwtta7329g2oFnLj20VP/02EQr5GUYxBKr5M3ERYf/yreA9XJioWtOwiTiOMXNxKea6W908DPByN/v8Bl5rZrDF6XHseKmuxajb9+YrAToSNkXsTiguVHhgcr68Sz4MXxPa3ge8CyCKhG0SvaushNf75z3wl8E0z+7/M8NNrMVgM88c/2wX4cHROpg3ReVT8GS+L79mpE0UDLPP+n0HI/09X/r9p5fVA7HU9DviLmT3WYMBDTyc+tXsyVuHB2xh4Z1TdW2cRAaUG+tsAHGdmb0+GcUiM/1aE/PbTh9D4550/dwPfBn4Wvcn03NfL5Iy4+/rAnsA+LC9gH1ZHpGibjgU+b2b3jCUCLAt5vQU4QeH/cQ/F3Nt/Ihr9EwiFGI82MvqDGjYd42FchVBo8ylC0dSghd2GTQAcZGaHDHr+PzsDdyFUtG88hOdg/vMeAXw59qHT6/d/DG9/E+CDwL6EwmV03jSs27gb+LCZndbofcwFwLeAAyUA/iPMX+PJRRd3AkcBJ5jZzQ2Mfn3YBqYU83BRCOwHfI7lFbe6r/qvBuAlZnbhoAqAvE3M3V8P/IbQBjtM92rR6/+YmZ2cpSvrPaxHelJrW0w7vorQvvdGYLWCcyZH48mkUdWjwEfM7IhiNC9PAfyNMIhAB/V/FsBAKAg6Hjg1hfin0n85yFGBLCKwNvBx4GPZwaqHtD+M/8PAswa1ADDPZbv7B4HDhnAAWjrr68Dh0et/uFeGPztPnxQ5dfctCftpPkSY1CdvvzWB9yEzOzwX9KkIcFVCW9rGQ14AWPT4lwEnA4ea2SVjtZuICYXA84HvsTxHJ5FZfqPwN2DXXud9OxzyN+An0bDUh2wAWjrn7wPebWZ/7kW4P1+CUwjxr0FoPd6PMI9kZiHPLcPfWkrgLWb2hyTqk6HbML6GdQJg7vGPEKbxHQ8cbmb/aBDir+meGpvoOdSy1MCVwEvd/cOEwqIZaJNa2UcAXxxHAFcGtNhvI+CHhFByvWRDYLplDE4HPmVmt2Vef61btUMNPP21CSN594lGf10NH2sLlUw4Henu15nZLe5eSQfw0+NhPIzefz7a8jHCQIXDzOyWMrW99LEQGM2u4U/d/ZLodW0/ZAdvPx0WxAjAoEWliMb/+cCJhB7xYRKi+fn+XTP7XCe9/mwAWXGjXe7pb0QYzbsrIb+/XoOq9gqKGLbjua4RUrHfBt4AWLrxt5lgpewg50aqhPn6vwK+b2Z3yfC3XQjUM+/r6rhV7evAJ7R4qrRh4WsKHuMgeP3m7p8BvkQIKQ+T8U+G9BFCQdjx2RlXa4ORpzBON19SUyuMG98OeDFhsuhzCXtJGhl9nQntJS30er2772pmf003/38NkQAoFvidAHzDzP6p/H7HhcBozD0tBD7p7jcRwrDTVRdQKgFwgZk91u/Ff1nv+mgcaf0TwrwKGoxUHYato9cB+5rZtVlK0wppHm9isU1xE503uP4bAs8kFO/tRmgPfhqNW6xl9LvHp939byPxTdp4SDZ+5eH+m4AvFFpeXPn9zkcDsiLBn8c92McSWnokAnr89sSPf8qGPvVtoV8S8u6+B/D9bKHPMBmaZJQfAz4N3Onua+TDytpwrVci1PVsGJ3JTaPR3zb+etUJlqTpme9uFABCQfbWFjsA/kFYCzuooVjPwkpL42HwneTlKNTf89DsC4A/EmYGSAT0tv1vEfAMM7urH8f/NuhAORj4irpPcELKowY8Slgv/hAhJbAAWAzMjX+2KJ6TywgjdWcQRn2vSojWzYyv1Qg5+/UIq2tXHUM0elbEp0K+8jzrH7NYhHEDsMqAjgDOH/pTgIPzcL88/p4f2NPirPnnxPdnE4mAnj4n55jZrn1q/KuZ4X8poc5kp4IDIOh4Gqm4At2GvKOGJqJv3VztfNQIYYzizAFNAaRDbR7wWTP7RWHClYw/PU8JLIsi4Fp3f0OMBGwmEdCzw+p0locKR/toqI/F3v7Vo8f/0Xie1ZRbbmiQ6g3+zMaxAz7B59uQ5fHz61Fc096K8PFxVr7bBB9bSfUZsNlI9LhswLz/fEvfpYRZyFe3o+pVdEwEjJjZNe7+JsLq0XXUHdDVw2wEWEhYaPWkyu0+GkH9MsI61G0V8p/Qy9R1aS2NnGzLyCSNcGp7LAouy+ofWo2U5NGWsQTZeF9zxkg8aBkgAZA/9P+PUOHvCvf3RYdAEgFvBM5LY0HRnIBuCOYq8Gczm9MP1f/Z8zwaF8McBLy/QbGvEO1a+V6sX0g1FLMIO2IeJIzQfpQQdZ4fRfUThJqKetbmOC2+VgZWJLRCziBE49cg1FpMJwxD2gBYC1g/fs50YPVJRltq49QA+Ei2SckHaPnBA8AnzOz3yvX3pQi42N3fTRjKpHnf3fMMj+HJk8PKGu73GO5fGfgI8JnMkanL8Is2GH0rdCjMjYb+fOB64Ob4mtctsRwjXisSii83AtaOr3WiHd8qCoY1omBYc4Jn4ZGRwhCGfg/PjADnAu8ws/vcfQSoyfj3pQg4Jk5s+7jGBnel9/8O4Kx4yNT6oLp/L+DLLF8OU8vCqUK08hx4IXL0AHAGIRp5XhoSN854Y5ugZoJxou1jhez/XRcQi3IXx9ec8bqrYrRg3UwgbByflQ1i9GAj4LqR+JtBmOhXAX5M2GG+MHr9o7qv+5JaLNQ8iDClclfVA3S8mOlEM3uijNGy7Huquft2hOr+3QsVzfL6xVR3I0AI158M/B64zMzmNJgvYXl6IO0+6WCHQKPJi/nUxVwoEO3ePfE11tdYF5ifRwCsj72XOvBJM/thChPK6+/vHQIe+tAWufs7gRujUFU9QGfGwy4Eflm2VGAh3L8O8DlCdf+KhdysEFM1/JcTOpBOTntgMoP/78VFvbYrWWuuTzQBcyy7Hn+GORDCqqv2ebHffODNZvaXLOSvoT6DMTFwJBalHUwY46qq7vY/QyPAmWkjXBmEc97WF3+/D3AwsIWq+0UbQ/0AFwLfAU5PxjUz+n3ZKh5/Dp/M/oYKoQqRPiz2qwL3A7tF4181s9F+G14iJpUKOIKwna46CMtpKN9Y0J+WJc8fn+N69Ppf7O7nAL+Jxr9WOLyFaCbalaeLbiCsHd7ZzE6LUceRFD2OLx/UCOu/X+4+i7CcoV/Cq0n93wjsE/v7R5TvH9hJgZUYDdgSuIzl40aVCmjPc3Qe8PJej8MuTPHblBDuP4DQKlUM1wrRamv4XYRR8L+MNS+pfqw+jM5jBVipD9/Ia4BXy/gzLKmAqpndSij+qigK0FZ+HA1/pVcCL44drrn7Gu7+pfh8fzAaf03yE1P1+quEOpdvANua2Y+yglcfZG9/wvPV3e8ntAyUPQKQ3sjrgZeY2VwZ/6GJAuRLRK4BttZs97bMAv8n8AKgJ6mzgtf/TkJb39MK36MiPWKqXv+fgU+b2fWFUfBDny7ul/aZ9GbeQsj5z1Wb33B1BcQe8FHgf2QU2jL4xwgbMZd1W0i5ezXz+rd291MJQ5+eFut7PJu8JkSr9mIZ8DVgDzO7Pub4bZg9/n6MAKQ38w7gZWY2W5P9hrceIN6n5xL2WasavPXn6Wpg+2Rwu3EgNhjmcwBwCGFqWU2rYgXta+27EPiUmV2RIojqDmscAVjSBzPKHwJeK+Ov+zUaqqN0KaY89vdLZrY0HozepWLO1NP/Qnf/M/CLzPhrip9ox0yYCvBzYJdo/Ku9LnAtuwBYWPIJZUuAt5jZDTL+eshZvrL2/mxZkGgu9/9X4IwYUal3obVvJBZzruLu3wMuBl6ptj7R5vt6LvBWM3t/aiFWuH9iAbCopMuA0pv6ETM7L+6Ml/FXR0DVzB4Gjo/erJT95AV1mvP//5JH1MnDMfP6R939mYRirE9Fg19Tnl+0MaV1O/AaM/u91r43JwDmU96tft8zs19GD2KZ3i4R7IobYe/DPEUBaDZE+jszuzQN3Ongm5S8/umxte9S4MXy+kUHBsKdD7zQzC5J9528/uZTAF6y8aR/Aj4b1ZyUnCDL5ZmZ3RE9SkUBJu/9zwUOigLKOxjyr0Sv/6mEbWpfJuwxl9cv2tnfP0LYYfEaM3tEnWGtCYDHSlj0dxewf4MFCEKk7hUDztalaMr7/6qZ3ReLKesd6uv36Pm/F7gC2KXQ2idEO1a/VwkR4vfG7a9aANeiAJhTsjd2CfAOM3uwUweV6H+DFkXhHwnFgFWlAZgoR3ol8NM0BKVTQ33cfYa7H0eoxF4/89Tk9Yt2FYZXgC+Y2WeySZKyEy0KgAdL5v1/28wuirkcKTox1rrgipk9BlxS6BAQ/3lg1oBPxLa/tkbU4gGcjP+uhN0Cb1WuX3TIQTTgQ2b2LXefRpdmWAyDAKiUwEu5DPhq9FJk/MW4925MA5wu739CUX1YFNVtbaMtbO77KKEm43nK9YsOev5vNbPDU2G4jP/UBcBdPZ4CmP7vJVHZ1ZT3F02kAc6O947SAI3z/rOAg9vd8595/eu7+zHAjxrMYBeiXbM/HNg7tvmp2K+NAuBuYHEPOwHSQfWTuN1Pw35EM+2ADwHXKg3wH6K6HoX1J81sLm2a+JcN9qm5+zbAWcA7smsv4y/aaRvS7Ip3mNkJSg23XwA8CjzSYy9lNvC1bkwmEwzSgqBqnA9xRUmHWfXy4ByJovr0donqWGyVBvt8hJCyew6hyl+b+0QnjP8osI+ZHa/tr50RAPOiAe6FB5XC/980s3ndmksuBi43eFkJ6ljKlve/ldDz35ZBSanFz91XcvdvEgYxzciq/IVot2NYB/aT8e/scpVaJgC8B2/ydcBv5P2LKQiAazIvVJXS4Vq838wWtGMLWhbyXx04DThIVf6iw07hMuBdZnZsHAMv49+hCADAbTx5Uxhd3Ez2LTNbJO9fTEEA3AXcozqAfxfgfd/Mzm1H6D8VXLn7toQVq6/IRrAq5C86IWBrwHvN7HcaA98dAXBDjxb9XAWcJO9fTGEeQJUwzvr6Ia8DSHn/a4AvT3XgTyz2S5X+exJGc2+jkL/oQp//+83saIX9uycArs9UfTd3kv8gDiepyPsXresAqxO2gQ2rAEiH50LgfTGi1vKAlCjIk/H/BCHsv6Fa/ESH799KNP6/Uti/uwLgXuC+LoVQ8/7kk2Irl9o6xFTTADf3KI1VpsK/j5vZFVPZ9BcnLNZj2P+nwKHx+azL+IsOtqwm4/8Lhf27O02tEvuEuxVCTV//pOipyPsX7WDWkAqA5JWfYGZHTqVPOgkHd1/F3Y8HPpSl69RhITpl/KvAx8zs5wr7dz8CkA7MK7v4fy4GjlHvtmijoHwo6x0eNs9/NvCRqdTSZPn+dYE/AHujYj/Rnfv3IDP7cZztr2hwF8mLeS7vggeVvJUrzOx6bXESbWQuIQe+So9HW/ei5W8/M3uo1ar/zPivB5wBbEdow5qm20p06N5NxaQHmdkhCvv3LgKQ91I/VvizTnlrx6OxoaK999S8KAKGJaqUvKeDzezvbTD+mwDnR+M/KuMvOixcR+K9e0iMXMnz79EgoHosxHsAuKmDhYDpTV8E/FU926LNLIwigCHK+58a16KOtPIsxUrrmrtvR1jju6Xa/ESXqv3/x8y+FttVtdK3x10AaSLgXzvoQaWveYOZ3Qqg8L+gPbMA0uSwRUMQAUie/83Ae1IXTbMHaAq5uvuOwKnAJmrzE12q9v+CmX0jzaqQ8e+9AEj8vYPjPZOx/1s6gHT5RZuXA9WGJN0xCrzHzB5upYsmVVq7+87AicBTZPxFFzz/lLL6lox/iQRAlju8kNBOZR0IzyexcbEuu+jQYKnFDH7ovwJ8wswubqXlLxvtuxNwErCBjL/ogmitAF+MYf8RM6vJ+JcoAhDnAYwCF3UgP5/yPsuAG5X/Fx0SAINcRTxKyM3/3sx+mgx5iwV/LwHOBNbWgB9B51f6AnzYzL6pPv/ypgDSG/XHDqxWTUrvduAO9f8L0dKc/xuB97ey4jcz/jsBZwMzs5ysEJ0QrBVCXc6eZnZYK6JVdE8A1LM6gNnZPuZ2CoBbYvhR0/8EHawzYQBDqIuAt5rZvGZX/GbrfF8YPf+VZPwFnU1VjRC2dL7azM5ox2ZK0UEBkDarxR3iZ7XZS09f544ORBeEYEDnSniW9/+ImV3X7EGa5fy3i8Zfnr/o5P2apkdeBexuZudPZTy16G4XQOKXWd6+ndyrSy466CVPH1BP6udxQ9pIC8Y/Dfk5BVhTxl/Q2Xz/CHAcsKOZ3aSwf38JgDQU6CqWjwautfH/eVCXXHRQAEwbQON/GfDxZqelxTRbzd2fQojoPTWLJghBB/L9C4DPAPuY2ZJ0D+ry9IkAiHn5Sswv/jYqunbMVE9f4z4VAIq2Wv6wT8LjXInpA7IRMFXmPwS8zcwWZ8/npFf6uvuawGnAVmr1Ex26T9OE138RQv7fS46kBr31ZwogRQF+D8xp00yAdCAvkAAQHWImsPoATUxbBrzLzO5Ia3onK4jCBx8BTgCeK+MvOlibYsCPgRea2YUxTaXRvv0qALIowMPAr+Ib7G2c1y4EHZgBsFomAGwAWv4ONLMzWyigsvgMHwO8guVFWULQptSUxXvqVuAVZvYxM3s0myUj+rwIMM1XP4ywYKVdLYHKP4pOMSNGAfpZACRjfZKZfT968bUm2/3q7n4IsHc2PEiIdhj+lJqqAT8DXmpmf3P3qkL+AyQA4htpZnYP8Os2RAE889IYgl3tovsRgDXi4dSvh1Dy/G8GDmh2yU823/+jwOe11U/QvlA/8dmqAGcAO5nZB83sgdRpopD/YEUA8nzioYQ961MRAenfratLLjrEZn1cX5K+5yXAu81sbjNLfjLj/2rgh2r1E22oQclD/QAXAK83sz3M7NLM61eV/yAKgBgFqJjZXcBPppgGSAfZWooAiA5FADanv/P+FeBD8XCddN4/5V3dfRvgd9k10TMmmvX0R+N9U4mG/37ge8AOZrazmZ3q7pba++T19z8jE58vXok3wb7ARi16F4oACEUAGHfJz4+yYT+jTbb7rQX8AQ36EZNfzeuZWKxknv4S4HrCpshfxGLwJw2WUhfXkAiAeLhUzWyuux8UPYyp5Fg30CUXHQqfr0n/Dvs5D/hMM8N+YnqO+G9+Q+j1V9Fff967nfiaRSOfG/tidGg+YfjbhcAJZnZdnl5K/f4K9w9fBIA4TaxKGO/4LmC3FvqK0w23dSpu0qUXbRoCVHP3mdEA0kfebxq1/SBhctqyJpdkpRn/3wNeI+PfM8PtBaNbPPesgRGmg6lQm0S66Q7CwrfLo9G/ycz+VRwjDdTV1sdQ5E8nO1P8WcClwIpjKMnxHhgjTALcwswWpQluegvEFARACoFvBNwW70vvk/x3avl7o5md0sySn6zo723AsYWhLKL9XrRP4EFPJe9ezybqMc6m1kpWiF3PHDDPvsaS6M3PJcxceTj+ek40+snw321m8xtElCrR01c7nyIA/xkFiNvIvgF8o8XpYmsTirVuaPOAITHcbNqHxn8E+GELxj8V/T2bMKejLuPftpy4Fyrfx7umTxBmpDwKPBJ//Vj8/cL4ejwa4AXZ6wnClEePH5eNcw5aYdFOfmZWs++5nm3iWwI8YWbLJrqPsq+fjL4isxIAY1KPYaFDgVcDL2mi4CiF/VcAnhUFQGVA97cLutrFUgdeXJihTx/0+18FHJhCrU3m/WcQ6nFW14Kfllrc8vtnrI6J5DnfR5hzfxehKv7B+Of3RqO/ZCJj28MIWTU38rngkZcvmhIAceGKx/D9vsB1wMpNeF3pBnwZcLy8f9HmCEA/dACkZ+UxQt5/cYt5/8OBZ2rGf1MGv1jtnngkGvk74pl2Y/z13cC9TcxiGCs94HS26G/MokIV7Yl2RgDyroA73f3zwE+ZfPFR8lK2180p2lQAOBoP3m37YL6EZ1X/H8h2pTeb9z8A2EdFf+MafI+G3goGfx6hVuRGQgHcP4DZceLpZA17sS4g36GiM00wcEWAjR6IWBfwW+CdkzyMPAuBvixujqpKCIgprgFeB5gFrFryGoDkrf/IzD7eYr//toSWwRnK+zc0xkXv/lHgimjsLwZuNLPZE+TE/11opyJloQhA41RAPT4wHyS0Xz1/EuFIy4TC7oT2EyGYQv6/Rlh3u2rJw/+pNuFq4KAW+v3N3VcDfht/1tqQG/961kZZadDP/ndCt9I1ZvbgGLlx8gI45cSFBEBzIsDMbEFsRTqfMORnoqLA9Hd7uvuXgVG1A4oWsWgcn1cYqlNWL3UBsK+ZPdFk3j9F277HcOf9PTtf8jPmzuhMnA1cEEeXFwVUXjGvgTZCTEUAFOoBZrn724EzCa1Y44mAVLX9bEL/8wlRjeuBFM1Si0J0x5Ln/5P3f5CZ3dBk3j/N33gL8J4hzPt71gKXF/DdDJwcz5yrzWxBsV6iEMbXMBsh2lEDME5x0psI86MnGkqS/v7PhFQAigCIFvP/qwK3AOuXdAZ+8tZPN7PXZtPVfDJ5f5Yv0Lo2/ow+JC1/eSFf4l7gdOAY4CozW9Qgf6/2NiG6KQAKnsoHgMMnEAGpUGsRoXr7tqAB9OCKpu+33Qih3zIa/+S53k+okXmgmfs8E9ZHAfsNgfdf9PYhDNM5BzgBOLu4mCZdZzkQQtDdFECDSYEjZvYzd98AOHicXGUaCrQS8F4z+2wzw1CEyITl9oVRqWXL+6cVv/e3EPofdfe9ovGvDbDxz0fbpvPi2ujpn25mN49h9JU2FKJMYdn0gLr7dz0wGjsGitTj63F33zTtmNZVFJNti4sfL8juszKRvp9fN6g6n/Bni68N3P1ed6/F16BRK7xvy9z9T+7+hvx6xWtRTVMQhRD9IQK+PYEISA//USwv3BFissZ/I3efmwnKMhk2d/c73X3NZNCbHN+Ku/+6pOKmHdcnFzQPuPuP3P25xRSInAIh+lsEfHkcEVDPvICdm/WUxPDm/+PH1xUMbllYFu/tPVvw/os/2+gAe/w3ufun3H394tkhb1+IwREBXygY/Ebe0nXuvkr0lvTwi8kYyZ+W0Eim7+XoKYT+Z7j7HWM8L4Ng+K919/e6+8z8PZW3L8TgioD3ZYfZ6BiH5k+UChCTuKfM3adH0VimCECqa7kn5u9bDf0fMiDef72Bx/8Bd1+pEOaX4BdigA/tkfjxze6+cBwRUEtDXZQKEBPk/587Tm1Jr73/vaYQ+t8u8/zrfWz88+f7Tnf/aAOPX4ZfiCETATu5++1ZrjQPE9bd/Xp3X6dZ70kM3X30PyXzktP3cWorAjYTNuf0ufefi7KH4/u0pgy/EDq80+G9aeGgK6YGzlAUQIyTAqi4+3klMpQp9P+ou29cmOLXjPf/zgbCuF/D/Ue5+6ZTMfxZusey+oj0MgkJIfq3gGvE3b/TwINKh9/HVQ8gxvCSN3b3J0oY7v5UC6H/ZNxWdvdZJe1qaCbcf6m779pMjj+r/K/Gz5+0WIj/diT7dyoiFqIfDvKsLuC+zPiniuFl7v46RQJEgwjSO0tkKJPxuzz1rTdjgDJBfHAfhv5zr3++u3/W3afnHQ3jCJ7qRIbe3Vdy99VjSnB9d9/Q3Z/i7uvF+QorjnddlW4Qgu7sAmgllMvyNaebAb8CXhb/ehkwjTA7fUczu72ZMapi4Of/Hwm8m3KMx00jiHcxs3ObHPdbiWNwNwBuAFbro2U/+ZjvPwGfNbOb8vep+KynkeENrsP6wKbAM4Bt4q/XAdYGZgDT43kwkp0Pi4FHgYfj6ybgH8CtwC2F/7+qJUFClDslMC0WDKXQ7tKsdWgdRQKU+48fp7v7v0oSAShOsqy2eO//oI+8/9zrf9TdP9Ioz5+H9Qs/8zR3f7a7v8PdD3X3i9x9Thu/v6Xu/s94TV+ZIhLjRSWEEOVJCbzI3c8vPNQXuPtqEgG6R9x9x6zorteGsObuj8Sef2uy8C8Vsm0aRW8ZfqbJDPRJ3+M57v6sPKyf/VwjhZ91BXd/tbt/z91vcPcl4wiL/FXL/s9GrzxdODqGgJoVp5FurU4EIfpgaFD8/Xti/3DiNHdfXSJg6PP/B5akUj4Zm69N0fs/qk+8/9Hs45eKRX4pr1/485e7+y/d/bYxvt5oB2Y55MIgjxA9Ea/11o0cDyFE+aIBG8Yw4bzUHpiGiejhHdoUwPklMJjJK53t7mtMofBvK3dfVHLvPw/53+Huuzeo3LfsZ9vMw+jvqxp8nWU9GHBUK4jF+THVWJEzIUTJawOyg/KY+ABf6e6rSAQMZfh/Ew/ro3u9/S8ZxHdPcejPsSX3/nMP+g/uvm7m3RfD/Nu6++Hu/tgYRr8MQiYXAmfH4mOJACH6JC3wiigArnL3TXLPUAxFoeheJTCY6f++pJWissz4PysWrJV15O9oVlR3UJ7P58ltevu6+18LRn60xLMMciFwt7vvIhEgRMk9wEJq4H3u/vW4PVACYHgiAL8rUfh/lwHO/afv6R5336040CdW8u/v7teMMwa4X4YXLXb3t2romEBzAPqjDzx7WM3MluktHOwokJl53CB3A7AZy3vv6VHv+2lm9jp3rzTTW571/W8BXAesUMJnMP2MFwH7mdksd59mZsuieNkL+BywLcvnIKTZBf0mxuvxe64B7zezX2neiBg2+iaPHofAWHxIR2X8h+r+fCZhQEyvBuV4NBajwFdaNNxmZg58CFgxGp6yGE3PjP/xwKvNbFb8ppe5+5uBS4Bjo/GvZUKs2ofGP91bThgwdJi77xTPGNUWCQmAkooAl0IfSnaORqZX09ySsTvdzK6K3n+tGe8/Gpf1gH2i4amWyPin7+ebZvY2M1sQv+8XxuVcfwBeEK9DPX7uIBjKSvx5VgR+7+4bhh9bIkBIAAhRFl5aglRZDfhWi95/es7+G1grCz9TkjB4Bfi4mX0xa8H9ESEVsHvB4x+0M6NCiOxsCHw7RmlUWyQkAITocf6/5u6rAs/qYb68Fp+TU8zs8ha8fwNq7j6NEP6nRMa/Aiwh5Pt/FL/fvYELgI8SwuO1AfL4xyL9nO9099fF+06dAUICQIgeF6huDGzSo/y/Z2Hi77bq/Uev8k3A1j0sYmxk/BcCbzWzo+OmvWMINQCbR6+4TKmKbvHVWHRaV5eRkAAQorf35g49zP+nEPnfgKa9/+VBADdg/yzfXgbjPw94jZmd7O4fIBT5vSPL848MWSi8Gn/u5wBvjKJN56OQABCih+yYeeO94uex5c9aaF2tEyrnX5EZGnrY5pc8/52Bq939FOBwYKPs74f1XEgC7QOZWBJCAkCILuf/R+O8h617lDdPxvBG4OToxbdqEPaNhr/WY8+/Cjwejf+qwLXA67Iiv2HPe6effyd33yHOoFAtgJAAEKIHrAFs1cN71YAj4syJagwLN1vEOBN4Q4+ftxT2fyAa/5cTCv02H5Iiv2aFnwF79NuwNCEkAMSgDQCayfJBPN0MBVeBh4DjMsPQys+wJ2GIUa2HQ4wqwGzgU8AXCQWNdXn9475vu0fvX3NHhASAED3oAHhOi8a3HV4gwO/N7KGYy/cWDC/A2+htThvg4Shkvgi8Rbn+Sd17WwGbxTSArpOQABCiy4Zrc3pbEX5kqwuMzKzu7k8FXtbjFIYBSwkzCLbJQv5i7GtWB1YCtlQaQEgACEHXc9Z5BMB6kAO+FLg+en/1Fp+r1xCK7Xo9939DYJUh7eufyv23lS6FkAAQovsbAKuE1rReeWC/NrPRbJBPUwYkdg28qQR9/3l7mzzZ5tIAW+hSCAkAIbp/+D4VWKfLAiB5yI8Bp7ZSf5CtCd4QeEk2a7/X11TGv3nW0yUQEgBCdF8AbEboAKAHod+/mdmcaMyb9eAr0ft/PbByydb+iuZYuwRDqISQABBDxwaFnHw3OWUKkYd6FA2vkfHoexG6elxDromAQgJAiC5HALppQFP4/0HgrFZGwWbV/+sRBu6goru+ZgV3XyHb6iiEBIAQXWgBXK9H4f8LY+9/S+H/+PElhKr7usL/AyFGhZAAEKKLAmCDHh3Cf4zeXmUK3/suWiYzEPfgfDNbmjpTdFmEBIAQdLUAq5vh/wXAefGwb9p4x9n/I/R2+I9oH4sVCRASAEJ03/ua2YPw/2Vmdk/0+JrO/8dfbsny/nEZjv5moS6BkAAQovtDgFbtgRE9K4b/q1N4lnYEVgBGJQD6nlsl5IQEgBDdZUZ8dTP8D/D3VsP/2b/ZWUZjYKJQs3QphASAEN1lZWDFLhnSdNjfBlzfSuthjBq4u68IPF8CYGDOxdt1KYQEgBB0te1qRWAa3c3/X2FmS1pc/ZuqxDdj+fwCCYD+9f4rwDJgtoY5CQkAIej6Ot5Kl0XHhVMw3OnfPCOKF43/7X8ezCIAEgBCAkCILt6XlS6KjTph/e9Ue/dfpLeOQVkFfKWZLWhxIJQQEgBCTOEQrnfxsL+b5QVfUznsn6W3jkEpADxXZ6SQABBi8A/7W8xsfiveXmxdrLn7dJT/H4T7YSR+vEzhfyEBIET3WUboo+8WV7Qh//8Ulg8A0nPV34LwLuAaNM5ZSAAI0fUDeEkUAd3imjZ8jY0JnQvyGOnr1JMT5kEsarEjRAgJACGmwCihkr6TIdjU7lUD/tWGZ2g7eYwDcR4acBJK5QgJACF6wqIYBaDD0QYD7gPuaIPx3lI54773/iuEgtDUElrTZRESAEJ0gSzcuoTuLWK5z8zmTmHlazIST5XXOBDtf38ys3nuPqLwv5AAEIKuLgSqxE18c7qQAgC4p9VnIVteNBPYWgKAfh8+5cDxiuQICQAhejsO+IEuFRze3IavNQ1YUwKgb6ll3SAXpdZOXRYhASBEb7i7S57YDW1qAZwhAdD3wvMXZjaqc1FIAAjR2wjAbV269+dNQWik73VzloeQBX1Z/HcPcFLc7KhODiEBIAS9mwVwXwfv0dQCuDT7f6YiANZVC2Bf328GHG5mjwGa/S8kAIQogQBYFu/RTh3IC4GH2iAANlThWF+v/n0U+HX0/vUeCgkAIXosAO4AHu6QYfVs3sC8NnydGXrb6NfiPwOOMrP7ovevKI6QABCCHs4CMLP5hJnsnWR+mjfQYtg3/Zu19M7Rj7n/ahSZ35H3LyQAhCjHLIAqTy4E7NTBvGSK+d7kLa6vDoC+zf3/wMwelPcvJACEKFcnwFV0futgOyYXrqa3rG/H/v7U3Ssq4BQSAEKUqw7gHx26T9PXfzxN9GtlCmCaXAisrghAX3r/B5rZ3KDlVPkvJACEKNNc9msJEwE71Zu9oA2Ge0U0BZA+K/yrEhb+HB9HT2vqn5AAEIKSFALGg3kecGUH6wDasXK4Eg2K6B/PfynwSeX8hQSAEOW+N//ehVTDVBiRAKDfcv8/NLMr3b0qESB0yApR3jTAX4FOzWevt2EPwIqEZUCiP9r+bgG+psI/ISQABKUvBLwlvjpRB1Bpw/c3XRGAvriX0vv10ThjQoV/QgJAl0BQ3jqAqpktAc7u0Kz96W1IBYzoOeob7/8nZvaXeF+p8E9IAOgSiD7g9Gik2+1pr9SGWQWif0L/X1ToXwgJANEnh3fst7+MMBWw3WmAGW0yMAolU+rwfx34oJk9rtC/EBIAgr7ZC1A1syeA37Wxct9yATDFPQBLWN5OKMrFaPT+v29mf3f3EYX+hZAAEP3XDfCHaGyrbfS4Z7j7iq1OA2T5OGEZFUo58GcEOAf4nxj61/skhASA6KMoQEoD3AKcl4V02xUBWLUNhkY55XLm/WcD+8ZCUhT6F0ICQPThfRpDt4e3ufhuJlPf5KcaAErZ8jcK7Gdm98XQv0SaEBIAoo+LAf9EWBBUnWI4N+1+nw6sM0UBsDS+BKWa9f/ZLO8/qssihASAoK+LAZcB32lTG17yCNeY4tdbBizu4L4CQVNFfyPAkWb2A3evKu8vhASAGADPLkYBTgdmtaElMBnrzadovGvAfL09pSn6OxP4UDT+deX9hZAAEIMRBaiY2QLgu1kYf6qFgE+bwveTPs5TBKAU7X5XAW8zs6Uy/kJIAAgGrhagAvyGUAvQjqluT2/VeGetg/P01vS04n8EuBfYy8zmxVXSMv5CSACIAYsCmJktBr48xShAMt4bTKFKPH2NxxQB6Ol638eBt5jZ7VrxK4QEgBhcEVCLHt6pwEm03hGQjPdG8UWMLrTyNRQB6I3xN2AR8N9mdokm/QkhASCGgBh+/yQwt8VIQCoinAls2WInQDECILpr/OvA3nHDn9r9hJAAEMMwHTAWBN4NHBzv49oUOgG2m+K3JAHQ3UE/yfi/zcxOk/EXQgJADGdB4OHABYRCsFbDv7tMMYf/sJ6nrnn+aRT0fmZ2ooy/EBIAYjgLAomH/4dpLRWQQvhbufvq2d6BZiMID7RpOJGYOOwP8F4zO0bGXwgJADHci4JGzOw64DMtpAIq0YhvBGzdwjORqs3vJEwENHUCdLTa34H9zewoGX8hJACERMBoNAZHAr+l+VRALRqWnaL334oX/wjqBOi08V8KvMPMjpbxF0ICQIjimOAPEqbBNdMamIz+jjGt0EoP+RPAHDQLoFPG/wnCkJ/jZfyFkAAQotGAoIXA26Mxrk7SmKdnYAd336CZOgAzc3e3uG/+bgmAts/2rxCiK7ub2Sky/kJIAAgxVj1A1cxuBd5AGBAzmZy8RWOzNvCSaPyrLTxDD0gAtH2l7+3AbmZ2voy/EBIAQkw0JXDEzC4FDsgEwERGOX3Oq2I0oZVOgvvVCdBW439lfD+ulvEXQgJAiMkWBVbN7FjgE9nCoPGMejUa7r3dfdM0bpjmWgH/patPu7b6/Q3Y1cxmyfgLIQEgRCuRgB8CB2X1AD5BGmAGy7sBmn02ZikCwFSm+9UIHRxHE3L+86KQk/EXQgJAiJbaAw8BvhRFwGTC++9oshsgfb27Ca1qFVQHQAsDfqrAIWa2n5ktjQuftNhHCAkAIaaUDvgqcGB2v9fHSAPUgd3cfftUVNjEfzcPeEhXnVYq/RcBB5jZQe5usbNCK32FkAAQYso7A6pm9m3CyGAbZ2Kgx7/7SJPdB0YYRTx7HIEhaJjvv5WQ7z8yCa405lkIIQEgxFRnBCQRcBjwpmisGw0LSuH7Pd19s2zh0ERUY7j6Tl3xSYX864R8/5nAzmZ2cUzX1GT8hZAAEKKtIiAWBlbN7P+AVwA3RREwmuXs05rZVQkz532SRX3p38/W1WYyIf8K8H1gTzObo2I/ISQAhOhWd8DVwEuBE6InmoftUxTgA+6+dowCWJOdAIIxQ/6PA+8ys08DrmI/ISQAhOh2YeBDZrY38OXMM61lUYC1gY/GKEBFrYC0o8XvGuAVZvYbdx9JNRS6REIIIbpnldwrKb/v7i9z95s8UHP3UXevu/tj7r5h/rljfa34cWt3Xxq/Tt1FLfv1L919tXidqroDhVAEQIie7Q7I9gecC+wAHBmfiSqhp3914MvRS7VJ1AA8iFoByUL+FULI/yNmdkA23EchfyGEEKWIBlSzX7/B3W/NPNjF7v7y3NMf5+uYu/+jgfc7TNRjBMVjVOVFWcRFqREhFAEQonTFgRYL0k4GXgx8l5C7XhH4ibuvGovWbCwREesFZg/xVsB8qt9RwA5mdlksvKyrxU8ICQAhytoqmFICj5rZ56IQOBl4BvC1SRYE3sNwh/wXAu83s/3N7DG1+AkhASBEv0UDqmZ2tZm9EXgn8Cp333YSmwLvH7IIQD7Y5yJgJzP7ubtX40hf5fuFkAAQou8GB1ViWuB3wIuAB8ZpXUupgfsY3sE+u5rZNanQTyF/IcrNiC6BEGN3CmT5/XmEhT8TMWcIxHXallgljD/+mJmdlor95PULIQEgxEClBSZYVJP+fEEWEfABHApUz1ol/wR8yMxmx06Kugb7CIFSAEIMYFrAJzELYB6wbECnAebrez8LvDYZf4X8hVAEQIhhZwGwBJjGYIX8PXr9NwDvixv8TCF/IRQBEEIEFhGmCA6S12/xrDgC2DGt70Wz/IVQBEAI8e8UwCJCT/ygGP8qIa3xcTM7Oiv0U2+/EBIAQoiMJVkEoF+LAJNXXwUuBg4ws5tU6CcESgEIIcZkWXwNQm//j4DdkvFXoZ8QigAIIcbG+lhYp5D//cAnzez3oN5+ISQAhBCTYTphgRB9GvI/m7C+d5ZC/kKgFIAQYtKsmAlr67OQ/7fM7NXR+I8o5C+EIgBCCCYV+ndglRgFoE82+I0ADxEm+v0hTjw0VfkLIQEghGiO1YGV6I/BPiPAhcB7zezm2NtfU8hfCJQCEEI0FQEAWI2QSy9rC2A+2OdnhCr/m2OV/6hC/kIoAiCEaE0ArJcZ2pGShvwXAh81s6NU5S+EBIAQgrZMAty2hAWAaX3vCHAd8B4zu0JV/kKgFIAQom0CYBvK1+KXFvmcDOwajb+q/IWQABBCTMnyu5uZ1d19RWCLEkUA8ha/g83sjWb2YMr3650TAqUAhBC0owVwC2CTkhQApql+jwAfNLMT3b0SN/gp3y+EkAAQoo0FgM8hzABIxpceF/vdAOxjZv/I8v0K+QshJACEaDO7UJ5iv3OAt5nZQzHfr5C/EALVAAjRxvw/kPL/L+5h/t+zYr/DgT2j8Ve+XwghhOiAAKjEj89195q717371LJfH1j83oQQAqUAhKATUbQ68Nr4627n/+vx/11KGOn7m2j4Xf39QgghROfC/7h7xd2viR74aBc9//R/Pezuu8XvRaJeCCGE6LAAqLq7ufuOMfRf66LxXxY/3uHuz5HxF0KgIkAhukdsq3tfLPyrd7nN73rgVWZ2rYr9hBBCiC4V/0Xvf0N3nx+98XoXPf8r3X0jef5CCEUAhOjysxO9//2BmdErty55/pcCu5vZ3fL8hRBCiC4W/8XXmu4+u0v5/+T5X+jua6QaBL0bQghFAITovve/L7ARy1vxOu35XwDsYWaPuXtFM/2FEEKI7nv/q3TJ+0+e/5nuvpoG/AghhBA9av2LHz/Xhb7/ZPzPcveVZfyFEEKI3lX+V2Ll/0PR+693eMjPxe6+pnL+QgghRO+9/x902PtPX/cad19Pnr8QQgjR+6U/W7v7Ex1c/JOM/83uvok8fyGEEKL3Y38r7v7nDnr/qZjwdnffUsZfCCGEKEfo/21dMP4PuvuzZPyFEEKI8gz9uatDbX/pay5w951l/IUQQojyeP8/6ZD3X8++5r5otr8QQghRGuO/UzTSnSj8S73+B8n4CyGEEOUI/VfcfSRu3vMOhP6T8T8iGX93N119IYQQoncCYKQw8W9Zh9r9LnL3FdN6YV15IYQQorcT/8zdt3L3+R0o/Etf605331CDfoQQQohy5f7/1IHCv1T0t8Tdd1TFvxBCCFEu4//WDlX9p1TCJ1DRnxBCCFGqwr/V3f3uDoT+k5j4v2y6oPL+QgghREm8/0M64P0nIXGru6+toj8hhBCiXMb/me6+qM09/ynvv1h5fyGEEKKcAuDUDnj/6Wt9GuX9hRBCiNIZ/907aPzPzgYLKfQvhBBClKT4r+ru/2izAKjF1yPuvqn6/YUQQojyef8HdMD7Ty1/70WhfyGEEKJ0q35XcfdZbW77S1/nzzHsr5Y/IYQQomTe/6fbvOwnVf3Pdff/QqF/IYQQonTe/6odGPqT0gifVcufEEIIUc5tf+9rc+4/fZ2r3X26Qv9CCCFE+Tb+reDu17Ux/J+iCKPuvpO8fyGEEKKc3v/ebc79J+//GBl/IYQQopzev7n7BVnBXju8/7q7P+7um6XFQrraQoiyogNKDF3lv5nVgRcC27fxOagDBnzPzO4AKvH/EUIICQAhyqAB4sf9gCpQi4Z7qsa/AtwBHBo9fxl/IYQQoiytf/Hjau5+fxa6b9fQn32V+xdCCCFKWPwXc/P7tLH1L32NS9x9Wqov0NUWQqAUgBCloW5mDuyVpQLaxbfMbBlg8f8QQgghRBkq/+PHjd19fpvC/8n7vyhV/cv7F0IoAiBEuUiGeVdgJu0p/kv//uvR65f3L4SQABCipNX/e7Qp/F+Lz8/5wNnuXjGzmi6zEEIIUb7q/zXc/YE2hf9T5f9uqPJfCKEIgBClvs9fCKzH8qE9TLHv/xLgb+r7F0JIAAhBqfP/r8wMeDvSCYea2ahy/0IICQAhKGX4vxZD9C8uCIKpeP83AKe7uyn3L4SQABCijO5/8M7XAJ7Zhvveo4D4kZktIowTFkIICQAhSnqPPxdYLTPgrRr/KvAQ8McUXdAlFkJIAAhR3nv8BSxv32MKrX8Ax5vZw3Hjn3L/QggJACFKSCr424qpF/5VgWXATwvFgEIIIQEgBCUqADSzWgzVbzPFez4Jib+b2S1x8I9a/4QQEgBClJg1gc2ZWgeAxddhUVBo5r8QQgJACMrd/78FsCpTb/27BTgr5v3l/QshJACEKPn9vWX8dasLgJKx/6OZLXH3qor/hBASAEKUnw2nMAEwFf8tBn6j4j8hhASAEPTNBsCNaD3/n/YGnGNmN6v4TwghASBE/wiATacgANK/ObYNY4SFEEICQAg6PwI4eepPadF4e3xGHgX+qvC/EEICQIj+mQVQAWYytcl/fzazBxX+F0JIAAjRH1sAicZ/RosRgPR8HKPnRQghASBEf7EysAKt9/7fBZzThj0CQgghASAE3RsCNBNYcQq9/8eY2WL1/gshJACE6C9WAaa38O+qhIK/v+gSCiEkAITovwjA9GjMW+n9nwVcPIUhQkIIIQEgRB/d455V/y9T+F8IocNRCPpuCFA1+701+Vz8QZdRCCEBIAR9mQKotBj+vxW4VOF/IYQEgBD9yZLM+59MGN/j6xJV/wshJACEoG9TAEtbiBwYcIYuoRBCAkCI/uWJGAVoZvb/XOB8FP4XQkgACNG3EYAnmogCJGN/npk9EGf/K/wvhJAAEKJPIwDNpgFOj7sEtPpXCCEBIESfMi+KgIlW+TqhZXAJcGH0/OX9CyEkAIToJ1Lo3syWAvOZfMrgeuBWdzet/hVCSAAIQV+vBH54EhGAZOzPjYZfz4YQQgJAiD4fBnT7JARAmhio5T9CCAkAIQbk/r5jEuF/Ax4BrlL7nxBCAkCIweBBJtf+d7mZPRzz/yoAFEJIAAhBf88CuCur8h+Pc3hyOkAIISQAhOhjATAbGGXsfQDJ4Gv6nxBCCDEoXQDuPtPd7/FA3Z9MLX78l7uvWOgeEEIIRQCE6FcRYGYLgBvG8O5TROAKM1ui7X9CCAkAIRiIYUApvH/NOOF9By4ttA4KIYQEgBADUAdwEY0L/CrR6P9jErMChBBCCNEnKYBK/Li+uz9RqANI+f+73X01lP8XQigCIASDkgaoRxHwMHABT04DeNb/P0/5fyGEBIAQA3afm9kocNkYf/9nXSIhhASAEINH8vhPBZbF+96zj8r/CyGEEAzuPICqu18dawCWxfz/fe6+lvL/QghFAIRg8NoBY36/BpwZq/5TVGCWmT2i+f9CCAkAIRjoNMDhwDyWtwNeqGdBCCEBIMTgRwHuAQ6NAiAfACSEEEIIBrQWwN0r7r5KzP3X3f0pyv8LIYQQwzMYaA93/4uuiBBCCDF8XQGrJEEghBBCiCGKBAghhBBiSCMBQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEKUjv8Pc3SApz4VdrYAAAAASUVORK5CYII="/></svg>
diff --git a/scripts/bake-sky.mjs b/scripts/bake-sky.mjs
index 4e9d015a..827110c2 100644
--- a/scripts/bake-sky.mjs
+++ b/scripts/bake-sky.mjs
@@ -1,10 +1,16 @@
-// Bakes Midnight Sky and Noonday Sky from src/sky/sun.js into src/sky/baked.ts.
-// Run `npm run bake:sky` after changing sun.js, skyTokens.js or a moment.
+// Bakes Midnight Sky and Noonday Sky from src/sky/sun.js into src/sky/baked.ts, with the
+// atmospheric-scattering tables (src/sky/scatter.js) as `scatter`.
+// Run `npm run bake:sky` after changing sun.js, skyTokens.js, scatter.js or a moment.
 import { writeFileSync } from 'node:fs';
 import { bakeSky } from '../src/sky/skyTokens.js';
+import { bakeScatter } from '../src/sky/scatter.js';
 
 const out = new URL('../src/sky/baked.ts', import.meta.url);
-const baked = { midnight: bakeSky('midnight'), noonday: bakeSky('noonday') };
+const baked = {
+  midnight: bakeSky('midnight'),
+  noonday: bakeSky('noonday'),
+  scatter: bakeScatter(),
+};
 writeFileSync(
   out,
   `// Generated by scripts/bake-sky.mjs from src/sky/sun.js. Do not edit.\n` +
diff --git a/scripts/build-dev-preview.sh b/scripts/build-dev-preview.sh
new file mode 100755
index 00000000..8f89dce8
--- /dev/null
+++ b/scripts/build-dev-preview.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+# Build this checkout as the offline demo for the standing dev preview: base /void/rat-dev/, the pretend
+# homeserver, scene tier $TIER (default full). Output: ./dist, ready for the shared publisher
+# (gamecult-ops scripts/publish-mind-preview.sh dist rat-dev), which owns publishing. Publishes nothing.
+set -euo pipefail
+cd "$(dirname "$0")/.."
+node scripts/sync-poses.mjs >/dev/null
+VITE_PREVIEW_DEMO=1 CINNY_BASE=/void/rat-dev/ NODE_OPTIONS=--max_old_space_size=4096 nice -n 10 npx vite build
+node scripts/preview-config.js "${TIER:-full}" --demo
diff --git a/scripts/preview-config.js b/scripts/preview-config.js
index 8b382878..dbd50049 100644
--- a/scripts/preview-config.js
+++ b/scripts/preview-config.js
@@ -1,17 +1,20 @@
 // Preview builds: set the background scene tier in dist/config.json (default 'low'); config.json
-// in the repo stays 'off'. With --demo it also switches on the pretend homeserver (src/preview-demo):
-// previewDemo true, and the pretend server as the only homeserver. Usage:
-//   node scripts/preview-config.js [tier] [--demo]
+// in the repo stays 'off'. Previews are static directories with no SPA fallback, so they also switch
+// to the hash router: a reload on /login/matrix.org would otherwise be an nginx 404. With --demo it
+// also switches on the pretend homeserver (src/preview-demo): previewDemo true, and the pretend
+// server as the only homeserver. Usage:
+//   node scripts/preview-config.js [tier] [style] [--demo]
 import fs from 'fs';
 import path from 'path';
 import { fileURLToPath } from 'url';
 
 const args = process.argv.slice(2);
 const demo = args.includes('--demo');
-const tier = args.find((a) => !a.startsWith('--')) ?? 'low';
+const [tier = 'low', style] = args.filter((a) => !a.startsWith('--'));
 const file = path.join(path.dirname(fileURLToPath(import.meta.url)), '..', 'dist', 'config.json');
 const config = JSON.parse(fs.readFileSync(file, 'utf8'));
-config.backgroundScene = { ...config.backgroundScene, tier };
+config.hashRouter = { enabled: true, basename: '/' };
+config.backgroundScene = { ...config.backgroundScene, tier, ...(style ? { style } : {}) };
 if (demo) {
   config.previewDemo = true;
   config.defaultHomeserver = 0;
@@ -25,4 +28,6 @@ if (demo) {
   };
 }
 fs.writeFileSync(file, `${JSON.stringify(config, null, 2)}\n`);
-console.log(`${file}: backgroundScene.tier = ${tier}${demo ? ', previewDemo on' : ''}`);
+console.log(
+  `${file}: backgroundScene.tier = ${tier}${style ? `, style = ${style}` : ''}${demo ? ', previewDemo on' : ''}`
+);
diff --git a/src/app/components/ServerConfigsLoader.test.ts b/src/app/components/ServerConfigsLoader.test.ts
new file mode 100644
index 00000000..527895a0
--- /dev/null
+++ b/src/app/components/ServerConfigsLoader.test.ts
@@ -0,0 +1,32 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { loadServerConfigs } from './ServerConfigsLoader';
+
+const server = (authMetadata: () => Promise<unknown>) =>
+  ({
+    getCapabilities: async () => ({}),
+    getMediaConfig: async () => ({ 'm.upload.size': 1 }),
+    getAuthMetadata: authMetadata,
+  } as unknown as Parameters<typeof loadServerConfigs>[0]);
+
+describe('loadServerConfigs', () => {
+  afterEach(() => vi.restoreAllMocks());
+
+  it('logs nothing when the homeserver has no OIDC (no auth metadata came back)', async () => {
+    const error = vi.spyOn(console, 'error').mockImplementation(() => {});
+    const configs = await loadServerConfigs(
+      server(async () => {
+        throw new Error('M_UNRECOGNIZED');
+      })
+    );
+    expect(error).not.toHaveBeenCalled();
+    expect(configs.authMetadata).toBeUndefined();
+    expect(configs.mediaConfig).toEqual({ 'm.upload.size': 1 });
+  });
+
+  it('still logs and drops auth metadata that came back malformed', async () => {
+    const error = vi.spyOn(console, 'error').mockImplementation(() => {});
+    const configs = await loadServerConfigs(server(async () => ({ issuer: 'https://x' })));
+    expect(error).toHaveBeenCalled();
+    expect(configs.authMetadata).toBeUndefined();
+  });
+});
diff --git a/src/app/components/ServerConfigsLoader.tsx b/src/app/components/ServerConfigsLoader.tsx
index 3c8ce8eb..ea56d8d2 100644
--- a/src/app/components/ServerConfigsLoader.tsx
+++ b/src/app/components/ServerConfigsLoader.tsx
@@ -1,5 +1,10 @@
 import { ReactNode, useCallback, useMemo } from 'react';
-import { Capabilities, validateAuthMetadata, ValidatedAuthMetadata } from 'matrix-js-sdk';
+import {
+  Capabilities,
+  MatrixClient,
+  validateAuthMetadata,
+  ValidatedAuthMetadata,
+} from 'matrix-js-sdk';
 import { AsyncStatus, useAsyncCallbackValue } from '../hooks/useAsyncCallback';
 import { useMatrixClient } from '../hooks/useMatrixClient';
 import { MediaConfig } from '../hooks/useMediaConfig';
@@ -14,35 +19,42 @@ export type ServerConfigs = {
 type ServerConfigsLoaderProps = {
   children: (configs: ServerConfigs) => ReactNode;
 };
+/**
+ * The homeserver's capabilities, media config and OIDC metadata. A homeserver with no OIDC (and the demo's pretend
+ * server) returns no auth metadata: there is nothing to validate, so nothing is logged. Metadata that did come back
+ * and fails validation is logged and dropped.
+ */
+export async function loadServerConfigs(
+  mx: Pick<MatrixClient, 'getCapabilities' | 'getMediaConfig' | 'getAuthMetadata'>
+): Promise<ServerConfigs> {
+  const result = await Promise.allSettled([
+    mx.getCapabilities(),
+    mx.getMediaConfig(),
+    mx.getAuthMetadata(),
+  ]);
+
+  const capabilities = promiseFulfilledResult(result[0]);
+  const mediaConfig = promiseFulfilledResult(result[1]);
+  const authMetadata = promiseFulfilledResult(result[2]);
+  let validatedAuthMetadata: ValidatedAuthMetadata | undefined;
+
+  if (authMetadata) {
+    try {
+      validatedAuthMetadata = validateAuthMetadata(authMetadata);
+    } catch (e) {
+      console.error(e);
+    }
+  }
+
+  return { capabilities, mediaConfig, authMetadata: validatedAuthMetadata };
+}
+
 export function ServerConfigsLoader({ children }: ServerConfigsLoaderProps) {
   const mx = useMatrixClient();
   const fallbackConfigs = useMemo(() => ({}), []);
 
   const [configsState] = useAsyncCallbackValue<ServerConfigs, unknown>(
-    useCallback(async () => {
-      const result = await Promise.allSettled([
-        mx.getCapabilities(),
-        mx.getMediaConfig(),
-        mx.getAuthMetadata(),
-      ]);
-
-      const capabilities = promiseFulfilledResult(result[0]);
-      const mediaConfig = promiseFulfilledResult(result[1]);
-      const authMetadata = promiseFulfilledResult(result[2]);
-      let validatedAuthMetadata: ValidatedAuthMetadata | undefined;
-
-      try {
-        validatedAuthMetadata = validateAuthMetadata(authMetadata);
-      } catch (e) {
-        console.error(e);
-      }
-
-      return {
-        capabilities,
-        mediaConfig,
-        authMetadata: validatedAuthMetadata,
-      };
-    }, [mx])
+    useCallback(() => loadServerConfigs(mx), [mx])
   );
 
   const configs: ServerConfigs =
diff --git a/src/app/components/editor/Editor.css.ts b/src/app/components/editor/Editor.css.ts
index 82adb6f4..d128ed07 100644
--- a/src/app/components/editor/Editor.css.ts
+++ b/src/app/components/editor/Editor.css.ts
@@ -1,4 +1,4 @@
-import { globalStyle, style } from '@vanilla-extract/css';
+import { style } from '@vanilla-extract/css';
 import { color, config, DefaultReset, toRem } from 'folds';
 
 export const Editor = style([
@@ -12,15 +12,6 @@ export const Editor = style([
   },
 ]);
 
-// Over the background scene (html[data-scene]) the composer is a bubble too: half strength, blurred.
-globalStyle(`:root[data-scene] ${Editor}`, {
-  backgroundColor: [
-    color.SurfaceVariant.Container,
-    `color-mix(in srgb, ${color.SurfaceVariant.Container} 50%, transparent)`,
-  ],
-  backdropFilter: 'blur(12px)',
-});
-
 export const EditorOptions = style([
   DefaultReset,
   {
diff --git a/src/app/components/logo/logoMark.css.ts b/src/app/components/logo/logoMark.css.ts
new file mode 100644
index 00000000..4c967088
--- /dev/null
+++ b/src/app/components/logo/logoMark.css.ts
@@ -0,0 +1,9 @@
+import { globalStyle, style } from '@vanilla-extract/css';
+
+/**
+ * The Ratatoskr mark is white on transparent (Meta's matte). On any light theme (they all carry `prism-light`) a class
+ * of this name darkens it to the dark ink; put it on every <img> that shows the mark on a themed surface. The favicon and
+ * notification icons are files the browser draws and cannot take it.
+ */
+export const LogoMark = style({});
+globalStyle(`body.prism-light .${LogoMark}`, { filter: 'brightness(0.18)' });
diff --git a/src/app/components/message/Reply.css.ts b/src/app/components/message/Reply.css.ts
index 7e5540fd..d5254ecb 100644
--- a/src/app/components/message/Reply.css.ts
+++ b/src/app/components/message/Reply.css.ts
@@ -31,6 +31,7 @@ export const Reply = style({
 });
 
 export const ReplyContent = style({
+  minWidth: 0,
   opacity: config.opacity.P300,
 
   selectors: {
@@ -39,3 +40,19 @@ export const ReplyContent = style({
     },
   },
 });
+
+export const ReplyText = style({
+  display: '-webkit-box',
+  WebkitBoxOrient: 'vertical',
+  WebkitLineClamp: 2,
+  overflow: 'hidden',
+  minWidth: 0,
+  maxWidth: '100%',
+  overflowWrap: 'anywhere',
+  wordBreak: 'break-word',
+});
+
+export const ReplyWrap = style({
+  minWidth: 0,
+  maxWidth: '100%',
+});
diff --git a/src/app/components/message/Reply.tsx b/src/app/components/message/Reply.tsx
index 57bf2af9..894b3b03 100644
--- a/src/app/components/message/Reply.tsx
+++ b/src/app/components/message/Reply.tsx
@@ -101,7 +101,14 @@ export const Reply = as<'div', ReplyProps>(
     const bodyJSX = body ? scaleSystemEmoji(trimReplyFromBody(body)) : fallbackBody;
 
     return (
-      <Box direction="Row" gap="200" alignItems="Center" {...props} ref={ref}>
+      <Box
+        className={css.ReplyWrap}
+        direction="Row"
+        gap="200"
+        alignItems="Center"
+        {...props}
+        ref={ref}
+      >
         {threadRootId && (
           <ThreadIndicator as="button" data-event-id={threadRootId} onClick={onClick} />
         )}
@@ -119,7 +126,7 @@ export const Reply = as<'div', ReplyProps>(
           onClick={onClick}
         >
           {replyEvent !== undefined ? (
-            <Text size="T300" truncate>
+            <Text size="T300" className={css.ReplyText}>
               {badEncryption ? <MessageBadEncryptedContent /> : bodyJSX}
             </Text>
           ) : (
diff --git a/src/app/components/message/layout/Bubble.tsx b/src/app/components/message/layout/Bubble.tsx
index 066a827f..bd2056b9 100644
--- a/src/app/components/message/layout/Bubble.tsx
+++ b/src/app/components/message/layout/Bubble.tsx
@@ -30,10 +30,8 @@ type BubbleLayoutProps = {
   hideBubble?: boolean;
   /** The sender is the signed-in user: right-aligned, in the accent colour, no avatar. */
   own?: boolean;
-  /** A Mind's pose portrait; it replaces the avatar and sits beside (wide) or inside (phone) the bubble. */
+  /** A Mind's pose portrait; it replaces the avatar and nests in a corner of the bubble. */
   pose?: ReactNode;
-  /** On phones the portrait floats on the other side. */
-  alt?: boolean;
   /** Delay in ms before the first-appearance animation; undefined plays none. */
   enterDelay?: number;
   before?: ReactNode;
@@ -41,7 +39,7 @@ type BubbleLayoutProps = {
 };
 
 export const BubbleLayout = as<'div', BubbleLayoutProps>(
-  ({ hideBubble, own, pose, alt, enterDelay, before, header, children, style, ...props }, ref) => {
+  ({ hideBubble, own, pose, enterDelay, before, header, children, style, ...props }, ref) => {
     // `false` is a Mind's message continuing a run: aligned with the portraits, showing none.
     const poseRow = pose !== undefined;
     const arrow = !!before && !poseRow && !own;
@@ -50,12 +48,7 @@ export const BubbleLayout = as<'div', BubbleLayoutProps>(
       <Box
         gap="300"
         {...props}
-        className={classNames(
-          poseRow && css.BubbleRowPose,
-          pose && css.BubbleRowPortrait,
-          own && css.BubbleRowOwn,
-          props.className
-        )}
+        className={classNames(own && css.BubbleRowOwn, props.className)}
         style={entering ? { ...style, ['--enter-delay' as string]: `${enterDelay}ms` } : style}
         ref={ref}
       >
@@ -67,19 +60,9 @@ export const BubbleLayout = as<'div', BubbleLayoutProps>(
         <Box
           grow={own ? 'No' : 'Yes'}
           direction="Column"
-          className={classNames(poseRow && css.BubbleColumnPose, own && css.BubbleColumnOwn)}
+          className={classNames(own && css.BubbleColumnOwn)}
         >
-          {header && (
-            <div
-              className={classNames(
-                pose && css.BubbleHeaderPose,
-                pose && alt && css.BubbleHeaderPoseAlt,
-                own && css.BubbleHeaderOwn
-              )}
-            >
-              {header}
-            </div>
-          )}
+          {header && <div className={classNames(own && css.BubbleHeaderOwn)}>{header}</div>}
           {hideBubble ? (
             children
           ) : (
@@ -89,6 +72,7 @@ export const BubbleLayout = as<'div', BubbleLayoutProps>(
                   css.BubbleContent,
                   arrow && css.BubbleContentArrowLeft,
                   poseRow && css.BubbleContentPose,
+                  pose && css.BubbleContentPortrait,
                   own && css.BubbleContentOwn,
                   entering && css.EnterBubble
                 )}
diff --git a/src/app/components/message/layout/layout.css.ts b/src/app/components/message/layout/layout.css.ts
index 502c4156..3037e66b 100644
--- a/src/app/components/message/layout/layout.css.ts
+++ b/src/app/components/message/layout/layout.css.ts
@@ -1,6 +1,7 @@
 import { createVar, globalStyle, keyframes, style, styleVariants } from '@vanilla-extract/css';
 import { recipe, RecipeVariants } from '@vanilla-extract/recipes';
 import { DefaultReset, color, config, toRem } from 'folds';
+import { MOBILE_BREAKPOINT } from '../../../hooks/useScreenSize';
 
 export const StickySection = style({
   position: 'sticky',
@@ -152,37 +153,21 @@ export const BubbleContentArrowLeft = style({
   borderTopLeftRadius: 0,
 });
 
-// Look of the three-doors mock-up (chat.gamecult.org/mockups/three-doors): a Mind's pose sits
-// beside its bubble on wide screens; on phones it floats inside the bubble, overhanging the top
-// edge, and the text wraps around its silhouette (shape-outside on the alpha channel).
+// A Mind's pose nests in the corner of its bubble, on phones and wide screens alike: the sprite's
+// body sits in the bubble's padding and the bubble's edge cuts it, so nothing hangs outside; the
+// text wraps around its silhouette (shape-outside, traced from the alpha channel) and the bubble
+// grows to hold it. How much of the art the edge may cut comes from pose/nest.ts.
+// Displayed width of the whole sprite image; the crop fractions are multiples of it.
+export const portraitWidth = createVar();
 const PHONE = 'screen and (max-width: 700px)';
-const PORTRAIT = toRem(124);
-const POSE_GUTTER = toRem(14);
+const PORTRAIT = toRem(190);
+const PHONE_PORTRAIT = 'min(38vw, 160px)';
+const PHONE_TEXT_FLOOR = toRem(170);
+const BUBBLE_PAD = toRem(12);
 const BUBBLE_CORNER = toRem(6);
 const POP = 'cubic-bezier(0.34, 1.7, 0.64, 1)';
 const RISE = 'cubic-bezier(0.34, 1.45, 0.64, 1)';
 
-export const BubbleRowPose = style({
-  position: 'relative',
-  paddingLeft: `calc(${PORTRAIT} + ${POSE_GUTTER})`,
-  '@media': {
-    [PHONE]: {
-      paddingLeft: 0,
-    },
-  },
-});
-
-// A row that shows a portrait: room for it to hang above the bubble on phones.
-export const BubbleRowPortrait = style({
-  minHeight: PORTRAIT,
-  '@media': {
-    [PHONE]: {
-      minHeight: 0,
-      marginTop: toRem(58),
-    },
-  },
-});
-
 export const BubbleRowOwn = style({
   justifyContent: 'flex-end',
 });
@@ -196,48 +181,31 @@ export const BubbleHeaderOwn = style({
   alignSelf: 'flex-end',
 });
 
-// Phone: the name is a pill straddling the bubble's top edge, on the side opposite the portrait.
-export const BubbleHeaderPose = style({
-  '@media': {
-    [PHONE]: {
-      position: 'absolute',
-      zIndex: 2,
-      top: toRem(-15),
-      right: toRem(14),
-      padding: `0 ${toRem(13)}`,
-      background: color.Secondary.Container,
-      border: `1px solid ${color.Secondary.ContainerLine}`,
-      borderRadius: toRem(999),
-      whiteSpace: 'nowrap',
-    },
-  },
-});
-
-export const BubbleHeaderPoseAlt = style({
-  '@media': {
-    [PHONE]: {
-      right: 'auto',
-      left: toRem(14),
-    },
-  },
-});
-
-export const BubbleColumnPose = style({
-  position: 'relative',
-});
-
+// The message body is a flex column, which forms its own block formatting context and would sit
+// whole beside the floated portrait; as a plain block its lines wrap around the silhouette and
+// then run the bubble's full width below it.
 export const BubbleContentPose = style({
-  borderRadius: config.radii.R500,
-  borderTopLeftRadius: BUBBLE_CORNER,
+  display: 'flow-root',
+  overflow: 'clip',
+  padding: BUBBLE_PAD,
+});
+
+// A bubble that shows a portrait is at least portrait + a readable column wide, or the text beside
+// it collapses to a strip.
+export const BubbleContentPortrait = style({
+  vars: { [portraitWidth]: PORTRAIT },
+  minWidth: `min(100%, calc(${portraitWidth} + ${PHONE_TEXT_FLOOR}))`,
   '@media': {
     [PHONE]: {
-      display: 'flow-root',
-      borderTopLeftRadius: config.radii.R500,
-      padding: `${toRem(24)} ${toRem(14)} ${toRem(14)}`,
+      vars: { [portraitWidth]: PHONE_PORTRAIT },
     },
   },
 });
 
+globalStyle(`${BubbleContentPose} > div`, {
+  display: 'block',
+});
+
 export const BubbleContentOwn = style({
   backgroundColor: color.Primary.Container,
   color: color.Primary.OnContainer,
@@ -246,52 +214,37 @@ export const BubbleContentOwn = style({
   borderTopRightRadius: BUBBLE_CORNER,
 });
 
+// The button is the visible part of the sprite (the part inside the bubble's corner); the image
+// inside it is offset by the crop. The inline --pose-* fractions (of the image width) come from
+// nestView; until the art's size is known the button is simply the whole image.
 export const PoseButton = style({
-  position: 'absolute',
-  top: 0,
-  left: `calc(-1 * (${PORTRAIT} + ${POSE_GUTTER}))`,
-  width: PORTRAIT,
-  height: PORTRAIT,
+  float: 'left',
+  width: `var(--pose-bw, ${portraitWidth})`,
+  height: 'var(--pose-bh, auto)',
+  // Out into the padding on the top, bottom and outer side, so the bubble's edge is the crop.
+  margin: `calc(-1 * ${BUBBLE_PAD}) ${toRem(6)} calc(-1 * ${BUBBLE_PAD}) calc(-1 * ${BUBBLE_PAD})`,
   padding: 0,
   border: 'none',
   background: 'none',
   cursor: 'pointer',
   lineHeight: 0,
+  overflow: 'hidden',
+  shapeMargin: toRem(7),
   transformOrigin: '50% 90%',
-  '@media': {
-    [PHONE]: {
-      position: 'static',
-      float: 'left',
-      width: 'min(50vw, 210px)',
-      height: 'auto',
-      margin: `${toRem(-82)} ${toRem(8)} 0 ${toRem(-12)}`,
-      shapeMargin: toRem(7),
-      shapeImageThreshold: 0.35,
-      WebkitMaskImage: 'linear-gradient(#000 84%, transparent)',
-      maskImage: 'linear-gradient(#000 84%, transparent)',
-    },
-  },
 });
 
 export const PoseButtonAlt = style({
-  '@media': {
-    [PHONE]: {
-      float: 'right',
-      margin: `${toRem(-82)} ${toRem(-12)} 0 ${toRem(8)}`,
-    },
-  },
+  float: 'right',
+  margin: `calc(-1 * ${BUBBLE_PAD}) calc(-1 * ${BUBBLE_PAD}) calc(-1 * ${BUBBLE_PAD}) ${toRem(6)}`,
 });
 
 export const PosePortrait = style({
-  width: '100%',
-  height: '100%',
-  objectFit: 'contain',
-  objectPosition: 'top',
-  '@media': {
-    [PHONE]: {
-      height: 'auto',
-    },
-  },
+  display: 'block',
+  width: portraitWidth,
+  maxWidth: 'none',
+  height: 'auto',
+  marginLeft: 'var(--pose-ix, 0)',
+  marginTop: 'var(--pose-iy, 0)',
 });
 
 const pop = keyframes({
@@ -331,6 +284,9 @@ export const BubbleLeftArrow = style({
   zIndex: 1,
 });
 
+// Phone tap target: a sender name is 23 px tall, so the button grows 11 px above and below (44+ px to tap) and the
+// negative margin takes the growth back out of the layout. Hit area only: no background, border or outline moves.
+const SCREEN_PHONE = `screen and (max-width: ${MOBILE_BREAKPOINT}px)`;
 export const Username = style({
   overflow: 'hidden',
   whiteSpace: 'nowrap',
@@ -338,6 +294,9 @@ export const Username = style({
   selectors: {
     'button&': {
       cursor: 'pointer',
+      '@media': {
+        [SCREEN_PHONE]: { paddingBlock: 11, marginBlock: -11 },
+      },
     },
     'button&:hover, button&:focus-visible': {
       textDecoration: 'underline',
@@ -376,16 +335,12 @@ export const MessageTextBody = recipe({
 
 export type MessageTextBodyVariants = RecipeVariants<typeof MessageTextBody>;
 
-// The message content is a flex column, which forms its own block formatting context and so sits
-// whole beside the floated portrait: the text stays as narrow as the gap beside it for the
-// bubble's full height. As a plain block its lines wrap around the silhouette and then run the
-// bubble's full width below it.
-globalStyle(`${BubbleContentPose} > div`, {
-  '@media': {
-    [PHONE]: {
-      display: 'block',
-    },
-  },
+// An outside list marker hangs left of its item's text and ignores the portrait's silhouette, so
+// beside a left portrait the number lands under the art. Inside, it is a word on the first line
+// and wraps around the silhouette like the rest.
+globalStyle(`${BubbleContentPose} ol, ${BubbleContentPose} ul`, {
+  listStylePosition: 'inside',
+  paddingLeft: 0,
 });
 
 // While the background scene runs (html[data-scene]) a chat bubble is the one filled surface in
@@ -400,14 +355,6 @@ globalStyle(`${scene} ${BubbleContent}`, {
 globalStyle(`${scene} ${BubbleContentOwn}`, {
   backgroundColor: [color.Primary.Container, half(color.Primary.Container)],
 });
-globalStyle(`${scene} ${BubbleHeaderPose}`, {
-  '@media': {
-    [PHONE]: {
-      backgroundColor: [color.Secondary.Container, half(color.Secondary.Container)],
-      backdropFilter: 'blur(12px)',
-    },
-  },
-});
 globalStyle(`${scene} ${BubbleLeftArrow}`, {
   display: 'none',
 });
diff --git a/src/app/components/message/pose/PoseAvatar.tsx b/src/app/components/message/pose/PoseAvatar.tsx
index e98d6139..05e60631 100644
--- a/src/app/components/message/pose/PoseAvatar.tsx
+++ b/src/app/components/message/pose/PoseAvatar.tsx
@@ -1,32 +1,137 @@
-import React from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import * as css from '../layout/layout.css';
-import { poseSrc } from './poses';
+import { poseSrc, safeBox } from './poses';
+import { alphaBounds, nestView, type Box } from './nest';
+import { silhouette } from './silhouette';
 
 type PoseAvatarProps = {
   mind: string;
   pose: string;
   userId: string;
-  /** Float on the right on phones. */
+  /** Nest in the bubble's top-right corner instead of the top-left. */
   alt?: boolean;
   /** Play the first-appearance pop. */
   enter?: boolean;
-  onClick: React.MouseEventHandler<HTMLButtonElement>;
+  /** Without it the portrait is a plain image: no button, no tab stop. */
+  onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+
+// Safe boxes derived from art's alpha, by source; the art is traced once.
+const traced = new Map<string, { box: Box; size: [number, number] }>();
+const trace = (img: HTMLImageElement, src: string) => {
+  const hit = traced.get(src);
+  if (hit) return hit;
+  const w = img.naturalWidth;
+  const h = img.naturalHeight;
+  const ctx = document.createElement('canvas').getContext('2d');
+  if (!ctx) return undefined;
+  ctx.canvas.width = w;
+  ctx.canvas.height = h;
+  ctx.drawImage(img, 0, 0);
+  const box = alphaBounds(ctx.getImageData(0, 0, w, h).data, w, h);
+  if (!box) return undefined;
+  const found = { box, size: [w, h] as [number, number] };
+  traced.set(src, found);
+  return found;
 };
 
 export function PoseAvatar({ mind, pose, userId, alt, enter, onClick }: PoseAvatarProps) {
   const src = poseSrc(mind, pose, import.meta.env.BASE_URL);
+  const imgRef = useRef<HTMLImageElement>(null);
+  const [shape, setShape] = useState<string>();
+  const measured = safeBox(mind, pose);
+  const [derived, setDerived] = useState<{ box: Box; size: [number, number] }>();
+  const art = measured ?? (derived?.size ? derived : undefined);
+  // Measured boxes are cropped by the share Aqua's numbers allow; a box traced from the alpha is
+  // already tight to the art, so the bubble may take all of the transparent margin.
+  const view = art && nestView(art.box, art.size, !!alt, measured ? undefined : 1);
+
+  // Art with no measured box: find its extent when it loads.
+  useEffect(() => {
+    setDerived(undefined);
+    const img = imgRef.current;
+    if (!img || measured) return undefined;
+    const find = () => {
+      if (!img.complete || img.naturalWidth === 0) return;
+      try {
+        setDerived(trace(img, src));
+      } catch {
+        setDerived(undefined);
+      }
+    };
+    find();
+    img.addEventListener('load', find);
+    return () => img.removeEventListener('load', find);
+  }, [src, measured]);
+
+  // The bubble text wraps around the portrait's silhouette. Retraced when the art loads, when its
+  // crop is known, and when its width changes with the viewport.
+  useEffect(() => {
+    const img = imgRef.current;
+    if (!img) return undefined;
+    const retrace = () => {
+      if (!img.complete || img.naturalWidth === 0) return;
+      try {
+        const box = img.parentElement;
+        const style = getComputedStyle(img);
+        setShape(
+          silhouette(
+            img,
+            !alt,
+            box
+              ? {
+                  x: 0 - parseFloat(style.marginLeft || '0'),
+                  y: 0 - parseFloat(style.marginTop || '0'),
+                  width: box.clientWidth,
+                  height: box.clientHeight,
+                }
+              : undefined
+          )
+        );
+      } catch {
+        setShape(undefined);
+      }
+    };
+    retrace();
+    img.addEventListener('load', retrace);
+    const resize = new ResizeObserver(retrace);
+    resize.observe(img);
+    return () => {
+      img.removeEventListener('load', retrace);
+      resize.disconnect();
+    };
+  }, [src, alt, view?.x, view?.y, view?.width, view?.height]);
+
+  // Crop fractions are of the image's width, so one set serves every displayed size.
+  const frac = (px: number) => `calc(${css.portraitWidth} * ${px / (art?.size[0] ?? 1)})`;
+  const cropStyle =
+    art && view
+      ? ({
+          '--pose-bw': frac(view.width),
+          '--pose-bh': frac(view.height),
+          '--pose-ix': frac(-view.x),
+          '--pose-iy': frac(-view.y),
+        } as React.CSSProperties)
+      : undefined;
+
+  const Tag = onClick ? 'button' : 'span';
   return (
-    <button
-      type="button"
+    <Tag
+      type={onClick ? 'button' : undefined}
       className={classNames(css.PoseButton, alt && css.PoseButtonAlt, enter && css.EnterPortrait)}
-      // On phones the bubble text wraps around the portrait's silhouette.
-      style={{ shapeOutside: `url(${src})` }}
+      style={{ ...cropStyle, shapeOutside: shape }}
       data-user-id={userId}
       data-pose={pose}
       onClick={onClick}
     >
-      <img className={css.PosePortrait} src={src} alt={`${mind}, ${pose}`} draggable={false} />
-    </button>
+      <img
+        ref={imgRef}
+        className={css.PosePortrait}
+        src={src}
+        alt={`${mind}, ${pose}`}
+        draggable={false}
+      />
+    </Tag>
   );
 }
diff --git a/src/app/components/message/pose/nest.test.ts b/src/app/components/message/pose/nest.test.ts
new file mode 100644
index 00000000..d8e6f36e
--- /dev/null
+++ b/src/app/components/message/pose/nest.test.ts
@@ -0,0 +1,72 @@
+import { describe, expect, it } from 'vitest';
+import { alphaBounds, nestView } from './nest';
+import boxes from './safeBoxes.json';
+
+describe('nestView', () => {
+  // Aqua neutral: 560x374, safe box [144,22,492,317] (right margin 68, top 22).
+  it('crops half the right and top margins for a top-right nest', () => {
+    expect(nestView([144, 22, 492, 317], [560, 374], true)).toEqual({
+      x: 0,
+      y: 11,
+      width: 526,
+      height: 363,
+    });
+  });
+
+  it('crops the left margin instead for a top-left nest', () => {
+    expect(nestView([144, 22, 492, 317], [560, 374], false)).toEqual({
+      x: 72,
+      y: 11,
+      width: 488,
+      height: 363,
+    });
+  });
+
+  it('never crops the top of art already touching it (smug, headband at y=0)', () => {
+    const v = nestView([140, 0, 487, 241], [560, 374], true);
+    expect(v.y).toBe(0);
+    expect(v.height).toBe(374);
+  });
+
+  it('can take the whole margin', () => {
+    expect(nestView([10, 4, 90, 50], [100, 60], true, 1)).toEqual({
+      x: 0,
+      y: 4,
+      width: 90,
+      height: 56,
+    });
+  });
+
+  it('keeps every measured safe box intact at the default share', () => {
+    const aqua = boxes.aqua as Record<string, number[]>;
+    expect(Object.keys(aqua)).toHaveLength(15);
+    Object.values(aqua).forEach(([x0, y0, x1, y1, w, h]) => {
+      const right = nestView([x0, y0, x1, y1], [w, h], true);
+      expect(right.x).toBeLessThanOrEqual(x0);
+      expect(right.x + right.width).toBeGreaterThanOrEqual(x1);
+      expect(right.y).toBeLessThanOrEqual(y0);
+      const left = nestView([x0, y0, x1, y1], [w, h], false);
+      expect(left.x).toBeLessThanOrEqual(x0);
+      expect(left.x + left.width).toBe(w);
+    });
+  });
+});
+
+describe('alphaBounds', () => {
+  it('finds the opaque rectangle', () => {
+    const w = 6;
+    const h = 5;
+    const data = new Uint8ClampedArray(w * h * 4);
+    [
+      [2, 1],
+      [4, 3],
+    ].forEach(([x, y]) => {
+      data[(y * w + x) * 4 + 3] = 255;
+    });
+    expect(alphaBounds(data, w, h)).toEqual([2, 1, 5, 4]);
+  });
+
+  it('reports nothing for an empty image', () => {
+    expect(alphaBounds(new Uint8ClampedArray(16), 2, 2)).toBeUndefined();
+  });
+});
diff --git a/src/app/components/message/pose/nest.ts b/src/app/components/message/pose/nest.ts
new file mode 100644
index 00000000..ffee1490
--- /dev/null
+++ b/src/app/components/message/pose/nest.ts
@@ -0,0 +1,58 @@
+// A pose nests into the corner of its bubble: the sprite's body sits in the bubble's padding and is
+// cut off by the bubble's edge, so nothing hangs outside it.
+
+/** [x0, y0, x1, y1] in image pixels, origin top-left, x1/y1 exclusive. */
+export type Box = [number, number, number, number];
+
+// Share of the room between the safe box and the image edge that the bubble edge may cut away.
+// Aqua's measurement says all of it can go; half leaves the outline a little air.
+export const CROP_SHARE = 0.5;
+
+export type NestView = {
+  /** The visible region of the image, in pixels. */
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+};
+
+// The part of the image that shows, for a sprite in the bubble's top-right (`right`) or top-left
+// corner. Only the corner's two sides are cropped: the side towards the bubble's edge and the top.
+// The far side and the bottom stay whole; the bubble's bottom edge cuts the bust.
+export const nestView = (
+  safe: Box,
+  size: [number, number],
+  right: boolean,
+  share = CROP_SHARE
+): NestView => {
+  const [w, h] = size;
+  const [x0, y0, x1] = safe;
+  const side = Math.round(share * (right ? w - x1 : x0));
+  const top = Math.round(share * y0);
+  const x = right ? 0 : side;
+  return { x, y: top, width: w - side, height: h - top };
+};
+
+// Bounds of the pixels whose alpha exceeds `min`, as a safe box for art with no measured one.
+export const alphaBounds = (
+  data: ArrayLike<number>,
+  w: number,
+  h: number,
+  min = 8
+): Box | undefined => {
+  let x0 = w;
+  let y0 = h;
+  let x1 = 0;
+  let y1 = 0;
+  for (let y = 0; y < h; y += 1) {
+    for (let x = 0; x < w; x += 1) {
+      if (data[(y * w + x) * 4 + 3] > min) {
+        x0 = Math.min(x0, x);
+        x1 = Math.max(x1, x + 1);
+        y0 = Math.min(y0, y);
+        y1 = y + 1;
+      }
+    }
+  }
+  return x1 > x0 ? [x0, y0, x1, y1] : undefined;
+};
diff --git a/src/app/components/message/pose/poses.test.ts b/src/app/components/message/pose/poses.test.ts
index ed503abe..c6089f62 100644
--- a/src/app/components/message/pose/poses.test.ts
+++ b/src/app/components/message/pose/poses.test.ts
@@ -1,6 +1,10 @@
 import { describe, expect, it } from 'vitest';
 import catalogue from './catalogue.json';
-import { mindOfSender, poseSrc, poseStatusLine, poseStatuses, resolvePose } from './poses';
+import {
+  mindOfSender,
+  poseSrc,
+  resolvePose,
+} from './poses';
 
 describe('resolvePose', () => {
   it('keeps shared and own-signature labels from the catalogue', () => {
@@ -46,38 +50,5 @@ describe('poseSrc', () => {
   });
 });
 
-describe('poseStatuses', () => {
-  const ev = (sender: string, ts: number, label: unknown) => ({
-    sender,
-    localpart: sender,
-    ts,
-    label,
-  });
-  it('reports the latest pose per Mind and when its unbroken run began', () => {
-    const out = poseStatuses([
-      ev('aqua', 1, 'happy'),
-      ev('aqua', 2, 'sigh'),
-      ev('aqua', 3, 'sigh'),
-      ev('alice', 4, 'happy'),
-      ev('eureka', 5, 'probe'),
-    ]);
-    expect(out).toEqual([
-      { mind: 'aqua', pose: 'sigh', since: 2 },
-      { mind: 'eureka', pose: 'probe', since: 5 },
-    ]);
-  });
-  it('treats unknown labels as neutral runs', () => {
-    expect(poseStatuses([ev('void', 1, 'bogus'), ev('void', 2, undefined)])).toEqual([
-      { mind: 'void', pose: 'neutral', since: 1 },
-    ]);
-  });
-});
 
-describe('poseStatusLine', () => {
-  it('formats the client-status line', () => {
-    const since = new Date(2026, 10, 4, 9, 5).getTime();
-    expect(poseStatusLine({ mind: 'void', pose: 'reading', since })).toBe(
-      'Ratatoskr: Void is reading, since 09:05'
-    );
-  });
-});
+
diff --git a/src/app/components/message/pose/poses.ts b/src/app/components/message/pose/poses.ts
index a5b705c3..b1f983ea 100644
--- a/src/app/components/message/pose/poses.ts
+++ b/src/app/components/message/pose/poses.ts
@@ -1,4 +1,6 @@
 import catalogue from './catalogue.json';
+import safeBoxes from './safeBoxes.json';
+import type { Box } from './nest';
 
 // Pose labels travel in the event content under POSE_KEY. The catalogue
 // (cast-art poses/catalogue.json, synced by `npm run sync:poses`) is the only
@@ -40,39 +42,14 @@ export const resolvePose = (mind: string, label: unknown): string => {
 export const poseSrc = (mind: string, pose: string, base = '/'): string =>
   `${base}public/poses/${artPath(mind, pose) ?? artPath(mind, NEUTRAL)}`;
 
-export type PoseStatus = { mind: string; pose: string; since: number };
-export type PoseEvent = {
-  sender: string;
-  localpart?: string;
-  name?: string;
-  ts: number;
-  label: unknown;
-};
-
-// Latest pose per Mind in a room's events (oldest first), and when that pose
-// began: the first of its unbroken run of messages carrying the same pose.
-export const poseStatuses = (events: PoseEvent[]): PoseStatus[] => {
-  const bySender = new Map<string, { mind: string; run: { pose: string; ts: number }[] }>();
-  events.forEach((e) => {
-    const mind = mindOfSender(e.localpart, e.name);
-    if (!mind) return;
-    const entry = bySender.get(e.sender) ?? { mind, run: [] };
-    entry.run.push({ pose: resolvePose(mind, e.label), ts: e.ts });
-    bySender.set(e.sender, entry);
-  });
-  return [...bySender.values()].map(({ mind, run }) => {
-    const last = run[run.length - 1];
-    let i = run.length - 1;
-    while (i > 0 && run[i - 1].pose === last.pose) i -= 1;
-    return { mind, pose: last.pose, since: run[i].ts };
-  });
-};
-
-const two = (n: number) => String(n).padStart(2, '0');
-
-// Client-status text. Rendered locally only; it is never sent to a room.
-export const poseStatusLine = ({ mind, pose, since }: PoseStatus): string => {
-  const d = new Date(since);
-  const name = mind.charAt(0).toUpperCase() + mind.slice(1);
-  return `Ratatoskr: ${name} is ${pose}, since ${two(d.getHours())}:${two(d.getMinutes())}`;
+// Safe-crop boxes measured from the art's pixels (Aqua, `aqua-pose-crop-boxes-20261110`): the
+// head and headphones plus outline, which the bubble's edge must not cut. [x0, y0, x1, y1, width,
+// height] in image pixels. Art with no entry gets its box from the sprite's alpha at load time.
+const boxes = safeBoxes as Record<string, Record<string, number[]>>;
+export const safeBox = (
+  mind: string,
+  pose: string
+): { box: Box; size: [number, number] } | undefined => {
+  const b = Object.prototype.hasOwnProperty.call(boxes, mind) ? boxes[mind][pose] : undefined;
+  return b ? { box: [b[0], b[1], b[2], b[3]], size: [b[4], b[5]] } : undefined;
 };
diff --git a/src/app/components/message/pose/safeBoxes.json b/src/app/components/message/pose/safeBoxes.json
new file mode 100644
index 00000000..eff7011e
--- /dev/null
+++ b/src/app/components/message/pose/safeBoxes.json
@@ -0,0 +1,19 @@
+{
+  "aqua": {
+    "neutral": [144, 22, 492, 317, 560, 374],
+    "happy": [157, 22, 506, 317, 574, 374],
+    "amused": [154, 22, 500, 317, 562, 374],
+    "thinking": [154, 16, 500, 307, 562, 374],
+    "annoyed": [154, 4, 499, 282, 562, 374],
+    "surprised": [141, 5, 485, 282, 560, 374],
+    "concerned": [156, 4, 501, 283, 574, 374],
+    "fretful": [156, 16, 503, 305, 574, 374],
+    "weary": [161, 16, 509, 307, 624, 374],
+    "glare": [160, 5, 508, 282, 624, 374],
+    "smug": [140, 0, 487, 241, 560, 374],
+    "sigh": [154, 0, 500, 241, 574, 374],
+    "charging": [152, 0, 497, 241, 562, 374],
+    "delighted": [159, 0, 507, 241, 624, 374],
+    "content": [144, 16, 492, 306, 560, 374]
+  }
+}
diff --git a/src/app/components/message/pose/silhouette.test.ts b/src/app/components/message/pose/silhouette.test.ts
new file mode 100644
index 00000000..ba9d5ecb
--- /dev/null
+++ b/src/app/components/message/pose/silhouette.test.ts
@@ -0,0 +1,74 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { silhouette } from './silhouette';
+
+// A w x h image whose opaque pixels are the given columns [from, to) on each row.
+const fakeImage = (w: number, h: number, solid: (y: number) => [number, number] | null) => {
+  const data = new Uint8ClampedArray(w * h * 4);
+  for (let y = 0; y < h; y += 1) {
+    const span = solid(y);
+    if (span) for (let x = span[0]; x < span[1]; x += 1) data[(y * w + x) * 4 + 3] = 255;
+  }
+  const canvas = {
+    width: 0,
+    height: 0,
+    getContext: () => ({ canvas, drawImage: vi.fn(), getImageData: () => ({ data }) }),
+  };
+  vi.stubGlobal('document', { createElement: () => canvas });
+  return { clientWidth: w, clientHeight: h } as HTMLImageElement;
+};
+
+afterEach(() => {
+  vi.unstubAllGlobals();
+});
+
+describe('silhouette', () => {
+  // Art in columns 20..60 from row 8 down; rows 0..7 are empty.
+  const art = (y: number): [number, number] | null => (y < 8 ? null : [20, 60]);
+
+  it('hugs the right edge of the art when the text sits to its right', () => {
+    const poly = silhouette(fakeImage(100, 16, art), true);
+    expect(poly).toBe(
+      'polygon(0px 0, 0px 0px, 0px 4px, 60px 8px, 60px 12px, 60px 16px, 0px 16px) border-box'
+    );
+  });
+
+  it('hugs the left edge of the art when the text sits to its left', () => {
+    const poly = silhouette(fakeImage(100, 16, art), false);
+    expect(poly).toBe(
+      'polygon(100px 0, 100px 0px, 100px 4px, 20px 8px, 20px 12px, 20px 16px, 100px 16px) border-box'
+    );
+  });
+
+  it('takes the widest row of a band, so no row of the art pokes out of the polygon', () => {
+    // Row 5 reaches x=90; its band's edge row (y=8 covers rows 4..8) must include it.
+    const poly = silhouette(
+      fakeImage(100, 16, (y) => (y === 5 ? [20, 90] : null)),
+      true
+    );
+    expect(poly).toContain('90px 8px');
+  });
+
+  it('has no shape before the image has a size or where there is no canvas', () => {
+    expect(
+      silhouette({ clientWidth: 0, clientHeight: 0 } as HTMLImageElement, true)
+    ).toBeUndefined();
+  });
+
+  it('traces only the visible part of a cropped portrait, drawn at its offset', () => {
+    const drawImage = vi.fn();
+    const canvas = {
+      width: 0,
+      height: 0,
+      getContext: () => ({
+        canvas,
+        drawImage,
+        getImageData: () => ({ data: new Uint8ClampedArray(40 * 8 * 4) }),
+      }),
+    };
+    vi.stubGlobal('document', { createElement: () => canvas });
+    const img = { clientWidth: 100, clientHeight: 20 } as HTMLImageElement;
+    silhouette(img, true, { x: 0, y: 12, width: 40, height: 8 });
+    expect([canvas.width, canvas.height]).toEqual([40, 8]);
+    expect(drawImage).toHaveBeenCalledWith(img, 0, -12, 100, 20);
+  });
+});
diff --git a/src/app/components/message/pose/silhouette.ts b/src/app/components/message/pose/silhouette.ts
new file mode 100644
index 00000000..019c0716
--- /dev/null
+++ b/src/app/components/message/pose/silhouette.ts
@@ -0,0 +1,43 @@
+const SOLID = 0.35 * 255;
+const ROW = 4;
+
+// The edge of the portrait that the text wraps against, as a polygon in border-box pixels.
+// `shape-outside: url()` cannot do this: the browser sizes that image at its natural size and
+// anchors it at the margin box, which the phone layout's negative top margin shifts down by the
+// overhang, so the exclusion neither matches the art's size nor its place.
+//
+// `view` is the part of the displayed image that shows (the button's box, in displayed pixels):
+// the portrait is cropped by the bubble, so the polygon is traced over what is left of the art.
+export type View = { x: number; y: number; width: number; height: number };
+
+export const silhouette = (
+  img: HTMLImageElement,
+  textOnRight: boolean,
+  view?: View
+): string | undefined => {
+  const w = Math.round(view?.width ?? img.clientWidth);
+  const h = Math.round(view?.height ?? img.clientHeight);
+  const ctx = w > 0 && h > 0 ? document.createElement('canvas').getContext('2d') : null;
+  if (!ctx) return undefined;
+  ctx.canvas.width = w;
+  ctx.canvas.height = h;
+  ctx.drawImage(img, 0 - (view?.x ?? 0), 0 - (view?.y ?? 0), img.clientWidth, img.clientHeight);
+  const { data } = ctx.getImageData(0, 0, w, h);
+  const outer = textOnRight ? 0 : w;
+  const edge: string[] = [];
+  for (let y = 0; y <= h; y += ROW) {
+    let x = outer;
+    // A band's edge is the extreme solid pixel over its rows, so no row pokes out of the polygon.
+    for (let r = Math.max(0, y - ROW); r < Math.min(h, y + 1); r += 1) {
+      for (let i = 0; i < w; i += 1) {
+        const px = textOnRight ? w - 1 - i : i;
+        if (data[(r * w + px) * 4 + 3] > SOLID) {
+          x = textOnRight ? Math.max(x, px + 1) : Math.min(x, px);
+          break;
+        }
+      }
+    }
+    edge.push(`${x}px ${y}px`);
+  }
+  return `polygon(${outer}px 0, ${edge.join(', ')}, ${outer}px ${h}px) border-box`;
+};
diff --git a/src/app/components/nav/styles.css.ts b/src/app/components/nav/styles.css.ts
index 48b2a4d3..62e3928e 100644
--- a/src/app/components/nav/styles.css.ts
+++ b/src/app/components/nav/styles.css.ts
@@ -1,6 +1,17 @@
-import { ComplexStyleRule, createVar, style } from '@vanilla-extract/css';
+import { ComplexStyleRule, StyleRule, createVar, globalStyle, style } from '@vanilla-extract/css';
 import { RecipeVariants, recipe } from '@vanilla-extract/recipes';
 import { ContainerColor, DefaultReset, Disabled, RadiiVariant, color, config, toRem } from 'folds';
+import { surfaceInk } from '../../features/scene/sceneShell.css';
+import { skyLabelInk } from '../../features/scene/skyLabelInk';
+
+// Wash strengths over the scene: rows and labels are faint, and hover, selected and pressed rows
+// are three distinct steps above them.
+// Meta, 2026-11-09: "this UI needs no chrome". Rows and labels are bare ink on the scene; hover and selection keep a faint wash.
+const SCRIM_LABEL = '0%';
+const SCRIM_ROW = '0%';
+const SCRIM_HOVER = '14%';
+const SCRIM_SELECTED = '22%';
+const SCRIM_PRESSED = '48%';
 
 export const NavCategory = style([
   DefaultReset,
@@ -11,6 +22,18 @@ export const NavCategory = style([
 
 export const NavCategoryHeader = style({
   gap: config.space.S100,
+  '@media': {
+    // Category labels sit on the scene like the rows do, and need a wash to be read (wide screens;
+    // a phone's list is plain text).
+    'screen and (min-width: 751px)': {
+      selectors: {
+        ':root[data-scene] &': {
+          backgroundColor: `color-mix(in srgb, ${surfaceInk} ${SCRIM_LABEL}, transparent)`,
+          borderRadius: config.radii.R400,
+        },
+      },
+    },
+  },
 });
 
 export const NavLink = style({
@@ -44,6 +67,12 @@ const getVariant = (variant: ContainerColor): ComplexStyleRule => ({
   },
 });
 
+// The room list is plain text on a phone: no pill, slab or border behind any row, and hover,
+// selected and pressed show in the label (NavLabel), never in a box. Wider screens keep the rows
+// and the wash.
+const WIDE = 'screen and (min-width: 751px)';
+const PHONE = 'screen and (max-width: 750px)';
+
 const NavItemBase = style({
   width: '100%',
   display: 'flex',
@@ -54,19 +83,45 @@ const NavItemBase = style({
   outline: 'none',
   minHeight: toRem(36),
 
+  '@media': {
+    [PHONE]: {
+      backgroundColor: 'transparent',
+      borderRadius: 0,
+    },
+    [WIDE]: {
+      selectors: {
+        '&:hover, &:focus-visible': {
+          backgroundColor: ContainerHover,
+        },
+        '&[data-hover=true]': {
+          backgroundColor: ContainerHover,
+        },
+        // While the background scene runs the shell is clear (sceneShell.css.ts); a row is a faint
+        // wash of the theme's own surface: the terrain stays visible, the text stays readable.
+        // Hover, the selected row and a press each strengthen it a step.
+        ':root[data-scene] &': {
+          backgroundColor: `color-mix(in srgb, ${surfaceInk} ${SCRIM_ROW}, transparent)`,
+        },
+        ':root[data-scene] &:hover, :root[data-scene] &:focus-visible, :root[data-scene] &[data-hover=true]':
+          {
+            backgroundColor: `color-mix(in srgb, ${surfaceInk} ${SCRIM_HOVER}, transparent)`,
+          },
+        ':root[data-scene] &[aria-selected=true]': {
+          backgroundColor: `color-mix(in srgb, ${surfaceInk} ${SCRIM_SELECTED}, transparent)`,
+        },
+        [`:root[data-scene] &:has(.${NavLink}:active)`]: {
+          backgroundColor: `color-mix(in srgb, ${surfaceInk} ${SCRIM_PRESSED}, transparent)`,
+        },
+        [`&:has(.${NavLink}:active)`]: {
+          backgroundColor: ContainerActive,
+        },
+        '&[aria-selected=true]': {
+          backgroundColor: ContainerActive,
+        },
+      },
+    },
+  },
   selectors: {
-    '&:hover, &:focus-visible': {
-      backgroundColor: ContainerHover,
-    },
-    '&[data-hover=true]': {
-      backgroundColor: ContainerHover,
-    },
-    [`&:has(.${NavLink}:active)`]: {
-      backgroundColor: ContainerActive,
-    },
-    '&[aria-selected=true]': {
-      backgroundColor: ContainerActive,
-    },
     [`&:has(.${NavLink}:focus-visible)`]: {
       outline: `${config.borderWidth.B600} solid ${ContainerLine}`,
       outlineOffset: `calc(-1 * ${config.borderWidth.B600})`,
@@ -126,3 +181,77 @@ export const NavItemContent = style({
 export const NavItemOptions = style({
   paddingRight: config.space.S200,
 });
+
+// A room's name on a phone wears the section headings' type (small caps-height, uppercase, 600,
+// at heading strength) and states itself in the text: hover and focus underline it, the selected
+// row is bolder and underlined, a press dims it, an unread room is at full strength. Over the scene
+// a halo of the theme's own surface keeps it readable without a box.
+export const NavLabel = style({});
+const label = `.${NavLabel}.${NavLabel}`;
+const phoneLabel = (selector: string, rule: StyleRule) =>
+  globalStyle(selector, { '@media': { [PHONE]: rule } });
+
+phoneLabel(label, {
+  fontSize: toRem(12),
+  lineHeight: toRem(16),
+  fontWeight: config.fontWeight.W600,
+  textTransform: 'uppercase',
+  opacity: 0.75,
+  textDecorationThickness: '1px',
+  textUnderlineOffset: toRem(4),
+});
+phoneLabel(
+  [
+    `.${NavItemBase}:hover ${label}`,
+    `.${NavItemBase}:focus-visible ${label}`,
+    `.${NavItemBase}[data-hover=true] ${label}`,
+    `.${NavItemBase}[data-highlight=true] ${label}`,
+  ].join(', '),
+  { opacity: 1 }
+);
+phoneLabel(`.${NavItemBase}:hover ${label}, .${NavItemBase}:focus-visible ${label}`, {
+  textDecorationLine: 'underline',
+});
+phoneLabel(`.${NavItemBase}[aria-selected=true] ${label}`, {
+  opacity: 1,
+  fontWeight: config.fontWeight.W700,
+  textDecorationLine: 'underline',
+  textDecorationThickness: '2px',
+});
+phoneLabel(`.${NavItemBase}:has(.${NavLink}:active) ${label}`, {
+  opacity: 0.6,
+  textDecorationLine: 'underline',
+});
+phoneLabel(`:root[data-scene] ${label}`, {
+  color: skyLabelInk('inherit'),
+  textShadow: `0 0 3px ${surfaceInk}, 0 0 8px ${surfaceInk}`,
+});
+
+// Icons, dots and the Join action share the label's halo over the scene.
+globalStyle(`:root[data-scene] ${NavItemBase} svg, :root[data-scene] ${NavItemBase} button`, {
+  '@media': {
+    [PHONE]: {
+      filter: `drop-shadow(0 0 3px ${surfaceInk})`,
+    },
+  },
+});
+
+// The Join action on a phone is a plain underlined word, not a pill.
+export const NavAction = style({
+  '@media': {
+    [PHONE]: {
+      selectors: {
+        '&&': {
+          backgroundColor: 'transparent',
+          boxShadow: 'none',
+          border: 'none',
+          borderRadius: 0,
+          minWidth: 0,
+          textDecoration: 'underline',
+          textUnderlineOffset: toRem(4),
+          flexShrink: 0,
+        },
+      },
+    },
+  },
+});
diff --git a/src/app/components/room-intro/RoomIntro.tsx b/src/app/components/room-intro/RoomIntro.tsx
index 2e4e3ebc..0c6b10df 100644
--- a/src/app/components/room-intro/RoomIntro.tsx
+++ b/src/app/components/room-intro/RoomIntro.tsx
@@ -1,7 +1,9 @@
+import classNames from 'classnames';
 import React, { useCallback, useState } from 'react';
 import { Avatar, Box, Button, Spinner, Text, as } from 'folds';
 import { Room } from 'matrix-js-sdk';
 import { useAtomValue } from 'jotai';
+import { SkyPlate } from '../../features/scene/skyPlate.css';
 import { IRoomCreateContent, Membership, StateEvent } from '../../../types/matrix/room';
 import { getMemberDisplayName, getStateEvent } from '../../utils/room';
 import { useMatrixClient } from '../../hooks/useMatrixClient';
@@ -23,7 +25,7 @@ export type RoomIntroProps = {
   room: Room;
 };
 
-export const RoomIntro = as<'div', RoomIntroProps>(({ room, ...props }, ref) => {
+export const RoomIntro = as<'div', RoomIntroProps>(({ room, className, ...props }, ref) => {
   const mx = useMatrixClient();
   const useAuthentication = useMediaAuthentication();
   const { navigateRoom } = useRoomNavigate();
@@ -50,7 +52,7 @@ export const RoomIntro = as<'div', RoomIntroProps>(({ room, ...props }, ref) =>
   const [hour24Clock] = useSetting(settingsAtom, 'hour24Clock');
 
   return (
-    <Box direction="Column" grow="Yes" gap="500" {...props} ref={ref}>
+    <Box direction="Column" grow="Yes" gap="500" className={classNames(SkyPlate, className)} {...props} ref={ref}>
       <Box>
         <Avatar size="500">
           <RoomAvatar
diff --git a/src/app/features/albums/AlbumView.css.ts b/src/app/features/albums/AlbumView.css.ts
new file mode 100644
index 00000000..c4f4fc79
--- /dev/null
+++ b/src/app/features/albums/AlbumView.css.ts
@@ -0,0 +1,51 @@
+import { style } from '@vanilla-extract/css';
+import { color, config, toRem } from 'folds';
+import { MOBILE_BREAKPOINT } from '../../hooks/useScreenSize';
+
+const WIDE = `screen and (min-width: ${MOBILE_BREAKPOINT + 1}px)`;
+
+/** One column, bare ink on the scene. */
+export const Column = style({
+  maxWidth: toRem(720),
+  width: '100%',
+  margin: '0 auto',
+  padding: config.space.S400,
+  display: 'flex',
+  flexDirection: 'column',
+  gap: config.space.S200,
+});
+
+/** A tappable text row: no border, no fill, at least 44 px tall. */
+export const Row = style({
+  all: 'unset',
+  boxSizing: 'border-box',
+  cursor: 'pointer',
+  minHeight: 44,
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center',
+  gap: toRem(2),
+  color: color.Background.OnContainer,
+  ':focus-visible': { textDecoration: 'underline' },
+});
+
+export const Back = style([Row, { minHeight: 44 }]);
+
+export const Files = style({
+  display: 'flex',
+  flexDirection: 'column',
+  gap: config.space.S400,
+});
+
+/** Images may tile into a grid on wide screens only. */
+export const FilesWide = style({
+  '@media': {
+    [WIDE]: {
+      display: 'grid',
+      gridTemplateColumns: 'repeat(auto-fill, minmax(220px, 1fr))',
+      alignItems: 'start',
+    },
+  },
+});
+
+export const Dim = style({ opacity: config.opacity.P300 });
diff --git a/src/app/features/albums/AlbumView.tsx b/src/app/features/albums/AlbumView.tsx
new file mode 100644
index 00000000..28e0c477
--- /dev/null
+++ b/src/app/features/albums/AlbumView.tsx
@@ -0,0 +1,141 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { Box, Scroll, Text } from 'folds';
+import { Room, RoomEvent } from 'matrix-js-sdk';
+import { MediaControl } from '../../components/media';
+import { AudioContent } from '../../components/message';
+import { RenderMessageContent } from '../../components/RenderMessageContent';
+import { IAudioContent } from '../../../types/matrix/common';
+import { LINKIFY_OPTS, getReactCustomHtmlParser } from '../../plugins/react-custom-html-parser';
+import { useMatrixClient } from '../../hooks/useMatrixClient';
+import { useMediaAuthentication } from '../../hooks/useMediaAuthentication';
+import { useSetting } from '../../state/hooks/settings';
+import { settingsAtom } from '../../state/settings';
+import { markAsRead } from '../../utils/notifications';
+import { getBlobSafeMimeType } from '../../utils/mimeTypes';
+import { timeDayMonYear } from '../../utils/time';
+import { getMemberDisplayName } from '../../utils/room';
+import { Album, AlbumFile } from './buildAlbums';
+import { useAlbums } from './useAlbums';
+import * as css from './AlbumView.css';
+
+/**
+ * Audio goes straight to AudioContent, skipping the chat Attachment frame and file-type badge: the
+ * title above it is the only label and the transport controls sit on the scene. Anything that is
+ * not playable audio falls through to the stock renderer (a file download).
+ */
+const playableAudio = (content: Record<string, unknown>) => {
+  const c = content as IAudioContent;
+  const url = c.file?.url ?? c.url;
+  const mimeType = getBlobSafeMimeType(c.info?.mimetype ?? '');
+  if (!c.info || typeof url !== 'string' || !mimeType.startsWith('audio')) return undefined;
+  return { info: c.info, url, mimeType, encInfo: c.file };
+};
+
+type FileRowProps = { room: Room; file: AlbumFile; author: string };
+function FileRow({ room, file, author }: FileRowProps) {
+  const mx = useMatrixClient();
+  const useAuthentication = useMediaAuthentication();
+  const [mediaAutoLoad] = useSetting(settingsAtom, 'mediaAutoLoad');
+  const htmlReactParserOptions = useMemo(
+    () =>
+      getReactCustomHtmlParser(mx, room.roomId, { linkifyOpts: LINKIFY_OPTS, useAuthentication }),
+    [mx, room.roomId, useAuthentication]
+  );
+  const audio = file.kind === 'audio' ? playableAudio(file.content) : undefined;
+  return (
+    <Box direction="Column" gap="100">
+      <Text size="T300" truncate>
+        {file.name}
+      </Text>
+      {audio ? (
+        <AudioContent {...audio} renderMediaControl={(p) => <MediaControl {...p} />} />
+      ) : (
+        <RenderMessageContent
+          displayName={author}
+          msgType={file.content.msgtype as string}
+          ts={file.ts}
+          getContent={<T,>() => file.content as T}
+          mediaAutoLoad={mediaAutoLoad}
+          htmlReactParserOptions={htmlReactParserOptions}
+          linkifyOpts={LINKIFY_OPTS}
+        />
+      )}
+    </Box>
+  );
+}
+
+const countLabel = (n: number) => `${n} ${n === 1 ? 'file' : 'files'}`;
+
+/** The zone never mounts RoomTimeline, so it sends the read receipt the timeline would. */
+function useMarkZoneRead(room: Room) {
+  const mx = useMatrixClient();
+  const [hideActivity] = useSetting(settingsAtom, 'hideActivity');
+  useEffect(() => {
+    const mark = () => {
+      markAsRead(mx, room.roomId, hideActivity).catch(() => undefined);
+    };
+    mark();
+    room.on(RoomEvent.Timeline, mark);
+    return () => {
+      room.off(RoomEvent.Timeline, mark);
+    };
+  }, [mx, room, hideActivity]);
+}
+
+type AlbumViewProps = { room: Room; onTimeline: () => void };
+export function AlbumView({ room, onTimeline }: AlbumViewProps) {
+  useMarkZoneRead(room);
+  const { loading, error, albums } = useAlbums(room);
+  const [dateFormat] = useSetting(settingsAtom, 'dateFormatString');
+  const [openId, setOpenId] = useState<string>();
+  const open: Album | undefined = albums.find((a) => a.id === openId);
+  const authorOf = (a: Album) => getMemberDisplayName(room, a.author) ?? a.author;
+  const encrypted = room.hasEncryptionStateEvent();
+
+  let body: React.ReactNode;
+  if (loading) body = <Text>Loading albums…</Text>;
+  else if (error) body = <Text>Could not load albums: {error.message}</Text>;
+  else if (open) {
+    const images = open.files.length > 0 && open.files.every((f) => f.kind === 'image');
+    body = (
+      <>
+        <button type="button" className={css.Back} onClick={() => setOpenId(undefined)}>
+          <Text size="B400">‹ Albums</Text>
+        </button>
+        <Text size="H4">{open.title}</Text>
+        <Text size="T200" className={css.Dim}>
+          {authorOf(open)} · {countLabel(open.count)} · {timeDayMonYear(open.ts, dateFormat)}
+        </Text>
+        {open.count === 0 && <Text>This album has no files.</Text>}
+        <div className={images ? `${css.Files} ${css.FilesWide}` : css.Files}>
+          {open.files.map((f) => (
+            <FileRow key={f.id} room={room} file={f} author={authorOf(open)} />
+          ))}
+        </div>
+      </>
+    );
+  } else if (encrypted)
+    body = <Text>This zone is encrypted, so its albums cannot be listed here.</Text>;
+  else if (albums.length === 0) body = <Text>No albums yet.</Text>;
+  else {
+    body = albums.map((a) => (
+      <button key={a.id} type="button" className={css.Row} onClick={() => setOpenId(a.id)}>
+        <Text size="T400">{a.title}</Text>
+        <Text size="T200" className={css.Dim}>
+          {authorOf(a)} · {countLabel(a.count)} · {timeDayMonYear(a.ts, dateFormat)}
+        </Text>
+      </button>
+    ));
+  }
+
+  return (
+    <Scroll hideTrack visibility="Hover">
+      <div className={css.Column}>
+        {body}
+        <button type="button" className={css.Row} onClick={onTimeline}>
+          <Text size="B400">Timeline ›</Text>
+        </button>
+      </div>
+    </Scroll>
+  );
+}
diff --git a/src/app/features/albums/buildAlbums.test.ts b/src/app/features/albums/buildAlbums.test.ts
new file mode 100644
index 00000000..3a27bed6
--- /dev/null
+++ b/src/app/features/albums/buildAlbums.test.ts
@@ -0,0 +1,216 @@
+import { describe, expect, it } from 'vitest';
+import { AlbumInput, ZoneEvent, buildAlbums } from './buildAlbums';
+
+const root = (id: string, ts: number, over: Partial<ZoneEvent> = {}): ZoneEvent => ({
+  event_id: id,
+  type: 'm.room.message',
+  sender: '@void:x',
+  origin_server_ts: ts,
+  content: { msgtype: 'm.text', body: `album ${id}` },
+  ...over,
+});
+const reply = (id: string, ts: number, msgtype: string, body = id, extra = {}): ZoneEvent => ({
+  event_id: id,
+  type: 'm.room.message',
+  sender: '@void:x',
+  origin_server_ts: ts,
+  content: { msgtype, body, ...extra },
+});
+const one = (r: ZoneEvent, replies: ZoneEvent[]) => buildAlbums([{ root: r, replies }])[0];
+
+describe('buildAlbums', () => {
+  it('lists the newest album first', () => {
+    const inputs: AlbumInput[] = [
+      { root: root('$old', 100), replies: [] },
+      { root: root('$new', 300), replies: [] },
+      { root: root('$mid', 200), replies: [] },
+    ];
+    expect(buildAlbums(inputs).map((a) => a.id)).toEqual(['$new', '$mid', '$old']);
+  });
+
+  it('takes title, author and date from the root', () => {
+    const a = one(root('$r', 555, { sender: '@eureka:x' }), []);
+    expect([a.title, a.author, a.ts]).toEqual(['album $r', '@eureka:x', 555]);
+  });
+
+  it('lists files oldest first whatever order the server returned them in', () => {
+    const a = one(root('$r', 1), [
+      reply('$c', 30, 'm.audio'),
+      reply('$a', 10, 'm.audio'),
+      reply('$b', 20, 'm.audio'),
+    ]);
+    expect(a.files.map((f) => f.id)).toEqual(['$a', '$b', '$c']);
+  });
+
+  it('counts media replies only; a text reply is not a file', () => {
+    const a = one(root('$r', 1), [
+      reply('$t', 5, 'm.text', 'nice'),
+      reply('$n', 6, 'm.notice', 'bot'),
+      reply('$a', 10, 'm.audio'),
+      reply('$f', 11, 'm.file'),
+    ]);
+    expect(a.count).toBe(2);
+    expect(a.files.map((f) => f.id)).toEqual(['$a', '$f']);
+  });
+
+  it('keeps a root with no media as an album of zero files', () => {
+    const a = one(root('$r', 1), [reply('$t', 5, 'm.text')]);
+    expect(a).toMatchObject({ id: '$r', count: 0, files: [], cover: undefined });
+  });
+
+  it('uses the first image as the cover', () => {
+    const a = one(root('$r', 1), [
+      reply('$a', 5, 'm.audio'),
+      reply('$i2', 20, 'm.image'),
+      reply('$i1', 10, 'm.image'),
+    ]);
+    expect(a.cover?.id).toBe('$i1');
+    expect(one(root('$q', 1), [reply('$a', 5, 'm.audio')]).cover).toBeUndefined();
+  });
+
+  it('derives the kind from the msgtype', () => {
+    const a = one(root('$r', 1), [
+      reply('$1', 1, 'm.audio'),
+      reply('$2', 2, 'm.image'),
+      reply('$3', 3, 'm.video'),
+      reply('$4', 4, 'm.file'),
+    ]);
+    expect(a.files.map((f) => f.kind)).toEqual(['audio', 'image', 'video', 'file']);
+  });
+
+  it('names a file by filename, else body', () => {
+    const a = one(root('$r', 1), [
+      reply('$1', 1, 'm.audio', 'caption', { filename: 'clip.wav' }),
+      reply('$2', 2, 'm.audio', 'plain.wav'),
+    ]);
+    expect(a.files.map((f) => f.name)).toEqual(['clip.wav', 'plain.wav']);
+  });
+
+  it('does not duplicate a file the relations endpoint returned twice', () => {
+    const a = one(root('$r', 1), [reply('$a', 5, 'm.audio'), reply('$a', 5, 'm.audio')]);
+    expect(a.count).toBe(1);
+  });
+
+  it('does not duplicate an album listed twice', () => {
+    expect(
+      buildAlbums([
+        { root: root('$r', 1), replies: [] },
+        { root: root('$r', 1), replies: [] },
+      ])
+    ).toHaveLength(1);
+  });
+
+  it('skips redacted and empty events', () => {
+    const redacted = {
+      ...reply('$x', 5, 'm.audio'),
+      content: {},
+      unsigned: { redacted_because: {} },
+    };
+    const stillTyped = { ...reply('$y', 6, 'm.audio'), unsigned: { redacted_because: {} } };
+    const empty: ZoneEvent = { event_id: '$z' };
+    const a = one(root('$r', 1), [redacted, stillTyped, empty, reply('$ok', 7, 'm.audio')]);
+    expect(a.files.map((f) => f.id)).toEqual(['$ok']);
+    expect(buildAlbums([{ root: root('$g', 1, { content: {} }), replies: [] }])).toEqual([]);
+    expect(
+      buildAlbums([{ root: root('$h', 1, { unsigned: { redacted_because: {} } }), replies: [] }])
+    ).toEqual([]);
+  });
+
+  it('tolerates events with missing fields', () => {
+    const a = one({ event_id: '$r', content: { msgtype: 'm.text' } }, [
+      { event_id: '$a', content: { msgtype: 'm.audio' } },
+    ]);
+    expect(a).toMatchObject({ title: 'Untitled album', author: '', ts: 0, count: 1 });
+  });
+
+  it('does not read inherited object keys as file kinds', () => {
+    const a = one(root('$r', 1), [
+      reply('$c', 1, 'constructor'),
+      reply('$p', 2, '__proto__'),
+      reply('$t', 3, 'toString'),
+    ]);
+    expect(a.count).toBe(0);
+  });
+
+  it('skips events that are not room messages even if their content looks like media', () => {
+    const reaction = { ...reply('$x', 5, 'm.audio'), type: 'm.reaction' };
+    const a = one(root('$r', 1), [reaction, reply('$ok', 6, 'm.audio')]);
+    expect(a.files.map((f) => f.id)).toEqual(['$ok']);
+    expect(buildAlbums([{ root: root('$g', 1, { type: 'm.reaction' }), replies: [] }])).toEqual([]);
+  });
+
+  it('skips events without an event id', () => {
+    const anon: ZoneEvent = { type: 'm.room.message', content: { msgtype: 'm.audio', body: 'a' } };
+    expect(one(root('$r', 1), [anon]).count).toBe(0);
+    expect(
+      buildAlbums([{ root: { content: { msgtype: 'm.text', body: 'x' } }, replies: [] }])
+    ).toEqual([]);
+  });
+
+  it('titles an edited album by its latest edit', () => {
+    const edited = root('$r', 1, {
+      unsigned: {
+        'm.relations': {
+          'm.replace': { content: { 'm.new_content': { msgtype: 'm.text', body: 'renamed' } } },
+        },
+      },
+    });
+    expect(one(edited, []).title).toBe('renamed');
+    const emptyEdit = root('$q', 1, { unsigned: { 'm.relations': { 'm.replace': {} } } });
+    expect(one(emptyEdit, []).title).toBe('album $q');
+  });
+
+  it('survives null or non-object entries in inputs and replies', () => {
+    const bad = [null, undefined, 'x', 7] as unknown as ZoneEvent[];
+    const a = buildAlbums([
+      null as unknown as AlbumInput,
+      { root: null as unknown as ZoneEvent, replies: [] },
+      { root: root('$r', 1), replies: [...bad, reply('$ok', 2, 'm.audio')] },
+      { root: root('$s', 2), replies: null as unknown as ZoneEvent[] },
+    ]);
+    expect(a.map((x) => x.id)).toEqual(['$s', '$r']);
+    expect(a[1].files.map((f) => f.id)).toEqual(['$ok']);
+  });
+
+  it('treats a non-numeric timestamp as 0 so it sorts first, not by string order', () => {
+    const a = one(root('$r', 1), [
+      reply('$b', 20, 'm.audio'),
+      { ...reply('$bad', 0, 'm.audio'), origin_server_ts: '5' as unknown as number },
+      { ...reply('$nan', 0, 'm.audio'), origin_server_ts: NaN },
+      reply('$a', 10, 'm.audio'),
+    ]);
+    expect(a.files.map((f) => f.id)).toEqual(['$bad', '$nan', '$a', '$b']);
+    const albums = buildAlbums([
+      { root: root('$x', 100), replies: [] },
+      { root: root('$y', 0, { origin_server_ts: '999' as unknown as number }), replies: [] },
+    ]);
+    expect(albums.map((x) => [x.id, x.ts])).toEqual([
+      ['$x', 100],
+      ['$y', 0],
+    ]);
+  });
+
+  it('gives an album with an empty body a fallback title', () => {
+    expect(one(root('$r', 1, { content: { msgtype: 'm.text', body: '' } }), []).title).toBe(
+      'Untitled album'
+    );
+    expect(one(root('$q', 1, { content: { msgtype: 'm.text' } }), []).title).toBe('Untitled album');
+  });
+
+  it('never counts an edit event as a file or an album', () => {
+    const edit = reply('$e', 9, 'm.audio', '* x', {
+      'm.relates_to': { rel_type: 'm.replace', event_id: '$a' },
+      'm.new_content': { msgtype: 'm.audio', body: 'x' },
+    });
+    const a = one(root('$r', 1), [reply('$a', 5, 'm.audio'), edit]);
+    expect(a.files.map((f) => f.id)).toEqual(['$a']);
+    const rootEdit = root('$re', 1, {
+      content: { msgtype: 'm.text', body: '* t', 'm.relates_to': { rel_type: 'm.replace' } },
+    });
+    expect(buildAlbums([{ root: rootEdit, replies: [] }])).toEqual([]);
+    const threaded = reply('$t', 6, 'm.audio', 't', {
+      'm.relates_to': { rel_type: 'm.thread', event_id: '$r' },
+    });
+    expect(one(root('$q', 1), [threaded]).count).toBe(1);
+  });
+});
diff --git a/src/app/features/albums/buildAlbums.ts b/src/app/features/albums/buildAlbums.ts
new file mode 100644
index 00000000..8e57262b
--- /dev/null
+++ b/src/app/features/albums/buildAlbums.ts
@@ -0,0 +1,121 @@
+// Pure: turns the thread roots of a file-zone room and each root's thread replies, in the JSON
+// Synapse returns from GET /rooms/{roomId}/threads and GET /rooms/{roomId}/relations/{root}/m.thread,
+// into albums. See docs/file-zone.md for the rulings this encodes.
+
+/** The slice of a Matrix event this module reads. Every field may be missing. */
+export type ZoneEvent = {
+  event_id?: string;
+  type?: string;
+  sender?: string;
+  origin_server_ts?: number;
+  content?: Record<string, unknown>;
+  unsigned?: Record<string, unknown>;
+};
+
+export type AlbumInput = { root: ZoneEvent; replies: ZoneEvent[] };
+
+export type FileKind = 'audio' | 'image' | 'video' | 'file';
+
+export type AlbumFile = {
+  id: string;
+  kind: FileKind;
+  name: string;
+  ts: number;
+  /** The event content, as RenderMessageContent reads it. */
+  content: Record<string, unknown>;
+};
+
+export type Album = {
+  id: string;
+  title: string;
+  author: string;
+  ts: number;
+  cover?: AlbumFile;
+  files: AlbumFile[];
+  count: number;
+};
+
+// A Map, not an object: msgtype is server-supplied and "constructor" must not name a kind.
+const KIND_OF_MSGTYPE = new Map<string, FileKind>([
+  ['m.audio', 'audio'],
+  ['m.image', 'image'],
+  ['m.video', 'video'],
+  ['m.file', 'file'],
+]);
+
+// A redacted event keeps its id but loses its content and gains unsigned.redacted_because.
+const live = (
+  e: ZoneEvent
+): e is ZoneEvent & { event_id: string; content: Record<string, unknown> } =>
+  !!e &&
+  typeof e === 'object' &&
+  !!e.event_id &&
+  // An edit is an m.room.message too, but it revises an event; it is never a file or an album.
+  (e.content?.['m.relates_to'] as { rel_type?: unknown } | undefined)?.rel_type !== 'm.replace' &&
+  !e.unsigned?.redacted_because &&
+  (e.type === undefined || e.type === 'm.room.message') &&
+  typeof e.content?.msgtype === 'string';
+
+const tsOf = (v: unknown): number => (typeof v === 'number' && Number.isFinite(v) ? v : 0);
+
+const asString = (v: unknown): string => (typeof v === 'string' ? v : '');
+
+const toFile = (e: ZoneEvent): AlbumFile | undefined => {
+  if (!live(e)) return undefined;
+  const kind = KIND_OF_MSGTYPE.get(e.content.msgtype as string);
+  if (!kind) return undefined;
+  return {
+    id: e.event_id,
+    kind,
+    name: asString(e.content.filename) || asString(e.content.body),
+    ts: tsOf(e.origin_server_ts),
+    content: e.content,
+  };
+};
+
+export const UNTITLED = 'Untitled album';
+
+// An edited root carries its latest edit under unsigned["m.relations"]["m.replace"]; the title is
+// that edit's m.new_content.body, else the original body.
+const titleOf = (root: ZoneEvent & { content: Record<string, unknown> }): string => {
+  const relations = root.unsigned?.['m.relations'] as Record<string, unknown> | undefined;
+  const edit = relations?.['m.replace'] as ZoneEvent | undefined;
+  const edited = (edit?.content?.['m.new_content'] as Record<string, unknown> | undefined)?.body;
+  return asString(edited) || asString(root.content.body) || UNTITLED;
+};
+
+const toAlbum = (input: AlbumInput): Album | undefined => {
+  const { root, replies } = input ?? {};
+  if (!live(root)) return undefined;
+  const seen = new Set<string>();
+  const files = (Array.isArray(replies) ? replies : [])
+    .map(toFile)
+    .filter((f): f is AlbumFile => {
+      if (!f || seen.has(f.id)) return false;
+      seen.add(f.id);
+      return true;
+    })
+    .sort((a, b) => a.ts - b.ts);
+  return {
+    id: root.event_id,
+    title: titleOf(root),
+    author: root.sender ?? '',
+    ts: tsOf(root.origin_server_ts),
+    cover: files.find((f) => f.kind === 'image'),
+    files,
+    count: files.length,
+  };
+};
+
+/** Newest album first; files oldest first. Loose room messages never reach this function. */
+export const buildAlbums = (inputs: AlbumInput[]): Album[] => {
+  const seen = new Set<string>();
+  return inputs
+    .map(toAlbum)
+    .filter((a): a is Album => {
+      if (!a || seen.has(a.id)) return false;
+      seen.add(a.id);
+      return true;
+    })
+    .sort((a, b) => b.ts - a.ts);
+};
diff --git a/src/app/features/albums/isFileZone.test.ts b/src/app/features/albums/isFileZone.test.ts
new file mode 100644
index 00000000..0e55269f
--- /dev/null
+++ b/src/app/features/albums/isFileZone.test.ts
@@ -0,0 +1,24 @@
+import { describe, expect, it } from 'vitest';
+import { isFileZone } from './isFileZone';
+
+const room = { roomId: '!f:x', aliases: ['#files:x'] };
+
+describe('isFileZone', () => {
+  it('is true for the file-zone create type', () => {
+    expect(isFileZone({ ...room, createType: 'org.gamecult.file_zone' }, {})).toBe(true);
+  });
+  it('is false for other create types and for plain rooms', () => {
+    expect(isFileZone({ ...room, createType: 'm.space' }, {})).toBe(false);
+    expect(isFileZone({ ...room, createType: 'org.gamecult.other' }, {})).toBe(false);
+    expect(isFileZone({ ...room, createType: 'org.gamecult.file_zone.x' }, {})).toBe(false);
+    expect(isFileZone(room, {})).toBe(false);
+    expect(isFileZone(room, { fileZoneRooms: [] })).toBe(false);
+  });
+  it('is true when the room id or an alias is configured', () => {
+    expect(isFileZone(room, { fileZoneRooms: ['!f:x'] })).toBe(true);
+    expect(isFileZone(room, { fileZoneRooms: ['#other:x', '#files:x'] })).toBe(true);
+  });
+  it('is false when only another room is configured', () => {
+    expect(isFileZone(room, { fileZoneRooms: ['!g:x', '#g:x'] })).toBe(false);
+  });
+});
diff --git a/src/app/features/albums/isFileZone.ts b/src/app/features/albums/isFileZone.ts
new file mode 100644
index 00000000..071ef17b
--- /dev/null
+++ b/src/app/features/albums/isFileZone.ts
@@ -0,0 +1,14 @@
+export const FILE_ZONE_TYPE = 'org.gamecult.file_zone';
+
+export type FileZoneRoom = {
+  roomId: string;
+  /** Canonical and alternative aliases. */
+  aliases?: string[];
+  /** The `type` of the room's m.room.create content. */
+  createType?: string;
+};
+
+/** A room is the file zone when its create type says so or the client config lists it. */
+export const isFileZone = (room: FileZoneRoom, config: { fileZoneRooms?: string[] }): boolean =>
+  room.createType === FILE_ZONE_TYPE ||
+  !!config.fileZoneRooms?.some((r) => r === room.roomId || room.aliases?.includes(r));
diff --git a/src/app/features/albums/mapLimit.test.ts b/src/app/features/albums/mapLimit.test.ts
new file mode 100644
index 00000000..24898cb0
--- /dev/null
+++ b/src/app/features/albums/mapLimit.test.ts
@@ -0,0 +1,29 @@
+import { describe, expect, it } from 'vitest';
+import { mapLimit } from './mapLimit';
+
+describe('mapLimit', () => {
+  it('keeps result order and never exceeds the limit', async () => {
+    let inFlight = 0;
+    let peak = 0;
+    const out = await mapLimit([5, 1, 4, 2, 3, 0], 2, async (n) => {
+      inFlight += 1;
+      peak = Math.max(peak, inFlight);
+      await new Promise((r) => {
+        setTimeout(r, n);
+      });
+      inFlight -= 1;
+      return n * 10;
+    });
+    expect(out).toEqual([50, 10, 40, 20, 30, 0]);
+    expect(peak).toBe(2);
+  });
+  it('handles an empty list and rejects when a call rejects', async () => {
+    expect(await mapLimit([], 3, async (n) => n)).toEqual([]);
+    await expect(
+      mapLimit([1, 2], 2, async (n) => {
+        if (n === 2) throw new Error('boom');
+        return n;
+      })
+    ).rejects.toThrow('boom');
+  });
+});
diff --git a/src/app/features/albums/mapLimit.ts b/src/app/features/albums/mapLimit.ts
new file mode 100644
index 00000000..e850add0
--- /dev/null
+++ b/src/app/features/albums/mapLimit.ts
@@ -0,0 +1,19 @@
+/** Like Promise.all(items.map(fn)) but with at most `limit` calls in flight; result order kept. */
+export const mapLimit = async <T, R>(
+  items: T[],
+  limit: number,
+  fn: (item: T) => Promise<R>
+): Promise<R[]> => {
+  const out = new Array<R>(items.length);
+  let next = 0;
+  const worker = async () => {
+    while (next < items.length) {
+      const i = next;
+      next += 1;
+      // eslint-disable-next-line no-await-in-loop
+      out[i] = await fn(items[i]);
+    }
+  };
+  await Promise.all(Array.from({ length: Math.min(limit, items.length) }, worker));
+  return out;
+};
diff --git a/src/app/features/albums/useAlbums.ts b/src/app/features/albums/useAlbums.ts
new file mode 100644
index 00000000..a01f1efb
--- /dev/null
+++ b/src/app/features/albums/useAlbums.ts
@@ -0,0 +1,73 @@
+import { useQuery } from '@tanstack/react-query';
+import { ClientPrefix, Method, Room } from 'matrix-js-sdk';
+import { StateEvent } from '../../../types/matrix/room';
+import { useStateEvent } from '../../hooks/useStateEvent';
+import { useMatrixClient } from '../../hooks/useMatrixClient';
+import { useClientConfig } from '../../hooks/useClientConfig';
+import { Album, ZoneEvent, buildAlbums } from './buildAlbums';
+import { isFileZone } from './isFileZone';
+import { mapLimit } from './mapLimit';
+
+const REPLY_FETCHES_IN_FLIGHT = 6;
+const REFRESH_MS = 30_000;
+
+type Chunk = { chunk?: ZoneEvent[] };
+
+/** True when the room is the file zone: by its create type, or listed in the client config. */
+export const useIsFileZone = (room: Room): boolean => {
+  const config = useClientConfig();
+  // Subscribes to alias changes (alt aliases live in the same event).
+  useStateEvent(room, StateEvent.RoomCanonicalAlias);
+  const createType = room.currentState.getStateEvents('m.room.create', '')?.getContent().type;
+  return isFileZone(
+    {
+      roomId: room.roomId,
+      aliases: [room.getCanonicalAlias(), ...room.getAltAliases()].filter((a): a is string => !!a),
+      createType,
+    },
+    config
+  );
+};
+
+export type AlbumsState = { loading: boolean; error: Error | null; albums: Album[] };
+
+/**
+ * Slice 1 reads ONE page of each endpoint (threads: 100 roots; replies per root: 100). A zone with
+ * more albums or files than that is truncated; pagination is a later slice. Reads are made with
+ * the logged-in client, so the room must be unencrypted: encrypted events carry no msgtype and
+ * are skipped.
+ */
+export const useAlbums = (room: Room): AlbumsState => {
+  const mx = useMatrixClient();
+  const { roomId } = room;
+  const query = useQuery({
+    queryKey: ['albums', roomId],
+    queryFn: async (): Promise<Album[]> => {
+      const get = (path: string, params: Record<string, string>) =>
+        mx.http.authedRequest<Chunk>(Method.Get, path, params, undefined, {
+          prefix: ClientPrefix.V1,
+        });
+      const room_ = encodeURIComponent(roomId);
+      const roots = (await get(`/rooms/${room_}/threads`, { limit: '100' })).chunk ?? [];
+      const inputs = await mapLimit(roots, REPLY_FETCHES_IN_FLIGHT, async (root: ZoneEvent) => ({
+        root,
+        replies:
+          (
+            await get(
+              `/rooms/${room_}/relations/${encodeURIComponent(root.event_id ?? '')}/m.thread`,
+              { limit: '100', dir: 'f' }
+            )
+          ).chunk ?? [],
+      }));
+      return buildAlbums(inputs);
+    },
+    retry: 1,
+    refetchInterval: REFRESH_MS,
+  });
+  return {
+    loading: query.isLoading,
+    // A failed refetch keeps the albums already loaded; the error shows only when there are none.
+    error: query.data ? null : (query.error as Error | null),
+    albums: query.data ?? [],
+  };
+};
diff --git a/src/app/features/albums/zoneView.test.ts b/src/app/features/albums/zoneView.test.ts
new file mode 100644
index 00000000..65beb9cb
--- /dev/null
+++ b/src/app/features/albums/zoneView.test.ts
@@ -0,0 +1,16 @@
+import { describe, expect, it } from 'vitest';
+import { zoneView } from './zoneView';
+
+describe('zoneView', () => {
+  it('opens albums by default and the timeline for an event deep link', () => {
+    expect(zoneView(undefined, undefined)).toBe('albums');
+    expect(zoneView(undefined, '$e')).toBe('timeline');
+  });
+  it('lets an event link win over an earlier choice of albums', () => {
+    expect(zoneView('albums', '$e')).toBe('timeline');
+  });
+  it('honours the choice when there is no event link', () => {
+    expect(zoneView('albums', undefined)).toBe('albums');
+    expect(zoneView('timeline', undefined)).toBe('timeline');
+  });
+});
diff --git a/src/app/features/albums/zoneView.ts b/src/app/features/albums/zoneView.ts
new file mode 100644
index 00000000..1af7f705
--- /dev/null
+++ b/src/app/features/albums/zoneView.ts
@@ -0,0 +1,5 @@
+export type ZoneView = 'albums' | 'timeline';
+
+/** The view a file-zone room shows. A link to an event always wins; else the user's choice; else albums. */
+export const zoneView = (choice: ZoneView | undefined, eventId: string | undefined): ZoneView =>
+  eventId ? 'timeline' : choice ?? 'albums';
diff --git a/src/app/features/call/CallView.tsx b/src/app/features/call/CallView.tsx
index 1fb97650..430219c6 100644
--- a/src/app/features/call/CallView.tsx
+++ b/src/app/features/call/CallView.tsx
@@ -1,5 +1,7 @@
 import React, { RefObject, useRef } from 'react';
+import classNames from 'classnames';
 import { Badge, Box, color, Header, Scroll, Text, toRem } from 'folds';
+import { SkyPlate } from '../scene/skyPlate.css';
 import { useCallEmbed, useCallJoined, useCallEmbedPlacementSync } from '../../hooks/useCallEmbed';
 import { ContainerColor } from '../../styles/ContainerColor.css';
 import { PrescreenControls } from './PrescreenControls';
@@ -162,7 +164,7 @@ export function CallView() {
 
   return (
     <Box
-      className={ContainerColor({ variant: 'Surface' })}
+      className={classNames(ContainerColor({ variant: 'Surface' }), SkyPlate)}
       style={{ minWidth: toRem(280) }}
       grow="Yes"
     >
diff --git a/src/app/features/desk/Desk.tsx b/src/app/features/desk/Desk.tsx
new file mode 100644
index 00000000..f1695716
--- /dev/null
+++ b/src/app/features/desk/Desk.tsx
@@ -0,0 +1,56 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+import { Box, Icon, IconButton, Icons, Scroll, Text } from 'folds';
+import { Page, PageContent, PageContentCenter, PageHeader } from '../../components/page';
+import { ScreenSize, useScreenSizeContext } from '../../hooks/useScreenSize';
+import { getHomePath } from '../../pages/pathUtils';
+import { DeskView } from './DeskView';
+import { unverifiedForks } from './optionsHash';
+import { deskFor } from './source';
+
+const labelOf = (mind: string) => mind.charAt(0).toUpperCase() + mind.slice(1);
+
+/** The route's page: one Mind's desk under the navigator. */
+export function Desk() {
+  const { mind = '' } = useParams();
+  const navigate = useNavigate();
+  const phone = useScreenSizeContext() === ScreenSize.Mobile;
+  const label = labelOf(mind);
+  const list = useMemo(() => deskFor(mind), [mind]);
+  // Until the recompute finishes nothing is flagged; a card that fails is withdrawn when it lands.
+  const [unverified, setUnverified] = useState<ReadonlySet<string>>(new Set());
+  useEffect(() => {
+    let live = true;
+    unverifiedForks(list?.forks ?? []).then((bad) => live && setUnverified(bad));
+    return () => {
+      live = false;
+    };
+  }, [list]);
+
+  return (
+    <Page>
+      <PageHeader balance>
+        <Box grow="Yes" alignItems="Center" gap="200">
+          <Box grow="Yes" basis="No">
+            {phone && (
+              <IconButton aria-label="Back to rooms" onClick={() => navigate(getHomePath())}>
+                <Icon src={Icons.ArrowLeft} />
+              </IconButton>
+            )}
+          </Box>
+          <Text size="H3" truncate>{`${label}'s desk`}</Text>
+          <Box grow="Yes" basis="No" />
+        </Box>
+      </PageHeader>
+      <Box style={{ position: 'relative' }} grow="Yes">
+        <Scroll hideTrack visibility="Hover">
+          <PageContent>
+            <PageContentCenter>
+              <DeskView mind={mind} label={label} list={list} unverified={unverified} />
+            </PageContentCenter>
+          </PageContent>
+        </Scroll>
+      </Box>
+    </Page>
+  );
+}
diff --git a/src/app/features/desk/DeskEntry.tsx b/src/app/features/desk/DeskEntry.tsx
new file mode 100644
index 00000000..a36ec8e4
--- /dev/null
+++ b/src/app/features/desk/DeskEntry.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Text } from 'folds';
+import { getDeskPath } from '../../pages/pathUtils';
+import { deskFor } from './source';
+
+/** The way into a Mind's desk, set in its navigator group header; nothing at all when nothing is open. */
+export function DeskEntry({ mind }: { mind: string }) {
+  const open = deskFor(mind)?.open_count ?? 0;
+  if (open === 0) return null;
+  return (
+    <Text as={Link} to={getDeskPath(mind)} size="T200" priority="300">
+      {`Desk · ${open} open`}
+    </Text>
+  );
+}
diff --git a/src/app/features/desk/DeskView.css.ts b/src/app/features/desk/DeskView.css.ts
new file mode 100644
index 00000000..4c7d08a7
--- /dev/null
+++ b/src/app/features/desk/DeskView.css.ts
@@ -0,0 +1,99 @@
+import { globalStyle, style } from '@vanilla-extract/css';
+import { color, config, toRem } from 'folds';
+import { MOBILE_BREAKPOINT } from '../../hooks/useScreenSize';
+
+const PHONE = `screen and (max-width: ${MOBILE_BREAKPOINT}px)`;
+
+/** Rows and booth side by side on wide screens. */
+export const Layout = style({
+  display: 'flex',
+  gap: config.space.S500,
+  alignItems: 'flex-start',
+  '@media': { [PHONE]: { display: 'block', paddingBottom: toRem(120) } },
+});
+
+export const Rows = style({ flex: 1, minWidth: 0, margin: 0, padding: 0, listStyle: 'none' });
+
+/** A hairline splits rows; it is the only chrome. */
+export const Row = style({
+  padding: `${config.space.S300} 0`,
+  borderTop: `1px solid ${color.Background.ContainerLine}`,
+});
+
+export const Title = style({
+  margin: 0,
+  font: 'inherit',
+  fontWeight: 600,
+});
+
+/** The fold button reads as the title itself, not as a control. */
+export const Fold = style({
+  all: 'unset',
+  cursor: 'pointer',
+  display: 'block',
+  width: '100%',
+  minHeight: 44,
+  boxSizing: 'border-box',
+});
+
+export const Quiet = style({ opacity: config.opacity.P300, margin: `${config.space.S100} 0` });
+export const Body = style({ whiteSpace: 'pre-wrap', margin: `${config.space.S200} 0` });
+export const Options = style({ margin: 0, padding: 0, listStyle: 'none' });
+export const Option = style({ padding: `${config.space.S100} 0` });
+
+export const Note = style({
+  display: 'block',
+  width: '100%',
+  boxSizing: 'border-box',
+  minHeight: 44,
+  margin: `${config.space.S200} 0`,
+  font: 'inherit',
+  color: 'inherit',
+  background: 'none',
+  border: `1px solid ${color.Background.ContainerLine}`,
+  opacity: config.opacity.Disabled,
+});
+
+/** Sticky beside the rows on wide screens; a small fixed corner image on phones. */
+export const Booth = style({
+  position: 'sticky',
+  top: config.space.S400,
+  width: toRem(168),
+  flexShrink: 0,
+  '@media': {
+    [PHONE]: {
+      position: 'fixed',
+      top: 'auto',
+      right: config.space.S200,
+      bottom: config.space.S200,
+      width: toRem(88),
+    },
+  },
+});
+
+// PoseAvatar's button is laid out for message gutters; the booth takes it back into flow.
+globalStyle(`${Booth} > [data-pose]`, {
+  position: 'static',
+  float: 'none',
+  display: 'block',
+  width: '100%',
+  height: 'auto',
+  margin: 0,
+  maskImage: 'none',
+  WebkitMaskImage: 'none',
+  cursor: 'default',
+});
+
+export const BoothLine = style({
+  '@media': {
+    // Still read out by the live region; only the picture shows in the corner.
+    [PHONE]: {
+      position: 'absolute',
+      width: 1,
+      height: 1,
+      overflow: 'hidden',
+      clip: 'rect(0 0 0 0)',
+      whiteSpace: 'nowrap',
+    },
+  },
+});
diff --git a/src/app/features/desk/DeskView.test.tsx b/src/app/features/desk/DeskView.test.tsx
new file mode 100644
index 00000000..ede59229
--- /dev/null
+++ b/src/app/features/desk/DeskView.test.tsx
@@ -0,0 +1,150 @@
+import React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { MemoryRouter } from 'react-router-dom';
+import { afterEach, describe, expect, it } from 'vitest';
+import { ScreenSize, ScreenSizeProvider } from '../../hooks/useScreenSize';
+import { DeskEntry } from './DeskEntry';
+import { DeskView, SIGN_IN_NOTE } from './DeskView';
+import { STATES } from './fixtures';
+import { setDeskSource } from './source';
+
+const view = (
+  state: keyof typeof STATES | 'unpublished',
+  size: ScreenSize,
+  mind = 'void',
+  unverified = new Set<string>()
+) =>
+  renderToStaticMarkup(
+    <ScreenSizeProvider value={size}>
+      <DeskView
+        mind={mind}
+        label="Void"
+        list={state === 'unpublished' ? undefined : STATES[state]}
+        unverified={unverified}
+      />
+    </ScreenSizeProvider>
+  );
+
+describe('DeskView', () => {
+  it('folds a row behind its title on a phone, with the fold button saying so', () => {
+    const html = view('noAnswers', ScreenSize.Mobile);
+    expect(html).toContain('aria-expanded="false"');
+    expect(html).toContain('Question plain');
+    expect(html).not.toContain('Context for plain');
+    expect(html).not.toContain('First way');
+  });
+  it('shows the row open, with no fold button, on a wide screen', () => {
+    const html = view('noAnswers', ScreenSize.Desktop);
+    expect(html).not.toContain('aria-expanded');
+    expect(html).toContain('Context for plain');
+    expect(html).toContain('First way');
+  });
+  it('states the recommendation in words, on that option only', () => {
+    const html = view('noAnswers', ScreenSize.Desktop);
+    expect(html.match(/\(recommended\)/g)).toHaveLength(1);
+    expect(html).toContain('B  Second way (recommended)');
+  });
+  it('keeps the note disabled and says why in a sentence the field points at', () => {
+    const html = view('noAnswers', ScreenSize.Desktop);
+    expect(html).toMatch(/<textarea[^>]* disabled=""/);
+    expect(html).toContain(SIGN_IN_NOTE);
+    expect(SIGN_IN_NOTE).toMatch(/sign-in/);
+    expect(html).toMatch(/aria-describedby="note-[^"]+-why"/);
+  });
+  it('shows the depends line as the text it is', () => {
+    expect(view('blocked', ScreenSize.Desktop)).toContain(
+      'Waits on: &quot;Needs the first one settled&quot;'
+    );
+  });
+  it('says No answers yet on a row without answers', () => {
+    expect(view('noAnswers', ScreenSize.Desktop)).toContain('No answers yet.');
+  });
+  it('lists settled questions as recorded rulings with the ruling id', () => {
+    const html = view('settled', ScreenSize.Desktop);
+    expect(html).toContain('Recorded as rulings');
+    expect(html).toContain('Question done (ruling:done-1)');
+    expect(html).not.toContain('Question shut');
+  });
+  it('shows each outcome quietly, marks the counted answer, and renders a note only when sent', () => {
+    const html = view('answered', ScreenSize.Desktop);
+    expect(html).toContain(
+      'Answer First way &quot;Because it is first.&quot; (2026-11-09) (counted)'
+    );
+    expect(html).toContain('Revision of n1 Third way (2026-11-09)');
+    expect(html).toContain('Retraction of n2 (2026-11-09)');
+    expect(html).toContain('Refused (not_a_decider) Second way &quot;Let me in.&quot;');
+    expect(html).toContain('Answer &quot;Either, if measured first.&quot;');
+    expect(html.match(/\(counted\)/g)).toHaveLength(1);
+    expect(html).not.toContain('&quot;null&quot;');
+  });
+  it('says nothing is waiting when empty, and that nothing is published when it never arrived', () => {
+    expect(view('empty', ScreenSize.Desktop)).toContain('Nothing is waiting on you from Void.');
+    expect(view('unpublished', ScreenSize.Desktop)).toContain(
+      'Void&#x27;s questions have not been published yet.'
+    );
+  });
+  it('seats the Mind in the booth with the pose for the desk mood', () => {
+    const html = view('noAnswers', ScreenSize.Desktop);
+    expect(html).toContain('data-pose="thinking"');
+    expect(html).toContain('Just one fork on the desk.');
+  });
+  it('makes the booth portrait a plain image: no button, no tab stop', () => {
+    const html = view('noAnswers', ScreenSize.Desktop);
+    const booth = html.slice(html.indexOf('data-pose'));
+    expect(booth).toContain('<img');
+    expect(html).not.toMatch(/<button[^>]*data-pose/);
+    expect(html).not.toMatch(/<[a-z]+[^>]*data-pose[^>]*tabindex/);
+    expect(html).toMatch(/<span[^>]*data-pose/);
+  });
+  it('withdraws a card whose hash does not match and does not count it open', () => {
+    const html = view('noAnswers', ScreenSize.Desktop, 'void', new Set(['c:question:plain']));
+    expect(html).toContain('does not match the hash it was published with');
+    expect(html).not.toContain('First way');
+    expect(html).toContain('1 open.');
+    expect(html).not.toContain('Nothing is waiting');
+  });
+  it('never claims an empty desk while the list says forks are open, whatever rows it could show', () => {
+    setDeskSource(() => undefined);
+    const html = renderToStaticMarkup(
+      <ScreenSizeProvider value={ScreenSize.Desktop}>
+        <DeskView mind="void" label="Void" list={{ ...STATES.empty, open_count: 3 }} />
+      </ScreenSizeProvider>
+    );
+    expect(html).toContain('3 open.');
+    expect(html).not.toContain('Nothing is waiting');
+  });
+  it('shows no booth for a Mind without art rather than another face', () => {
+    expect(view('noAnswers', ScreenSize.Desktop, 'nobody')).not.toContain('data-pose');
+  });
+  it('shows no booth before anything is published', () => {
+    expect(view('unpublished', ScreenSize.Desktop)).not.toContain('data-pose');
+  });
+});
+
+describe('DeskEntry', () => {
+  afterEach(() => setDeskSource(() => undefined));
+  const entry = (mind: string) =>
+    renderToStaticMarkup(
+      <MemoryRouter>
+        <DeskEntry mind={mind} />
+      </MemoryRouter>
+    );
+  it('reads "Desk · N open" and links to that Mind\'s desk', () => {
+    setDeskSource(() => STATES.blocked);
+    const html = entry('void');
+    expect(html).toContain('Desk · 2 open');
+    expect(html).toContain('href="/desk/void"');
+  });
+  it('reads the count the list states, not a count of the forks it carries', () => {
+    setDeskSource(() => ({ ...STATES.empty, open_count: 5 }));
+    expect(entry('void')).toContain('Desk · 5 open');
+  });
+  it('is absent at zero open, when nothing is published, and when only settled forks exist', () => {
+    setDeskSource(() => STATES.empty);
+    expect(entry('void')).toBe('');
+    setDeskSource(() => undefined);
+    expect(entry('void')).toBe('');
+    setDeskSource(() => ({ ...STATES.settled, open_count: 0 }));
+    expect(entry('void')).toBe('');
+  });
+});
diff --git a/src/app/features/desk/DeskView.tsx b/src/app/features/desk/DeskView.tsx
new file mode 100644
index 00000000..e57bfa70
--- /dev/null
+++ b/src/app/features/desk/DeskView.tsx
@@ -0,0 +1,169 @@
+import React, { useState } from 'react';
+import { Text } from 'folds';
+import { PoseAvatar } from '../../components/message/pose/PoseAvatar';
+import { MINDS } from '../../components/message/pose/poses';
+import { ScreenSize, useScreenSizeContext } from '../../hooks/useScreenSize';
+import { AnswerRow, Desk, buildDesk, DeskRow } from './buildDesk';
+import { ForkList } from './forkContract';
+import { deskMood } from './deskMood';
+import * as css from './DeskView.css';
+
+/** Slice 1 has no session: every viewer is signed out, and the note says why it cannot be used. */
+export const SIGN_IN_NOTE = 'Answering opens with sign-in. Until then you can read the questions.';
+
+const date = (iso: string) => iso.slice(0, 10);
+
+const OUTCOME: Record<AnswerRow['outcome'], string> = {
+  Counted: 'Answer',
+  Revision: 'Revision',
+  Retraction: 'Retraction',
+  Refused: 'Refused',
+};
+
+/** One answer as served: its outcome, what it chose, its note when the server sent one, and whether it counts. */
+const answerLine = (a: AnswerRow) =>
+  [
+    OUTCOME[a.outcome] + (a.code ? ` (${a.code})` : ''),
+    a.target && `of ${a.target}`,
+    a.choice,
+    a.note !== undefined && `"${a.note}"`,
+  ]
+    .filter(Boolean)
+    .join(' ');
+
+function Answers({ answers }: { answers: AnswerRow[] }) {
+  if (answers.length === 0) return <p className={css.Quiet}>No answers yet.</p>;
+  return (
+    <ul className={css.Options}>
+      {answers.map((a) => (
+        <li key={a.answerId} className={css.Option}>
+          {`${answerLine(a)} (${date(a.at)})`}
+          {a.counted && ' (counted)'}
+        </li>
+      ))}
+    </ul>
+  );
+}
+
+function Row({ row }: { row: DeskRow }) {
+  const phone = useScreenSizeContext() === ScreenSize.Mobile;
+  // Phones list titles; a tap opens one. Wide screens show every row open.
+  const [open, setOpen] = useState(!phone);
+  if (row.kind === 'unverified') {
+    return (
+      <li className={css.Row}>
+        <p className={css.Quiet}>
+          A question here does not match the hash it was published with, so it is not shown.
+        </p>
+      </li>
+    );
+  }
+  const noteId = `note-${row.forkId}`;
+  return (
+    <li className={css.Row}>
+      <h3 className={css.Title}>
+        {phone ? (
+          <button
+            type="button"
+            className={css.Fold}
+            aria-expanded={open}
+            onClick={() => setOpen(!open)}
+          >
+            {row.title}
+          </button>
+        ) : (
+          row.title
+        )}
+      </h3>
+      {open && (
+        <>
+          <p className={css.Body}>{row.context}</p>
+          <ul className={css.Options}>
+            {row.options.map((o) => (
+              <li key={o.id} className={css.Option}>
+                {`${o.id}  ${o.text}`}
+                {o.recommended && ' (recommended)'}
+              </li>
+            ))}
+          </ul>
+          {row.depends.map((d) => (
+            <p key={d} className={css.Quiet}>
+              {`Waits on: "${d}"`}
+            </p>
+          ))}
+          <span id={`${noteId}-label`}>Your note</span>
+          <textarea
+            className={css.Note}
+            disabled
+            aria-labelledby={`${noteId}-label`}
+            aria-describedby={`${noteId}-why`}
+          />
+          <p id={`${noteId}-why`} className={css.Quiet}>
+            {SIGN_IN_NOTE}
+          </p>
+          <Answers answers={row.answers} />
+        </>
+      )}
+    </li>
+  );
+}
+
+function Status({ desk, label }: { desk: Desk; label: string }) {
+  if (!desk.published) return <p>{`${label}'s questions have not been published yet.`}</p>;
+  return (
+    <p role="status">
+      {desk.counts.open === 0
+        ? `Nothing is waiting on you from ${label}. `
+        : `${desk.counts.open} open.`}
+    </p>
+  );
+}
+
+type DeskViewProps = {
+  /** The Mind's key, as the navigator groups it. */
+  mind: string;
+  label: string;
+  list?: ForkList;
+  /** Fork ids whose options_hash failed the recompute (optionsHash.ts). */
+  unverified?: ReadonlySet<string>;
+};
+
+/** One Mind's desk, read-only: a stream of rows, the recorded rulings, and the booth Persona. */
+export function DeskView({ mind, label, list, unverified }: DeskViewProps) {
+  const desk = buildDesk(list, unverified);
+  // Slice 1 has no session, so nothing on the desk is the viewer's answer yet.
+  const mood = deskMood(desk.counts.open, 0);
+  return (
+    <section aria-label={`${label}'s desk`}>
+      <Status desk={desk} label={label} />
+      <div className={css.Layout}>
+        <ol className={css.Rows}>
+          {desk.open.map((row) => (
+            <Row key={row.forkId} row={row} />
+          ))}
+        </ol>
+        {/* Only Minds with art in the catalogue get a booth; none gets another Mind's face. */}
+        {desk.published && MINDS.includes(mind) && (
+          <div className={css.Booth}>
+            <PoseAvatar mind={mind} pose={mood.pose} userId={mind} />
+            <Text className={css.BoothLine} size="T200" aria-live="polite">
+              {mood.line}
+            </Text>
+          </div>
+        )}
+      </div>
+      {desk.recorded.length > 0 && (
+        <>
+          <h3 className={css.Title}>Recorded as rulings</h3>
+          <ul className={css.Options}>
+            {desk.recorded.map((r) => (
+              <li key={r.forkId} className={css.Option}>
+                {`${r.title} (${r.rulingId})`}
+              </li>
+            ))}
+          </ul>
+        </>
+      )}
+    </section>
+  );
+}
diff --git a/src/app/features/desk/buildDesk.test.ts b/src/app/features/desk/buildDesk.test.ts
new file mode 100644
index 00000000..e4a81248
--- /dev/null
+++ b/src/app/features/desk/buildDesk.test.ts
@@ -0,0 +1,105 @@
+import { describe, expect, it } from 'vitest';
+import { buildDesk } from './buildDesk';
+import { STATES, entry, list } from './fixtures';
+
+const questions = (d: ReturnType<typeof buildDesk>) =>
+  d.open.flatMap((r) => (r.kind === 'question' ? [r] : []));
+
+describe('buildDesk', () => {
+  it('says "not published" for a list that never arrived, never "no questions"', () => {
+    expect(buildDesk(undefined)).toMatchObject({ published: false, open: [], counts: { open: 0 } });
+  });
+  it('is published and empty when the list holds nothing', () => {
+    expect(buildDesk(STATES.empty)).toMatchObject({
+      published: true,
+      open: [],
+      counts: { open: 0 },
+    });
+  });
+  it('shows no answers as an empty list on an open row', () => {
+    expect(questions(buildDesk(STATES.noAnswers))[0].answers).toEqual([]);
+  });
+  it('resolves the recommendation to its option, marks only that option, and never preselects', () => {
+    const [row] = questions(buildDesk(STATES.noAnswers));
+    expect(row.recommended).toBe('Second way');
+    expect(row.options.filter((o) => o.recommended).map((o) => o.id)).toEqual(['B']);
+  });
+  it('leaves the recommendation unresolved when it names no option', () => {
+    const [row] = questions(buildDesk(list([entry('x', { recommendation: 'Z' })])));
+    expect(row.recommended).toBeUndefined();
+    expect(row.options.some((o) => o.recommended)).toBe(false);
+  });
+  it('carries the depends lines as the text they are', () => {
+    const rows = questions(buildDesk(STATES.blocked));
+    expect(rows.find((r) => r.forkId.endsWith('second'))?.depends).toEqual([
+      'Needs the first one settled',
+    ]);
+    expect(rows.find((r) => r.forkId.endsWith('first'))?.depends).toEqual([]);
+  });
+  it('lists a closed card with a ruling as recorded, not open; omits one closed with no ruling', () => {
+    const d = buildDesk(STATES.settled);
+    expect(d.recorded).toEqual([
+      { forkId: 'c:question:done', title: 'Question done', rulingId: 'ruling:done-1' },
+    ]);
+    expect(d.open.map((r) => r.forkId)).toEqual(['c:question:live']);
+  });
+  it('keeps the served order (newest first by card.order) and sorts nothing itself', () => {
+    const served = list([entry('late', { order: 9 }), entry('early', { order: 2 })]);
+    expect(buildDesk(served).open.map((r) => r.forkId)).toEqual([
+      'c:question:late',
+      'c:question:early',
+    ]);
+    const odd = list([entry('a', { order: 2 }), entry('b', { order: 9 })]);
+    expect(buildDesk(odd).open.map((r) => r.forkId)).toEqual(['c:question:a', 'c:question:b']);
+  });
+  it("takes the open count from the list's open_count, not from the rows it could verify or carries", () => {
+    const d = buildDesk({ ...list([entry('only')]), open_count: 4 }, new Set(['c:question:only']));
+    expect(d.counts.open).toBe(4);
+  });
+  it('marks the answer the record names as counted, and no other', () => {
+    const [row] = questions(buildDesk(STATES.answered));
+    expect(row.answers.filter((a) => a.counted).map((a) => a.answerId)).toEqual(['n1']);
+  });
+  it('follows the record when a revision is the counted answer: nothing is re-derived', () => {
+    const e = STATES.answered.forks[0];
+    const moved = list([{ ...e, record: { ...e.record, counted_answer_id: 'n2' } }]);
+    expect(
+      questions(buildDesk(moved))[0]
+        .answers.filter((a) => a.counted)
+        .map((a) => a.answerId)
+    ).toEqual(['n2']);
+  });
+  it('keeps answers in the served order and carries each outcome, target and refusal code', () => {
+    const [row] = questions(buildDesk(STATES.answered));
+    expect(row.answers.map((a) => [a.answerId, a.outcome, a.target, a.code])).toEqual([
+      ['n1', 'Counted', undefined, undefined],
+      ['n2', 'Revision', 'n1', undefined],
+      ['n3', 'Retraction', 'n2', undefined],
+      ['n4', 'Refused', undefined, 'not_a_decider'],
+      ['n5', 'Counted', undefined, undefined],
+    ]);
+  });
+  it('shows a choice as option text, passes an unknown id through, and leaves a null choice absent', () => {
+    const [row] = questions(buildDesk(STATES.answered));
+    expect(row.answers.map((a) => a.choice)).toEqual([
+      'First way',
+      'Third way',
+      undefined,
+      'Second way',
+      undefined,
+    ]);
+    const odd = list([
+      entry('odd', {}, [{ ...STATES.answered.forks[0].record.answers[0], choice: 'Q' }]),
+    ]);
+    expect(questions(buildDesk(odd))[0].answers[0].choice).toBe('Q');
+  });
+  it('carries a note verbatim when present and leaves it absent when null', () => {
+    const [row] = questions(buildDesk(STATES.answered));
+    expect(row.answers[0].note).toBe('Because it is first.');
+    expect(row.answers[1].note).toBeUndefined();
+  });
+  it('withdraws an unverified open card and does not count it', () => {
+    const d = buildDesk(STATES.noAnswers, new Set(['c:question:plain']));
+    expect(d.open).toEqual([{ kind: 'unverified', forkId: 'c:question:plain' }]);
+  });
+});
diff --git a/src/app/features/desk/buildDesk.ts b/src/app/features/desk/buildDesk.ts
new file mode 100644
index 00000000..e09dec1f
--- /dev/null
+++ b/src/app/features/desk/buildDesk.ts
@@ -0,0 +1,95 @@
+import { DeskAnswer, ForkEntry, ForkList } from './forkContract';
+
+export type AnswerRow = {
+  answerId: string;
+  outcome: DeskAnswer['outcome'];
+  /** The option's text for a choice. */
+  choice?: string;
+  /** Verbatim, and only when the server sent one. */
+  note?: string;
+  /** The answer a Revision or Retraction points at. */
+  target?: string;
+  /** A refusal's code. */
+  code?: string;
+  at: string;
+  /** The record's counted answer: marked as served, never derived here. */
+  counted: boolean;
+};
+
+export type DeskRow =
+  /** Its published options_hash is not the hash of what it shows: neither shown nor counted. */
+  | { kind: 'unverified'; forkId: string }
+  | {
+      kind: 'question';
+      forkId: string;
+      title: string;
+      context: string;
+      options: { id: string; text: string; recommended: boolean }[];
+      /** The recommendation resolved to its option's text; absent if it names no option. */
+      recommended?: string;
+      depends: string[];
+      /** In admission order, as served. */
+      answers: AnswerRow[];
+    };
+
+export type Desk = {
+  /** False until the list first arrives: "not published yet", never "no questions". */
+  published: boolean;
+  /** Oldest first, by the card's admission ordinal. */
+  open: DeskRow[];
+  /** Closed with a ruling id. A card closed with no ruling (withdrawn) is not listed. */
+  recorded: { forkId: string; title: string; rulingId: string }[];
+  /** The list's own open_count: the one count the navigator, the status line and the booth share. */
+  counts: { open: number };
+};
+
+const answerRow = (a: DeskAnswer, entry: ForkEntry): AnswerRow => ({
+  answerId: a.answer_id,
+  outcome: a.outcome,
+  choice:
+    a.choice === null
+      ? undefined
+      : entry.card.options.find((o) => o.id === a.choice)?.text ?? a.choice,
+  note: a.note ?? undefined,
+  target: a.of ?? a.retracts ?? undefined,
+  code: a.code ?? undefined,
+  at: a.answered_at,
+  counted: entry.record.counted_answer_id === a.answer_id,
+});
+
+export const buildDesk = (
+  list: ForkList | undefined,
+  unverified: ReadonlySet<string> = new Set()
+): Desk => {
+  if (!list) return { published: false, open: [], recorded: [], counts: { open: 0 } };
+  const open: DeskRow[] = [];
+  const recorded: Desk['recorded'] = [];
+  list.forks.forEach((entry) => {
+    const { card, record } = entry;
+    if (card.status === 'closed') {
+      if (card.ruling !== null)
+        recorded.push({ forkId: card.fork_id, title: card.title, rulingId: card.ruling });
+      return;
+    }
+    if (unverified.has(card.fork_id)) {
+      open.push({ kind: 'unverified', forkId: card.fork_id });
+      return;
+    }
+    open.push({
+      kind: 'question',
+      forkId: card.fork_id,
+      title: card.title,
+      context: card.context,
+      options: card.options.map((o) => ({ ...o, recommended: o.id === card.recommendation })),
+      recommended: card.options.find((o) => o.id === card.recommendation)?.text,
+      depends: card.depends,
+      answers: record.answers.map((a) => answerRow(a, entry)),
+    });
+  });
+  return {
+    published: true,
+    open,
+    recorded,
+    counts: { open: list.open_count },
+  };
+};
diff --git a/src/app/features/desk/deskMood.test.ts b/src/app/features/desk/deskMood.test.ts
new file mode 100644
index 00000000..9c981640
--- /dev/null
+++ b/src/app/features/desk/deskMood.test.ts
@@ -0,0 +1,59 @@
+import { describe, expect, it } from 'vitest';
+import { MINDS, resolvePose } from '../../components/message/pose/poses';
+import { MOOD_POSE, deskMood } from './deskMood';
+
+describe('deskMood', () => {
+  it('is neutral with the desk clear when nothing is open', () => {
+    expect(deskMood(0, 0)).toEqual({
+      mood: 'neutral',
+      pose: 'neutral',
+      line: "Desk's clear. I'll wave when something lands.",
+    });
+  });
+  it('is triumph when every open fork is answered', () => {
+    expect(deskMood(3, 3).mood).toBe('triumph');
+    expect(deskMood(1, 1).mood).toBe('triumph');
+  });
+  it('is thinking when none is answered, and says whether it is one fork or several', () => {
+    expect(deskMood(1, 0)).toMatchObject({ mood: 'thinking', line: 'Just one fork on the desk.' });
+    expect(deskMood(4, 0)).toMatchObject({
+      mood: 'thinking',
+      line: '4 forks on the desk. No rush.',
+    });
+  });
+  it('is determined partway, counting what is left', () => {
+    expect(deskMood(5, 2)).toMatchObject({ mood: 'determined', line: '3 to go.' });
+  });
+  it('is happy when the pick is the recommendation', () => {
+    expect(deskMood(2, 0, { type: 'picked', choice: 'B', recommended: 'B' }).mood).toBe('happy');
+  });
+  it('is surprised, and asks for a line on why, when the pick differs', () => {
+    expect(deskMood(2, 0, { type: 'picked', choice: 'A', recommended: 'B' })).toMatchObject({
+      mood: 'surprised',
+      line: expect.stringContaining('A line in the note on why helps'),
+    });
+  });
+  it('is surprised, not happy, when there is no recommendation to match', () => {
+    expect(deskMood(2, 0, { type: 'picked', choice: 'A' }).mood).toBe('surprised');
+  });
+  it('is note when a pick is cleared, saying the note can carry the answer', () => {
+    expect(deskMood(2, 1, { type: 'cleared' })).toMatchObject({
+      mood: 'note',
+      line: expect.stringContaining('note can carry the answer on its own'),
+    });
+  });
+  it('is concerned when a send failed, even with everything answered', () => {
+    expect(deskMood(2, 2, { type: 'sendFailed' }).mood).toBe('concerned');
+  });
+  it('is surprised when a new fork arrives, even on a clear desk', () => {
+    expect(deskMood(0, 0, { type: 'newFork' })).toMatchObject({
+      mood: 'surprised',
+      line: 'New fork on the desk!',
+    });
+  });
+  it('maps every mood to a label every Mind in the catalogue can show', () => {
+    Object.values(MOOD_POSE).forEach((pose) =>
+      MINDS.forEach((mind) => expect(resolvePose(mind, pose)).toBe(pose))
+    );
+  });
+});
diff --git a/src/app/features/desk/deskMood.ts b/src/app/features/desk/deskMood.ts
new file mode 100644
index 00000000..75d9f23e
--- /dev/null
+++ b/src/app/features/desk/deskMood.ts
@@ -0,0 +1,75 @@
+/**
+ * The booth Persona's reactions, from the original Fork Desk's mood() and choose() rules. A pure function of
+ * what is on the desk and the last thing that happened; it is the desk's character, so each rule is tested.
+ */
+
+/** The original's nine moods. */
+export type Mood =
+  | 'idle'
+  | 'neutral'
+  | 'thinking'
+  | 'happy'
+  | 'surprised'
+  | 'note'
+  | 'determined'
+  | 'triumph'
+  | 'concerned';
+
+/** What last happened; `none` means nothing since the page opened or the last event wore off. */
+export type DeskEvent =
+  | { type: 'none' }
+  | { type: 'picked'; choice: string; recommended?: string }
+  | { type: 'cleared' }
+  | { type: 'sendFailed' }
+  | { type: 'newFork' };
+
+/**
+ * Each mood on the shared cast-art labels (neutral, happy, amused, thinking, annoyed, surprised) that every
+ * Mind has, so the booth never asks a Mind for art it lacks.
+ */
+export const MOOD_POSE: Record<Mood, string> = {
+  idle: 'neutral',
+  neutral: 'neutral',
+  thinking: 'thinking',
+  happy: 'happy',
+  surprised: 'surprised',
+  note: 'thinking',
+  determined: 'thinking',
+  triumph: 'happy',
+  concerned: 'surprised',
+};
+
+export type DeskMood = { mood: Mood; pose: string; line: string };
+
+const say = (mood: Mood, line: string): DeskMood => ({ mood, pose: MOOD_POSE[mood], line });
+
+export const deskMood = (
+  open: number,
+  answered: number,
+  event: DeskEvent = { type: 'none' }
+): DeskMood => {
+  switch (event.type) {
+    case 'sendFailed':
+      return say('concerned', "That one didn't save. Give it another try in a moment?");
+    case 'newFork':
+      return say('surprised', 'New fork on the desk!');
+    case 'cleared':
+      return say('note', 'Pick cleared. Your note can carry the answer on its own.');
+    case 'picked':
+      return event.recommended !== undefined && event.choice === event.recommended
+        ? say('happy', "That's the one I'd have picked too.")
+        : say('surprised', 'Off-script. A line in the note on why helps the next brief.');
+    default:
+      break;
+  }
+  if (open === 0) return say('neutral', "Desk's clear. I'll wave when something lands.");
+  if (answered >= open)
+    return say('triumph', 'All answered! I will carry these back and admit them.');
+  if (answered === 0) {
+    return say(
+      'thinking',
+      open === 1 ? 'Just one fork on the desk.' : `${open} forks on the desk. No rush.`
+    );
+  }
+  return say('determined', `${open - answered} to go.`);
+};
diff --git a/src/app/features/desk/fixtures.ts b/src/app/features/desk/fixtures.ts
new file mode 100644
index 00000000..e74c37ba
--- /dev/null
+++ b/src/app/features/desk/fixtures.ts
@@ -0,0 +1,116 @@
+import { DeskAnswer, ForkCard, ForkEntry, ForkList } from './forkContract';
+
+/** A card as the server writes it: every key present. The hash is a stand-in; tests pass `unverified` directly. */
+export const card = (label: string, over: Partial<ForkCard> = {}): ForkCard => ({
+  schemaVersion: 'gamecult.fork.card.v0',
+  fork_id: `c:question:${label}`,
+  title: `Question ${label}`,
+  context: `Context for ${label}.`,
+  options: [
+    { id: 'A', text: 'First way' },
+    { id: 'B', text: 'Second way' },
+    { id: 'C', text: 'Third way' },
+  ],
+  recommendation: 'B',
+  depends: [],
+  leans: null,
+  flag: null,
+  raised_in: null,
+  deciders: ['d1'],
+  status: 'open',
+  ruling: null,
+  ruled_from: [],
+  order: 1,
+  options_hash: `hash-${label}`,
+  ...over,
+});
+
+export const answer = (label: string, n: number, over: Partial<DeskAnswer> = {}): DeskAnswer => ({
+  schemaVersion: 'gamecult.desk_answer.v0',
+  answer_id: `n${n}`,
+  fork_id: `c:question:${label}`,
+  outcome: 'Counted',
+  of: null,
+  retracts: null,
+  code: null,
+  options_hash: `hash-${label}`,
+  choice: 'A',
+  note: null,
+  answered_at: '2026-11-09T10:00:00Z',
+  received_at: '2026-11-09T10:00:01Z',
+  claim_in_future: false,
+  answerer: 'acct-1',
+  authority: 'Member',
+  request_id: `r${n}`,
+  ...over,
+});
+
+export const entry = (
+  label: string,
+  over: Partial<ForkCard> = {},
+  answers: DeskAnswer[] = [],
+  counted: string | null = null
+): ForkEntry => {
+  const c = card(label, over);
+  return {
+    schemaVersion: 'gamecult.fork.entry.v0',
+    card: c,
+    record: {
+      schemaVersion: 'gamecult.fork.record.v0',
+      fork_id: c.fork_id,
+      options_hash: c.options_hash,
+      counted_answer_id: counted,
+      answers,
+    },
+  };
+};
+
+export const list = (forks: ForkEntry[], openCount?: number): ForkList => ({
+  schemaVersion: 'gamecult.fork.list.v0',
+  mind: 'mind',
+  stamp: 's12',
+  open_count: openCount ?? forks.filter((f) => f.card.status === 'open').length,
+  recorded_count: forks.filter((f) => f.card.status === 'closed').length,
+  forks,
+  next_cursor: null,
+});
+
+/** One list per state the desk shows. */
+export const STATES = {
+  empty: list([]),
+  noAnswers: list([entry('plain')]),
+  blocked: list([
+    entry('first', { order: 1 }),
+    entry('second', { order: 2, depends: ['Needs the first one settled'] }),
+  ]),
+  settled: list([
+    entry('done', { status: 'closed', ruling: 'ruling:done-1', ruled_from: ['n1'] }),
+    entry('shut', { status: 'closed' }),
+    entry('live'),
+  ]),
+  answered: list([
+    entry(
+      'plain',
+      {},
+      [
+        answer('plain', 1, { note: 'Because it is first.' }),
+        answer('plain', 2, {
+          outcome: 'Revision',
+          of: 'n1',
+          choice: 'C',
+          note: null,
+          answerer: 'acct-2',
+        }),
+        answer('plain', 3, { outcome: 'Retraction', retracts: 'n2', choice: null }),
+        answer('plain', 4, {
+          outcome: 'Refused',
+          code: 'not_a_decider',
+          choice: 'B',
+          note: 'Let me in.',
+        }),
+        answer('plain', 5, { choice: null, note: 'Either, if measured first.' }),
+      ],
+      'n1'
+    ),
+  ]),
+} satisfies Record<string, ForkList>;
diff --git a/src/app/features/desk/forkContract.ts b/src/app/features/desk/forkContract.ts
new file mode 100644
index 00000000..ce196116
--- /dev/null
+++ b/src/app/features/desk/forkContract.ts
@@ -0,0 +1,92 @@
+/**
+ * The desk's typed view of the documents Bifrost serves for a Mind's desk: CultLib's
+ * contracts/cultnet/governance/fork-card.md (gamecult.fork.list.v0 / entry / card / record, and the stored
+ * gamecult.desk_answer.v0). Read-only: the page decodes them as served and derives nothing from them (the counted
+ * answer is the record's `counted_answer_id`, not the page's opinion), so nothing here has a write shape.
+ * Every key is written by the server, nil where absent.
+ */
+
+export type ForkOption = { id: string; text: string };
+
+export type ForkCard = {
+  schemaVersion: 'gamecult.fork.card.v0';
+  /** `<campaign>:question:<label>`. */
+  fork_id: string;
+  title: string;
+  context: string;
+  options: ForkOption[];
+  /** An option id; never nil. Never preselected. */
+  recommendation: string;
+  /** Prose lines, each verbatim; a line may read like a reference but is only text. */
+  depends: string[];
+  /** An option id, or nil. Not shown by the desk. */
+  leans: string | null;
+  /** Not shown by the desk. */
+  flag: string | null;
+  raised_in: { kind: string; id: string } | null;
+  deciders: string[];
+  status: 'open' | 'closed';
+  /** The ruling id when a ruling closed the fork; nil when open, and nil on a closed card withdrawn with no ruling. */
+  ruling: string | null;
+  ruled_from: string[];
+  /** The admission ordinal. */
+  order: number;
+  /**
+   * Publisher's hash of the five shown members. The desk recomputes it (optionsHash.ts, pinned to the CultLib
+   * vectors) and withdraws a card whose hash differs.
+   */
+  options_hash: string;
+};
+
+/** One stored answer, told apart by `outcome` (and `code` for a refusal). */
+export type DeskAnswer = {
+  schemaVersion: 'gamecult.desk_answer.v0';
+  /** `n<seq>`. */
+  answer_id: string;
+  fork_id: string;
+  outcome: 'Counted' | 'Revision' | 'Retraction' | 'Refused';
+  /** A Revision's target. */
+  of: string | null;
+  /** A Retraction's target (or a refused retraction's). */
+  retracts: string | null;
+  /** A refusal's code. */
+  code: string | null;
+  options_hash: string;
+  choice: string | null;
+  /** The decider's own words, verbatim; nil for everyone Bifrost does not show notes to. */
+  note: string | null;
+  answered_at: string;
+  received_at: string;
+  claim_in_future: boolean;
+  answerer: string;
+  authority: string;
+  request_id: string;
+};
+
+export type ForkRecord = {
+  schemaVersion: 'gamecult.fork.record.v0';
+  fork_id: string;
+  options_hash: string;
+  /** Derived by the receiver; the page renders it and never recomputes it. */
+  counted_answer_id: string | null;
+  /** In admission order. */
+  answers: DeskAnswer[];
+};
+
+export type ForkEntry = {
+  schemaVersion: 'gamecult.fork.entry.v0';
+  card: ForkCard;
+  record: ForkRecord;
+};
+
+/** What the page holds for one Mind's desk. */
+export type ForkList = {
+  schemaVersion: 'gamecult.fork.list.v0';
+  mind: string;
+  /** `s<N>`: the same stamp is the same state. */
+  stamp: string;
+  open_count: number;
+  recorded_count: number;
+  forks: ForkEntry[];
+  next_cursor: string | null;
+};
diff --git a/src/app/features/desk/index.ts b/src/app/features/desk/index.ts
new file mode 100644
index 00000000..bd82dd3a
--- /dev/null
+++ b/src/app/features/desk/index.ts
@@ -0,0 +1,3 @@
+export { Desk } from './Desk';
+export { DeskEntry } from './DeskEntry';
+export { setDeskSource } from './source';
diff --git a/src/app/features/desk/optionsHash.test.ts b/src/app/features/desk/optionsHash.test.ts
new file mode 100644
index 00000000..992bd44a
--- /dev/null
+++ b/src/app/features/desk/optionsHash.test.ts
@@ -0,0 +1,50 @@
+import { describe, expect, it } from 'vitest';
+import vectors from './optionsHashVectors.json';
+import { entry } from './fixtures';
+import { ForkCard } from './forkContract';
+import { canonicalShown, optionsHash, shownOf, unverifiedForks } from './optionsHash';
+
+describe('options_hash against the CultLib vectors', () => {
+  it('has all fifteen vectors', () => {
+    expect(vectors.optionsHash).toHaveLength(15);
+  });
+  vectors.optionsHash.forEach((v) => {
+    it(`${v.name}: canonical bytes and sha256 match`, async () => {
+      expect(canonicalShown(v)).toBe(v.canonical);
+      expect(await optionsHash(v)).toBe(v.sha256);
+    });
+  });
+});
+
+describe('unverifiedForks', () => {
+  const sealed = async (over: Partial<ForkCard> = {}) => {
+    const e = entry('plain', over);
+    return { ...e, card: { ...e.card, options_hash: await optionsHash(shownOf(e.card)) } };
+  };
+  it('passes a card whose hash is the hash of what it shows', async () => {
+    expect(await unverifiedForks([await sealed()])).toEqual(new Set());
+  });
+  it('flags a card whose shown title, context, option, recommendation or depends changed after hashing', async () => {
+    const e = await sealed();
+    const edits: Partial<ForkCard>[] = [
+      { title: 'Other' },
+      { context: 'Other context.' },
+      { options: [...e.card.options].reverse() },
+      { recommendation: 'A' },
+      { depends: ['new line'] },
+    ];
+    await Promise.all(
+      edits.map(async (x) =>
+        expect(
+          await unverifiedForks([{ ...e, card: { ...e.card, ...x } }]),
+          JSON.stringify(Object.keys(x))
+        ).toEqual(new Set([e.card.fork_id]))
+      )
+    );
+  });
+  it('does not read fork_id, status, order, leans or flag, which are not shown members', async () => {
+    const e = await sealed();
+    const card = { ...e.card, fork_id: 'x:question:y', order: 7, leans: 'A', flag: 'f' };
+    expect(await unverifiedForks([{ ...e, card }])).toEqual(new Set());
+  });
+});
diff --git a/src/app/features/desk/optionsHash.ts b/src/app/features/desk/optionsHash.ts
new file mode 100644
index 00000000..f853e0ec
--- /dev/null
+++ b/src/app/features/desk/optionsHash.ts
@@ -0,0 +1,51 @@
+import { ForkCard, ForkEntry } from './forkContract';
+
+// The hash and its canonical bytes are specified in CultLib contracts/cultnet/governance/fork-card.md
+// ("Options hash", rule owner: Heimdall's binding file 1.2); the vectors in optionsHashVectors.json pin this code to it.
+
+const jstr = (s: string): string => {
+  let out = '"';
+  // eslint-disable-next-line no-restricted-syntax
+  for (const ch of s.normalize('NFC')) {
+    const o = ch.codePointAt(0) as number;
+    const named: Record<number, string> = { 8: '\\b', 9: '\\t', 10: '\\n', 12: '\\f', 13: '\\r' };
+    if (ch === '"') out += '\\"';
+    else if (ch === '\\') out += '\\\\';
+    else if (named[o]) out += named[o];
+    else out += o < 0x20 ? `\\u${o.toString(16).padStart(4, '0')}` : ch;
+  }
+  return `${out}"`;
+};
+
+export type Shown = Pick<ForkCard, 'title' | 'context' | 'options' | 'recommendation' | 'depends'>;
+
+/** The five shown members as RFC 8785 JSON, keys already in sorted order. */
+export const canonicalShown = (c: Shown): string =>
+  `{"context":${jstr(c.context)},"depends":[${c.depends.map(jstr).join(',')}],"options":[${c.options
+    .map((o) => `{"id":${jstr(o.id)},"text":${jstr(o.text)}}`)
+    .join(',')}],"recommendation":${jstr(c.recommendation)},"title":${jstr(c.title)}}`;
+
+export const shownOf = (c: ForkCard): Shown => ({
+  title: c.title,
+  context: c.context,
+  options: c.options,
+  recommendation: c.recommendation,
+  depends: c.depends,
+});
+
+export const optionsHash = async (c: Shown): Promise<string> => {
+  const bytes = new TextEncoder().encode(canonicalShown(c));
+  const digest = await crypto.subtle.digest('SHA-256', bytes);
+  return Array.from(new Uint8Array(digest), (b) => b.toString(16).padStart(2, '0')).join('');
+};
+
+/** Fork ids whose published `options_hash` is not the hash of what the card shows. */
+export const unverifiedForks = async (forks: ForkEntry[]): Promise<Set<string>> => {
+  const bad = new Set<string>();
+  await Promise.all(
+    forks.map(async ({ card }) => {
+      if ((await optionsHash(shownOf(card))) !== card.options_hash) bad.add(card.fork_id);
+    })
+  );
+  return bad;
+};
diff --git a/src/app/features/desk/optionsHashVectors.json b/src/app/features/desk/optionsHashVectors.json
new file mode 100644
index 00000000..11a3bdfa
--- /dev/null
+++ b/src/app/features/desk/optionsHashVectors.json
@@ -0,0 +1,320 @@
+{
+  "source": "GameCult/CultLib contracts/cultnet/governance/fork-card-vectors.json, `optionsHash` member only, values unchanged (re-escaped to ASCII so TypeScript parses it), checked equal at CultLib 0c19eddb. Rule: contracts/cultnet/governance/fork-card.md, 'Options hash'.",
+  "optionsHash": [
+    {
+      "name": "heimdall_A_five_members",
+      "heimdall": "A",
+      "title": "Slot mark consent",
+      "context": "Should a slot mark be shared?",
+      "options": [
+        {
+          "id": "yes",
+          "text": "Share it."
+        },
+        {
+          "id": "no",
+          "text": "Keep it local."
+        }
+      ],
+      "recommendation": "no",
+      "depends": ["gamecult-chat:question:file-zone-audience"],
+      "canonical": "{\"context\":\"Should a slot mark be shared?\",\"depends\":[\"gamecult-chat:question:file-zone-audience\"],\"options\":[{\"id\":\"yes\",\"text\":\"Share it.\"},{\"id\":\"no\",\"text\":\"Keep it local.\"}],\"recommendation\":\"no\",\"title\":\"Slot mark consent\"}",
+      "canonicalHex": "7B22636F6E74657874223A2253686F756C64206120736C6F74206D61726B206265207368617265643F222C22646570656E6473223A5B2267616D6563756C742D636861743A7175657374696F6E3A66696C652D7A6F6E652D61756469656E6365225D2C226F7074696F6E73223A5B7B226964223A22796573222C2274657874223A2253686172652069742E227D2C7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D5D2C227265636F6D6D656E646174696F6E223A226E6F222C227469746C65223A22536C6F74206D61726B20636F6E73656E74227D",
+      "sha256": "7d95fc87d532420611fe415c1def27a3447617bb68235f46e3af130aea361c48"
+    },
+    {
+      "name": "heimdall_B_recommendation_changed",
+      "heimdall": "B",
+      "title": "Slot mark consent",
+      "context": "Should a slot mark be shared?",
+      "options": [
+        {
+          "id": "yes",
+          "text": "Share it."
+        },
+        {
+          "id": "no",
+          "text": "Keep it local."
+        }
+      ],
+      "recommendation": "yes",
+      "depends": ["gamecult-chat:question:file-zone-audience"],
+      "canonical": "{\"context\":\"Should a slot mark be shared?\",\"depends\":[\"gamecult-chat:question:file-zone-audience\"],\"options\":[{\"id\":\"yes\",\"text\":\"Share it.\"},{\"id\":\"no\",\"text\":\"Keep it local.\"}],\"recommendation\":\"yes\",\"title\":\"Slot mark consent\"}",
+      "canonicalHex": "7B22636F6E74657874223A2253686F756C64206120736C6F74206D61726B206265207368617265643F222C22646570656E6473223A5B2267616D6563756C742D636861743A7175657374696F6E3A66696C652D7A6F6E652D61756469656E6365225D2C226F7074696F6E73223A5B7B226964223A22796573222C2274657874223A2253686172652069742E227D2C7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D5D2C227265636F6D6D656E646174696F6E223A22796573222C227469746C65223A22536C6F74206D61726B20636F6E73656E74227D",
+      "sha256": "14b8ffbdb61106dbc06f69f3fc8e2072af7a205d766e4cc040e89733013d54dc"
+    },
+    {
+      "name": "heimdall_C_option_order_changed",
+      "heimdall": "C",
+      "title": "Slot mark consent",
+      "context": "Should a slot mark be shared?",
+      "options": [
+        {
+          "id": "no",
+          "text": "Keep it local."
+        },
+        {
+          "id": "yes",
+          "text": "Share it."
+        }
+      ],
+      "recommendation": "no",
+      "depends": ["gamecult-chat:question:file-zone-audience"],
+      "canonical": "{\"context\":\"Should a slot mark be shared?\",\"depends\":[\"gamecult-chat:question:file-zone-audience\"],\"options\":[{\"id\":\"no\",\"text\":\"Keep it local.\"},{\"id\":\"yes\",\"text\":\"Share it.\"}],\"recommendation\":\"no\",\"title\":\"Slot mark consent\"}",
+      "canonicalHex": "7B22636F6E74657874223A2253686F756C64206120736C6F74206D61726B206265207368617265643F222C22646570656E6473223A5B2267616D6563756C742D636861743A7175657374696F6E3A66696C652D7A6F6E652D61756469656E6365225D2C226F7074696F6E73223A5B7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D2C7B226964223A22796573222C2274657874223A2253686172652069742E227D5D2C227265636F6D6D656E646174696F6E223A226E6F222C227469746C65223A22536C6F74206D61726B20636F6E73656E74227D",
+      "sha256": "ac67b41539f869f6203ac0908819df046e4328b27795743a919bd4ab390596b5"
+    },
+    {
+      "name": "heimdall_D_nfc_escapes_astral",
+      "heimdall": "D",
+      "title": "Caf\u00e9 \u201cdesk\u201d",
+      "context": "Line one\nLine two \u2014 \ud83d\ude00",
+      "options": [
+        {
+          "id": "a",
+          "text": "x"
+        },
+        {
+          "id": "b",
+          "text": "y"
+        }
+      ],
+      "recommendation": "a",
+      "depends": [],
+      "canonical": "{\"context\":\"Line one\\nLine two \u2014 \ud83d\ude00\",\"depends\":[],\"options\":[{\"id\":\"a\",\"text\":\"x\"},{\"id\":\"b\",\"text\":\"y\"}],\"recommendation\":\"a\",\"title\":\"Caf\u00e9 \u201cdesk\u201d\"}",
+      "canonicalHex": "7B22636F6E74657874223A224C696E65206F6E655C6E4C696E652074776F20E2809420F09F9880222C22646570656E6473223A5B5D2C226F7074696F6E73223A5B7B226964223A2261222C2274657874223A2278227D2C7B226964223A2262222C2274657874223A2279227D5D2C227265636F6D6D656E646174696F6E223A2261222C227469746C65223A22436166C3A920E2809C6465736BE2809D227D",
+      "sha256": "71d5c413478ad06aaa1cbdd9e91c53f0cb4cef1dbd4c51bf3d473bccc6a5a272"
+    },
+    {
+      "name": "heimdall_E_decomposed_equals_D",
+      "heimdall": "E",
+      "title": "Cafe\u0301 \u201cdesk\u201d",
+      "context": "Line one\nLine two \u2014 \ud83d\ude00",
+      "options": [
+        {
+          "id": "a",
+          "text": "x"
+        },
+        {
+          "id": "b",
+          "text": "y"
+        }
+      ],
+      "recommendation": "a",
+      "depends": [],
+      "canonical": "{\"context\":\"Line one\\nLine two \u2014 \ud83d\ude00\",\"depends\":[],\"options\":[{\"id\":\"a\",\"text\":\"x\"},{\"id\":\"b\",\"text\":\"y\"}],\"recommendation\":\"a\",\"title\":\"Caf\u00e9 \u201cdesk\u201d\"}",
+      "canonicalHex": "7B22636F6E74657874223A224C696E65206F6E655C6E4C696E652074776F20E2809420F09F9880222C22646570656E6473223A5B5D2C226F7074696F6E73223A5B7B226964223A2261222C2274657874223A2278227D2C7B226964223A2262222C2274657874223A2279227D5D2C227265636F6D6D656E646174696F6E223A2261222C227469746C65223A22436166C3A920E2809C6465736BE2809D227D",
+      "sha256": "71d5c413478ad06aaa1cbdd9e91c53f0cb4cef1dbd4c51bf3d473bccc6a5a272"
+    },
+    {
+      "name": "heimdall_F_option_id_changed",
+      "heimdall": "F",
+      "title": "Slot mark consent",
+      "context": "Should a slot mark be shared?",
+      "options": [
+        {
+          "id": "share",
+          "text": "Share it."
+        },
+        {
+          "id": "no",
+          "text": "Keep it local."
+        }
+      ],
+      "recommendation": "no",
+      "depends": ["gamecult-chat:question:file-zone-audience"],
+      "canonical": "{\"context\":\"Should a slot mark be shared?\",\"depends\":[\"gamecult-chat:question:file-zone-audience\"],\"options\":[{\"id\":\"share\",\"text\":\"Share it.\"},{\"id\":\"no\",\"text\":\"Keep it local.\"}],\"recommendation\":\"no\",\"title\":\"Slot mark consent\"}",
+      "canonicalHex": "7B22636F6E74657874223A2253686F756C64206120736C6F74206D61726B206265207368617265643F222C22646570656E6473223A5B2267616D6563756C742D636861743A7175657374696F6E3A66696C652D7A6F6E652D61756469656E6365225D2C226F7074696F6E73223A5B7B226964223A227368617265222C2274657874223A2253686172652069742E227D2C7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D5D2C227265636F6D6D656E646174696F6E223A226E6F222C227469746C65223A22536C6F74206D61726B20636F6E73656E74227D",
+      "sha256": "fb53aa3a9f7e74029f755d774064eedd240ab90d8fc64723f97c31b3d2846d40"
+    },
+    {
+      "name": "heimdall_G_depends_emptied",
+      "heimdall": "G",
+      "title": "Slot mark consent",
+      "context": "Should a slot mark be shared?",
+      "options": [
+        {
+          "id": "yes",
+          "text": "Share it."
+        },
+        {
+          "id": "no",
+          "text": "Keep it local."
+        }
+      ],
+      "recommendation": "no",
+      "depends": [],
+      "canonical": "{\"context\":\"Should a slot mark be shared?\",\"depends\":[],\"options\":[{\"id\":\"yes\",\"text\":\"Share it.\"},{\"id\":\"no\",\"text\":\"Keep it local.\"}],\"recommendation\":\"no\",\"title\":\"Slot mark consent\"}",
+      "canonicalHex": "7B22636F6E74657874223A2253686F756C64206120736C6F74206D61726B206265207368617265643F222C22646570656E6473223A5B5D2C226F7074696F6E73223A5B7B226964223A22796573222C2274657874223A2253686172652069742E227D2C7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D5D2C227265636F6D6D656E646174696F6E223A226E6F222C227469746C65223A22536C6F74206D61726B20636F6E73656E74227D",
+      "sha256": "f856edce121db4121b5f1af400b1c471ebbfa6579a042aca9a34ae31c15f5c86"
+    },
+    {
+      "name": "option_text_changed",
+      "heimdall": null,
+      "title": "Slot mark consent",
+      "context": "Should a slot mark be shared?",
+      "options": [
+        {
+          "id": "yes",
+          "text": "Share it!"
+        },
+        {
+          "id": "no",
+          "text": "Keep it local."
+        }
+      ],
+      "recommendation": "no",
+      "depends": ["gamecult-chat:question:file-zone-audience"],
+      "canonical": "{\"context\":\"Should a slot mark be shared?\",\"depends\":[\"gamecult-chat:question:file-zone-audience\"],\"options\":[{\"id\":\"yes\",\"text\":\"Share it!\"},{\"id\":\"no\",\"text\":\"Keep it local.\"}],\"recommendation\":\"no\",\"title\":\"Slot mark consent\"}",
+      "canonicalHex": "7B22636F6E74657874223A2253686F756C64206120736C6F74206D61726B206265207368617265643F222C22646570656E6473223A5B2267616D6563756C742D636861743A7175657374696F6E3A66696C652D7A6F6E652D61756469656E6365225D2C226F7074696F6E73223A5B7B226964223A22796573222C2274657874223A22536861726520697421227D2C7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D5D2C227265636F6D6D656E646174696F6E223A226E6F222C227469746C65223A22536C6F74206D61726B20636F6E73656E74227D",
+      "sha256": "9ce0d2770497fdd2d5338e66f9f1ae1741d87301db4c793407c25762929392b6"
+    },
+    {
+      "name": "title_changed",
+      "heimdall": null,
+      "title": "Slot mark consent?",
+      "context": "Should a slot mark be shared?",
+      "options": [
+        {
+          "id": "yes",
+          "text": "Share it."
+        },
+        {
+          "id": "no",
+          "text": "Keep it local."
+        }
+      ],
+      "recommendation": "no",
+      "depends": ["gamecult-chat:question:file-zone-audience"],
+      "canonical": "{\"context\":\"Should a slot mark be shared?\",\"depends\":[\"gamecult-chat:question:file-zone-audience\"],\"options\":[{\"id\":\"yes\",\"text\":\"Share it.\"},{\"id\":\"no\",\"text\":\"Keep it local.\"}],\"recommendation\":\"no\",\"title\":\"Slot mark consent?\"}",
+      "canonicalHex": "7B22636F6E74657874223A2253686F756C64206120736C6F74206D61726B206265207368617265643F222C22646570656E6473223A5B2267616D6563756C742D636861743A7175657374696F6E3A66696C652D7A6F6E652D61756469656E6365225D2C226F7074696F6E73223A5B7B226964223A22796573222C2274657874223A2253686172652069742E227D2C7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D5D2C227265636F6D6D656E646174696F6E223A226E6F222C227469746C65223A22536C6F74206D61726B20636F6E73656E743F227D",
+      "sha256": "30fe0c5bc88bd21d64592a495316c30e80fcee6cacf5c63fd9a818ca5cf87d0f"
+    },
+    {
+      "name": "context_changed",
+      "heimdall": null,
+      "title": "Slot mark consent",
+      "context": "Should slot marks be shared?",
+      "options": [
+        {
+          "id": "yes",
+          "text": "Share it."
+        },
+        {
+          "id": "no",
+          "text": "Keep it local."
+        }
+      ],
+      "recommendation": "no",
+      "depends": ["gamecult-chat:question:file-zone-audience"],
+      "canonical": "{\"context\":\"Should slot marks be shared?\",\"depends\":[\"gamecult-chat:question:file-zone-audience\"],\"options\":[{\"id\":\"yes\",\"text\":\"Share it.\"},{\"id\":\"no\",\"text\":\"Keep it local.\"}],\"recommendation\":\"no\",\"title\":\"Slot mark consent\"}",
+      "canonicalHex": "7B22636F6E74657874223A2253686F756C6420736C6F74206D61726B73206265207368617265643F222C22646570656E6473223A5B2267616D6563756C742D636861743A7175657374696F6E3A66696C652D7A6F6E652D61756469656E6365225D2C226F7074696F6E73223A5B7B226964223A22796573222C2274657874223A2253686172652069742E227D2C7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D5D2C227265636F6D6D656E646174696F6E223A226E6F222C227469746C65223A22536C6F74206D61726B20636F6E73656E74227D",
+      "sha256": "716de65096e34fd89cc92848b667d90f5c27eeb66929da3d340cabb80155e173"
+    },
+    {
+      "name": "depends_order_changed",
+      "heimdall": null,
+      "title": "Slot mark consent",
+      "context": "Should a slot mark be shared?",
+      "options": [
+        {
+          "id": "yes",
+          "text": "Share it."
+        },
+        {
+          "id": "no",
+          "text": "Keep it local."
+        }
+      ],
+      "recommendation": "no",
+      "depends": ["gamecult-chat:question:file-zone-audience", "x:question:y"],
+      "canonical": "{\"context\":\"Should a slot mark be shared?\",\"depends\":[\"gamecult-chat:question:file-zone-audience\",\"x:question:y\"],\"options\":[{\"id\":\"yes\",\"text\":\"Share it.\"},{\"id\":\"no\",\"text\":\"Keep it local.\"}],\"recommendation\":\"no\",\"title\":\"Slot mark consent\"}",
+      "canonicalHex": "7B22636F6E74657874223A2253686F756C64206120736C6F74206D61726B206265207368617265643F222C22646570656E6473223A5B2267616D6563756C742D636861743A7175657374696F6E3A66696C652D7A6F6E652D61756469656E6365222C22783A7175657374696F6E3A79225D2C226F7074696F6E73223A5B7B226964223A22796573222C2274657874223A2253686172652069742E227D2C7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D5D2C227265636F6D6D656E646174696F6E223A226E6F222C227469746C65223A22536C6F74206D61726B20636F6E73656E74227D",
+      "sha256": "fc3f651c6f498385256fc1232d5db31ece9dcc542e391f97245d27bc9e385b3d"
+    },
+    {
+      "name": "depends_order_changed_reversed",
+      "heimdall": null,
+      "title": "Slot mark consent",
+      "context": "Should a slot mark be shared?",
+      "options": [
+        {
+          "id": "yes",
+          "text": "Share it."
+        },
+        {
+          "id": "no",
+          "text": "Keep it local."
+        }
+      ],
+      "recommendation": "no",
+      "depends": ["x:question:y", "gamecult-chat:question:file-zone-audience"],
+      "canonical": "{\"context\":\"Should a slot mark be shared?\",\"depends\":[\"x:question:y\",\"gamecult-chat:question:file-zone-audience\"],\"options\":[{\"id\":\"yes\",\"text\":\"Share it.\"},{\"id\":\"no\",\"text\":\"Keep it local.\"}],\"recommendation\":\"no\",\"title\":\"Slot mark consent\"}",
+      "canonicalHex": "7B22636F6E74657874223A2253686F756C64206120736C6F74206D61726B206265207368617265643F222C22646570656E6473223A5B22783A7175657374696F6E3A79222C2267616D6563756C742D636861743A7175657374696F6E3A66696C652D7A6F6E652D61756469656E6365225D2C226F7074696F6E73223A5B7B226964223A22796573222C2274657874223A2253686172652069742E227D2C7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D5D2C227265636F6D6D656E646174696F6E223A226E6F222C227469746C65223A22536C6F74206D61726B20636F6E73656E74227D",
+      "sha256": "b22642e30f8d68839e3a0df5bc23b83ff50a839fcecf0366a65fa6e3cf873796"
+    },
+    {
+      "name": "hidden_members_do_not_move_it",
+      "heimdall": null,
+      "title": "Slot mark consent",
+      "context": "Should a slot mark be shared?",
+      "options": [
+        {
+          "id": "yes",
+          "text": "Share it."
+        },
+        {
+          "id": "no",
+          "text": "Keep it local."
+        }
+      ],
+      "recommendation": "no",
+      "depends": ["gamecult-chat:question:file-zone-audience"],
+      "canonical": "{\"context\":\"Should a slot mark be shared?\",\"depends\":[\"gamecult-chat:question:file-zone-audience\"],\"options\":[{\"id\":\"yes\",\"text\":\"Share it.\"},{\"id\":\"no\",\"text\":\"Keep it local.\"}],\"recommendation\":\"no\",\"title\":\"Slot mark consent\"}",
+      "canonicalHex": "7B22636F6E74657874223A2253686F756C64206120736C6F74206D61726B206265207368617265643F222C22646570656E6473223A5B2267616D6563756C742D636861743A7175657374696F6E3A66696C652D7A6F6E652D61756469656E6365225D2C226F7074696F6E73223A5B7B226964223A22796573222C2274657874223A2253686172652069742E227D2C7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D5D2C227265636F6D6D656E646174696F6E223A226E6F222C227469746C65223A22536C6F74206D61726B20636F6E73656E74227D",
+      "sha256": "7d95fc87d532420611fe415c1def27a3447617bb68235f46e3af130aea361c48"
+    },
+    {
+      "name": "control_characters_and_markup_are_escaped_minimally",
+      "heimdall": null,
+      "title": "q \" b \\ t \t n \n bell \u0007 del \u007f",
+      "context": "</script> \u2028 &",
+      "options": [
+        {
+          "id": "yes",
+          "text": "Share it."
+        },
+        {
+          "id": "no",
+          "text": "Keep it local."
+        }
+      ],
+      "recommendation": "no",
+      "depends": ["gamecult-chat:question:file-zone-audience"],
+      "canonical": "{\"context\":\"</script> \u2028 &\",\"depends\":[\"gamecult-chat:question:file-zone-audience\"],\"options\":[{\"id\":\"yes\",\"text\":\"Share it.\"},{\"id\":\"no\",\"text\":\"Keep it local.\"}],\"recommendation\":\"no\",\"title\":\"q \\\" b \\\\ t \\t n \\n bell \\u0007 del \u007f\"}",
+      "canonicalHex": "7B22636F6E74657874223A223C2F7363726970743E20E280A82026222C22646570656E6473223A5B2267616D6563756C742D636861743A7175657374696F6E3A66696C652D7A6F6E652D61756469656E6365225D2C226F7074696F6E73223A5B7B226964223A22796573222C2274657874223A2253686172652069742E227D2C7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D5D2C227265636F6D6D656E646174696F6E223A226E6F222C227469746C65223A2271205C222062205C5C2074205C74206E205C6E2062656C6C205C75303030372064656C207F227D",
+      "sha256": "f2d5a09513ce728129f6ca13f7123aa75b2bb77541b1de8946f39239634b40fe"
+    },
+    {
+      "name": "astral_option_id_and_text",
+      "heimdall": null,
+      "title": "Slot mark consent",
+      "context": "Should a slot mark be shared?",
+      "options": [
+        {
+          "id": "\ud83d\ude00",
+          "text": "\ud834\udd1e"
+        },
+        {
+          "id": "no",
+          "text": "Keep it local."
+        }
+      ],
+      "recommendation": "no",
+      "depends": ["gamecult-chat:question:file-zone-audience"],
+      "canonical": "{\"context\":\"Should a slot mark be shared?\",\"depends\":[\"gamecult-chat:question:file-zone-audience\"],\"options\":[{\"id\":\"\ud83d\ude00\",\"text\":\"\ud834\udd1e\"},{\"id\":\"no\",\"text\":\"Keep it local.\"}],\"recommendation\":\"no\",\"title\":\"Slot mark consent\"}",
+      "canonicalHex": "7B22636F6E74657874223A2253686F756C64206120736C6F74206D61726B206265207368617265643F222C22646570656E6473223A5B2267616D6563756C742D636861743A7175657374696F6E3A66696C652D7A6F6E652D61756469656E6365225D2C226F7074696F6E73223A5B7B226964223A22F09F9880222C2274657874223A22F09D849E227D2C7B226964223A226E6F222C2274657874223A224B656570206974206C6F63616C2E227D5D2C227265636F6D6D656E646174696F6E223A226E6F222C227469746C65223A22536C6F74206D61726B20636F6E73656E74227D",
+      "sha256": "836fbfce16127132bae100aa773d328a85ad08d241ae9bf47ea7f84766762cac"
+    }
+  ]
+}
diff --git a/src/app/features/desk/source.ts b/src/app/features/desk/source.ts
new file mode 100644
index 00000000..534a26bb
--- /dev/null
+++ b/src/app/features/desk/source.ts
@@ -0,0 +1,13 @@
+import { ForkList } from './forkContract';
+
+type DeskSource = (mind: string) => ForkList | undefined;
+
+// Slice 1 reads no network. The preview demo installs seeded forks here; slice 2 replaces this with
+// Bifrost's list reader, which is why the page asks a function and not a fixture.
+let source: DeskSource = () => undefined;
+
+export const setDeskSource = (next: DeskSource) => {
+  source = next;
+};
+
+export const deskFor = (mind: string): ForkList | undefined => source(mind);
diff --git a/src/app/features/dings/dings.test.ts b/src/app/features/dings/dings.test.ts
new file mode 100644
index 00000000..d5c5e601
--- /dev/null
+++ b/src/app/features/dings/dings.test.ts
@@ -0,0 +1,144 @@
+import { describe, expect, it, vi } from 'vitest';
+import { DING_VOLUME, createDingPlayer, motifFor, parseManifest, pickDing } from './dings';
+
+const manifest = parseManifest({
+  neutral: { mention: 'neutral/mention.ogg', message: 'neutral/message.ogg' },
+  senders: {
+    eureka: { mention: 'eureka/mention.ogg', message: 'eureka/message.ogg', dm: 'eureka/dm.ogg' },
+    nibu: { message: 'nibu/message.ogg' },
+  },
+})!;
+
+describe('dings manifest', () => {
+  it('is read defensively: junk is no manifest, bad paths are dropped', () => {
+    expect(parseManifest(undefined)).toBeUndefined();
+    expect(parseManifest('x')).toBeUndefined();
+    expect(parseManifest({ neutral: 3, senders: [] })).toBeUndefined();
+    const m = parseManifest({
+      neutral: { message: '../../etc/passwd.ogg', mention: 'https://evil.example/a.ogg' },
+      senders: { void: { message: 'void/message.wav', dm: 'void/dm.ogg', mention: '/abs.ogg' } },
+    })!;
+    expect(m.neutral).toEqual({});
+    expect(m.senders.void).toEqual({ dm: 'void/dm.ogg' });
+  });
+});
+
+describe('manifest guards', () => {
+  it('rejects a dot segment in the middle of a path', () => {
+    const m = parseManifest({
+      neutral: { message: 'a/../b.ogg', mention: 'a/b.ogg' },
+      senders: {},
+    })!;
+    expect(m.neutral).toEqual({ mention: 'a/b.ogg' });
+  });
+
+  it('is not fooled by an array of senders', () => {
+    expect(parseManifest({ neutral: { message: 'a.ogg' }, senders: [] })).toBeUndefined();
+  });
+
+  it('ignores motifs a clip set only inherits', () => {
+    const inherited = Object.create({ message: 'x/message.ogg' });
+    const m = parseManifest({ neutral: inherited, senders: {} })!;
+    expect(m.neutral).toEqual({});
+  });
+
+  it('gives object-prototype names no clip of their own', () => {
+    const m = parseManifest({ neutral: { message: 'n/message.ogg' }, senders: {} })!;
+    ['__proto__', 'constructor', 'toString', 'hasOwnProperty'].forEach((who) => {
+      expect(pickDing(m, who, 'message')?.path).toBe('n/message.ogg');
+    });
+  });
+
+  it('reports the motif volume in the pick itself', () => {
+    expect(pickDing(manifest, 'eureka', 'message')?.volume).toBe(DING_VOLUME.message);
+    expect(pickDing(manifest, 'stranger', 'mention')?.volume).toBe(1);
+  });
+});
+
+describe('which ding plays', () => {
+  it('uses the sender instrument for the motif', () => {
+    expect(pickDing(manifest, 'eureka', 'mention')).toEqual({
+      path: 'eureka/mention.ogg',
+      volume: DING_VOLUME.mention,
+    });
+  });
+
+  it('falls back to the neutral ding for an unknown sender', () => {
+    expect(pickDing(manifest, 'stranger', 'message')?.path).toBe('neutral/message.ogg');
+  });
+
+  it('falls back to neutral when the sender has no clip for that motif', () => {
+    expect(pickDing(manifest, 'nibu', 'mention')?.path).toBe('neutral/mention.ogg');
+  });
+
+  it('is silent when neither the sender nor neutral has a clip', () => {
+    expect(pickDing(manifest, 'eureka', 'invite')).toBeUndefined();
+    expect(pickDing(manifest, 'stranger', 'dm')).toBeUndefined();
+  });
+
+  it('is loud for mentions and DMs and quiet for ordinary messages', () => {
+    expect(DING_VOLUME.mention).toBe(1);
+    expect(DING_VOLUME.dm).toBe(1);
+    expect(DING_VOLUME.message).toBeLessThan(DING_VOLUME.invite);
+    expect(DING_VOLUME.invite).toBeLessThan(DING_VOLUME.mention);
+  });
+
+  it('names the motif: invite over mention over DM over message', () => {
+    expect(motifFor({ invite: true, highlight: true, direct: true })).toBe('invite');
+    expect(motifFor({ highlight: true, direct: true })).toBe('mention');
+    expect(motifFor({ highlight: false, direct: true })).toBe('dm');
+    expect(motifFor({ highlight: false, direct: false })).toBe('message');
+  });
+});
+
+describe('audio unlock', () => {
+  const make = () => {
+    const listeners = new Map<string, () => void>();
+    const target = {
+      addEventListener: (t: string, f: () => void) => listeners.set(t, f),
+      removeEventListener: (t: string) => listeners.delete(t),
+    };
+    const played: Array<{ url: string; volume: number }> = [];
+    const player = createDingPlayer((url) => {
+      const clip = { volume: 1, play: vi.fn(async () => undefined) };
+      played.push({
+        url,
+        get volume() {
+          return clip.volume;
+        },
+      } as never);
+      return clip;
+    }, target);
+    return { listeners, player, played };
+  };
+
+  it('does not play before the first user gesture, and plays after it', () => {
+    const { listeners, player, played } = make();
+    expect(player.play('a.ogg', 1)).toBe(false);
+    expect(played).toHaveLength(0);
+    listeners.get('pointerdown')!();
+    expect(player.play('a.ogg', 0.3)).toBe(true);
+    expect(played).toHaveLength(1);
+    expect(played[0].volume).toBe(0.3);
+  });
+
+  it('stops listening once unlocked', () => {
+    const { listeners, player } = make();
+    listeners.get('keydown')!();
+    expect(listeners.size).toBe(0);
+    expect(player.unlocked()).toBe(true);
+  });
+
+  it('a clip the browser refuses does not throw', async () => {
+    const target = {
+      addEventListener: (_t: string, f: () => void) => f(),
+      removeEventListener: () => undefined,
+    };
+    const player = createDingPlayer(
+      () => ({ volume: 1, play: () => Promise.reject(new Error('NotAllowedError')) }),
+      target
+    );
+    expect(() => player.play('a.ogg', 1)).not.toThrow();
+    await Promise.resolve();
+  });
+});
diff --git a/src/app/features/dings/dings.ts b/src/app/features/dings/dings.ts
new file mode 100644
index 00000000..562700f3
--- /dev/null
+++ b/src/app/features/dings/dings.ts
@@ -0,0 +1,100 @@
+// Dings: pre-rendered earcons shipped as static assets, `dings/<mxid-localpart>/<motif>.ogg` plus
+// `dings/manifest.json` (docs/gamecult/ratatoskr-target.md, Agreements). The sender picks the
+// instrument, the event picks the motif. This file is the whole decision; the client only asks it.
+
+export type Motif = 'mention' | 'dm' | 'message' | 'invite';
+type Clips = Partial<Record<Motif, string>>;
+export type DingManifest = { neutral: Clips; senders: Record<string, Clips> };
+
+/** Client config `dings`. Off unless `enabled` is exactly true; nothing about dings loads otherwise. */
+export type DingsConfig = { enabled?: boolean };
+export const dingsEnabled = (config: DingsConfig | undefined): boolean => config?.enabled === true;
+
+const MOTIFS: Motif[] = ['mention', 'dm', 'message', 'invite'];
+
+// Mentions and DMs loud, an ordinary message quiet.
+export const DING_VOLUME: Record<Motif, number> = {
+  mention: 1,
+  dm: 1,
+  invite: 0.7,
+  message: 0.3,
+};
+
+const isRecord = (v: unknown): v is Record<string, unknown> =>
+  typeof v === 'object' && v !== null && !Array.isArray(v);
+
+// A clip path stays inside dings/: relative, ogg or mp3 (not wav), no dot segments, no scheme.
+const isClipPath = (v: unknown): v is string =>
+  typeof v === 'string' &&
+  /^[A-Za-z0-9_-]+(\/[A-Za-z0-9_.-]+)*\.(ogg|mp3)$/.test(v) &&
+  !v.split('/').includes('..');
+
+const readClips = (v: unknown): Clips => {
+  const clips: Clips = {};
+  if (!isRecord(v)) return clips;
+  MOTIFS.forEach((m) => {
+    if (Object.prototype.hasOwnProperty.call(v, m) && isClipPath(v[m])) clips[m] = v[m] as string;
+  });
+  return clips;
+};
+
+/** The manifest is JSON from outside the typed world: read it defensively, undefined if unusable. */
+export const parseManifest = (json: unknown): DingManifest | undefined => {
+  if (!isRecord(json) || !isRecord(json.neutral) || !isRecord(json.senders)) return undefined;
+  const senders: Record<string, Clips> = Object.create(null);
+  Object.keys(json.senders).forEach((localpart) => {
+    senders[localpart] = readClips(
+      json.senders && (json.senders as Record<string, unknown>)[localpart]
+    );
+  });
+  return { neutral: readClips(json.neutral), senders };
+};
+
+/** The sender's own clip, else the neutral one, else nothing: silence. */
+export const pickDing = (
+  manifest: DingManifest,
+  localpart: string,
+  motif: Motif
+): { path: string; volume: number } | undefined => {
+  const own = Object.prototype.hasOwnProperty.call(manifest.senders, localpart)
+    ? manifest.senders[localpart][motif]
+    : undefined;
+  const path = own ?? manifest.neutral[motif];
+  return path === undefined ? undefined : { path, volume: DING_VOLUME[motif] };
+};
+
+export const motifFor = (e: { invite?: boolean; highlight: boolean; direct: boolean }): Motif => {
+  if (e.invite) return 'invite';
+  if (e.highlight) return 'mention';
+  return e.direct ? 'dm' : 'message';
+};
+
+type Clip = { volume: number; play: () => Promise<void> };
+type GestureTarget = {
+  addEventListener: (type: string, listener: () => void) => void;
+  removeEventListener: (type: string, listener: () => void) => void;
+};
+const GESTURES = ['pointerdown', 'keydown', 'touchend'];
+
+/**
+ * Browsers refuse audio until the first user gesture. The player stays silent until one has
+ * happened, then plays; a clip the browser still refuses is dropped, never thrown.
+ */
+export const createDingPlayer = (make: (url: string) => Clip, target: GestureTarget) => {
+  let unlocked = false;
+  const unlock = () => {
+    unlocked = true;
+    GESTURES.forEach((g) => target.removeEventListener(g, unlock));
+  };
+  GESTURES.forEach((g) => target.addEventListener(g, unlock));
+  return {
+    unlocked: () => unlocked,
+    play(url: string, volume: number): boolean {
+      if (!unlocked) return false;
+      const clip = make(url);
+      clip.volume = volume;
+      clip.play().catch(() => undefined);
+      return true;
+    },
+  };
+};
diff --git a/src/app/features/dings/manifest.test.ts b/src/app/features/dings/manifest.test.ts
new file mode 100644
index 00000000..0001e685
--- /dev/null
+++ b/src/app/features/dings/manifest.test.ts
@@ -0,0 +1,123 @@
+import { readFileSync, existsSync } from 'node:fs';
+import { createHash } from 'node:crypto';
+import { join } from 'node:path';
+import { describe, expect, it } from 'vitest';
+import { DingManifest, Motif, dingsEnabled, parseManifest, pickDing } from './dings';
+
+// The staged v4 set (Aqua, AquaSynth merge 21e83ec, page minds.gamecult.org/aqua/dings-voices-dd9be66). Nobody has heard it; these tests check the manifest
+// against this code, not the sound.
+const DINGS = join(__dirname, '../../../../public/dings');
+const raw = JSON.parse(readFileSync(join(DINGS, 'manifest.json'), 'utf8'));
+const manifest = parseManifest(raw) as DingManifest;
+// sha256 prefixes of the 32 clips as staged by Aqua; Nibu's four are proposals/nibu3 (same samples, own Ogg serial).
+const V4_SHA: Record<string, string> = {
+  'aqua/mention': 'cedb63552008',
+  'aqua/dm': '5b996d01c770',
+  'aqua/message': '8be19ccd505a',
+  'aqua/invite': '462e63687f0b',
+  'eureka/mention': '7afe0bcc90d0',
+  'eureka/dm': '3909d70b0d45',
+  'eureka/message': '0b466cd4b437',
+  'eureka/invite': '837e1bbbdacf',
+  'heimdall/mention': '36051569eb2c',
+  'heimdall/dm': '26ebc4158d51',
+  'heimdall/message': 'c383d6ce3da0',
+  'heimdall/invite': 'fd47e9a97bb2',
+  'kiko/mention': 'e73d2d586f4e',
+  'kiko/dm': 'b3e39946ab70',
+  'kiko/message': '6730b9df5bfa',
+  'kiko/invite': '1a3c1d118b9e',
+  'libby/mention': 'eb9f3ac60b02',
+  'libby/dm': '77dfd01cc3ca',
+  'libby/message': '257b84a114a2',
+  'libby/invite': '8ef7e91100b8',
+  'nibu/mention': '56484d731df3',
+  'nibu/dm': '573f5db4de4b',
+  'nibu/message': '30f6a5c9ce54',
+  'nibu/invite': 'bb36c0975f35',
+  'void/mention': 'dee69f4af562',
+  'void/dm': '92e3ebbc0b29',
+  'void/message': 'fadc5556b681',
+  'void/invite': 'd602121389d8',
+  'weksa/mention': 'db46a36ab3c5',
+  'weksa/dm': 'efe993382a46',
+  'weksa/message': '00e323635949',
+  'weksa/invite': '9bf03a36758b',
+};
+const MOTIFS: Motif[] = ['mention', 'dm', 'message', 'invite'];
+const VOICES = ['aqua', 'eureka', 'heimdall', 'kiko', 'libby', 'nibu', 'void', 'weksa'];
+
+// Vorbis-in-Ogg duration: last page's granule position over the sample rate in the id header.
+const oggMs = (file: string): number => {
+  const b = readFileSync(join(DINGS, file));
+  const id = b.indexOf('\x01vorbis', 0, 'latin1');
+  const rate = b.readUInt32LE(id + 12);
+  const last = b.lastIndexOf('OggS', b.length, 'latin1');
+  return (Number(b.readBigUInt64LE(last + 6)) / rate) * 1000;
+};
+
+describe('dings switch', () => {
+  it('is off unless the config says exactly true', () => {
+    expect(dingsEnabled(undefined)).toBe(false);
+    expect(dingsEnabled({})).toBe(false);
+    expect(dingsEnabled({ enabled: false })).toBe(false);
+    expect(dingsEnabled({ enabled: 'true' as unknown as boolean })).toBe(false);
+    expect(dingsEnabled({ enabled: true })).toBe(true);
+  });
+
+  it('ships off in config.json', () => {
+    const config = JSON.parse(readFileSync(join(__dirname, '../../../../config.json'), 'utf8'));
+    expect(config.dings).toEqual({ enabled: false });
+    expect(dingsEnabled(config.dings)).toBe(false);
+  });
+});
+
+describe('v4 manifest against the parser', () => {
+  it('survives parseManifest whole: no path or motif is dropped', () => {
+    expect(manifest.neutral).toEqual(raw.neutral);
+    expect(Object.keys(manifest.senders).sort()).toEqual(VOICES);
+    VOICES.forEach((v) => expect(manifest.senders[v]).toEqual(raw.senders[v]));
+    MOTIFS.forEach((m) => expect(manifest.neutral[m]).toBeDefined());
+  });
+
+  it('names a file that exists for every clip, and no file the manifest omits', () => {
+    const paths = [
+      ...Object.values(manifest.neutral),
+      ...Object.values(manifest.senders).flatMap((c) => Object.values(c)),
+    ];
+    expect(paths).toHaveLength(4 + VOICES.length * 4);
+    paths.forEach((p) => expect(existsSync(join(DINGS, p as string)), p).toBe(true));
+  });
+
+  it('maps a sender localpart to that sender folder, per motif', () => {
+    VOICES.forEach((v) =>
+      MOTIFS.forEach((m) => expect(pickDing(manifest, v, m)?.path).toBe(`senders/${v}/${m}.ogg`))
+    );
+  });
+
+  it('an unknown sender and an invite get the neutral clip', () => {
+    MOTIFS.forEach((m) => expect(pickDing(manifest, 'someone', m)?.path).toBe(`neutral/${m}.ogg`));
+  });
+
+  it('Nibu carries pick 3 (8 kHz 5-bit smoothed sine) for every event: senders/nibu, never the proposals folder', () => {
+    MOTIFS.forEach((m) => {
+      const path = pickDing(manifest, 'nibu', m)?.path as string;
+      expect(path).toBe(`senders/nibu/${m}.ogg`);
+      expect(path).not.toContain('proposals');
+    });
+  });
+
+  it("every voice file is Aqua's v4 render (sha256 prefix)", () => {
+    const hash = (file: string) =>
+      createHash('sha256').update(readFileSync(join(DINGS, file))).digest('hex').slice(0, 12);
+    expect(Object.keys(V4_SHA).length).toBe(VOICES.length * MOTIFS.length);
+    Object.entries(V4_SHA).forEach(([k, want]) => expect(hash(`senders/${k}.ogg`)).toBe(want));
+  });
+
+  it('keeps the clip lengths the design assumes: message under 400 ms, nothing over 600 ms', () => {
+    VOICES.forEach((v) => {
+      expect(oggMs(`senders/${v}/message.ogg`)).toBeLessThan(400);
+      MOTIFS.forEach((m) => expect(oggMs(`senders/${v}/${m}.ogg`)).toBeLessThan(601));
+    });
+  });
+});
diff --git a/src/app/features/dings/useDings.ts b/src/app/features/dings/useDings.ts
new file mode 100644
index 00000000..31899996
--- /dev/null
+++ b/src/app/features/dings/useDings.ts
@@ -0,0 +1,55 @@
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { useClientConfig } from '../../hooks/useClientConfig';
+import { trimTrailingSlash } from '../../utils/common';
+import { getMxIdLocalPart } from '../../utils/matrix';
+import {
+  DingManifest,
+  Motif,
+  createDingPlayer,
+  dingsEnabled,
+  parseManifest,
+  pickDing,
+} from './dings';
+
+const DINGS_ROOT = `${trimTrailingSlash(import.meta.env.BASE_URL)}/public/dings`;
+
+/**
+ * Plays a ding for a sender and motif. The manifest is read once at runtime. Returns false when
+ * there is no manifest (nothing rendered yet), so the caller keeps the stock sound; once there is
+ * one, a sender or motif with no clip is silence, as the design says, and the return is true.
+ * The client config's `dings.enabled` is the switch (default off): off, nothing is fetched, no
+ * gesture listener is added, and the return is always false, so the stock sound plays.
+ */
+export const useDings = () => {
+  const enabled = dingsEnabled(useClientConfig().dings);
+  const manifestRef = useRef<DingManifest>();
+  const player = useMemo(
+    () => (enabled ? createDingPlayer((url) => new Audio(url), window) : undefined),
+    [enabled]
+  );
+
+  useEffect(() => {
+    if (!enabled) return undefined;
+    let live = true;
+    fetch(`${DINGS_ROOT}/manifest.json`)
+      .then((r) => (r.ok ? r.json() : undefined))
+      .then((json) => {
+        if (live) manifestRef.current = parseManifest(json);
+      })
+      .catch(() => undefined);
+    return () => {
+      live = false;
+    };
+  }, [enabled]);
+
+  return useCallback(
+    (sender: string, motif: Motif): boolean => {
+      const manifest = manifestRef.current;
+      if (!player || !manifest) return false;
+      const ding = pickDing(manifest, getMxIdLocalPart(sender) ?? sender, motif);
+      if (ding) player.play(`${DINGS_ROOT}/${ding.path}`, ding.volume);
+      return true;
+    },
+    [player]
+  );
+};
diff --git a/src/app/features/estate/EstateNavigator.tsx b/src/app/features/estate/EstateNavigator.tsx
index 6fa4bf48..27fcfbad 100644
--- a/src/app/features/estate/EstateNavigator.tsx
+++ b/src/app/features/estate/EstateNavigator.tsx
@@ -1,7 +1,7 @@
 import React, { MouseEventHandler, ReactNode, useCallback, useMemo, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useAtom, useAtomValue, useSetAtom } from 'jotai';
-import { Avatar, Box, Chip, Icon, IconButton, Icons, Spinner, Text, color } from 'folds';
+import { Avatar, Box, Chip, Icon, IconButton, Icons, Spinner, Text, color, config } from 'folds';
 import { PageNav, PageNavContent, PageNavHeader } from '../../components/page';
 import {
   NavButton,
@@ -10,6 +10,7 @@ import {
   NavItem,
   NavItemContent,
 } from '../../components/nav';
+import { NavAction, NavLabel } from '../../components/nav/styles.css';
 import { UseStateProvider } from '../../components/UseStateProvider';
 import { JoinAddressPrompt } from '../../components/join-address-prompt';
 import { RoomNavCategoryButton, RoomNavItem } from '../room-nav';
@@ -37,10 +38,12 @@ import { useClosedNavCategoriesAtom } from '../../state/hooks/closedNavCategorie
 import { makeNavCategoryId } from '../../state/closedNavCategories';
 import { roomToUnreadAtom } from '../../state/room/roomToUnread';
 import { AsyncStatus, useAsyncCallback } from '../../hooks/useAsyncCallback';
-import { EstateRoom, EstateTier } from './buildEstate';
+import { EstateGroup, EstateRoom, EstateTier, splitGroups } from './buildEstate';
 import { activateEstateRoom, awaitMyJoin } from './joinEstateRoom';
 import { useEstate, useEstateRootId } from './useEstate';
 import * as css from './EstateNavigator.css';
+import { DeskEntry } from '../desk';
+import { SkyStateControl } from '../scene/SkyStateControl';
 
 /** How long a tap waits for the client store to hold the room it just joined. */
 const JOIN_ARRIVAL_TIMEOUT_MS = 20000;
@@ -76,9 +79,14 @@ function JoinRow({ room }: { room: EstateRoom }) {
     <NavItem variant="Background" radii="400">
       <Box grow="Yes" alignItems="Center" gap="200" style={{ padding: '0 8px', minHeight: 38 }}>
         <NavItemContent>
-          <Text as="span" size="Inherit" truncate>
-            {room.name}
-          </Text>
+          <Box as="span" grow="Yes" alignItems="Center" gap="200">
+            <Avatar size="200" radii="400">
+              <Icon src={Icons.Hash} size="100" style={{ opacity: config.opacity.P300 }} />
+            </Avatar>
+            <Text className={NavLabel} as="span" size="Inherit" truncate>
+              {room.name}
+            </Text>
+          </Box>
         </NavItemContent>
         {state.status === AsyncStatus.Error && (
           <Text
@@ -90,6 +98,7 @@ function JoinRow({ room }: { room: EstateRoom }) {
           </Text>
         )}
         <Chip
+          className={NavAction}
           variant={room.state === 'invited' ? 'Primary' : 'Secondary'}
           fill="Soft"
           radii="Pill"
@@ -127,9 +136,11 @@ type CollapsibleProps = {
   categoryId: string;
   label: string;
   rooms: EstateRoom[];
+  /** Sits in the header beside the label, so a collapsed section still shows it. */
+  trailing?: ReactNode;
   children: ReactNode;
 };
-function Collapsible({ categoryId, label, rooms, children }: CollapsibleProps) {
+function Collapsible({ categoryId, label, rooms, trailing, children }: CollapsibleProps) {
   const mobile = useScreenSizeContext() === ScreenSize.Mobile;
   const selectedRoomId = useSelectedRoom();
   const roomToUnread = useAtomValue(roomToUnreadAtom);
@@ -153,31 +164,65 @@ function Collapsible({ categoryId, label, rooms, children }: CollapsibleProps) {
         <RoomNavCategoryButton closed={closed} onClick={handleClick}>
           {label}
         </RoomNavCategoryButton>
+        {trailing}
       </NavCategoryHeader>
       {!closed && children}
     </NavCategory>
   );
 }
 
+function GroupSection({ tierId, group }: { tierId: string; group: EstateGroup }) {
+  return (
+    <Collapsible
+      categoryId={`${tierId}|${group.mind}`}
+      label={group.label}
+      rooms={group.rooms}
+      trailing={<DeskEntry mind={group.mind} />}
+    >
+      {group.rooms.map((r) => (
+        <EstateRow key={r.roomId} room={r} />
+      ))}
+    </Collapsible>
+  );
+}
+
+/**
+ * Groups of rooms the user has not joined, behind one quiet entry. Closed until opened, on every screen; the opening is
+ * remembered per device like any other section.
+ */
+function Browse({ tierId, groups }: { tierId: string; groups: EstateGroup[] }) {
+  const [toggled, setToggled] = useAtom(useClosedNavCategoriesAtom());
+  const key = makeNavCategoryId('estate', 'browse', tierId);
+  const open = toggled.has(key);
+  const count = groups.reduce((n, g) => n + g.rooms.length, 0);
+
+  return (
+    <NavCategory>
+      <NavCategoryHeader>
+        <RoomNavCategoryButton
+          closed={!open}
+          onClick={() => setToggled({ type: open ? 'DELETE' : 'PUT', categoryId: key })}
+        >
+          {`Browse ${count} more ${count === 1 ? 'room' : 'rooms'}`}
+        </RoomNavCategoryButton>
+      </NavCategoryHeader>
+      {open && groups.map((g) => <GroupSection key={g.mind} tierId={tierId} group={g} />)}
+    </NavCategory>
+  );
+}
+
 function Tier({ tier }: { tier: EstateTier }) {
   const allRooms = useMemo(() => [...tier.loose, ...tier.groups.flatMap((g) => g.rooms)], [tier]);
+  const { front, browse } = useMemo(() => splitGroups(tier), [tier]);
   return (
     <Collapsible categoryId={tier.id} label={tier.label} rooms={allRooms}>
       {tier.loose.map((r) => (
         <EstateRow key={r.roomId} room={r} />
       ))}
-      {tier.groups.map((g) => (
-        <Collapsible
-          key={g.mind}
-          categoryId={`${tier.id}|${g.mind}`}
-          label={g.label}
-          rooms={g.rooms}
-        >
-          {g.rooms.map((r) => (
-            <EstateRow key={r.roomId} room={r} />
-          ))}
-        </Collapsible>
+      {front.map((g) => (
+        <GroupSection key={g.mind} tierId={tier.id} group={g} />
       ))}
+      {browse.length > 0 && <Browse tierId={tier.id} groups={browse} />}
     </Collapsible>
   );
 }
@@ -276,6 +321,8 @@ export function EstateNavigator() {
   const scrollRef = useRef<HTMLDivElement>(null);
   const mx = useMatrixClient();
   const title = (rootId && mx.getRoom(rootId)?.name) || 'GameCult';
+  // A phone's list is the estate and nothing else: no Create Room, no Join with Address.
+  const mobile = useScreenSizeContext() === ScreenSize.Mobile;
 
   return (
     <PageNav>
@@ -286,6 +333,7 @@ export function EstateNavigator() {
               {title}
             </Text>
           </Box>
+          <SkyStateControl />
           <IconButton
             variant="Background"
             aria-label="Find a room"
@@ -297,7 +345,7 @@ export function EstateNavigator() {
       </PageNavHeader>
       <PageNavContent scrollRef={scrollRef}>
         <Box direction="Column" gap="300" className={css.Targets}>
-          <EntryPoints />
+          {!mobile && <EntryPoints />}
           {rootId && <EstateTiers rootId={rootId} />}
           {!rootId && error && (
             <EstateError message="Could not find the GameCult space. Check your connection and reload." />
diff --git a/src/app/features/estate/buildEstate.test.ts b/src/app/features/estate/buildEstate.test.ts
index 8f898a0f..7b63eac5 100644
--- a/src/app/features/estate/buildEstate.test.ts
+++ b/src/app/features/estate/buildEstate.test.ts
@@ -1,5 +1,11 @@
 import { describe, expect, it } from 'vitest';
-import { buildEstate, EstateHierarchyRoom, EstateInput, stewardOfChild } from './buildEstate';
+import {
+  buildEstate,
+  EstateHierarchyRoom,
+  EstateInput,
+  splitGroups,
+  stewardOfChild,
+} from './buildEstate';
 
 const ROOT = '!root:gamecult.org';
 const PROJECTS = '!projects:gamecult.org';
@@ -324,3 +330,34 @@ describe('direct invites', () => {
     ]);
   });
 });
+
+describe('splitGroups', () => {
+  const projects = (membership: EstateInput['membership']) =>
+    buildEstate(input({ membership })).find((t) => t.id === PROJECTS)!;
+  const labels = (gs: { mind: string }[]) => gs.map((g) => g.mind);
+
+  it('puts a group nobody has joined behind Browse, and keeps loose estate rooms out of it', () => {
+    const tier = projects(new Map());
+    const { front, browse } = splitGroups(tier);
+    expect(labels(front)).toEqual([]);
+    expect(labels(browse).sort()).toEqual(['eureka', 'void']);
+    expect(tier.loose.map((r) => r.name)).toEqual(['Misc']);
+  });
+
+  it('keeps a group up front once any room in it is joined, its unjoined siblings with it', () => {
+    const { front, browse } = splitGroups(projects(new Map([['!cultlib:gamecult.org', 'join']])));
+    expect(labels(front)).toEqual(['eureka']);
+    expect(labels(browse)).toEqual(['void']);
+  });
+
+  it('keeps a group up front for an invite, which is something to act on', () => {
+    const { front } = splitGroups(projects(new Map([['!aeth:gamecult.org', 'invite']])));
+    expect(labels(front)).toEqual(['void']);
+  });
+
+  it('loses no group: front and browse together are the tier groups', () => {
+    const tier = projects(new Map([['!cultlib:gamecult.org', 'join']]));
+    const { front, browse } = splitGroups(tier);
+    expect([...front, ...browse].sort((a, b) => a.mind.localeCompare(b.mind))).toEqual(tier.groups);
+  });
+});
diff --git a/src/app/features/estate/buildEstate.ts b/src/app/features/estate/buildEstate.ts
index b9232beb..ca656211 100644
--- a/src/app/features/estate/buildEstate.ts
+++ b/src/app/features/estate/buildEstate.ts
@@ -71,6 +71,20 @@ export type EstateInput = {
   mindLabels?: ReadonlyMap<string, string>;
 };
 
+/**
+ * A tier's project-room groups split for the navigator: a group the user is in anything of (joined, or invited, which is
+ * something to act on) stays up front; a group of rooms nobody has joined waits behind one Browse entry, so the first
+ * screen is conversations, not a wall of Join buttons. Loose (estate) rooms are never grouped away.
+ */
+export const splitGroups = (tier: EstateTier): { front: EstateGroup[]; browse: EstateGroup[] } => {
+  const front: EstateGroup[] = [];
+  const browse: EstateGroup[] = [];
+  tier.groups.forEach((g) =>
+    (g.rooms.some((r) => r.state !== 'joinable') ? front : browse).push(g)
+  );
+  return { front, browse };
+};
+
 export const DIRECT_TIER_ID = 'direct';
 export const ELSEWHERE_TIER_ID = 'elsewhere';
 
diff --git a/src/app/features/estate/joinPath.lint.test.ts b/src/app/features/estate/joinPath.lint.test.ts
new file mode 100644
index 00000000..82b2a476
--- /dev/null
+++ b/src/app/features/estate/joinPath.lint.test.ts
@@ -0,0 +1,32 @@
+// @vitest-environment node
+import { describe, expect, it } from 'vitest';
+import { ESLint } from 'eslint';
+
+// The product rule is one join path: a join is joinEstateRoom, which files the DM before it sends the join.
+// This pins that the lint config enforces it, not just that the code happens to comply today.
+const lint = async (filePath: string, code: string) => {
+  const eslint = new ESLint({ cwd: process.cwd(), useEslintrc: true });
+  const [result] = await eslint.lintText(code, { filePath });
+  return result.messages.filter((m) => m.ruleId === 'no-restricted-syntax');
+};
+const JOIN = 'export const f = (mx: { joinRoom: (id: string) => void }) => mx.joinRoom("!a:b");\n';
+
+describe('the one join path is enforced by lint', () => {
+  it('rejects a joinRoom call anywhere but joinEstateRoom.ts', async () => {
+    const found = await lint('src/app/features/estate/EstateNavigator.tsx', JOIN);
+    expect(found).toHaveLength(1);
+    expect(found[0].message).toContain('joinEstateRoom');
+  });
+
+  it('allows the call inside joinEstateRoom.ts itself', async () => {
+    expect(await lint('src/app/features/estate/joinEstateRoom.ts', JOIN)).toHaveLength(0);
+  });
+
+  it('still applies the Airbnb syntax bans in the same files', async () => {
+    const found = await lint(
+      'src/app/foo.ts',
+      'export const g = (o: object) => { for (const k in o) { return k; } return 0; };\n'
+    );
+    expect(found.some((m) => m.message.includes('for..in'))).toBe(true);
+  });
+});
diff --git a/src/app/features/room-nav/RoomNavCategoryButton.test.tsx b/src/app/features/room-nav/RoomNavCategoryButton.test.tsx
new file mode 100644
index 00000000..a500f920
--- /dev/null
+++ b/src/app/features/room-nav/RoomNavCategoryButton.test.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { describe, expect, it } from 'vitest';
+import { RoomNavCategoryButton } from './RoomNavCategoryButton';
+
+const html = (closed?: boolean) =>
+  renderToStaticMarkup(<RoomNavCategoryButton closed={closed}>Browse</RoomNavCategoryButton>);
+
+describe('RoomNavCategoryButton', () => {
+  it('says it is collapsed when closed, so assistive tech does not rely on the chevron', () => {
+    expect(html(true)).toContain('aria-expanded="false"');
+  });
+
+  it('says it is expanded when open', () => {
+    expect(html(false)).toContain('aria-expanded="true"');
+  });
+
+  it('claims neither when the section does not toggle', () => {
+    expect(html(undefined)).not.toContain('aria-expanded');
+  });
+});
diff --git a/src/app/features/room-nav/RoomNavCategoryButton.tsx b/src/app/features/room-nav/RoomNavCategoryButton.tsx
index 3af8aeac..e232b856 100644
--- a/src/app/features/room-nav/RoomNavCategoryButton.tsx
+++ b/src/app/features/room-nav/RoomNavCategoryButton.tsx
@@ -16,6 +16,7 @@ export const RoomNavCategoryButton = as<'button', { closed?: boolean }>(
           src={closed ? Icons.ChevronRight : Icons.ChevronBottom}
         />
       }
+      aria-expanded={closed === undefined ? undefined : !closed}
       {...props}
       ref={ref}
     >
diff --git a/src/app/features/room-nav/RoomNavItem.tsx b/src/app/features/room-nav/RoomNavItem.tsx
index 08341113..ff23930e 100644
--- a/src/app/features/room-nav/RoomNavItem.tsx
+++ b/src/app/features/room-nav/RoomNavItem.tsx
@@ -21,6 +21,7 @@ import { useFocusWithin, useHover } from 'react-aria';
 import FocusTrap from 'focus-trap-react';
 import { useAtom, useAtomValue } from 'jotai';
 import { NavItem, NavItemContent, NavItemOptions, NavLink } from '../../components/nav';
+import { NavLabel } from '../../components/nav/styles.css';
 import { UnreadBadge, UnreadBadgeCenter } from '../../components/unread-badge';
 import { RoomAvatar, RoomIcon } from '../../components/room-avatar';
 import { getDirectRoomAvatarUrl, getRoomAvatarUrl, getStateEvent } from '../../utils/room';
@@ -358,7 +359,13 @@ export function RoomNavItem({
               )}
             </Avatar>
             <Box as="span" grow="Yes">
-              <Text priority={unread ? '500' : '300'} as="span" size="Inherit" truncate>
+              <Text
+                className={NavLabel}
+                priority={unread ? '500' : '300'}
+                as="span"
+                size="Inherit"
+                truncate
+              >
                 {roomName}
               </Text>
             </Box>
diff --git a/src/app/features/room-nav/styles.css.ts b/src/app/features/room-nav/styles.css.ts
index b5701a6f..88b2c333 100644
--- a/src/app/features/room-nav/styles.css.ts
+++ b/src/app/features/room-nav/styles.css.ts
@@ -1,8 +1,28 @@
 import { style } from '@vanilla-extract/css';
 import { config } from 'folds';
+import { surfaceInk } from '../scene/sceneShell.css';
+import { skyLabelInk } from '../scene/skyLabelInk';
 
 export const CategoryButton = style({
   flexGrow: 1,
+  '@media': {
+    // A section heading on a phone is plain text: no pill behind it.
+    'screen and (max-width: 750px)': {
+      selectors: {
+        '&&': {
+          backgroundColor: 'transparent',
+          boxShadow: 'none',
+          border: 'none',
+          borderRadius: 0,
+        },
+        ':root[data-scene] &&': {
+          color: skyLabelInk('inherit'),
+          textShadow: `0 0 3px ${surfaceInk}, 0 0 8px ${surfaceInk}`,
+          filter: `drop-shadow(0 0 3px ${surfaceInk})`,
+        },
+      },
+    },
+  },
 });
 export const CategoryButtonIcon = style({
   opacity: config.opacity.P400,
diff --git a/src/app/features/room/RoomTimeline.css.ts b/src/app/features/room/RoomTimeline.css.ts
index 9cd428ed..d798f62c 100644
--- a/src/app/features/room/RoomTimeline.css.ts
+++ b/src/app/features/room/RoomTimeline.css.ts
@@ -18,7 +18,7 @@ export const TimelineFloat = recipe({
         top: config.space.S400,
       },
       Bottom: {
-        bottom: config.space.S400,
+        bottom: config.space.S200,
       },
     },
   },
diff --git a/src/app/features/room/RoomTimeline.tsx b/src/app/features/room/RoomTimeline.tsx
index c533528d..6cce595e 100644
--- a/src/app/features/room/RoomTimeline.tsx
+++ b/src/app/features/room/RoomTimeline.tsx
@@ -123,7 +123,8 @@ import { useSpaceOptionally } from '../../hooks/useSpace';
 import { useRoomCreators } from '../../hooks/useRoomCreators';
 import { useRoomPermissions } from '../../hooks/useRoomPermissions';
 import { useAccessiblePowerTagColors, useGetMemberPowerTag } from '../../hooks/useMemberPowerTag';
-import { useTheme } from '../../hooks/useTheme';
+import { useSkyInk, useTheme } from '../../hooks/useTheme';
+import { skyLabelInk } from '../scene/skyLabelInk';
 import { useRoomCreatorsTag } from '../../hooks/useRoomCreatorsTag';
 import { usePowerLevelTags } from '../../hooks/usePowerLevelTags';
 
@@ -462,10 +463,12 @@ export function RoomTimeline({ room, eventId, roomInputRef, editor }: RoomTimeli
   const getMemberPowerTag = useGetMemberPowerTag(room, creators, powerLevels);
 
   const theme = useTheme();
+  const skyInk = useSkyInk();
   const accessiblePowerTagColors = useAccessiblePowerTagColors(
     theme.kind,
     creatorsTag,
-    powerLevelTags
+    powerLevelTags,
+    skyInk
   );
 
   const permissions = useRoomPermissions(creators, powerLevels);
@@ -1674,9 +1677,9 @@ export function RoomTimeline({ room, eventId, roomInputRef, editor }: RoomTimeli
       newDivider && eventJSX && eventSender !== mx.getUserId() ? (
         <MessageBase space={messageSpacing}>
           <TimelineDivider style={{ color: color.Success.Main }} variant="Inherit">
-            <Badge as="span" size="500" variant="Success" fill="Solid" radii="300">
-              <Text size="L400">New Messages</Text>
-            </Badge>
+            <Text as="span" size="L400" style={{ color: skyLabelInk(color.Surface.OnContainer) }}>
+              New Messages
+            </Text>
           </TimelineDivider>
         </MessageBase>
       ) : null;
diff --git a/src/app/features/room/RoomTrainingLine.tsx b/src/app/features/room/RoomTrainingLine.tsx
index 147932de..fd410979 100644
--- a/src/app/features/room/RoomTrainingLine.tsx
+++ b/src/app/features/room/RoomTrainingLine.tsx
@@ -2,6 +2,9 @@ import { Text, color, config } from 'folds';
 import { Room } from 'matrix-js-sdk';
 import React from 'react';
 import { useStateEvent } from '../../hooks/useStateEvent';
+import { useClientConfig } from '../../hooks/useClientConfig';
+import { useSkyInk } from '../../hooks/useTheme';
+import { noticeInk } from '../scene/skyInk';
 import {
   ROOM_NOTICE_EVENT_TYPE,
   parseRoomNotice,
@@ -12,12 +15,17 @@ import {
 // collector reads the version from the same event, so nothing is stored in the browser.
 export function RoomTrainingLine({ room }: { room: Room }) {
   const event = useStateEvent(room, ROOM_NOTICE_EVENT_TYPE);
-  const line = roomTrainingLine(parseRoomNotice(event?.getContent()));
+  const { previewDemo } = useClientConfig();
+  const skyInk = useSkyInk();
+  const line = roomTrainingLine(parseRoomNotice(event?.getContent()), previewDemo);
   if (!line) return null;
   return (
     <Text
       size="T200"
-      style={{ padding: `${config.space.S100} 0`, color: color.SurfaceVariant.OnContainer }}
+      style={{
+        padding: `${config.space.S100} 0`,
+        color: (skyInk && noticeInk(skyInk)) ?? color.SurfaceVariant.OnContainer,
+      }}
     >
       {line}
     </Text>
diff --git a/src/app/features/room/RoomView.tsx b/src/app/features/room/RoomView.tsx
index cf91c638..0137fd95 100644
--- a/src/app/features/room/RoomView.tsx
+++ b/src/app/features/room/RoomView.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useRef } from 'react';
+import React, { useCallback, useRef, useState } from 'react';
 import { Box, Text, config } from 'folds';
 import { EventType } from 'matrix-js-sdk';
 import { ReactEditor } from 'slate-react';
@@ -11,7 +11,6 @@ import { useEditor } from '../../components/editor';
 import { RoomInputPlaceholder } from './RoomInputPlaceholder';
 import { RoomTimeline } from './RoomTimeline';
 import { RoomViewTyping } from './RoomViewTyping';
-import { RoomViewPoseStatus } from './RoomViewPoseStatus';
 import { RoomTombstone } from './RoomTombstone';
 import { RoomInput } from './RoomInput';
 import { RoomTrainingLine } from './RoomTrainingLine';
@@ -24,6 +23,10 @@ import { useSetting } from '../../state/hooks/settings';
 import { useRoomPermissions } from '../../hooks/useRoomPermissions';
 import { useRoomCreators } from '../../hooks/useRoomCreators';
 import { useRoom } from '../../hooks/useRoom';
+import { AlbumView } from '../albums/AlbumView';
+import * as albumCss from '../albums/AlbumView.css';
+import { useIsFileZone } from '../albums/useAlbums';
+import { ZoneView, zoneView } from '../albums/zoneView';
 
 const FN_KEYS_REGEX = /^F\d+$/;
 const shouldFocusMessageField = (evt: KeyboardEvent): boolean => {
@@ -65,6 +68,12 @@ export function RoomView({ eventId }: { eventId?: string }) {
   const room = useRoom();
   const { roomId } = room;
   const editor = useEditor();
+  const isZone = useIsFileZone(room);
+  // A zone shows its albums; the timeline stays one tap away, and an event deep link opens it.
+  const [choice, setChoice] = useState<{ roomId: string; view: ZoneView }>();
+  const fileZone =
+    isZone &&
+    zoneView(choice && choice.roomId === roomId ? choice.view : undefined, eventId) === 'albums';
 
   const mx = useMatrixClient();
 
@@ -79,7 +88,7 @@ export function RoomView({ eventId }: { eventId?: string }) {
     window,
     useCallback(
       (evt) => {
-        if (editableActiveElement()) return;
+        if (fileZone || editableActiveElement()) return;
         const portalContainer = document.getElementById('portalContainer');
         if (portalContainer && portalContainer.children.length > 0) {
           return;
@@ -88,13 +97,35 @@ export function RoomView({ eventId }: { eventId?: string }) {
           ReactEditor.focus(editor);
         }
       },
-      [editor]
+      [editor, fileZone]
     )
   );
 
+  // The file zone is its own view: no timeline, no composer.
+  if (fileZone) {
+    return (
+      <Page ref={roomViewRef}>
+        <AlbumView
+          key={roomId}
+          room={room}
+          onTimeline={() => setChoice({ roomId, view: 'timeline' })}
+        />
+      </Page>
+    );
+  }
+
   return (
     <Page ref={roomViewRef}>
       <Box grow="Yes" direction="Column">
+        {isZone && !eventId && (
+          <button
+            type="button"
+            className={albumCss.Back}
+            onClick={() => setChoice({ roomId, view: 'albums' })}
+          >
+            <Text size="B400">‹ Albums</Text>
+          </button>
+        )}
         <RoomTimeline
           key={roomId}
           room={room}
@@ -102,7 +133,6 @@ export function RoomView({ eventId }: { eventId?: string }) {
           roomInputRef={roomInputRef}
           editor={editor}
         />
-        <RoomViewPoseStatus room={room} />
         <RoomViewTyping room={room} />
       </Box>
       <Box shrink="No" direction="Column">
diff --git a/src/app/features/room/RoomViewFollowing.css.ts b/src/app/features/room/RoomViewFollowing.css.ts
index 18b53ac9..ad7fd12b 100644
--- a/src/app/features/room/RoomViewFollowing.css.ts
+++ b/src/app/features/room/RoomViewFollowing.css.ts
@@ -2,10 +2,19 @@ import { style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 import { DefaultReset, color, config, toRem } from 'folds';
 
+// Phones: the read-receipt line is hidden; its slot shrinks to a margin under the composer.
+const NARROW_HIDDEN = {
+  height: toRem(8),
+  minHeight: 0,
+  overflow: 'hidden',
+  visibility: 'hidden',
+} as const;
+
 export const RoomViewFollowingPlaceholder = style([
   DefaultReset,
   {
     height: toRem(28),
+    '@media': { 'screen and (max-width: 480px)': NARROW_HIDDEN },
   },
 ]);
 
@@ -19,6 +28,7 @@ export const RoomViewFollowing = recipe({
       backgroundColor: color.Surface.Container,
       color: color.Surface.OnContainer,
       outline: 'none',
+      '@media': { 'screen and (max-width: 480px)': NARROW_HIDDEN },
     },
   ],
   variants: {
diff --git a/src/app/features/room/RoomViewHeader.css.ts b/src/app/features/room/RoomViewHeader.css.ts
index 19e1afea..cff21a99 100644
--- a/src/app/features/room/RoomViewHeader.css.ts
+++ b/src/app/features/room/RoomViewHeader.css.ts
@@ -1,7 +1,18 @@
 import { style } from '@vanilla-extract/css';
 import { config } from 'folds';
+import { MOBILE_BREAKPOINT } from '../../hooks/useScreenSize';
 
+// Phone tap target: the topic is an 18 px line under the room name; its button grows 9 px up and 17 px down
+// (44 px to tap; more below because the name is above) and the negative margin keeps the layout where it was.
 export const HeaderTopic = style({
+  '@media': {
+    [`screen and (max-width: ${MOBILE_BREAKPOINT}px)`]: {
+      paddingTop: 9,
+      paddingBottom: 17,
+      marginTop: -9,
+      marginBottom: -17,
+    },
+  },
   ':hover': {
     cursor: 'pointer',
     opacity: config.opacity.P500,
diff --git a/src/app/features/room/RoomViewPoseStatus.tsx b/src/app/features/room/RoomViewPoseStatus.tsx
deleted file mode 100644
index 33d0d80f..00000000
--- a/src/app/features/room/RoomViewPoseStatus.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Box, Text } from 'folds';
-import { Room, RoomEvent } from 'matrix-js-sdk';
-import { settingsAtom } from '../../state/settings';
-import { useSetting } from '../../state/hooks/settings';
-import { getMxIdLocalPart } from '../../utils/matrix';
-import { getMemberDisplayName } from '../../utils/room';
-import { POSE_KEY, poseStatusLine, poseStatuses } from '../../components/message/pose/poses';
-
-// Client-status lines about each Mind's current pose. They are drawn from the
-// timeline already in memory and are never sent as anyone's message.
-export function RoomViewPoseStatus({ room }: { room: Room }) {
-  const [poseBubbles] = useSetting(settingsAtom, 'poseBubbles');
-  const [, bump] = useState(0);
-
-  useEffect(() => {
-    const onTimeline = () => bump((n) => n + 1);
-    room.on(RoomEvent.Timeline, onTimeline);
-    return () => {
-      room.removeListener(RoomEvent.Timeline, onTimeline);
-    };
-  }, [room]);
-
-  if (!poseBubbles) return null;
-
-  const statuses = poseStatuses(
-    room
-      .getLiveTimeline()
-      .getEvents()
-      .filter((e) => e.getType() === 'm.room.message' && e.getSender())
-      .map((e) => {
-        const sender = e.getSender() as string;
-        return {
-          sender,
-          localpart: getMxIdLocalPart(sender),
-          name: getMemberDisplayName(room, sender),
-          ts: e.getTs(),
-          label: e.getContent()[POSE_KEY],
-        };
-      })
-  );
-  if (statuses.length === 0) return null;
-
-  return (
-    <Box direction="Column" style={{ padding: '0 1rem' }}>
-      {statuses.map((s) => (
-        <Text key={s.mind} size="T200" priority="300">
-          {poseStatusLine(s)}
-        </Text>
-      ))}
-    </Box>
-  );
-}
diff --git a/src/app/features/room/message/Message.tsx b/src/app/features/room/message/Message.tsx
index 5c4421b6..281d4d78 100644
--- a/src/app/features/room/message/Message.tsx
+++ b/src/app/features/room/message/Message.tsx
@@ -82,6 +82,8 @@ import { useRoomPinnedEvents } from '../../../hooks/useRoomPinnedEvents';
 import { MemberPowerTag, StateEvent } from '../../../../types/matrix/room';
 import { PowerIcon } from '../../../components/power';
 import colorMXID from '../../../../util/colorMXID';
+import { useSkyInk } from '../../../hooks/useTheme';
+import { userColorInk } from '../../scene/skyInk';
 import { getPowerTagIconSrc } from '../../../hooks/useMemberPowerTag';
 
 export type ReactionHandler = (keyOrMxc: string, shortcode: string) => void;
@@ -723,6 +725,7 @@ export const Message = as<'div', MessageProps>(
     ref
   ) => {
     const mx = useMatrixClient();
+    const skyInk = useSkyInk();
     const useAuthentication = useMediaAuthentication();
     const senderId = mEvent.getSender() ?? '';
 
@@ -743,7 +746,8 @@ export const Message = as<'div', MessageProps>(
       ? getPowerTagIconSrc(mx, useAuthentication, memberPowerTag.icon)
       : undefined;
 
-    const usernameColor = legacyUsernameColor ? colorMXID(senderId) : tagColor;
+    const hashColor = skyInk ? userColorInk(senderId, skyInk) : colorMXID(senderId);
+    const usernameColor = legacyUsernameColor ? hashColor : tagColor;
 
     const headerJSX = !collapse && (
       <Box
@@ -1164,7 +1168,6 @@ export const Message = as<'div', MessageProps>(
           <BubbleLayout
             own={own}
             pose={mind ? poseJSX : undefined}
-            alt={poseAlt}
             enterDelay={enterDelay}
             before={avatarJSX}
             header={headerJSX}
diff --git a/src/app/features/scene/BackgroundScene.tsx b/src/app/features/scene/BackgroundScene.tsx
index 643fa06d..c447b4f0 100644
--- a/src/app/features/scene/BackgroundScene.tsx
+++ b/src/app/features/scene/BackgroundScene.tsx
@@ -1,9 +1,11 @@
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useMemo, useRef } from 'react';
 import { useClientConfig } from '../../hooks/useClientConfig';
 import { getFallbackSession } from '../../state/sessions';
 import { mountBackgroundScene } from './host';
 import { readCapabilities, resolveTier } from './tier';
+import { getSceneStyleOverride } from './sceneStyle';
 import './sceneShell.css';
+import './sceneButtons.css';
 
 /** Set on <html> while a scene runs, so signed-out screens can let it show through. */
 export const SCENE_ACTIVE_ATTRIBUTE = 'data-scene';
@@ -16,7 +18,11 @@ export const SCENE_ACTIVE_ATTRIBUTE = 'data-scene';
  * Tier 'off' renders nothing and loads nothing.
  */
 export function BackgroundScene() {
-  const config = useClientConfig().backgroundScene;
+  const configured = useClientConfig().backgroundScene;
+  const config = useMemo(() => {
+    const style = getSceneStyleOverride();
+    return configured && style ? { ...configured, style } : configured;
+  }, [configured]);
   const enabled = resolveTier(config, readCapabilities(navigator)) !== 'off';
   const canvasRef = useRef<HTMLCanvasElement>(null);
 
@@ -27,6 +33,7 @@ export function BackgroundScene() {
     const dispose = mountBackgroundScene(config, readCapabilities(navigator), canvas, {
       loggedIn: !!getFallbackSession(),
       onActive: () => root.setAttribute(SCENE_ACTIVE_ATTRIBUTE, ''),
+      onInactive: () => root.removeAttribute(SCENE_ACTIVE_ATTRIBUTE),
       // eslint-disable-next-line no-console
       onFail: (e) => console.warn('Background scene unavailable:', e),
     });
diff --git a/src/app/features/scene/README.md b/src/app/features/scene/README.md
index 473a92a1..957f1a42 100644
--- a/src/app/features/scene/README.md
+++ b/src/app/features/scene/README.md
@@ -4,13 +4,22 @@
 config says `backgroundScene.style: 'raymarch'`; the tier flag still defaults to `off`, and null still
 means "keep the CSS ground". Everything below this section describes the opt-in ray-march scene.
 
-- `ridge/Ridge.ts` `createRidgeScene({ canvas, tier, probe?, onProbe?, sky? })` returns `{ login, dispose }` or
-  null (tier `off`, no 2D context). Four ridge layers are generated once on the CPU from CultMath's
-  value-noise fbm (`ridge/noise.ts`, a clean-room port, periodic so the drift loops), each painted once to a plain
-  2D canvas of integer size (two periods wide; DPR 2 or more paints at 2x, otherwise 1x; no resampling between
-  layers) over a baked sky gradient on the host canvas. Per frame the only motion is the browser sliding each layer with a
-  CSS transform (a Web Animation of `translate3d`, 150-420 s per period, farther is slower); no script runs per frame.
-  The host canvas and the layers' parent must be positioned and the canvas should fill the parent.
+- `ridge/Ridge.ts` `createRidgeScene({ canvas, tier, probe?, onProbe?, onBake?, sky? })` returns `{ login, dispose }` or
+  null (tier `off`, no 2D context). Each of four ridge layers is a function of world-x (`ridge/ridgeWorld.ts` `profile`:
+  ridged multifractal value noise, each octave folded at its crest and weighted by the previous one, domain-warped; one
+  function, a parameter row per layer; nothing repeats). World-x is baked in chunks (1.2 viewport widths, integer pixels)
+  onto plain 2D canvases over a baked sky gradient on the host canvas. Per layer a track holds three chunk canvases: two
+  the window can reach and one ahead. The first view bakes only the first chunk of each layer; the others are baked in
+  tasks of about 6 ms (`setTimeout`; a chunk is baked, put on a canvas with its in-scatter, and blurred in column bands, each sized from the last band's time). Per frame the only motion is the
+  compositor sliding the track with a CSS transform (a Web Animation of `translate3d`, one chunk long, `fill: forwards`,
+  150-420 s per viewport width, farther is slower); when it finishes the chunks move one slot left and the track restarts
+  at 0 in the same task (no jump), and the canvas that left is baked with the next stretch of world. A second animation
+  sways the whole rig (up to 5% of the width sideways, 3% of the height down, 150 s loop): the slow yaw and pitch.
+  No script runs per frame. The host canvas and the layers' parent must be positioned and the canvas should fill the parent.
+- `ridge/ridgeBake.ts` is the pixel function (pure, no DOM): per column the crest's slope gives a normal, lit against the
+  sun (`sunDirection`: x = 0.9 sin(2 pi \* `sunAzimuth`), so the sun is toward +x for azimuth 0 to 0.5, strongest at 0.25, toward -x for 0.5 to 1; with no `sunAzimuth` the face lighting falls back to 0.3 and the in-scatter is off); the face under it has a light-to-haze gradient, erosion
+  streaks (a folded noise at gully width, darker with steepness) and a lit rim on the crest. Contrast scales with
+  `transmittance`; the base colour, haze and blur are the aerial perspective below, not redone.
 - Paused when the tab is hidden; under `prefers-reduced-motion` the layers are painted but never played.
   `tier: 'still'` flattens sky and layers into the host canvas at once and leaves no extra elements.
 - Cadence guard: for the first 2 s after start (after 5 warm-up frames) rAF intervals are sampled; if their p95 is over
@@ -23,8 +32,9 @@ means "keep the CSS ground". Everything below this section describes the opt-in
   in-scatter). Layer distance d = 1 - depth; transmittance T = exp(-1.6 d) (0.24 / 0.37 / 0.58 / 1.00 far to near); colour is
   `T * ground + (1 - T) * haze`, then chroma drops by `0.5 (1 - T)`; the edge is blurred up to 2 px (canvas pixels at DPR 1,
   via the 2D `filter`, skipped where unsupported, e.g. Safari); a faint warm in-scatter (at most 0.16 alpha) peaks at the
-  sun's azimuth. Nothing runs per frame. The in-scatter lobe is painted into each layer, so it drifts with the layer
-  rather than staying fixed under the sun; that is a known approximation until the sun is a real, fixed light.
+  sun's azimuth in world-x (two incommensurate cosines, so not periodic). Nothing runs per frame. The in-scatter lobe is
+  painted into each chunk, so it drifts with the layer rather than staying fixed under the sun; that is a known
+  approximation until the sun is a real, fixed light.
 - `harness/scene/bundle.cjs <out> ridge` builds a standalone page (`?tier=`, `?probe=1`).
 - Not yet measured on a phone: see the PR description.
 
@@ -38,6 +48,36 @@ Integration (a canvas under the app, `startBackgroundScene`, `login()` when the
 are later cuts. This PR is the render core plus the contract the host needs: flag, tier, failure
 callbacks and the creature sizing rule. Nothing has drawn a creature.
 
+## Terrain scene (`style: 'terrain'`): the baked sky
+
+`terrain/` draws a Phacelle-displaced grid under a sky read from Void's bake (`src/sky/baked.ts`, layout in
+`src/sky/README.md`); nothing is vendored. `terrainSky.ts` reads each moment's `sun.{elevation_deg, azimuth_deg,
+color_linear}`, `ambient_linear` and `horizon_hex`; `terrainScatter.ts` decodes `baked.scatter` and uploads `sky_view` as an
+RGB16F 3D texture (the transmittance table stays on the CPU, for the sun's colour at an elevation the bake does not hold).
+Both fragment shaders sample it: `SKY_FRAG` for the sky, `GRID_FRAG` for the haze, which is the sky's colour at the horizon in the
+fragment's azimuth, so far ground fades into the sky behind it at dusk too.
+
+Page URL: `?sky=midnight|noonday` picks a bake; `?sun=<elevation deg>&az=<deg from north>` puts the sun anywhere between them
+(`skyAtSun`: baked transmittance for the sun's colour, ambient and horizon blended from the midnight bake to the noonday one as
+the sun climbs from -8 to 25 degrees). `?sun=` wins over `?sky=`.
+
+Without WebGL2 (`createTerrainScene` returns null) the door mounts `terrain/TerrainSky2D.ts` on the same canvas: the sky alone, painted once on a
+96 px wide 2D canvas from `skyColour` (the CPU twin of `SKY_FRAG`, same `?sky=` `?sun=` `?az=` choice via `chooseSky`), the star layer on
+top when the sky is dark, nothing moving, no sun disc. Below the horizon the image continues in the horizon's colour. A canvas that already
+holds a GL context gives no 2D one, so a GL failure after context creation (compile, framebuffer) still ends in the CSS ground.
+
+- Sky: `1 - exp(-SKY_EXPOSURE * radiance)` plus a night glow (the midnight horizon colour, `nightness` 1 below -4 degrees, 0 above 4), a
+  sun disc from the sun's colour, and a +-0.5/255 dither on the 8-bit output. The table is single scattering only (no ground bounce,
+  no multiple scattering), so the noon horizon is pale yellow-green and a sun just under the horizon colours the whole sky orange,
+  where the real one keeps a blue-violet zenith. Within `HORIZON_FLOOR` (1.5 degrees) of the horizon the sky takes one flat colour,
+  because the table dips toward the ground there and would draw a seam against the haze.
+- Stars: faded by the sun's elevation, `starGain` 1 below -12 degrees (where the table goes dark), 0 above -6, smooth between;
+  the field is placed against the midnight gradient and no longer gated on the sky being dark. At a baked sky that is the same as
+  before (midnight shows, noonday does not).
+- Changed numbers: haze colour (was the gradient's horizon stop; now the scattered sky), ambient (was the gradient's zenith stop
+  x `AMBIENT_GAIN` 0.25 x `NIGHT_LIFT` up to 4; now `ambient_linear` as baked, so midnight's fill is about 2.5 to 3.5 times darker than
+  the lifted one). `HAZE_K` (0.0004 per metre) is unchanged.
+
 ## Entry points
 
 - `index.ts` `startBackgroundScene(config.backgroundScene, capabilities, options)` is the host's
@@ -52,8 +92,8 @@ callbacks and the creature sizing rule. Nothing has drawn a creature.
   only the half extension the prepass start target is RGBA16F, written rounded down), or a shader fails to compile (`onCompileFail` gets the
   `ShaderCompileError`; programs already linked are freed). `still` is a live rendered frame, not a
   baked image: it runs the full pipeline once at the top level and stops; `low` starts the ladder at level 2; `full` at level 0. A lost WebGL context
-  stops the scene for good and calls `onContextLost`; nothing rebuilds it, the host decides what to
-  show. It caps at 30 fps, pauses when
+  stops the scene for good and calls `onContextLost`; the scene never rebuilds itself. `host.ts` disposes it, drops
+  `data-scene` so the CSS ground shows, and starts a fresh scene on `webglcontextrestored`. It caps at 30 fps, pauses when
   the tab is hidden, renders 32 frames and stops under `prefers-reduced-motion` (a change of the
   preference while it runs freezes or thaws it), and steps down a
   quality ladder (`budget.ts`) against a 4 ms GPU budget when timer queries exist.
diff --git a/src/app/features/scene/Scene.ts b/src/app/features/scene/Scene.ts
index de80583c..c2f0423a 100644
--- a/src/app/features/scene/Scene.ts
+++ b/src/app/features/scene/Scene.ts
@@ -599,8 +599,9 @@ export function createScene(opts: SceneOptions): Scene | null {
   }
   listen(window, 'resize', () => wake());
   // A lost context takes every texture and program with it and nothing here rebuilds them, so the
-  // scene ends and the host decides what to show. preventDefault: otherwise the browser never
-  // restores the context, which is what we want, and a restore would find a dead scene.
+  // scene ends and the host decides what to show. preventDefault is what lets the browser restore
+  // the context later (without it a lost context stays lost); the host then builds a new scene on
+  // `webglcontextrestored`, and this one stays dead.
   listen(canvas, 'webglcontextlost', (e) => {
     e.preventDefault();
     stop();
diff --git a/src/app/features/scene/SkyStateControl.tsx b/src/app/features/scene/SkyStateControl.tsx
new file mode 100644
index 00000000..b664dc07
--- /dev/null
+++ b/src/app/features/scene/SkyStateControl.tsx
@@ -0,0 +1,136 @@
+import React, { MouseEventHandler, useState } from 'react';
+import {
+  Box,
+  config,
+  Icon,
+  IconButton,
+  Icons,
+  Menu,
+  MenuItem,
+  PopOut,
+  RectCords,
+  Text,
+} from 'folds';
+import FocusTrap from 'focus-trap-react';
+import { stopPropagation } from '../../utils/keyboard';
+import { useSkyState } from '../../hooks/useSkyState';
+import { SKY_STATES, setSkyState, type SkyState } from './skyState';
+import { useClientConfig } from '../../hooks/useClientConfig';
+import {
+  getSceneStyleOverride,
+  SERVED_SCENE_STYLES,
+  setSceneStyle,
+  type ServedSceneStyle,
+} from './sceneStyle';
+
+const STYLE_LABEL: Record<ServedSceneStyle, string> = { terrain: 'Terrain', ridge: 'Ridges' };
+
+const LABEL: Record<SkyState, string> = {
+  auto: 'Auto',
+  day: 'Day',
+  dusk: 'Dusk',
+  night: 'Night',
+};
+
+/**
+ * One title-bar button that opens the four sky states. A single button, not a row, so the bar
+ * still fits a 320 px phone beside the search button; the menu items carry the state names.
+ */
+export function SkyStateControl() {
+  const state = useSkyState();
+  const [cords, setCords] = useState<RectCords>();
+  const backgroundScene = useClientConfig().backgroundScene;
+  const configuredStyle = backgroundScene?.style;
+  const sceneStyle: ServedSceneStyle =
+    getSceneStyleOverride() ?? (configuredStyle === 'terrain' ? 'terrain' : 'ridge');
+
+  const open: MouseEventHandler<HTMLButtonElement> = (evt) => {
+    setCords(evt.currentTarget.getBoundingClientRect());
+  };
+
+  return (
+    <PopOut
+      anchor={cords}
+      position="Bottom"
+      align="End"
+      content={
+        <FocusTrap
+          focusTrapOptions={{
+            initialFocus: '[aria-checked="true"]',
+            returnFocusOnDeactivate: true,
+            onDeactivate: () => setCords(undefined),
+            clickOutsideDeactivates: true,
+            isKeyForward: (evt: KeyboardEvent) => evt.key === 'ArrowDown',
+            isKeyBackward: (evt: KeyboardEvent) => evt.key === 'ArrowUp',
+            escapeDeactivates: stopPropagation,
+          }}
+        >
+          <Menu role="menu" aria-label="Sky">
+            <Box direction="Column" gap="100" style={{ padding: config.space.S100 }}>
+              {SKY_STATES.map((s) => (
+                <MenuItem
+                  key={s}
+                  size="300"
+                  variant="Surface"
+                  radii="300"
+                  role="menuitemradio"
+                  aria-checked={state === s}
+                  onClick={() => {
+                    setSkyState(s);
+                    setCords(undefined);
+                  }}
+                  after={state === s ? <Icon size="100" src={Icons.Check} /> : undefined}
+                >
+                  <Box grow="Yes">
+                    <Text size="T300">{LABEL[s]}</Text>
+                  </Box>
+                </MenuItem>
+              ))}
+              {backgroundScene && (
+                <>
+                  <Text
+                    size="L400"
+                    priority="300"
+                    style={{ padding: `${config.space.S200} ${config.space.S200} 0` }}
+                  >
+                    Background
+                  </Text>
+                  {SERVED_SCENE_STYLES.map((st) => (
+                    <MenuItem
+                      key={st}
+                      size="300"
+                      variant="Surface"
+                      radii="300"
+                      role="menuitemradio"
+                      aria-checked={sceneStyle === st}
+                      onClick={() => {
+                        setCords(undefined);
+                        if (st !== sceneStyle) setSceneStyle(st);
+                      }}
+                      after={sceneStyle === st ? <Icon size="100" src={Icons.Check} /> : undefined}
+                    >
+                      <Box grow="Yes">
+                        <Text size="T300">{STYLE_LABEL[st]}</Text>
+                      </Box>
+                    </MenuItem>
+                  ))}
+                </>
+              )}
+            </Box>
+          </Menu>
+        </FocusTrap>
+      }
+    >
+      <IconButton
+        variant="Background"
+        aria-label={`Sky: ${LABEL[state]}`}
+        title={`Sky: ${LABEL[state]}`}
+        aria-haspopup="menu"
+        aria-expanded={!!cords}
+        onClick={open}
+      >
+        <Icon src={Icons.Bulb} size="200" />
+      </IconButton>
+    </PopOut>
+  );
+}
diff --git a/src/app/features/scene/cssModules.test.ts b/src/app/features/scene/cssModules.test.ts
new file mode 100644
index 00000000..27fd4d4d
--- /dev/null
+++ b/src/app/features/scene/cssModules.test.ts
@@ -0,0 +1,18 @@
+import { describe, expect, it } from 'vitest';
+import { compile, processVanillaFile } from '@vanilla-extract/integration';
+
+// vitest imports a .css.ts through the vanilla plugin, which is lenient; `vite build` compiles it with
+// vanilla-extract's integration, which refuses a function export. Compile the scene's .css.ts files the build's way.
+const FILES = [
+  'src/app/features/scene/sceneShell.css.ts',
+  'src/app/features/room-nav/styles.css.ts',
+  'src/app/components/nav/styles.css.ts',
+];
+
+describe('scene .css.ts files, compiled as the production build compiles them', () => {
+  it.each(FILES)('%s compiles with exports vanilla-extract accepts', async (file) => {
+    const filePath = `${process.cwd()}/${file}`;
+    const { source } = await compile({ filePath, cwd: process.cwd(), identOption: 'debug' });
+    await expect(processVanillaFile({ source, filePath, identOption: 'debug' })).resolves.toBeTypeOf('string');
+  });
+});
diff --git a/src/app/features/scene/debugOverlays.test.ts b/src/app/features/scene/debugOverlays.test.ts
new file mode 100644
index 00000000..e1a4e61e
--- /dev/null
+++ b/src/app/features/scene/debugOverlays.test.ts
@@ -0,0 +1,49 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { debugOverlaysAllowed, overlayRequested } from './debugOverlays';
+
+let search = '';
+beforeEach(() => {
+  search = '';
+  vi.stubGlobal('window', {
+    get location() {
+      return { search };
+    },
+  });
+});
+afterEach(() => {
+  vi.unstubAllGlobals();
+  vi.unstubAllEnvs();
+});
+
+describe('debugOverlaysAllowed', () => {
+  it('a production build allows nothing by default', () => {
+    vi.stubEnv('DEV', false);
+    vi.stubEnv('VITE_PREVIEW_DEMO', '');
+    expect(debugOverlaysAllowed(undefined)).toBe(false);
+    expect(debugOverlaysAllowed({ tier: 'full' })).toBe(false);
+    expect(debugOverlaysAllowed({ tier: 'full', debugOverlays: false })).toBe(false);
+  });
+
+  it('a dev build, a demo preview build or an explicit config flag allows them', () => {
+    vi.stubEnv('DEV', true);
+    expect(debugOverlaysAllowed(undefined)).toBe(true);
+    vi.stubEnv('DEV', false);
+    vi.stubEnv('VITE_PREVIEW_DEMO', '1');
+    expect(debugOverlaysAllowed(undefined)).toBe(true);
+    vi.stubEnv('VITE_PREVIEW_DEMO', '');
+    expect(debugOverlaysAllowed({ debugOverlays: true })).toBe(true);
+  });
+});
+
+describe('overlayRequested', () => {
+  it('needs both the query and the permission', () => {
+    search = '?probe=1';
+    expect(overlayRequested('probe', true)).toBe(true);
+    expect(overlayRequested('probe', false)).toBe(false);
+    expect(overlayRequested('tierlabel', true)).toBe(false);
+    search = '?tierlabel=1';
+    expect(overlayRequested('tierlabel', true)).toBe(true);
+    search = '';
+    expect(overlayRequested('probe', true)).toBe(false);
+  });
+});
diff --git a/src/app/features/scene/debugOverlays.ts b/src/app/features/scene/debugOverlays.ts
new file mode 100644
index 00000000..a02d9e92
--- /dev/null
+++ b/src/app/features/scene/debugOverlays.ts
@@ -0,0 +1,15 @@
+import type { BackgroundSceneConfig } from './tier';
+
+/**
+ * Whether the page URL may switch on the scene's diagnostic overlays (`?probe=1` frame readout, `?tierlabel=1` path
+ * label). Only a dev build, a demo preview build (VITE_PREVIEW_DEMO=1), or a config that says `debugOverlays: true`
+ * allows it; a production visitor adding a query string gets nothing.
+ */
+export const debugOverlaysAllowed = (config: BackgroundSceneConfig | undefined): boolean =>
+  import.meta.env?.DEV === true ||
+  import.meta.env?.VITE_PREVIEW_DEMO === '1' ||
+  config?.debugOverlays === true;
+
+/** The page URL asks for this overlay (`?name=1`), and the overlays are allowed. */
+export const overlayRequested = (name: 'probe' | 'tierlabel', allowed: boolean): boolean =>
+  allowed && new URLSearchParams(window.location.search).get(name) === '1';
diff --git a/src/app/features/scene/host.test.ts b/src/app/features/scene/host.test.ts
index 920e98e4..b987d0cc 100644
--- a/src/app/features/scene/host.test.ts
+++ b/src/app/features/scene/host.test.ts
@@ -1,11 +1,11 @@
-import { afterEach, describe, expect, it, vi } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import type { Scene } from './index';
 import { mountBackgroundScene } from './host';
 
 const { startBackgroundScene } = vi.hoisted(() => ({ startBackgroundScene: vi.fn() }));
 vi.mock('./index', () => ({ startBackgroundScene }));
 
-const canvas = {} as HTMLCanvasElement;
+let canvas: HTMLCanvasElement;
 const config = { tier: 'low' as const };
 const caps = { hardwareConcurrency: 8 };
 
@@ -20,6 +20,10 @@ const flush = () =>
     setTimeout(r, 0);
   });
 
+beforeEach(() => {
+  canvas = new EventTarget() as HTMLCanvasElement;
+});
+
 afterEach(() => {
   startBackgroundScene.mockReset();
 });
@@ -103,4 +107,158 @@ describe('mountBackgroundScene', () => {
     await flush();
     expect(scene.login).toHaveBeenCalledOnce();
   });
+
+  it('hands the door its onInactive and onActive, for a sky-state rebuild that makes no scene', async () => {
+    startBackgroundScene.mockResolvedValue(fakeScene());
+    const onInactive = vi.fn();
+    const onActive = vi.fn();
+    mountBackgroundScene(config, caps, canvas, { loggedIn: false, onInactive, onActive });
+    await flush();
+    const given = startBackgroundScene.mock.calls[0][2];
+    onActive.mockClear();
+    given.onInactive();
+    given.onActive();
+    expect(onInactive).toHaveBeenCalledOnce();
+    expect(onActive).toHaveBeenCalledOnce();
+  });
+
+  describe('a lost WebGL context', () => {
+    const lose = () =>
+      startBackgroundScene.mock.calls[
+        startBackgroundScene.mock.calls.length - 1
+      ][2].onContextLost();
+    const restore = () => canvas.dispatchEvent(new Event('webglcontextrestored'));
+
+    it('disposes the dead scene and puts the ground back, without rebuilding yet', async () => {
+      const scene = fakeScene();
+      startBackgroundScene.mockResolvedValue(scene);
+      const onInactive = vi.fn();
+      mountBackgroundScene(config, caps, canvas, { loggedIn: false, onInactive });
+      await flush();
+      lose();
+      expect(scene.dispose).toHaveBeenCalledOnce();
+      expect(onInactive).toHaveBeenCalledOnce();
+      expect(startBackgroundScene).toHaveBeenCalledOnce();
+    });
+
+    it('starts a fresh scene on restore, activates it and logs in when a session exists', async () => {
+      const first = fakeScene();
+      const second = fakeScene();
+      startBackgroundScene.mockResolvedValueOnce(first).mockResolvedValueOnce(second);
+      const onActive = vi.fn();
+      mountBackgroundScene(config, caps, canvas, { loggedIn: true, onActive });
+      await flush();
+      lose();
+      restore();
+      await flush();
+      expect(startBackgroundScene).toHaveBeenCalledTimes(2);
+      expect(onActive).toHaveBeenCalledTimes(2);
+      expect(second.login).toHaveBeenCalledOnce();
+      expect(first.dispose).toHaveBeenCalledOnce();
+    });
+
+    it('rebuilds on every loss and restore, disposing each dead scene once', async () => {
+      const scenes = [fakeScene(), fakeScene(), fakeScene()];
+      scenes.forEach((s) => startBackgroundScene.mockResolvedValueOnce(s));
+      mountBackgroundScene(config, caps, canvas, { loggedIn: false });
+      await flush();
+      lose();
+      restore();
+      await flush();
+      lose();
+      restore();
+      await flush();
+      expect(scenes.map((s) => s.dispose.mock.calls.length)).toEqual([1, 1, 0]);
+    });
+
+    it('ignores a restore while a scene is running', async () => {
+      startBackgroundScene.mockResolvedValue(fakeScene());
+      mountBackgroundScene(config, caps, canvas, { loggedIn: false });
+      await flush();
+      restore();
+      await flush();
+      expect(startBackgroundScene).toHaveBeenCalledOnce();
+    });
+
+    it('leaves the ground when the rebuild yields no scene', async () => {
+      startBackgroundScene.mockResolvedValueOnce(fakeScene()).mockResolvedValueOnce(null);
+      const onActive = vi.fn();
+      mountBackgroundScene(config, caps, canvas, { loggedIn: false, onActive });
+      await flush();
+      lose();
+      restore();
+      await flush();
+      expect(onActive).toHaveBeenCalledOnce();
+    });
+
+    it('does not rebuild after dispose, and removes its restore listener', async () => {
+      startBackgroundScene.mockResolvedValue(fakeScene());
+      const dispose = mountBackgroundScene(config, caps, canvas, { loggedIn: false });
+      await flush();
+      lose();
+      dispose();
+      restore();
+      await flush();
+      expect(startBackgroundScene).toHaveBeenCalledOnce();
+    });
+
+    it('removes the exact restore listener it added when it is disposed', async () => {
+      const add = vi.spyOn(canvas, 'addEventListener');
+      const remove = vi.spyOn(canvas, 'removeEventListener');
+      startBackgroundScene.mockResolvedValue(fakeScene());
+      const dispose = mountBackgroundScene(config, caps, canvas, { loggedIn: false });
+      await flush();
+      const added = add.mock.calls.find(([type]) => type === 'webglcontextrestored');
+      expect(added).toBeDefined();
+      expect(remove).not.toHaveBeenCalled();
+      dispose();
+      expect(remove).toHaveBeenCalledWith('webglcontextrestored', added?.[1]);
+    });
+
+    it('treats a second loss from the same scene as nothing', async () => {
+      const scene = fakeScene();
+      startBackgroundScene.mockResolvedValue(scene);
+      const onInactive = vi.fn();
+      mountBackgroundScene(config, caps, canvas, { loggedIn: false, onInactive });
+      await flush();
+      lose();
+      lose();
+      expect(onInactive).toHaveBeenCalledOnce();
+      expect(scene.dispose).toHaveBeenCalledOnce();
+    });
+
+    it('ignores the old scene loss callback once a new scene has started', async () => {
+      const first = fakeScene();
+      const second = fakeScene();
+      startBackgroundScene.mockResolvedValueOnce(first).mockResolvedValueOnce(second);
+      const onInactive = vi.fn();
+      mountBackgroundScene(config, caps, canvas, { loggedIn: false, onInactive });
+      await flush();
+      const oldLost = startBackgroundScene.mock.calls[0][2].onContextLost;
+      lose();
+      restore();
+      await flush();
+      onInactive.mockClear();
+      oldLost();
+      expect(second.dispose).not.toHaveBeenCalled();
+      expect(onInactive).not.toHaveBeenCalled();
+    });
+
+    it('drops a scene that resolves after a loss that arrived while it started', async () => {
+      const late = fakeScene();
+      let resolve!: (s: Scene) => void;
+      startBackgroundScene.mockReturnValueOnce(
+        new Promise((r) => {
+          resolve = r;
+        })
+      );
+      const onActive = vi.fn();
+      mountBackgroundScene(config, caps, canvas, { loggedIn: false, onActive });
+      lose();
+      resolve(late);
+      await flush();
+      expect(late.dispose).toHaveBeenCalledOnce();
+      expect(onActive).not.toHaveBeenCalled();
+    });
+  });
 });
diff --git a/src/app/features/scene/host.ts b/src/app/features/scene/host.ts
index bd28f45c..9a31c812 100644
--- a/src/app/features/scene/host.ts
+++ b/src/app/features/scene/host.ts
@@ -7,6 +7,8 @@ export type HostOptions = {
   loggedIn: boolean;
   /** The scene is running: the host may now let it show through. Not called when there is none. */
   onActive?: () => void;
+  /** The scene stopped because its GL context was lost: put the CSS ground back until it restores. */
+  onInactive?: () => void;
   /** A shader failed to compile, the chunk failed to load, or starting threw. The CSS ground stays. */
   onFail?: (e: Error) => void;
 };
@@ -15,34 +17,64 @@ export type HostOptions = {
  * Start the background scene on `canvas` and return the function that ends it. The start is async,
  * so a dispose that arrives first wins: the scene is disposed the moment it resolves. A null scene
  * (tier off, no 2D context, load failure) leaves the canvas untouched and the ground showing.
+ *
+ * A lost WebGL context ends the scene it killed: the host disposes it, calls `onInactive` so the
+ * CSS ground shows, and starts a fresh scene when the canvas's context is restored. The 2D sky
+ * cannot take over on this canvas (a canvas that has held a WebGL context gives no 2D one), so the
+ * ground is the fallback while the context is gone; a restore that cannot rebuild leaves it there.
  */
 export function mountBackgroundScene(
   config: BackgroundSceneConfig | undefined,
   capabilities: Capabilities,
   canvas: HTMLCanvasElement,
-  { loggedIn, onActive, onFail }: HostOptions
+  { loggedIn, onActive, onInactive, onFail }: HostOptions
 ): () => void {
   let cancelled = false;
   let scene: Scene | null = null;
+  let generation = 0;
 
-  startBackgroundScene(config, capabilities, { canvas, onCompileFail: onFail }).then(
-    (started) => {
-      if (cancelled) {
-        started?.dispose();
-        return;
+  const start = () => {
+    generation += 1;
+    const mine = generation;
+    const stale = () => cancelled || mine !== generation;
+    startBackgroundScene(config, capabilities, {
+      canvas,
+      onCompileFail: onFail,
+      onInactive,
+      onActive,
+      onContextLost: () => {
+        if (stale()) return;
+        generation += 1;
+        scene?.dispose();
+        scene = null;
+        onInactive?.();
+      },
+    }).then(
+      (started) => {
+        if (stale()) {
+          started?.dispose();
+          return;
+        }
+        scene = started;
+        if (!scene) return;
+        onActive?.();
+        if (loggedIn) scene.login();
+      },
+      (e) => {
+        if (!stale()) onFail?.(e instanceof Error ? e : new Error(String(e)));
       }
-      scene = started;
-      if (!scene) return;
-      onActive?.();
-      if (loggedIn) scene.login();
-    },
-    (e) => {
-      if (!cancelled) onFail?.(e instanceof Error ? e : new Error(String(e)));
-    }
-  );
+    );
+  };
+
+  const onRestored = () => {
+    if (!cancelled && !scene) start();
+  };
+  canvas.addEventListener('webglcontextrestored', onRestored);
+  start();
 
   return () => {
     cancelled = true;
+    canvas.removeEventListener('webglcontextrestored', onRestored);
     scene?.dispose();
     scene = null;
   };
diff --git a/src/app/features/scene/index.test.ts b/src/app/features/scene/index.test.ts
new file mode 100644
index 00000000..23c6b297
--- /dev/null
+++ b/src/app/features/scene/index.test.ts
@@ -0,0 +1,242 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { atStandardTime } from './standardTime.testkit';
+import { baked } from '../../../sky/baked';
+import type { Scene } from './Scene';
+import { startBackgroundScene } from './index';
+import { setSkyClock, setSkyState } from './skyState';
+import { ridgeSkyFor } from './skyForState';
+
+const { createRidgeScene, createScene } = vi.hoisted(() => ({
+  createRidgeScene: vi.fn(),
+  createScene: vi.fn(),
+}));
+vi.mock('./ridge/Ridge', () => ({ createRidgeScene }));
+vi.mock('./Scene', () => ({ createScene }));
+
+const canvas = {} as HTMLCanvasElement;
+const config = { tier: 'low' as const };
+const caps = { hardwareConcurrency: 8 };
+const flush = () =>
+  new Promise<void>((r) => {
+    setTimeout(r, 0);
+  });
+// Resolves after `n` further turns of the microtask queue.
+const microtasks = (n: number) =>
+  Array.from({ length: n }).reduce<Promise<void>>(
+    (p) => p.then(() => undefined),
+    Promise.resolve()
+  );
+const fakeScene = () => ({ login: vi.fn(), dispose: vi.fn() });
+const hex = (c: readonly number[]) => `#${c.map((v) => v.toString(16).padStart(2, '0')).join('')}`;
+
+beforeEach(() => {
+  vi.stubGlobal('localStorage', { getItem: () => null, setItem: () => undefined });
+  // Local midnight: 'auto' resolves to night.
+  setSkyClock(() => atStandardTime(0, 0));
+  setSkyState('auto');
+  createRidgeScene.mockReset();
+  createScene.mockReset();
+});
+afterEach(() => {
+  setSkyClock();
+  setSkyState('auto');
+  vi.unstubAllGlobals();
+});
+
+describe('startBackgroundScene follows the sky state', () => {
+  it('hands the ridge scene the sky auto resolves to (night at midnight)', async () => {
+    createRidgeScene.mockReturnValue(fakeScene());
+    const scene = await startBackgroundScene(config, caps, { canvas });
+    expect(createRidgeScene).toHaveBeenCalledOnce();
+    expect(hex(createRidgeScene.mock.calls[0][0].sky.top)).toBe(baked.midnight.gradient[0]);
+    scene?.dispose();
+  });
+
+  it('does not rebuild when auto is replaced by the explicit state it already resolves to', async () => {
+    const a = fakeScene();
+    createRidgeScene.mockReturnValueOnce(a);
+    const scene = await startBackgroundScene(config, caps, { canvas });
+    setSkyState('night');
+    await flush();
+    expect(a.dispose).not.toHaveBeenCalled();
+    expect(createRidgeScene).toHaveBeenCalledOnce();
+    scene?.dispose();
+  });
+
+  it('starts on the stored state', async () => {
+    setSkyState('night');
+    createRidgeScene.mockReturnValue(fakeScene());
+    const scene = await startBackgroundScene(config, caps, { canvas });
+    expect(hex(createRidgeScene.mock.calls[0][0].sky.top)).toBe(baked.midnight.gradient[0]);
+    scene?.dispose();
+  });
+
+  it('rebuilds on a change: the old scene is disposed, the new one draws the new sky', async () => {
+    const first = fakeScene();
+    const second = fakeScene();
+    createRidgeScene.mockReturnValueOnce(first).mockReturnValueOnce(second);
+    const scene = await startBackgroundScene(config, caps, { canvas });
+    setSkyState('day');
+    await flush();
+    expect(first.dispose).toHaveBeenCalledOnce();
+    expect(hex(createRidgeScene.mock.calls[1][0].sky.top)).toBe(baked.noonday.gradient[0]);
+    scene?.dispose();
+    expect(second.dispose).toHaveBeenCalledOnce();
+  });
+
+  it('rebuilds for a change that landed while the first build was awaited', async () => {
+    const [a, b] = [fakeScene(), fakeScene()];
+    createRidgeScene.mockReturnValueOnce(a).mockReturnValueOnce(b);
+    const started = startBackgroundScene(config, caps, { canvas });
+    setSkyState('day');
+    const scene = await started;
+    await flush();
+    expect(createRidgeScene).toHaveBeenCalledTimes(2);
+    expect(hex(createRidgeScene.mock.calls[1][0].sky.top)).toBe(baked.noonday.gradient[0]);
+    expect(a.dispose).toHaveBeenCalledOnce();
+    scene?.dispose();
+    expect(b.dispose).toHaveBeenCalledOnce();
+  });
+
+  it('replays a login onto the rebuilt scene, but only if one happened', async () => {
+    const [a, b, c] = [fakeScene(), fakeScene(), fakeScene()];
+    createRidgeScene.mockReturnValueOnce(a).mockReturnValueOnce(b).mockReturnValueOnce(c);
+    const scene = await startBackgroundScene(config, caps, { canvas });
+    setSkyState('day');
+    await flush();
+    expect(b.login).not.toHaveBeenCalled();
+    scene?.login();
+    expect(b.login).toHaveBeenCalledOnce();
+    setSkyState('dusk');
+    await flush();
+    expect(c.login).toHaveBeenCalledOnce();
+    scene?.dispose();
+  });
+
+  it('puts the ground back when a rebuild makes no scene, and lets it show when one returns', async () => {
+    const [a, c] = [fakeScene(), fakeScene()];
+    createRidgeScene.mockReturnValueOnce(a).mockReturnValueOnce(null).mockReturnValueOnce(c);
+    const onInactive = vi.fn();
+    const onActive = vi.fn();
+    const scene = await startBackgroundScene(config, caps, { canvas, onInactive, onActive });
+    expect(onInactive).not.toHaveBeenCalled();
+    setSkyState('day');
+    await flush();
+    expect(onInactive).toHaveBeenCalledOnce();
+    expect(onActive).not.toHaveBeenCalled();
+    setSkyState('dusk');
+    await flush();
+    expect(onActive).toHaveBeenCalledOnce();
+    expect(onInactive).toHaveBeenCalledOnce();
+    scene?.dispose();
+  });
+
+  it('does not report a dropped rebuild as inactive', async () => {
+    createRidgeScene.mockReturnValueOnce(fakeScene()).mockReturnValueOnce(null);
+    const onInactive = vi.fn();
+    const scene = await startBackgroundScene(config, caps, { canvas, onInactive });
+    setSkyState('day');
+    scene?.dispose();
+    await flush();
+    expect(onInactive).not.toHaveBeenCalled();
+  });
+
+  it('removes the subscription on dispose', async () => {
+    const first = fakeScene();
+    createRidgeScene.mockReturnValue(first);
+    const scene = await startBackgroundScene(config, caps, { canvas });
+    scene?.dispose();
+    scene?.dispose();
+    setSkyState('day');
+    await flush();
+    expect(createRidgeScene).toHaveBeenCalledOnce();
+    expect(first.dispose).toHaveBeenCalledOnce();
+  });
+
+  it('builds nothing for a rebuild that is disposed before it starts', async () => {
+    createRidgeScene.mockReturnValueOnce(fakeScene()).mockReturnValueOnce(fakeScene());
+    const scene = await startBackgroundScene(config, caps, { canvas });
+    setSkyState('day');
+    scene?.dispose();
+    await flush();
+    expect(createRidgeScene).toHaveBeenCalledOnce();
+  });
+
+  it('keeps only the latest of two quick changes: the last sky is built, the others are not left running', async () => {
+    const scenes = [fakeScene(), fakeScene(), fakeScene()];
+    scenes.forEach((s) => createRidgeScene.mockReturnValueOnce(s));
+    const scene = await startBackgroundScene(config, caps, { canvas });
+    setSkyState('day');
+    setSkyState('dusk');
+    await flush();
+    // The sky last built is dusk's, and it is the live scene: a login reaches it and nothing else.
+    const built = createRidgeScene.mock.calls.length;
+    expect(hex(createRidgeScene.mock.calls[built - 1][0].sky.top)).toBe(
+      hex(ridgeSkyFor('dusk').top)
+    );
+    const live = scenes[built - 1];
+    scene?.login();
+    expect(live.login).toHaveBeenCalledOnce();
+    scenes.filter((s) => s !== live).forEach((s) => expect(s.login).not.toHaveBeenCalled());
+    // Every scene but the live one was disposed, the live one not yet.
+    scenes.slice(0, built).forEach((s) => {
+      expect(s.dispose).toHaveBeenCalledTimes(s === live ? 0 : 1);
+    });
+    scene?.dispose();
+    expect(live.dispose).toHaveBeenCalledOnce();
+  });
+
+  // A second sky change `ticks` microtasks after the first. True when it landed mid-build: the build for the first
+  // change finished, was found stale and dropped (never shown), and only the newest sky was announced.
+  const changeAfter = async (ticks: number) => {
+    createRidgeScene.mockReset();
+    setSkyState('auto');
+    const [a, b, c] = [fakeScene(), fakeScene(), fakeScene()];
+    createRidgeScene.mockReturnValueOnce(a).mockReturnValueOnce(b).mockReturnValueOnce(c);
+    const onActive = vi.fn();
+    const scene = await startBackgroundScene(config, caps, { canvas, onActive });
+    setSkyState('day');
+    await microtasks(ticks);
+    setSkyState('dusk');
+    await flush();
+    const at = `at ${ticks} microtasks`;
+    const built = createRidgeScene.mock.calls.length;
+    expect(hex(createRidgeScene.mock.calls[built - 1][0].sky.top), at).toBe(
+      hex(ridgeSkyFor('dusk').top)
+    );
+    // The newest build is live, every earlier one disposed exactly once, and only the live one is shown.
+    const live = [a, b, c][built - 1];
+    scene?.login();
+    expect(live.login, at).toHaveBeenCalledOnce();
+    [a, b, c].slice(0, built).forEach((x) => {
+      expect(x.dispose, at).toHaveBeenCalledTimes(x === live ? 0 : 1);
+      if (x !== live) expect(x.login, at).not.toHaveBeenCalled();
+    });
+    scene?.dispose();
+    expect(live.dispose, at).toHaveBeenCalledOnce();
+    return built === 3 && onActive.mock.calls.length === 1;
+  };
+
+  it('a sky change at any point of a build leaves only the newer build live; the stale one is disposed', async () => {
+    // The offsets are swept, not pinned, so a shift in the awaits inside the build cannot move the change off the
+    // build: at least one offset must land mid-build, or the sweep proves nothing.
+    const offsets = Array.from({ length: 21 }, (_, i) => i);
+    const landed = await offsets.reduce<Promise<number[]>>(
+      (p, k) => p.then(async (acc) => ((await changeAfter(k)) ? [...acc, k] : acc)),
+      Promise.resolve([])
+    );
+    // This can fail after a correct refactor that changes the await count in create/skyKey and moves every offset
+    // off the build. Then widen the range of offsets until some land again; do not weaken the assertion.
+    expect(landed.length, 'at least one offset must land mid-build').toBeGreaterThan(0);
+  });
+
+  it('leaves the ray-march scene alone: it has one fixed dusk', async () => {
+    const inner = fakeScene() as unknown as Scene;
+    createScene.mockReturnValue(inner);
+    const scene = await startBackgroundScene({ ...config, style: 'raymarch' }, caps, { canvas });
+    expect(scene).toBe(inner);
+    setSkyState('day');
+    await flush();
+    expect(createScene).toHaveBeenCalledOnce();
+  });
+});
diff --git a/src/app/features/scene/index.ts b/src/app/features/scene/index.ts
index a5b2de7d..bc041672 100644
--- a/src/app/features/scene/index.ts
+++ b/src/app/features/scene/index.ts
@@ -1,5 +1,8 @@
 import type { Scene, SceneOptions } from './Scene';
-import { BackgroundSceneConfig, Capabilities, resolveTier } from './tier';
+import { BackgroundSceneConfig, Capabilities, SceneTier, resolveTier } from './tier';
+import { debugOverlaysAllowed } from './debugOverlays';
+import { getSkyState, subscribe } from './skyState';
+import type { SkyState } from './skyState';
 
 export type { Scene, SceneStats } from './Scene';
 export type { SceneStyle, SceneTier } from './tier';
@@ -7,14 +10,71 @@ export type { SceneStyle, SceneTier } from './tier';
 export type StartOptions = Omit<SceneOptions, 'tier' | 'patchSource' | 'onCompileFail'> & {
   /** A shader failed to compile, or the scene chunk failed to load. The host keeps its ground. */
   onCompileFail?: (e: Error) => void;
+  /** A rebuild for a new sky state made no scene: the host puts the CSS ground back (as on a lost context). */
+  onInactive?: () => void;
+  /** A rebuild made a scene again: the host lets it show. */
+  onActive?: () => void;
 };
 
+async function create(
+  config: BackgroundSceneConfig | undefined,
+  options: StartOptions & { tier: SceneTier; debug?: boolean },
+  state: SkyState
+): Promise<Scene | null> {
+  let createScene: (o: SceneOptions) => Scene | null;
+  try {
+    // Loaded here, with the scenes, so the main chunk does not carry the terrain sky or the baked tables.
+    const { ridgeSkyFor, terrainSkyFor } = await import('./skyForState');
+    if (config?.style === 'raymarch') createScene = (await import('./Scene')).createScene;
+    else if (config?.style === 'terrain') {
+      const { createTerrainScene } = await import('./terrain/Terrain');
+      const sky = terrainSkyFor(state);
+      const scene = createTerrainScene({ ...options, ...sky });
+      // No WebGL2 (or no usable GL): the terrain's sky alone on the same canvas, not bare ground.
+      if (scene) return scene;
+      const { createTerrainSkyScene } = await import('./terrain/TerrainSky2D');
+      return createTerrainSkyScene({ ...options, ...sky });
+    } else {
+      const { createRidgeScene } = await import('./ridge/Ridge');
+      return createRidgeScene({ ...options, sky: ridgeSkyFor(state) });
+    }
+  } catch (e) {
+    options.onCompileFail?.(e instanceof Error ? e : new Error(String(e)));
+    return null;
+  }
+  return createScene(options);
+}
+
+/**
+ * What a rebuild is for: the sky options the scene would be built from. A change of choice that draws the same sky
+ * (Day picked while the clock says day, 'auto' to the fixed state it resolves to) is not a rebuild; the page URL steers
+ * only 'auto' (`terrainSkyFor`), so there the two differ and the key says so.
+ */
+async function skyKey(
+  config: BackgroundSceneConfig | undefined,
+  state: SkyState
+): Promise<string | null> {
+  try {
+    const { ridgeSkyFor, terrainSkyFor } = await import('./skyForState');
+    return JSON.stringify(config?.style === 'terrain' ? terrainSkyFor(state) : ridgeSkyFor(state));
+  } catch {
+    // The chunk failed to load: no key, so every change rebuilds (and `create` reports the failure).
+    return null;
+  }
+}
+
 /**
  * The client's one door to the scene. When the tier resolves to 'off' nothing is imported and no
  * canvas context is requested; otherwise the scene code loads on demand, so it stays out of the
- * main chunk. `config.style` picks the scene: the ridges unless it says 'raymarch'. Null means
+ * main chunk. `config.style` picks the scene: the ridges unless it says 'raymarch' or 'terrain' (which falls back to its
+ * sky alone, `terrain/TerrainSky2D.ts`, where WebGL2 is missing). Null means
  * "keep the CSS ground", including when that chunk fails to load (offline, stale deploy): the
  * failure goes to onCompileFail and nothing throws.
+ *
+ * The ridge and terrain scenes bake their sky once, so they follow the sky (`skyState.ts`: the choice, resolved, so 'auto' follows the clock) by
+ * being rebuilt on the same canvas when it changes: the door subscribes on start and the returned
+ * scene's `dispose` unsubscribes. The pull-back restarts from the tree; a later `login()` is
+ * replayed on the new scene. The ray-march scene has one fixed dusk and ignores the state.
  */
 export async function startBackgroundScene(
   config: BackgroundSceneConfig | undefined,
@@ -23,15 +83,56 @@ export async function startBackgroundScene(
 ): Promise<Scene | null> {
   const tier = resolveTier(config, capabilities);
   if (tier === 'off') return null;
-  let createScene: (o: SceneOptions) => Scene | null;
-  try {
-    createScene =
-      config?.style === 'raymarch'
-        ? (await import('./Scene')).createScene
-        : (await import('./ridge/Ridge')).createRidgeScene;
-  } catch (e) {
-    options.onCompileFail?.(e instanceof Error ? e : new Error(String(e)));
-    return null;
-  }
-  return createScene({ ...options, tier });
+  const debug = debugOverlaysAllowed(config);
+  const build = (state: SkyState) => create(config, { ...options, tier, debug }, state);
+  const state = getSkyState();
+  const key0 = config?.style === 'raymarch' ? null : await skyKey(config, state);
+  const first = await build(state);
+  if (!first || config?.style === 'raymarch') return first;
+
+  let inner: Scene | null = first;
+  let built = key0;
+  let loggedIn = false;
+  let disposed = false;
+  let generation = 0;
+  // A rebuild is for a different sky ('auto' crossing a boundary, a new choice), not for a repeat of the one drawn.
+  const rebuild = async () => {
+    // The choice can move while the key is awaited; that change has its own rebuild, so this one stands down.
+    const next = getSkyState();
+    const key = await skyKey(config, next);
+    if (getSkyState() !== next) return;
+    if ((key !== null && key === built) || disposed) return;
+    generation += 1;
+    const mine = generation;
+    built = key;
+    inner?.dispose();
+    inner = null;
+    const scene = await build(next);
+    if (disposed || mine !== generation) {
+      scene?.dispose();
+      return;
+    }
+    inner = scene;
+    if (!scene) options.onInactive?.();
+    else {
+      options.onActive?.();
+      if (loggedIn) scene.login();
+    }
+  };
+  const off = subscribe(rebuild);
+  // A change that landed while the first build was awaited was missed by the subscription.
+  rebuild();
+  return {
+    login() {
+      loggedIn = true;
+      inner?.login();
+    },
+    dispose() {
+      if (disposed) return;
+      disposed = true;
+      off();
+      inner?.dispose();
+      inner = null;
+    },
+  };
 }
diff --git a/src/app/features/scene/ridge/Ridge.test.ts b/src/app/features/scene/ridge/Ridge.test.ts
index bb35209e..864491f1 100644
--- a/src/app/features/scene/ridge/Ridge.test.ts
+++ b/src/app/features/scene/ridge/Ridge.test.ts
@@ -1,10 +1,10 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { createRidgeScene } from './Ridge';
-import { fbmPeriodic, valueNoisePeriodic, hash2 } from './noise';
+import { bakeSlice, BakeParams, layerPaint } from './ridgeBake';
+import { valueNoise, hash2 } from './noise';
 import { FrameSampler, frameStats, SLOW_P95_MS, WARMUP_FRAMES, WINDOW_MS } from './probe';
 import {
   AERIAL,
-  FBM,
   LAYERS,
   edgeBlur,
   hazeColour,
@@ -15,65 +15,45 @@ import {
   scatterAlpha,
   transmittance,
 } from './ridgeWorld';
-import { skyColours } from './skyColour';
+import { skyColours, SkyColours } from './skyColour';
+import { makeStars } from './stars';
 import { startBackgroundScene } from '../index';
 
 describe('noise', () => {
   it('is deterministic and in [0, 1)', () => {
     expect(hash2(3, 5)).toBe(hash2(3, 5));
     for (let i = 0; i < 200; i += 1) {
-      const v = valueNoisePeriodic(i * 0.37, 2, 7);
+      const v = valueNoise(i * 0.37 - 20, 2);
       expect(v).toBeGreaterThanOrEqual(0);
       expect(v).toBeLessThan(1);
-    }
-  });
-
-  it('wraps: the lattice repeats every `period` cells', () => {
-    for (const x of [0, 0.4, 3.9, 6.99]) {
-      expect(valueNoisePeriodic(x + 7, 4, 7)).toBeCloseTo(valueNoisePeriodic(x, 4, 7), 12);
+      expect(valueNoise(i * 0.37 - 20, 2)).toBe(v);
     }
   });
 
   it('different rows are different profiles', () => {
-    expect(valueNoisePeriodic(1.5, 0, 9)).not.toBeCloseTo(valueNoisePeriodic(1.5, 1, 9), 3);
+    expect(valueNoise(1.5, 0)).not.toBeCloseTo(valueNoise(1.5, 1), 3);
   });
 });
 
 describe('ridge profile', () => {
-  it('every layer is periodic in t, so a drift of one period loops seamlessly', () => {
+  it('stays in [0, 1] for any world-x, negative and far included, and layers differ', () => {
     for (const spec of LAYERS) {
-      for (const t of [0, 0.13, 0.5, 0.97]) {
-        expect(Number.isFinite(profile(spec, t))).toBe(true);
-      }
-      // the end of one period meets the start of the next
-      expect(profile(spec, 1 - 1e-9)).toBeCloseTo(profile(spec, 0), 3);
-    }
-  });
-
-  it('every octave count is an integer lattice, which periodicity needs', () => {
-    for (const spec of LAYERS) {
-      for (let k = 0; k < FBM.octaves; k += 1) {
-        expect(Number.isInteger(spec.baseCells * FBM.lacunarity ** k)).toBe(true);
-      }
-    }
-  });
-
-  it('stays in [0, 1] and layers differ', () => {
-    for (const spec of LAYERS) {
-      for (let i = 0; i < 100; i += 1) {
-        const p = profile(spec, i / 100);
-        expect(p).toBeGreaterThanOrEqual(0);
-        expect(p).toBeLessThanOrEqual(1);
+      for (let i = -300; i < 300; i += 7) {
+        for (const off of [0, 1234.5, 98765.25]) {
+          const p = profile(spec, i / 50 + off);
+          expect(p).toBeGreaterThanOrEqual(0);
+          expect(p).toBeLessThanOrEqual(1);
+        }
       }
     }
     expect(profile(LAYERS[0], 0.3)).not.toBeCloseTo(profile(LAYERS[1], 0.3), 3);
   });
 
-  it('ridge tops lie inside the layer band and rise with farther base', () => {
+  it('ridge tops lie inside the layer band', () => {
     const size = layerSize(400, 800, 1);
     for (const spec of LAYERS) {
-      for (let x = 0; x < size.period; x += 17) {
-        const y = ridgeY(spec, x, size.period, size.height, 800);
+      for (let x = -500; x < 5 * size.period; x += 17) {
+        const y = ridgeY(spec, x / size.period, size.height, 800);
         expect(y).toBeGreaterThanOrEqual(0);
         expect(y).toBeLessThanOrEqual(size.height);
       }
@@ -94,9 +74,9 @@ describe('ridge profile', () => {
     ] as const) {
       const z = layerSize(w, h, s);
       expect(
-        Number.isInteger(z.period) && Number.isInteger(z.width) && Number.isInteger(z.height)
+        Number.isInteger(z.period) && Number.isInteger(z.chunk) && Number.isInteger(z.height)
       ).toBe(true);
-      expect(z.width).toBe(2 * z.period);
+      expect(z.chunk).toBeGreaterThan(z.period);
     }
   });
 });
@@ -146,14 +126,16 @@ describe('aerial perspective', () => {
     expect(edgeBlur(far)).toBeLessThanOrEqual(AERIAL.blurPx);
   });
 
-  it('in-scatter peaks at the sun azimuth, is periodic, faint, grows with distance, and is off without a sun', () => {
+  it('in-scatter is faint, grows with distance, is off without a sun, and never repeats', () => {
     const az = 0.3;
     const s = { ...sky, sunAzimuth: az };
-    expect(scatterAlpha(far, s, az)).toBeGreaterThan(scatterAlpha(far, s, az + 0.5));
-    expect(scatterAlpha(far, s, 0)).toBeCloseTo(scatterAlpha(far, s, 1), 12);
-    expect(scatterAlpha(far, s, az)).toBeLessThanOrEqual(AERIAL.scatter);
+    const lobe = (t: number) => scatterAlpha(far, s, t);
+    expect(lobe(az * 1.9)).toBeGreaterThan(lobe(az * 1.9 + 0.95));
+    for (const period of [1, 1.9, 3.8, 5.7, 19])
+      expect(Math.abs(lobe(0.7 + period) - lobe(0.7))).toBeGreaterThan(1e-4);
+    expect(lobe(az * 1.9)).toBeLessThanOrEqual(AERIAL.scatter);
     expect(scatterAlpha(near, s, az)).toBe(0);
-    expect(scatterAlpha(LAYERS[1], s, az)).toBeLessThan(scatterAlpha(far, s, az));
+    expect(scatterAlpha(LAYERS[1], s, az * 1.9)).toBeLessThan(scatterAlpha(far, s, az * 1.9));
     expect(scatterAlpha(far, { ...sky, sunAzimuth: undefined }, az)).toBe(0);
   });
 });
@@ -236,8 +218,21 @@ function fakeEl(tag = 'div') {
       this.children.push(c);
       return c;
     },
-    animate: vi.fn(() => {
-      const a = { currentTime: 0, play: vi.fn(), pause: vi.fn(), cancel: vi.fn() };
+    animate: vi.fn((keyframes: any[], options: any) => {
+      const a: any = {
+        currentTime: 0,
+        keyframes,
+        options,
+        onfinish: null,
+        play: vi.fn(),
+        pause: vi.fn(),
+        cancel: vi.fn(),
+        /** The animation reaches its end: what the compositor's finish event does. */
+        finish() {
+          a.currentTime = options.duration;
+          a.onfinish?.();
+        },
+      };
       el.anims.push(a);
       return a;
     }),
@@ -245,7 +240,20 @@ function fakeEl(tag = 'div') {
   };
   return el;
 }
+// A day sky has no stars, so the scene tests below see only the ridge loop; the dusk default
+// carries stars and a twinkle overlay, tested in 'the starfield in the scene'.
+const DAY: SkyColours = {
+  top: [96, 150, 220],
+  mid: [150, 190, 235],
+  horizon: [240, 215, 190],
+  ground: [7, 17, 26],
+  sunAzimuth: 0.3,
+};
 const draws: string[] = [];
+/** Every ImageData put on any canvas, in order. */
+const puts: any[] = [];
+/** For every drawImage: the source canvas's width as it was at the moment of the draw. */
+const drawnWidths: number[] = [];
 function ctx(withFilter = false) {
   const c: any = {
     globalCompositeOperation: 'source-over',
@@ -253,12 +261,37 @@ function ctx(withFilter = false) {
     fillRect() {
       draws.push(c.globalCompositeOperation === 'source-atop' ? 'scatter' : 'sky');
     },
+    save() {},
+    restore() {},
+    rect() {},
+    clip() {},
+    createImageData: (w: number, h: number) => ({
+      data: new Uint8ClampedArray(w * h * 4),
+      width: w,
+      height: h,
+    }),
+    putImageData: (img: any) => puts.push(img),
     beginPath() {},
     moveTo() {},
     lineTo() {},
     closePath() {},
-    fill: () => draws.push('fill'),
-    drawImage: () => draws.push('flatten'),
+    // Stars: arc+fill is one draw. A context that has cleared a rect is the twinkle overlay's.
+    clearRect() {
+      c.overlay = true;
+      draws.push('clear');
+    },
+    arc() {
+      draws.push(c.overlay ? 'twinkle' : 'star');
+      c.arcing = true;
+    },
+    fill: () => {
+      if (c.arcing) c.arcing = false;
+      else draws.push('fill');
+    },
+    drawImage: (src: any) => {
+      drawnWidths.push(src.width);
+      draws.push('flatten');
+    },
     set fillStyle(_v: unknown) {},
   };
   if (withFilter) c.filter = 'none';
@@ -273,6 +306,8 @@ let search: string;
 beforeEach(() => {
   rafQueue = [];
   draws.length = 0;
+  puts.length = 0;
+  drawnWidths.length = 0;
   search = '';
   motion = { matches: false, addEventListener: vi.fn(), removeEventListener: vi.fn() };
   doc = Object.assign(new EventTarget(), {
@@ -308,11 +343,17 @@ function host() {
   parent.appendChild(canvas);
   return { parent, canvas };
 }
+/** The rig holds one track per layer, farthest first; each track holds three chunk canvases. */
+const rigOf = (parent: any) => parent.children.find((c: any) => c.tag === 'div');
+const tracksOf = (parent: any): any[] => rigOf(parent).children;
+const animsOf = (parent: any): any[] =>
+  [rigOf(parent), ...tracksOf(parent)].flatMap((e: any) => e.anims);
 const runFrames = (dt: number, n: number, from = 0) => {
   let t = from;
   for (let i = 0; i < n && rafQueue.length; i += 1) {
     t += dt;
-    rafQueue.shift()!(t);
+    // One display frame: every callback queued for it sees the same timestamp.
+    rafQueue.splice(0).forEach((cb) => cb(t));
   }
   return t;
 };
@@ -327,28 +368,34 @@ describe('createRidgeScene', () => {
   it('returns null when 2D context is missing, so the host keeps its CSS ground', () => {
     const { canvas } = host();
     canvas.getContext = vi.fn(() => null);
-    expect(createRidgeScene({ canvas, tier: 'full' })).toBeNull();
+    expect(createRidgeScene({ canvas, tier: 'full', sky: DAY })).toBeNull();
   });
 
-  it('bakes the sky once and paints four layers at integer sizes, farthest first', () => {
+  it('bakes the sky once, and per layer only the first chunk before the first frame, at integer sizes, farthest first', () => {
     const { parent, canvas } = host();
-    const s = createRidgeScene({ canvas, tier: 'full' })!;
+    const baked: any[] = [];
+    const s = createRidgeScene({ canvas, tier: 'full', sky: DAY, onBake: (b) => baked.push(b) })!;
     expect(s).not.toBeNull();
-    const layers = parent.children.slice(1);
-    expect(layers).toHaveLength(LAYERS.length);
-    layers.forEach((l: any) => {
-      expect(Number.isInteger(l.width) && Number.isInteger(l.height)).toBe(true);
-      expect(l.width).toBe(canvas.width * 2); // DPR 2: layer is two periods wide
-      expect(l.animate).toHaveBeenCalledTimes(1);
+    const tracks = tracksOf(parent);
+    expect(tracks).toHaveLength(LAYERS.length);
+    tracks.forEach((t: any) => {
+      expect(t.children).toHaveLength(3);
+      expect(t.animate).toHaveBeenCalledTimes(1);
+      t.children.forEach((c: any) => {
+        expect(Number.isInteger(c.width) && Number.isInteger(c.height)).toBe(true);
+        expect(c.width).toBe(layerSize(400, 800, 2).chunk);
+      });
     });
+    expect(baked.map((b) => [b.layer, b.chunk, b.first])).toEqual(
+      LAYERS.map((l) => [l.index, 0, true])
+    );
     expect(draws.filter((d) => d === 'sky')).toHaveLength(1);
-    expect(draws.filter((d) => d === 'fill')).toHaveLength(LAYERS.length);
     s.dispose();
   });
 
   it('after the layers are painted, a smooth run draws nothing more and ends its rAF loop', () => {
     const { canvas } = host();
-    const s = createRidgeScene({ canvas, tier: 'full' })!;
+    const s = createRidgeScene({ canvas, tier: 'full', sky: DAY })!;
     const before = draws.length;
     runFrames(16.7, 400);
     expect(draws.length).toBe(before);
@@ -359,7 +406,7 @@ describe('createRidgeScene', () => {
   it('p95 over 33 ms across 2 s flattens to a still image and removes the layers', () => {
     const { parent, canvas } = host();
     const onProbe = vi.fn();
-    const s = createRidgeScene({ canvas, tier: 'full', onProbe })!;
+    const s = createRidgeScene({ canvas, tier: 'full', onProbe, sky: DAY })!;
     runFrames(100, 100);
     expect(draws.filter((d) => d === 'flatten')).toHaveLength(LAYERS.length);
     expect(parent.children).toEqual([canvas]);
@@ -379,9 +426,10 @@ describe('createRidgeScene', () => {
   it('prefers-reduced-motion: layers are built but never played, and nothing is sampled', () => {
     motion.matches = true;
     const { canvas } = host();
-    const s = createRidgeScene({ canvas, tier: 'full' })!;
-    const anims = canvas.anims.concat(...canvas.parentElement.children.map((c: any) => c.anims));
-    expect(anims.length).toBe(LAYERS.length);
+    const s = createRidgeScene({ canvas, tier: 'full', sky: DAY })!;
+    const anims = animsOf(canvas.parentElement);
+    expect(anims.length).toBe(LAYERS.length + 1); // one drift per layer and the sway
+    expect(anims.every((a: any) => a.pause.mock.calls.length > 0)).toBe(true);
     anims.forEach((a: any) => expect(a.play).not.toHaveBeenCalled());
     expect(rafQueue).toHaveLength(0);
     s.dispose();
@@ -389,8 +437,8 @@ describe('createRidgeScene', () => {
 
   it('pauses the drift when the tab is hidden and resumes when it is visible', () => {
     const { parent, canvas } = host();
-    const s = createRidgeScene({ canvas, tier: 'full' })!;
-    const anims = parent.children.slice(1).flatMap((l: any) => l.anims);
+    const s = createRidgeScene({ canvas, tier: 'full', sky: DAY })!;
+    const anims = animsOf(parent);
     anims.forEach((a: any) => a.pause.mockClear());
     doc.visibilityState = 'hidden';
     doc.dispatchEvent(new Event('visibilitychange'));
@@ -405,7 +453,7 @@ describe('createRidgeScene', () => {
   it('?probe=1 keeps the rAF loop alive and shows median and p95', () => {
     search = '?probe=1';
     const { parent, canvas } = host();
-    const s = createRidgeScene({ canvas, tier: 'full' })!;
+    const s = createRidgeScene({ canvas, tier: 'full', sky: DAY, debug: true })!;
     const readout = parent.children[parent.children.length - 1];
     runFrames(16.7, 300);
     expect(rafQueue.length).toBe(1); // still sampling
@@ -414,10 +462,45 @@ describe('createRidgeScene', () => {
     expect(parent.children.some((c: any) => c === readout)).toBe(false);
   });
 
+  it('?probe=1 does nothing where the overlays are not allowed: no readout, the loop ends', () => {
+    search = '?probe=1';
+    const { parent, canvas } = host();
+    const before = parent.children.length;
+    const s = createRidgeScene({ canvas, tier: 'full', sky: DAY })!;
+    expect(parent.children.length).toBe(before + 1); // the rig
+    runFrames(16.7, 300);
+    expect(rafQueue.length).toBe(0);
+    s.dispose();
+  });
+
+  it('a scene started at zero size paints nothing, then builds on the first non-zero resize', async () => {
+    const { parent, canvas } = host();
+    canvas.clientWidth = 0;
+    canvas.clientHeight = 0;
+    (window as any).innerWidth = 0;
+    (window as any).innerHeight = 0;
+    const s = createRidgeScene({ canvas, tier: 'full', sky: DAY });
+    expect(s).not.toBeNull();
+    expect(parent.children).toEqual([canvas]);
+    expect(draws).toHaveLength(0);
+    // Still zero: a resize does not paint either.
+    window.dispatchEvent(new Event('resize'));
+    await new Promise((r) => setTimeout(r, 300));
+    expect(parent.children).toEqual([canvas]);
+    (window as any).innerWidth = 400;
+    (window as any).innerHeight = 800;
+    window.dispatchEvent(new Event('resize'));
+    await new Promise((r) => setTimeout(r, 300));
+    expect(tracksOf(parent)).toHaveLength(LAYERS.length);
+    expect(draws.filter((d) => d === 'sky')).toHaveLength(1);
+    s!.dispose();
+    expect(parent.children).toEqual([canvas]);
+  });
+
   it('dispose cancels the loop, the animations and the layers', () => {
     const { parent, canvas } = host();
-    const s = createRidgeScene({ canvas, tier: 'full' })!;
-    const anims = parent.children.slice(1).flatMap((l: any) => l.anims);
+    const s = createRidgeScene({ canvas, tier: 'full', sky: DAY })!;
+    const anims = animsOf(parent);
     s.dispose();
     anims.forEach((a: any) => expect(a.cancel).toHaveBeenCalled());
     expect(parent.children).toEqual([canvas]);
@@ -443,20 +526,10 @@ describe('the door', () => {
   });
 });
 
-describe('fbm', () => {
-  it('is normalised into [0, 1]', () => {
-    for (let i = 0; i < 100; i += 1) {
-      const v = fbmPeriodic(i / 100, 0, 3, FBM);
-      expect(v).toBeGreaterThanOrEqual(0);
-      expect(v).toBeLessThanOrEqual(1);
-    }
-  });
-});
-
 describe('aerial perspective in the scene', () => {
   it('is baked once: one scatter fill per hazy layer, none per frame, the nearest layer has none', () => {
     const { canvas } = host();
-    const s = createRidgeScene({ canvas, tier: 'full' })!;
+    const s = createRidgeScene({ canvas, tier: 'full', sky: DAY })!;
     expect(draws.filter((d) => d === 'scatter')).toHaveLength(LAYERS.length - 1);
     const before = draws.length;
     runFrames(16.7, 400);
@@ -469,13 +542,13 @@ describe('aerial perspective in the scene', () => {
     const s = createRidgeScene({
       canvas,
       tier: 'full',
-      sky: { ...skyColours(), sunAzimuth: undefined },
+      sky: { ...DAY, sunAzimuth: undefined },
     })!;
     expect(draws.filter((d) => d === 'scatter')).toHaveLength(0);
     s.dispose();
   });
 
-  it('softens with the canvas filter where it exists, blur scaled by DPR, tiled so the wrap does not fade', () => {
+  it('softens with the canvas filter where it exists, blur scaled by DPR, from pixels baked past the chunk edges', () => {
     const { parent, canvas } = host();
     const filters: string[] = [];
     const orig = (document as any).createElement;
@@ -495,11 +568,11 @@ describe('aerial perspective in the scene', () => {
       });
       return el;
     };
-    const s = createRidgeScene({ canvas, tier: 'full' })!;
+    const s = createRidgeScene({ canvas, tier: 'full', sky: DAY })!;
     const blurs = filters.filter((f) => f !== 'none');
     expect(blurs).toHaveLength(LAYERS.length - 1); // nearest is sharp
     expect(blurs[0]).toBe(`blur(${edgeBlur(LAYERS[0]) * 2}px)`); // DPR 2
-    expect(parent.children).toHaveLength(1 + LAYERS.length);
+    expect(parent.children).toHaveLength(2); // sky canvas and the rig
     s.dispose();
   });
 
@@ -511,3 +584,231 @@ describe('aerial perspective in the scene', () => {
     expect(draws.filter((d) => d === 'flatten')).toHaveLength(LAYERS.length);
   });
 });
+
+describe('the starfield in the scene', () => {
+  const count = (kind: string) => draws.filter((d) => d === kind).length;
+  const night = {
+    ...DAY,
+    top: [10, 14, 40],
+    mid: [30, 34, 80],
+    horizon: [60, 50, 90],
+  } as SkyColours;
+  const N = makeStars(night, 400, 800).length;
+  const hear = (name: string) => {
+    const calls = motion.addEventListener.mock.calls.filter((c: any[]) => c[0] === name);
+    return calls[calls.length - 1][1] as () => void;
+  };
+  // Everything but the overlay's own marks: the bake and the ridges.
+  const baked = () => draws.filter((d) => d !== 'twinkle' && d !== 'clear').length;
+
+  it('bakes every star once into the sky; per frame only the overlay is touched', () => {
+    const { parent, canvas } = host();
+    const s = createRidgeScene({ canvas, tier: 'full', sky: night })!;
+    expect(count('star')).toBe(N);
+    expect(count('sky')).toBe(1);
+    expect(parent.children[1].anims).toHaveLength(0); // the overlay: above the sky, under the ridges
+    expect(parent.children).toHaveLength(3);
+    const before = baked();
+    runFrames(16.7, 300); // 5 s at 60 fps; the overlay repaints at 20 fps
+    expect(baked()).toBe(before);
+    expect(count('clear')).toBeGreaterThan(60);
+    expect(count('clear')).toBeLessThanOrEqual(101);
+    // each pass paints at most SLOTS stars
+    expect(count('twinkle')).toBeLessThanOrEqual(count('clear') * 32);
+    expect(count('twinkle')).toBeGreaterThan(0);
+    s.dispose();
+  });
+
+  it('a day sky has no stars and no overlay layer', () => {
+    const { parent, canvas } = host();
+    const s = createRidgeScene({ canvas, tier: 'full', sky: DAY })!;
+    expect(count('star')).toBe(0);
+    expect(parent.children).toHaveLength(2);
+    runFrames(16.7, 60);
+    expect(count('clear')).toBe(0);
+    s.dispose();
+  });
+
+  it("tier 'still' bakes the stars and has no overlay or loop", () => {
+    const { parent, canvas } = host();
+    createRidgeScene({ canvas, tier: 'still', sky: night });
+    expect(count('star')).toBe(N);
+    expect(parent.children).toEqual([canvas]);
+    expect(rafQueue).toHaveLength(0);
+  });
+
+  it('stops twinkling under reduced motion, live, and resumes when it is lifted', () => {
+    const { canvas } = host();
+    const s = createRidgeScene({ canvas, tier: 'full', sky: night })!;
+    let t = runFrames(16.7, 30);
+    expect(count('twinkle')).toBeGreaterThan(0);
+    motion.matches = true;
+    hear('change')();
+    t = runFrames(16.7, 5, t);
+    const stopped = draws.length;
+    t = runFrames(16.7, 200, t);
+    expect(draws.length).toBe(stopped);
+    expect(rafQueue).toHaveLength(0);
+    motion.matches = false;
+    hear('change')();
+    runFrames(16.7, 30, t);
+    expect(draws.length).toBeGreaterThan(stopped);
+    s.dispose();
+  });
+
+  it('starts steady, with nothing painted over the stars, when reduced motion is already on', () => {
+    motion.matches = true;
+    const { canvas } = host();
+    const s = createRidgeScene({ canvas, tier: 'full', sky: night })!;
+    expect(rafQueue).toHaveLength(0);
+    runFrames(16.7, 60);
+    expect(count('twinkle')).toBe(0);
+    s.dispose();
+  });
+
+  it('stops while the tab is hidden and resumes when it is visible', () => {
+    const { canvas } = host();
+    const s = createRidgeScene({ canvas, tier: 'full', sky: night })!;
+    let t = runFrames(16.7, 30);
+    doc.visibilityState = 'hidden';
+    doc.dispatchEvent(new Event('visibilitychange'));
+    const hidden = draws.length;
+    t = runFrames(16.7, 200, t);
+    expect(draws.length).toBe(hidden);
+    expect(rafQueue).toHaveLength(0);
+    doc.visibilityState = 'visible';
+    doc.dispatchEvent(new Event('visibilitychange'));
+    runFrames(16.7, 30, t);
+    expect(draws.length).toBeGreaterThan(hidden);
+    s.dispose();
+  });
+
+  it('flattening to a still (slow frames) drops the overlay and leaves every star baked under the ridges', () => {
+    const { parent, canvas } = host();
+    const s = createRidgeScene({ canvas, tier: 'full', sky: night })!;
+    runFrames(100, 100);
+    expect(parent.children).toEqual([canvas]);
+    expect(count('star')).toBe(N);
+    expect(draws.indexOf('flatten')).toBeGreaterThan(draws.lastIndexOf('star'));
+    expect(rafQueue).toHaveLength(0);
+    s.dispose();
+  });
+
+  it('dispose removes the overlay and stops the loop', () => {
+    const { parent, canvas } = host();
+    const s = createRidgeScene({ canvas, tier: 'full', sky: night })!;
+    s.dispose();
+    expect(parent.children).toEqual([canvas]);
+    expect(rafQueue).toHaveLength(0);
+  });
+});
+
+describe('endless drift: chunks baked on demand and recycled', () => {
+  const size = layerSize(400, 800, 2); // the fake host: 400 x 800 CSS px at DPR 2
+  const until = async (cond: () => boolean) => {
+    const t0 = Date.now();
+    while (!cond()) {
+      if (Date.now() - t0 > 10000) throw new Error('timed out waiting for the background bakes');
+      await new Promise((r) => setTimeout(r, 5));
+    }
+  };
+  /** The pixels chunk `m` of layer `li` must hold: the pure bake of its world columns, no blur. */
+  const expected = (li: number, m: number) => {
+    const p: BakeParams = {
+      spec: LAYERS[li],
+      sky: DAY,
+      period: size.period,
+      scale: 2,
+      viewH: 1600,
+      rows: size.height,
+      bandH: size.height,
+      px0: m * size.chunk,
+      cols: size.chunk,
+    };
+    const out = new Uint8ClampedArray(p.cols * p.rows * 4);
+    bakeSlice(out, p, layerPaint(p.spec, DAY), 0, p.cols);
+    return Buffer.from(out.buffer);
+  };
+  /** Each distinct ImageData put, in order of first appearance: one per baked chunk. */
+  const baked = () => [...new Set(puts)].map((img) => Buffer.from(img.data.buffer));
+  const start = () => {
+    const { parent, canvas } = host();
+    const records: any[] = [];
+    const s = createRidgeScene({ canvas, tier: 'full', sky: DAY, onBake: (b) => records.push(b) })!;
+    return { parent, s, records };
+  };
+
+  it('bakes every chunk from its own world columns: no offset, the next chunk continues the last', async () => {
+    const { s, records } = start();
+    await until(() => records.length === 3 * LAYERS.length);
+    // First view: chunk 0 of each layer; then, per layer in queue order, chunks 1 and 2.
+    const order = [
+      ...LAYERS.map((l) => [l.index, 0]),
+      ...LAYERS.flatMap((l) => [
+        [l.index, 1],
+        [l.index, 2],
+      ]),
+    ];
+    expect(records.map((r) => [r.layer, r.chunk])).toEqual(order);
+    const imgs = baked();
+    expect(imgs).toHaveLength(order.length);
+    order.forEach(([li, m], i) => expect(imgs[i].equals(expected(li, m))).toBe(true));
+    s.dispose();
+  });
+
+  it('when the drift animation ends, the chunks move one slot left and the track restarts', async () => {
+    const { parent, s, records } = start();
+    await until(() => records.length === 3 * LAYERS.length);
+    const track = tracksOf(parent)[0];
+    const [e0, e1, e2] = track.children;
+    const first = track.anims[0];
+    // One chunk of drift, not one viewport: the track slides by the width of a chunk.
+    expect(first.keyframes[1].transform).toContain(`${-size.chunk / 2}px`);
+    expect(track.animate).toHaveBeenCalledTimes(1);
+    first.finish();
+    expect(first.cancel).toHaveBeenCalled();
+    expect(track.animate).toHaveBeenCalledTimes(2);
+    const w = size.chunk / 2;
+    expect([e1.style.left, e2.style.left, e0.style.left]).toEqual(['0px', `${w}px`, `${2 * w}px`]);
+    expect(track.anims[1].keyframes[1].transform).toContain(`${-w}px`);
+    s.dispose();
+  });
+
+  it('the canvas that left is baked with the next stretch of world, and each rotation after it, without end', async () => {
+    const { parent, s, records } = start();
+    await until(() => records.length === 3 * LAYERS.length);
+    const track = tracksOf(parent)[0];
+    const done = () => records.filter((r) => r.layer === 0).map((r) => r.chunk);
+    for (let m = 3; m <= 5; m += 1) {
+      track.anims[track.anims.length - 1].finish();
+      await until(() => done().includes(m));
+    }
+    expect(done()).toEqual([0, 1, 2, 3, 4, 5]);
+    // The pixels of chunks 3 to 5 are the world's, not a repeat of an earlier one.
+    const imgs = baked();
+    const layer0 = imgs.filter((_, i) => records[i].layer === 0);
+    [3, 4, 5].forEach((m, k) => expect(layer0[3 + k].equals(expected(0, m))).toBe(true));
+    expect(layer0[3].equals(layer0[0])).toBe(false);
+    s.dispose();
+  });
+
+  it('with the blur, each chunk is blurred from a scratch canvas of its own width: seams stay opaque and exact', async () => {
+    const orig = (document as any).createElement;
+    (document as any).createElement = (tag: string) => {
+      const el = orig(tag);
+      el.getContext = vi.fn(() => ctx(true));
+      return el;
+    };
+    const { s, records } = start();
+    await until(() => records.length === 3 * LAYERS.length);
+    const want = new Set(
+      LAYERS.filter((l) => edgeBlur(l) > 0).map(
+        (l) => size.chunk + 2 * Math.ceil(3 * edgeBlur(l) * 2)
+      )
+    );
+    expect(want.size).toBeGreaterThan(1); // the layers' pads differ, which is what a shared canvas gets wrong
+    // Every blur reads a source exactly as wide as that chunk's padded bake, at the moment of the draw.
+    expect(new Set(drawnWidths)).toEqual(want);
+    s.dispose();
+  });
+});
diff --git a/src/app/features/scene/ridge/Ridge.ts b/src/app/features/scene/ridge/Ridge.ts
index 218d7c65..72985d4c 100644
--- a/src/app/features/scene/ridge/Ridge.ts
+++ b/src/app/features/scene/ridge/Ridge.ts
@@ -1,33 +1,35 @@
+/* eslint-disable no-param-reassign -- the bake writes into the canvases and layer records it is handed */
 import type { Scene, SceneOptions } from '../Scene';
+import { overlayRequested } from '../debugOverlays';
 import { FrameSampler, FrameStats } from './probe';
 import { skyColours, SkyColours, Srgb } from './skyColour';
-import {
-  LAYERS,
-  LayerSpec,
-  edgeBlur,
-  hazeColour,
-  layerColour,
-  layerSize,
-  ridgeY,
-  scatterAlpha,
-} from './ridgeWorld';
+import { activeAt, drawStars, drawTwinkle as paintTwinkle, makeStars, Star } from './stars';
+import { bakeSlice, BakeParams, layerPaint } from './ridgeBake';
+import { LAYERS, LayerSpec, edgeBlur, layerSize, scatterAlpha, transmittance } from './ridgeWorld';
+
+/** One chunk's bake: `ms` is the summed task time, `maxTaskMs` the longest single task; `first` marks the bake of the first view. */
+export interface BakeRecord {
+  layer: number;
+  chunk: number;
+  ms: number;
+  maxTaskMs: number;
+  first: boolean;
+}
 
 export type RidgeOptions = Pick<SceneOptions, 'canvas' | 'tier'> & {
-  /** Show the rAF median/p95 readout. Default: the page URL has `?probe=1`. */
+  /** Show the rAF median/p95 readout. Default: the page URL has `?probe=1`, where `debug` allows it. */
   probe?: boolean;
+  /** The diagnostic overlays may be asked for by URL (debugOverlays.ts). Default: no. */
+  debug?: boolean;
   /** Each time the readout would update, and once with `still` when the fallback fires. */
   onProbe?: (s: FrameStats & { still: boolean }) => void;
   /** The sky's colours; default `skyColours()`, the one function to replace with Void's sun.js. */
   sky?: SkyColours;
+  /** Called after each chunk is baked (a chunk is one layer's stretch of world-x): the cost record. */
+  onBake?: (b: BakeRecord) => void;
 };
 
 const css = (c: Srgb): string => `rgb(${c[0]},${c[1]},${c[2]})`;
-const mix = (a: Srgb, b: Srgb, t: number): Srgb => [
-  Math.round(a[0] + (b[0] - a[0]) * t),
-  Math.round(a[1] + (b[1] - a[1]) * t),
-  Math.round(a[2] + (b[2] - a[2]) * t),
-];
-
 function context2d(c: HTMLCanvasElement): CanvasRenderingContext2D | null {
   return c.getContext('2d');
 }
@@ -45,93 +47,205 @@ function paintSky(canvas: HTMLCanvasElement, sky: SkyColours): boolean {
   return true;
 }
 
+const clock = (): number => (typeof performance !== 'undefined' ? performance.now() : Date.now());
+
+type Size = ReturnType<typeof layerSize>;
+
 const SCATTER_STOPS = 16;
 
-/** Warm in-scatter over the silhouette only (source-atop), as a horizontal gradient that repeats each period. */
+/** Warm in-scatter over the silhouette only (source-atop): a horizontal gradient over the chunk's world-x. */
 function scatter(
   ctx: CanvasRenderingContext2D,
   spec: LayerSpec,
   sky: SkyColours,
-  size: { period: number; width: number; height: number }
+  widthPx: number,
+  heightPx: number,
+  t0: number,
+  tPerPx: number,
+  bandX = 0,
+  bandW = widthPx
 ) {
-  if (sky.sunAzimuth === undefined || scatterAlpha(spec, sky, sky.sunAzimuth) <= 0) return;
-  const g = ctx.createLinearGradient(0, 0, size.width, 0);
+  if (sky.sunAzimuth === undefined || transmittance(spec) >= 1) return; // the nearest layer takes none
+  const g = ctx.createLinearGradient(0, 0, widthPx, 0);
   const [r, gr, b] = sky.horizon;
-  for (let k = 0; k <= 2 * SCATTER_STOPS; k += 1) {
-    const t = (k % SCATTER_STOPS) / SCATTER_STOPS;
-    g.addColorStop(k / (2 * SCATTER_STOPS), `rgba(${r},${gr},${b},${scatterAlpha(spec, sky, t)})`);
+  for (let k = 0; k <= SCATTER_STOPS; k += 1) {
+    const a = scatterAlpha(spec, sky, t0 + (tPerPx * widthPx * k) / SCATTER_STOPS);
+    g.addColorStop(k / SCATTER_STOPS, `rgba(${r},${gr},${b},${a})`);
   }
   ctx.globalCompositeOperation = 'source-atop';
   ctx.fillStyle = g;
-  ctx.fillRect(0, 0, size.width, size.height);
+  ctx.fillRect(bandX, 0, bandW, heightPx);
   ctx.globalCompositeOperation = 'source-over';
 }
 
-/**
- * Soften the silhouette's edge by `px` once, where the browser's 2D canvas supports `filter` (not
- * Safari, which keeps the sharp edge). One period is tiled past both ends and the bottom row extended below,
- * then blurred in a single draw, so the blur sees the wrap and the ground instead of fading at borders.
- */
-function soften(src: HTMLCanvasElement, px: number, period: number): HTMLCanvasElement {
-  const probe = context2d(src);
-  if (!probe || px <= 0 || !('filter' in probe)) return src;
-  const pad = Math.ceil(3 * px);
-  // The unfiltered tiling: blurring tile by tile would fade each tile's own border.
-  const tiled = document.createElement('canvas');
-  tiled.width = src.width + 2 * period;
-  tiled.height = src.height + pad;
-  const tctx = context2d(tiled);
-  const out = document.createElement('canvas');
-  out.width = src.width;
-  out.height = src.height;
-  const ctx = context2d(out);
-  if (!tctx || !ctx) return src;
-  for (let k = 0; k < 4; k += 1) {
-    tctx.drawImage(src, 0, 0, period, src.height, k * period, 0, period, src.height);
-    tctx.drawImage(src, 0, src.height - 1, period, 1, k * period, src.height, period, pad);
-  }
-  ctx.filter = `blur(${px}px)`;
-  ctx.drawImage(tiled, -period, 0);
-  ctx.filter = 'none';
-  return out;
+/** A chunk's bake in slices: `step(budgetMs)` returns true once the chunk is on its canvas. */
+interface Job {
+  step(budgetMs: number): boolean;
 }
 
-/** One ridge layer, painted once: a filled silhouette two periods wide on a plain 2D canvas. */
-function paintLayer(
+/**
+ * One layer's stretch of world-x `[m * chunk, (m + 1) * chunk)` painted onto `el`, in three phases of
+ * column bands, each band sized to the task budget by measuring the last one: bake the pixels
+ * (`bakeSlice`), put them on a canvas with the in-scatter, and (where the 2D `filter` exists) blur them
+ * into `el`. The blur needs neighbours, so the pixels are baked `pad` columns past both ends and
+ * the bottom into a scratch canvas this job owns, and each blurred band reads `pad` columns either side of
+ * itself: seams show no fade. The scratch is made when the job first runs and dropped when it ends.
+ */
+function chunkJob(
+  el: HTMLCanvasElement,
+  makeCanvas: () => HTMLCanvasElement,
   spec: LayerSpec,
   sky: SkyColours,
-  size: { period: number; width: number; height: number },
+  size: Size,
   viewH: number,
-  scale: number
-): HTMLCanvasElement | null {
-  const el = document.createElement('canvas');
-  el.width = size.width;
-  el.height = size.height;
+  scale: number,
+  m: number,
+  record: (ms: number, maxTaskMs: number) => void
+): Job | null {
   const ctx = context2d(el);
   if (!ctx) return null;
-  const top: number[] = [];
-  for (let x = 0; x < size.period; x += 1)
-    top.push(ridgeY(spec, x, size.period, size.height, viewH));
-  const c = layerColour(spec, sky);
-  const g = ctx.createLinearGradient(0, 0, 0, size.height);
-  g.addColorStop(0, css(c));
-  g.addColorStop(1, css(mix(c, hazeColour(sky), 0.5 * (1 - spec.depth))));
-  ctx.fillStyle = g;
-  ctx.beginPath();
-  ctx.moveTo(0, size.height);
-  for (let x = 0; x <= size.width; x += 1) ctx.lineTo(x, top[x % size.period]);
-  ctx.lineTo(size.width, size.height);
-  ctx.closePath();
-  ctx.fill();
-  scatter(ctx, spec, sky, size);
-  return soften(el, edgeBlur(spec) * scale, size.period);
+  const blur = edgeBlur(spec) * scale;
+  const pad = blur > 0 && 'filter' in ctx ? Math.ceil(3 * blur) : 0;
+  const cols = size.chunk + 2 * pad;
+  const rows = size.height + pad;
+  const params: BakeParams = {
+    spec,
+    sky,
+    period: size.period,
+    scale,
+    viewH,
+    rows,
+    bandH: size.height,
+    px0: m * size.chunk - pad,
+    cols,
+  };
+  const paint = layerPaint(spec, sky);
+  const t0World = params.px0 / size.period;
+  let scratch: HTMLCanvasElement | undefined;
+  let sctx: CanvasRenderingContext2D | null = ctx;
+  let img: ImageData | undefined;
+  /** 0 bake, 1 put and in-scatter, 2 blur into el; a chunk with no blur ends after 1. */
+  let phase = 0;
+  let pos = 0;
+  let sliceCols = 32;
+  let total = 0;
+  let longest = 0;
+  const last = pad > 0 ? 2 : 1;
+  const start = (): boolean => {
+    if (pad > 0) {
+      scratch = makeCanvas();
+      scratch.width = cols;
+      scratch.height = rows;
+      sctx = context2d(scratch);
+    } else {
+      el.width = size.chunk;
+      el.height = size.height;
+    }
+    if (!sctx) return false;
+    img = sctx.createImageData(cols, rows);
+    return true;
+  };
+  const work = (x: number, n: number) => {
+    if (!img || !sctx) return;
+    if (phase === 0) bakeSlice(img.data, params, paint, x, x + n);
+    else if (phase === 1) {
+      sctx.putImageData(img, 0, 0, x, 0, n, rows);
+      scatter(sctx, spec, sky, cols, rows, t0World, 1 / size.period, x, n);
+    } else {
+      // One draw: a blurred draw cut into bands costs more in the margins than it saves in task length.
+      ctx.drawImage(scratch as HTMLCanvasElement, -pad, 0);
+    }
+  };
+  return {
+    step(budgetMs) {
+      const t0 = clock();
+      // Allocating the canvases and the pixel buffer is a task of its own.
+      if (!img) {
+        if (!start()) return true;
+        if (Number.isFinite(budgetMs)) {
+          total += clock() - t0;
+          longest = Math.max(longest, clock() - t0);
+          return false;
+        }
+      }
+      while (phase <= last && clock() - t0 < budgetMs) {
+        const end = phase === 2 ? size.chunk : cols;
+        if (pos === 0 && phase === 2) {
+          el.width = size.chunk;
+          el.height = size.height;
+          ctx.filter = `blur(${blur}px)`;
+        }
+        const n = phase === 2 ? end : Math.min(end - pos, sliceCols);
+        const s0 = clock();
+        work(pos, n);
+        pos += n;
+        const dt = Math.max(clock() - s0, 0.02);
+        sliceCols = Number.isFinite(budgetMs)
+          ? Math.max(8, Math.min(512, Math.round((n * budgetMs * 0.4) / dt)))
+          : cols;
+        if (pos >= end) {
+          if (phase === 2) ctx.filter = 'none';
+          phase += 1;
+          pos = 0;
+          if (phase === 1 || phase === 2) sliceCols = Number.isFinite(budgetMs) ? 64 : cols;
+        }
+      }
+      const dt = clock() - t0;
+      total += dt;
+      longest = Math.max(longest, dt);
+      const done = phase > last;
+      if (done) {
+        img = undefined;
+        if (scratch) {
+          scratch.width = 0;
+          scratch.height = 0;
+        }
+        scratch = undefined;
+        record(total, longest);
+      }
+      return done;
+    },
+  };
+}
+
+interface Chunk {
+  el: HTMLCanvasElement;
+  /** World chunk index it holds or is being baked to hold. */
+  id: number;
+  job?: Job;
+  ready: boolean;
+}
+
+/** One layer: a track that drifts by one chunk per animation, holding three chunk canvases. */
+interface LayerState {
+  spec: LayerSpec;
+  track: HTMLElement;
+  /** Slot 0 and 1 are what the window can see; slot 2 is the one ahead, baked in the background. */
+  slots: Chunk[];
+  anim?: Animation;
 }
 
 interface Built {
-  layers: HTMLCanvasElement[];
-  anims: Animation[];
+  rig: HTMLElement;
+  layers: LayerState[];
+  sway?: Animation;
+  size: Size;
+  /** CSS px to canvas px, and the viewport's height in canvas px, as baked. */
+  scale: number;
+  viewH: number;
+  /** Makes a canvas, bound to the document the scene was built in. */
+  makeCanvas: () => HTMLCanvasElement;
+  /** The twinkling stars' own canvas, between the sky and the ridges; absent in a day sky and in 'still'. */
+  twinkle?: HTMLCanvasElement;
 }
 
+/** Yaw and pitch: the camera's slow sway, a loop of this many seconds over the whole rig. */
+const SWAY_SECONDS = 150;
+const SLICE_BUDGET_MS = 6;
+
+/** The twinkle overlay redraws at most this often: the swings are 2 to 7 s, no need for 60 fps. */
+const TWINKLE_FRAME_MS = 50;
+
 /**
  * The ridge scene: same contract as `createScene` ({ login, dispose }, null for "keep the CSS
  * ground"), no WebGL. The layers are painted once on the CPU; per frame the only work is the
@@ -145,11 +259,17 @@ export function createRidgeScene(opts: RidgeOptions): Scene | null {
   const parent = canvas.parentElement;
   if (!parent) return null;
   const sky = opts.sky ?? skyColours();
-  const probe = opts.probe ?? new URLSearchParams(window.location.search).get('probe') === '1';
+  const probe = opts.probe ?? overlayRequested('probe', opts.debug === true);
   const reducedMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)');
 
   let built: Built | undefined;
+  let field: Star[] = [];
+  let twRaf = 0;
+  let twLast = 0;
   let still = tier === 'still';
+  let jobTimer: ReturnType<typeof setTimeout> | undefined;
+  let queue: Chunk[] = [];
+  let generation = 0;
   let disposed = false;
   let raf = 0;
   let readout: HTMLElement | undefined;
@@ -163,52 +283,228 @@ export function createRidgeScene(opts: RidgeOptions): Scene | null {
   };
 
   const teardownLayers = () => {
-    built?.anims.forEach((a) => a.cancel());
-    built?.layers.forEach((l) => l.remove());
+    generation += 1;
+    clearTimeout(jobTimer);
+    jobTimer = undefined;
+    queue = [];
+    built?.sway?.cancel();
+    built?.layers.forEach((l) => l.anim?.cancel());
+    built?.rig.remove();
+    built?.twinkle?.remove();
+    cancelAnimationFrame(twRaf);
+    twRaf = 0;
     built = undefined;
   };
 
-  /** Bake the sky, then the layers. Returns false when a 2D context is missing. */
+  /** True while there is nothing to paint on: the canvas has no client size and the window itself is 0 x 0 (`viewSize` falls back to the window). */
+  const hasNoArea = () => {
+    const { w, h, scale } = viewSize();
+    const size = layerSize(w, h, scale);
+    return size.period < 1 || size.height < 1 || Math.round(h * scale) < 1;
+  };
+
+  /**
+   * Start baking chunk `c` of layer `l`. `first` runs it to the end in this task (the first view);
+   * otherwise it joins the queue, which `pump` works through in short tasks. False when the canvas has no 2D context.
+   */
+  const bake = (l: LayerState, c: Chunk, first: boolean): boolean => {
+    if (!built) return false;
+    const { scale, viewH, makeCanvas } = built;
+    const job = chunkJob(
+      c.el,
+      makeCanvas,
+      l.spec,
+      sky,
+      built.size,
+      viewH,
+      scale,
+      c.id,
+      (ms, maxTaskMs) => {
+        c.ready = true;
+        c.job = undefined;
+        opts.onBake?.({ layer: l.spec.index, chunk: c.id, ms, maxTaskMs, first });
+      }
+    );
+    if (!job) return false;
+    c.ready = false;
+    c.job = job;
+    if (first) job.step(Infinity);
+    else queue.push(c);
+    return true;
+  };
+
+  const pump = () => {
+    if (jobTimer !== undefined || !queue.length) return;
+    const gen = generation;
+    jobTimer = setTimeout(() => {
+      jobTimer = undefined;
+      if (gen !== generation) return;
+      const c = queue[0];
+      if (!c.job || c.job.step(SLICE_BUDGET_MS)) queue.shift();
+      pump();
+    }, 0);
+  };
+
+  /** Bake a still-queued chunk to the end now: only when the drift has caught up with the background work. */
+  const flush = (c: Chunk) => {
+    while (c.job && !c.job.step(Infinity));
+    queue = queue.filter((q) => q !== c);
+  };
+
+  const chunkSeconds = (spec: LayerSpec, size: Size) => (spec.seconds * size.chunk) / size.period;
+
+  /** One chunk of drift as one animation, holding its end until `rotate` hands the track the next chunk. */
+  const startDrift = (l: LayerState, onEnd: (l: LayerState) => void) => {
+    if (!built) return;
+    const { size, scale } = built;
+    l.anim = l.track.animate?.(
+      [
+        { transform: 'translate3d(0,0,0)' },
+        { transform: `translate3d(${-size.chunk / scale}px,0,0)` },
+      ],
+      { duration: chunkSeconds(l.spec, size) * 1000, easing: 'linear', fill: 'forwards' }
+    );
+    if (l.anim) l.anim.onfinish = () => onEnd(l);
+  };
+
+  /**
+   * The window has drifted one chunk. Slot 1 is now slot 0 and slot 2 slot 1, at the same screen place
+   * (the track restarts at 0 and the chunks move one slot left in the same task, so nothing jumps); the
+   * canvas that left becomes slot 2 and is baked with the world one chunk further on, off the critical path.
+   */
+  const rotate = (l: LayerState) => {
+    if (!built || !built.layers.includes(l)) return;
+    const [s0, s1, s2] = l.slots;
+    flush(s1);
+    flush(s2);
+    l.slots = [s1, s2, s0];
+    s0.id = s2.id + 1;
+    const { size, scale } = built;
+    l.slots.forEach((c, i) => {
+      c.el.style.left = `${(i * size.chunk) / scale}px`;
+    });
+    l.anim?.cancel();
+    startDrift(l, rotate);
+    bake(l, s0, false);
+    pump();
+    syncPlayState();
+  };
+
+  /** The camera's slow yaw and pitch: the rig eases sideways (up to 5% of the width) and down (up to 3% of the height) and back, in a loop. */
+  const startSway = (rig: HTMLElement, w: number, h: number) => {
+    const x = 0.05 * w;
+    const y = 0.03 * h;
+    const at = (fx: number, fy: number) => `translate3d(${-x * fx}px,${y * fy}px,0)`;
+    return rig.animate?.(
+      [
+        { transform: at(0, 0), offset: 0 },
+        { transform: at(0.55, 1), offset: 0.35 },
+        { transform: at(1, 0.3), offset: 0.7 },
+        { transform: at(0, 0), offset: 1 },
+      ],
+      { duration: SWAY_SECONDS * 1000, iterations: Infinity, easing: 'ease-in-out' }
+    );
+  };
+
+  /** Bake the sky, then the layers. Returns false when a 2D context is missing or there is no area yet. */
   const build = (): boolean => {
     teardownLayers();
+    // A zero-size canvas throws on drawImage; wait for the first resize that gives the host an area.
+    if (hasNoArea()) return false;
     const { w, h, scale } = viewSize();
     const size = layerSize(w, h, scale);
     canvas.width = size.period;
     canvas.height = Math.round(h * scale);
     if (!paintSky(canvas, sky)) return false;
-    const layers: HTMLCanvasElement[] = [];
-    for (const spec of LAYERS) {
-      const el = paintLayer(spec, sky, size, canvas.height, scale);
-      if (!el) {
-        layers.forEach((l) => l.remove());
-        return false;
-      }
-      el.setAttribute('aria-hidden', 'true');
-      Object.assign(el.style, {
+    // Every star is baked into the sky; the twinkling ones get their own canvas, which a per-frame
+    // pass clears and paints over. 'still' has no overlay.
+    const stars = makeStars(sky, w, h);
+    const skyCtx = context2d(canvas);
+    if (skyCtx) drawStars(skyCtx, stars, canvas.width, canvas.height, scale);
+    let twinkle: HTMLCanvasElement | undefined;
+    if (stars.length && tier !== 'still') {
+      twinkle = document.createElement('canvas');
+      twinkle.width = canvas.width;
+      twinkle.height = canvas.height;
+      twinkle.setAttribute('aria-hidden', 'true');
+      Object.assign(twinkle.style, {
+        position: 'absolute',
+        left: '0',
+        top: '0',
+        width: '100%',
+        height: '100%',
+        pointerEvents: 'none',
+      });
+      parent.appendChild(twinkle);
+    }
+    field = stars;
+    // The rig carries the camera's sway; each layer's track carries its drift; chunks sit on the track.
+    const rig = document.createElement('div');
+    rig.setAttribute('aria-hidden', 'true');
+    Object.assign(rig.style, {
+      position: 'absolute',
+      left: '0',
+      bottom: '0',
+      width: '100%',
+      height: '100%',
+      pointerEvents: 'none',
+      willChange: 'transform',
+    });
+    const layers: LayerState[] = LAYERS.map((spec) => {
+      const track = document.createElement('div');
+      Object.assign(track.style, {
         position: 'absolute',
         left: '0',
         bottom: '0',
-        width: `${size.width / scale}px`,
+        width: `${size.period / scale}px`,
         height: `${size.height / scale}px`,
-        pointerEvents: 'none',
         willChange: 'transform',
       });
-      layers.push(el);
+      const slots: Chunk[] = [0, 1, 2].map((i) => {
+        const el = document.createElement('canvas');
+        el.width = size.chunk;
+        el.height = size.height;
+        Object.assign(el.style, {
+          position: 'absolute',
+          bottom: '0',
+          width: `${size.chunk / scale}px`,
+          height: `${size.height / scale}px`,
+        });
+        return { el, id: i, ready: false };
+      });
+      return { spec, track, slots };
+    });
+    const doc = document;
+    built = {
+      rig,
+      layers,
+      size,
+      scale,
+      viewH: canvas.height,
+      makeCanvas: () => doc.createElement('canvas'),
+      twinkle,
+    };
+    // First view: only slot 0 of each layer, in this task. The window sees nothing else for the first
+    // fifth of a chunk's drift; slots 1 and 2 are baked in short tasks behind it.
+    if (!layers.every((l) => bake(l, l.slots[0], true))) {
+      teardownLayers();
+      return false;
     }
+    layers.forEach((l) => {
+      l.slots.forEach((c, i) => {
+        c.el.setAttribute('aria-hidden', 'true');
+        c.el.style.left = `${(i * size.chunk) / scale}px`;
+        l.track.appendChild(c.el);
+      });
+      rig.appendChild(l.track);
+      bake(l, l.slots[1], false);
+      bake(l, l.slots[2], false);
+    });
     // DOM order is paint order: farthest first, so the nearest ridge ends up on top.
-    layers.forEach((l) => parent.appendChild(l));
-    const anims = layers
-      .map((el, i) =>
-        el.animate?.(
-          [
-            { transform: 'translate3d(0,0,0)' },
-            { transform: `translate3d(${-size.period / scale}px,0,0)` },
-          ],
-          { duration: LAYERS[i].seconds * 1000, iterations: Infinity, easing: 'linear' }
-        )
-      )
-      .filter((a): a is Animation => !!a);
-    built = { layers, anims };
+    parent.appendChild(rig);
+    layers.forEach((l) => startDrift(l, rotate));
+    built.sway = startSway(rig, w, h);
+    pump();
     syncPlayState();
     return true;
   };
@@ -219,8 +515,38 @@ export function createRidgeScene(opts: RidgeOptions): Scene | null {
     !(reducedMotion?.matches ?? false) &&
     document.visibilityState === 'visible';
 
+  /** Paint the overlay at t seconds (stars away from base), or just clear it with no t (all at base). */
+  const drawTwinkle = (t?: number) => {
+    const el = built?.twinkle;
+    const ctx = el && context2d(el);
+    if (!el || !ctx) return;
+    const active = t === undefined ? [] : activeAt(field.length, t);
+    paintTwinkle(ctx, field, active, el.width, el.height, viewSize().scale);
+  };
+
+  // The same guard as the drift: not still, not disposed, not reduced motion, tab visible. Not moving
+  // stops the loop and leaves the stars steady at base brightness.
+  const twTick = (now: number) => {
+    twRaf = 0;
+    if (!moving() || !built?.twinkle) return;
+    if (now - twLast >= TWINKLE_FRAME_MS) {
+      twLast = now;
+      drawTwinkle(now / 1000);
+    }
+    twRaf = requestAnimationFrame(twTick);
+  };
+
   function syncPlayState() {
-    built?.anims.forEach((a) => (moving() ? a.play() : a.pause()));
+    const anims = built ? [built.sway, ...built.layers.map((l) => l.anim)] : [];
+    anims.forEach((a) => (moving() ? a?.play() : a?.pause()));
+    if (!built?.twinkle) return;
+    if (moving()) {
+      if (!twRaf) twRaf = requestAnimationFrame(twTick);
+    } else {
+      cancelAnimationFrame(twRaf);
+      twRaf = 0;
+      drawTwinkle();
+    }
   }
 
   /** Flatten the sky and layers into the host canvas and drop the layers: a still image, no compositor layers left. */
@@ -229,13 +555,15 @@ export function createRidgeScene(opts: RidgeOptions): Scene | null {
     still = true;
     const ctx = context2d(canvas);
     if (ctx && built) {
-      const { anims } = built;
-      built.layers.forEach((l, i) => {
-        // Freeze where the drift is, so the swap to a still does not jump.
-        const a = anims[i];
-        const t = Number(a?.currentTime ?? 0);
-        const turns = (t % (LAYERS[i].seconds * 1000)) / (LAYERS[i].seconds * 1000);
-        ctx.drawImage(l, -Math.round(turns * canvas.width), canvas.height - l.height);
+      const { size } = built;
+      built.layers.forEach((l) => {
+        // Freeze where the drift is, so the swap to a still does not jump; whatever is baked and in view.
+        const dur = chunkSeconds(l.spec, size) * 1000;
+        const p = Math.min(1, Math.max(0, Number(l.anim?.currentTime ?? 0) / dur));
+        const x = -Math.round(p * size.chunk);
+        l.slots.slice(0, 2).forEach((c, i) => {
+          if (c.ready) ctx.drawImage(c.el, x + i * size.chunk, canvas.height - size.height);
+        });
       });
     }
     teardownLayers();
@@ -279,7 +607,8 @@ export function createRidgeScene(opts: RidgeOptions): Scene | null {
     raf = requestAnimationFrame(tick);
   };
 
-  if (!build()) return null;
+  // No area yet is not a failure: the resize listener below builds once the host has one.
+  if (!build() && !hasNoArea()) return null;
   if (probe) {
     readout = document.createElement('div');
     Object.assign(readout.style, {
diff --git a/src/app/features/scene/ridge/noise.ts b/src/app/features/scene/ridge/noise.ts
index 77af507d..20d97a4d 100644
--- a/src/app/features/scene/ridge/noise.ts
+++ b/src/app/features/scene/ridge/noise.ts
@@ -1,7 +1,7 @@
-// CultMath's value noise and fbm on the CPU, in one dimension and periodic. Clean-room: the
-// algorithm is read from shaders/CultMath.glsl (`cultmath_hash`, `cultmath_value_noise`), not copied
-// from any other terrain. Doubles instead of floats, so values differ from the GLSL in the last
-// digits; nothing here has to match a shader.
+// CultMath's value noise on the CPU, in one dimension, over the whole line (no period). Clean-room:
+// the algorithm is read from shaders/CultMath.glsl (`cultmath_hash`, `cultmath_value_noise`), not
+// copied from any other terrain. Doubles instead of floats, so values differ from the GLSL in the
+// last digits; nothing here has to match a shader.
 
 const frac = (v: number): number => v - Math.floor(v);
 
@@ -12,40 +12,14 @@ export const hash2 = (x: number, y: number): number =>
 const smooth = (t: number): number => t * t * (3 - 2 * t);
 
 /**
- * `cultmath_value_noise` along row `row` of the lattice, with the lattice wrapping every `period`
- * cells: noise(x + period) === noise(x). `row` is an integer, so the vertical blend of the 2D
- * original is the identity.
+ * `cultmath_value_noise` along row `row` of the lattice, in [0, 1). `row` is an integer, so the
+ * vertical blend of the 2D original is the identity. The lattice is hashed per cell, never wrapped:
+ * a ridge is a function of world-x, with no period for the eye to find.
  */
-export function valueNoisePeriodic(x: number, row: number, period: number): number {
+export function valueNoise(x: number, row: number): number {
   const cell = Math.floor(x);
   const u = smooth(x - cell);
-  const wrap = (c: number) => ((c % period) + period) % period;
-  const a = hash2(wrap(cell), row);
-  const b = hash2(wrap(cell + 1), row);
+  const a = hash2(cell, row);
+  const b = hash2(cell + 1, row);
   return a + (b - a) * u;
 }
-
-export interface FbmShape {
-  octaves: number;
-  lacunarity: number;
-  gain: number;
-}
-
-/**
- * Fractal sum in [0, 1]. `t` runs 0..1 across one period; the first octave has `baseCells` cells
- * per period and each next one `lacunarity` times more, so `baseCells * lacunarity^k` must be an
- * integer for the sum to be periodic (checked by the caller's config, not here).
- */
-export function fbmPeriodic(t: number, row: number, baseCells: number, s: FbmShape): number {
-  let sum = 0;
-  let norm = 0;
-  let amp = 1;
-  let cells = baseCells;
-  for (let k = 0; k < s.octaves; k += 1) {
-    sum += amp * valueNoisePeriodic(t * cells, row + k * 13, cells);
-    norm += amp;
-    amp *= s.gain;
-    cells *= s.lacunarity;
-  }
-  return sum / norm;
-}
diff --git a/src/app/features/scene/ridge/ridgeBake.test.ts b/src/app/features/scene/ridge/ridgeBake.test.ts
new file mode 100644
index 00000000..7c452954
--- /dev/null
+++ b/src/app/features/scene/ridge/ridgeBake.test.ts
@@ -0,0 +1,303 @@
+import { describe, expect, it } from 'vitest';
+import { BakeParams, bakeSlice, faceLight, layerPaint, sunDirection } from './ridgeBake';
+import { LACUNARITY, LAYERS, profile } from './ridgeWorld';
+import { skyColours, SkyColours } from './skyColour';
+
+const SKY: SkyColours = { ...skyColours(), sunAzimuth: 0.3 }; // sun toward +x
+const PERIOD = 400;
+const VIEW_H = 800;
+const BAND = 480;
+
+const params = (
+  li: number,
+  px0: number,
+  cols: number,
+  over: Partial<BakeParams> = {}
+): BakeParams => ({
+  spec: LAYERS[li],
+  sky: SKY,
+  period: PERIOD,
+  scale: 1,
+  viewH: VIEW_H,
+  rows: BAND,
+  bandH: BAND,
+  px0,
+  cols,
+  ...over,
+});
+
+function bake(p: BakeParams, slices: number[] = [p.cols]): Uint8ClampedArray {
+  const out = new Uint8ClampedArray(p.cols * p.rows * 4);
+  const paint = layerPaint(p.spec, p.sky);
+  let c = 0;
+  for (const n of slices) {
+    bakeSlice(out, p, paint, c, Math.min(p.cols, c + n));
+    c += n;
+  }
+  return out;
+}
+
+const lum = (d: Uint8ClampedArray, cols: number, x: number, y: number) => {
+  const o = (y * cols + x) * 4;
+  return 0.2126 * d[o] + 0.7152 * d[o + 1] + 0.0722 * d[o + 2];
+};
+/** First row of column x whose alpha is full. */
+const solidRow = (d: Uint8ClampedArray, cols: number, x: number) => {
+  let y = 0;
+  while (y < BAND && d[(y * cols + x) * 4 + 3] < 255) y += 1;
+  return y;
+};
+
+describe('the field is a function of world-x', () => {
+  it('is deterministic, and defined and bounded at any world-x', () => {
+    for (const spec of LAYERS) {
+      for (const t of [-40.3, 0, 0.5, 17.77, 5000.123]) {
+        expect(profile(spec, t)).toBe(profile(spec, t));
+        expect(profile(spec, t)).toBeGreaterThanOrEqual(0);
+        expect(profile(spec, t)).toBeLessThanOrEqual(1);
+      }
+    }
+  });
+
+  it('has no repeat at the old period (1 viewport) or its multiples: the profile differs from itself shifted', () => {
+    for (const spec of LAYERS) {
+      for (const lag of [1, 2, 3, 0.5]) {
+        let diff = 0;
+        for (let i = 0; i < 400; i += 1)
+          diff += Math.abs(profile(spec, i / 100) - profile(spec, i / 100 + lag));
+        expect(diff / 400).toBeGreaterThan(0.04);
+      }
+    }
+  });
+
+  it('the same world column bakes to the same pixels whichever chunk or slice paints it', () => {
+    for (const li of [0, 3]) {
+      const whole = bake(params(li, 1000, 200));
+      const sliced = bake(params(li, 1000, 200), [37, 64, 1000]);
+      expect(Array.from(sliced)).toEqual(Array.from(whole));
+      // A chunk starting 120 columns later sees the same pixels for the columns it shares.
+      const shifted = bake(params(li, 1120, 80));
+      for (const x of [0, 17, 79]) {
+        for (const y of [0, 100, 300, BAND - 1]) {
+          const a = (y * 200 + 120 + x) * 4;
+          const b = (y * 80 + x) * 4;
+          expect(Array.from(shifted.slice(b, b + 4))).toEqual(Array.from(whole.slice(a, a + 4)));
+        }
+      }
+    }
+  });
+
+  it('is continuous across a chunk seam: the crest steps no more at the seam than elsewhere', () => {
+    const chunk = Math.round(PERIOD * 1.2);
+    for (const li of [0, 1, 2, 3]) {
+      const p = params(li, chunk - 40, 80);
+      const d = bake(p);
+      let worst = 0;
+      for (let x = 1; x < 80; x += 1)
+        worst = Math.max(worst, Math.abs(solidRow(d, 80, x) - solidRow(d, 80, x - 1)));
+      const seam = Math.abs(solidRow(d, 80, 40) - solidRow(d, 80, 39));
+      expect(seam).toBeLessThanOrEqual(Math.max(worst, 1));
+      // and the seam columns equal a chunk baked from the other side
+      const other = bake(params(li, chunk - 40, 80, { cols: 80 }));
+      expect(Array.from(other)).toEqual(Array.from(d));
+    }
+  });
+});
+
+describe('shading from the slope normal', () => {
+  const sun = sunDirection(SKY);
+
+  it('the sun is toward +x for azimuth 0.3', () => {
+    expect(sun[0]).toBeGreaterThan(0.5);
+  });
+
+  it('a face looking at the sun is lit more than one looking away', () => {
+    // slope < 0: the crest falls toward +x, so the face looks at +x, at the sun.
+    for (const s of [0.2, 0.6, 1.5]) expect(faceLight(-s, sun)).toBeGreaterThan(faceLight(s, sun));
+    expect(faceLight(1.5, sun)).toBeLessThan(0.2);
+    expect(faceLight(-1.5, sun)).toBeGreaterThan(0.6);
+  });
+
+  it('in the baked pixels the lit side is brighter than the shadow side', () => {
+    for (const li of [0, 1, 2]) {
+      const cols = 900;
+      const p = params(li, 0, cols);
+      const d = bake(p);
+      const slope = (x: number) => (solidRow(d, cols, x - 1) - solidRow(d, cols, x + 1)) / 2; // rows up per column
+      const litX: number[] = [];
+      const shadeX: number[] = [];
+      for (let x = 2; x < cols - 2; x += 1) {
+        if (slope(x) < -0.8) litX.push(x);
+        if (slope(x) > 0.8) shadeX.push(x);
+      }
+      expect(litX.length).toBeGreaterThan(5);
+      expect(shadeX.length).toBeGreaterThan(5);
+      const mean = (xs: number[]) =>
+        xs.reduce((a, x) => a + lum(d, cols, x, solidRow(d, cols, x) + 12), 0) / xs.length;
+      expect(mean(litX)).toBeGreaterThan(mean(shadeX));
+    }
+  });
+
+  it('a lit crest rim: the crest pixels are brighter than the face a little below, on both sides', () => {
+    for (const li of [0, 1, 2, 3]) {
+      const cols = 600;
+      const d = bake(params(li, 300, cols));
+      let rimmed = 0;
+      let n = 0;
+      for (let x = 3; x < cols - 3; x += 1) {
+        const y = solidRow(d, cols, x);
+        if (y + 40 >= BAND) continue;
+        n += 1;
+        if (lum(d, cols, x, y + 1) > lum(d, cols, x, y + 30)) rimmed += 1;
+      }
+      expect(n).toBeGreaterThan(100);
+      expect(rimmed / n).toBeGreaterThan(0.8);
+    }
+  });
+
+  it('the foot of the face is hazier than its top: it moves toward the haze colour', () => {
+    const cols = 300;
+    const p = params(0, 0, cols);
+    const d = bake(p);
+    const haze = layerPaint(p.spec, p.sky).haze;
+    const dist = (x: number, y: number) => {
+      const o = (y * cols + x) * 4;
+      return Math.hypot(d[o] - haze[0], d[o + 1] - haze[1], d[o + 2] - haze[2]);
+    };
+    let nearer = 0;
+    let n = 0;
+    for (let x = 0; x < cols; x += 1) {
+      const y = solidRow(d, cols, x);
+      if (y + 200 >= BAND) continue;
+      n += 1;
+      if (dist(x, y + 200) < dist(x, y + 20)) nearer += 1;
+    }
+    expect(n).toBeGreaterThan(50);
+    expect(nearer / n).toBeGreaterThan(0.9);
+  });
+
+  it('erosion streaks run down the face: brightness varies across columns at one depth, and not without them', () => {
+    const cols = 500;
+    const spread = (gully: number) => {
+      const d = bake(params(2, 0, cols, { spec: { ...LAYERS[2], gully } }));
+      // The same depth below the crest in every column, in the lit-independent part (gullies darken, lit is column-wise).
+      const v: number[] = [];
+      for (let x = 0; x < cols; x += 1) {
+        const y = solidRow(d, cols, x);
+        if (y + 90 < BAND) v.push(lum(d, cols, x, y + 80) / Math.max(1, lum(d, cols, x, y + 8)));
+      }
+      const m = v.reduce((a, b) => a + b, 0) / v.length;
+      return v.reduce((a, b) => a + (b - m) ** 2, 0) / v.length;
+    };
+    expect(spread(LAYERS[2].gully)).toBeGreaterThan(spread(0) * 1.2);
+  });
+});
+
+describe('bake cost', () => {
+  it('is recorded, not asserted: one chunk of every layer at 1280 x 720', () => {
+    const period = 1280;
+    const rows = Math.round(720 * 0.6);
+    const ms = LAYERS.map((spec) => {
+      const p: BakeParams = {
+        spec,
+        sky: SKY,
+        period,
+        scale: 1,
+        viewH: 720,
+        rows,
+        bandH: rows,
+        px0: 0,
+        cols: Math.round(period * 1.2),
+      };
+      const t0 = performance.now();
+      bake(p);
+      return performance.now() - t0;
+    });
+    expect(ms.every((v) => Number.isFinite(v) && v >= 0)).toBe(true);
+    console.info(
+      `ridge bake ms per layer (node, 1 chunk, 1280x720): ${ms.map((v) => v.toFixed(1)).join(' ')}`
+    );
+  });
+});
+
+describe('the ridged multifractal core, each rule on its own', () => {
+  const one = { ...LAYERS[0], octaves: 1, warp: 0, crag: 1 };
+
+  it('folds each octave at its crest: a creased, sharp ridge line, not a smooth swell', () => {
+    // Largest second difference over a fine scan. A smooth curve of this size stays in the hundreds;
+    // a fold leaves a crease where the noise crosses its midpoint.
+    const h = 1e-3;
+    let worst = 0;
+    for (let i = 1; i < 20000; i += 1) {
+      const t = i * h;
+      worst = Math.max(
+        worst,
+        Math.abs(profile(one, t + h) - 2 * profile(one, t) + profile(one, t - h)) / (h * h)
+      );
+    }
+    expect(worst).toBeGreaterThan(2000);
+  });
+
+  it('domain-warps: the same layer without its warp is a measurably different line', () => {
+    const spec = LAYERS[1];
+    let diff = 0;
+    for (let i = 0; i < 2000; i += 1)
+      diff += Math.abs(profile(spec, i / 100) - profile({ ...spec, warp: 0 }, i / 100));
+    expect(diff / 2000).toBeGreaterThan(0.02);
+  });
+
+  it('weights each octave by the previous one: where the first octave is low, the later ones add almost nothing', () => {
+    const lo = { ...LAYERS[1], octaves: 1, warp: 0 };
+    const hi = { ...LAYERS[1], octaves: 5, warp: 0 };
+    let valley = 0;
+    let nv = 0;
+    let peak = 0;
+    let np = 0;
+    for (let i = 0; i < 10000; i += 1) {
+      const a = profile(lo, i / 500);
+      const d = Math.abs(profile(hi, i / 500) - a);
+      if (a < 0.12) {
+        valley += d;
+        nv += 1;
+      } else if (a > 0.35) {
+        peak += d;
+        np += 1;
+      }
+    }
+    expect(nv).toBeGreaterThan(200);
+    expect(np).toBeGreaterThan(200);
+    expect(valley / nv).toBeLessThan(0.25 * (peak / np));
+  });
+
+  it('octave lattices do not line up: the lacunarity is not a power of two', () => {
+    expect(Number.isInteger(Math.log2(LACUNARITY))).toBe(false);
+    expect(Number.isInteger(LACUNARITY)).toBe(false);
+  });
+
+  it('distance flattens relief: contrast falls from the nearest layer to the farthest', () => {
+    const c = LAYERS.map((spec) => layerPaint(spec, SKY).contrast);
+    expect(c[LAYERS.length - 1]).toBe(1);
+    for (let i = 1; i < c.length; i += 1) expect(c[i]).toBeGreaterThan(c[i - 1]);
+    // and it shows in the pixels: the lit/shadow difference is smaller on the farthest layer than the nearest
+    const gap = (li: number) => {
+      const cols = 700;
+      const d = bake(params(li, 0, cols));
+      const slope = (x: number) => (solidRow(d, cols, x - 1) - solidRow(d, cols, x + 1)) / 2;
+      const avg = (pick: (s: number) => boolean) => {
+        const xs = Array.from({ length: cols - 4 }, (_, k) => k + 2).filter((x) => pick(slope(x)));
+        return (
+          xs.reduce((a, x) => a + lum(d, cols, x, solidRow(d, cols, x) + 12), 0) /
+          Math.max(1, xs.length)
+        );
+      };
+      return (
+        Math.abs(avg((s) => s < -0.8) - avg((s) => s > 0.8)) /
+        Math.max(
+          1,
+          avg(() => true)
+        )
+      );
+    };
+    expect(gap(0)).toBeLessThan(gap(3));
+  });
+});
diff --git a/src/app/features/scene/ridge/ridgeBake.ts b/src/app/features/scene/ridge/ridgeBake.ts
new file mode 100644
index 00000000..3d47526c
--- /dev/null
+++ b/src/app/features/scene/ridge/ridgeBake.ts
@@ -0,0 +1,139 @@
+/* eslint-disable no-param-reassign -- `bakeSlice` fills the caller's pixel buffer */
+// The pixels of a ridge chunk, as a pure function: no DOM, no canvas. Each column is lit from the
+// slope of the heightfield's crest line against the sun; the face under it takes a light-to-haze
+// gradient, erosion streaks and a lit rim on the crest. The depth treatment (colour, haze, contrast
+// by distance) is ridgeWorld's `layerColour`, `hazeColour` and `transmittance`, used here and not redone.
+import { gullyAt, LayerSpec, profile, hazeColour, layerColour, transmittance } from './ridgeWorld';
+import type { SkyColours, Srgb } from './skyColour';
+
+export type Vec3 = readonly [number, number, number];
+
+/** Unit vector toward the sun: x across the screen (from the azimuth), y up, z toward the viewer. */
+export function sunDirection(sky: SkyColours): Vec3 {
+  const az = sky.sunAzimuth ?? 0.3;
+  const x = 0.9 * Math.sin(2 * Math.PI * az);
+  const l = Math.hypot(x, 0.35, 0.45);
+  return [x / l, 0.35 / l, 0.45 / l];
+}
+
+/** How steeply the crest's slope tilts the face's normal sideways. */
+const TILT = 1.2;
+
+/**
+ * Sun light on the face under a crest whose silhouette has `slope` (rows per column, positive when the
+ * crest rises toward +x, so the face looks toward -x). 0 in full shadow .. 1 head-on to the sun.
+ */
+export function faceLight(slope: number, sun: Vec3): number {
+  const nx = -slope * TILT;
+  const inv = 1 / Math.hypot(nx, 0.55, 0.85);
+  const d = (nx * sun[0] + 0.55 * sun[1] + 0.85 * sun[2]) * inv;
+  return Math.min(1, Math.max(0, (d - 0.2) / 0.7));
+}
+
+export interface BakeParams {
+  spec: LayerSpec;
+  sky: SkyColours;
+  /** Pixels in one viewport width: the unit of world-x. */
+  period: number;
+  /** CSS px to canvas px. */
+  scale: number;
+  /** Viewport height in canvas px. */
+  viewH: number;
+  /** Rows of the pixel buffer (the band plus any padding below it). */
+  rows: number;
+  /** Row count of the visible band; the crest is measured from the top of it. */
+  bandH: number;
+  /** World pixel of the buffer's column 0 (may be fractional-free negative: a chunk's left minus its padding). */
+  px0: number;
+  /** Columns of the buffer. */
+  cols: number;
+}
+
+const clamp01 = (v: number): number => Math.min(1, Math.max(0, v));
+const smoothstep = (a: number, b: number, v: number): number => {
+  const t = clamp01((v - a) / (b - a));
+  return t * t * (3 - 2 * t);
+};
+const SUN_WHITE: Srgb = [255, 238, 205];
+
+/** Everything `bakeSlice` needs per layer, computed once. */
+export interface LayerPaint {
+  base: Srgb;
+  haze: Srgb;
+  warm: Srgb;
+  contrast: number;
+  sun: Vec3;
+}
+
+export function layerPaint(spec: LayerSpec, sky: SkyColours): LayerPaint {
+  const warm: Srgb = [
+    (sky.horizon[0] + SUN_WHITE[0]) / 2,
+    (sky.horizon[1] + SUN_WHITE[1]) / 2,
+    (sky.horizon[2] + SUN_WHITE[2]) / 2,
+  ];
+  return {
+    base: layerColour(spec, sky),
+    haze: hazeColour(sky),
+    warm,
+    // Distance flattens relief: the same transmittance that thins the colour.
+    contrast: 0.35 + 0.65 * transmittance(spec),
+    sun: sunDirection(sky),
+  };
+}
+
+/** Crest row (float, from the top of the band) of every buffer column from c0 - 1 to c1 (inclusive). */
+function crestRows(p: BakeParams, c0: number, c1: number): Float64Array {
+  const out = new Float64Array(c1 - c0 + 2);
+  const amp = p.spec.relief * p.viewH;
+  const lift = p.spec.base * p.viewH;
+  for (let c = c0 - 1; c <= c1; c += 1) {
+    const top = Math.min(p.bandH, lift + amp * profile(p.spec, (p.px0 + c) / p.period));
+    out[c - c0 + 1] = p.bandH - top;
+  }
+  return out;
+}
+
+/**
+ * Paint columns [c0, c1) of the chunk into `out` (RGBA, `p.cols` wide, `p.rows` tall, zeroed). One
+ * call is a slice of a chunk, so a caller can keep each task short. Seams are exact: a column's pixels
+ * depend only on its world pixel, never on where the slice or chunk begins.
+ */
+export function bakeSlice(
+  out: Uint8ClampedArray,
+  p: BakeParams,
+  paint: LayerPaint,
+  c0: number,
+  c1: number
+): void {
+  const { spec } = p;
+  const crest = crestRows(p, c0, c1);
+  const faceH = 0.45 * p.viewH;
+  const rim = 2.2 * p.scale;
+  const { base, haze, warm, contrast, sun } = paint;
+  for (let c = c0; c < c1; c += 1) {
+    const cy = crest[c - c0 + 1];
+    const slope = (crest[c - c0 + 2] - crest[c - c0]) * -0.5; // rows up per column
+    const lit = faceLight(slope, sun);
+    const steep = 0.45 + 0.55 * clamp01(Math.abs(slope) * 0.8);
+    const gl = gullyAt(spec, (p.px0 + c) / p.scale) * steep;
+    const y0 = Math.max(0, Math.floor(cy));
+    for (let y = y0; y < p.rows; y += 1) {
+      const d = y + 0.5 - cy;
+      const dn = clamp01(d / faceH);
+      const cover = clamp01(y + 1 - cy);
+      const gully = spec.gully * gl * smoothstep(0, 0.2, dn);
+      // Shade the ground colour by the sun; the lit warm light fades down the face and in the gullies.
+      const shade = (0.7 + 0.3 * lit * contrast + 0.3 * (1 - contrast)) * (1 - 0.5 * gully);
+      const warmK = 0.22 * contrast * lit * lit * (1 - 0.7 * dn) * (1 - 0.6 * gully);
+      const rimK = clamp01(1 - d / rim) * contrast * (0.3 + 0.7 * lit) * 0.6;
+      const mist = spec.mist * smoothstep(0, 1, dn);
+      const o = (y * p.cols + c) * 4;
+      for (let i = 0; i < 3; i += 1) {
+        let v = base[i] * shade + warm[i] * (warmK + rimK);
+        v += (haze[i] - v) * mist;
+        out[o + i] = v;
+      }
+      out[o + 3] = cover * 255;
+    }
+  }
+}
diff --git a/src/app/features/scene/ridge/ridgeWorld.ts b/src/app/features/scene/ridge/ridgeWorld.ts
index 048d1b50..569b43bd 100644
--- a/src/app/features/scene/ridge/ridgeWorld.ts
+++ b/src/app/features/scene/ridge/ridgeWorld.ts
@@ -1,39 +1,137 @@
 // Every number of the ridge scene, and the pure functions that turn them into silhouettes. No DOM.
-import { fbmPeriodic, FbmShape } from './noise';
+// A ridge is a function of world-x (t, in viewport widths): ridged multifractal noise, domain-warped,
+// one function for every layer with the parameters below. Nothing in it repeats.
+import { valueNoise } from './noise';
 import type { Srgb, SkyColours } from './skyColour';
 
 export interface LayerSpec {
   /** 0 farthest. Also the noise row, so layers never share a profile. */
   index: number;
-  /** Lattice cells across one period for the first octave; the fbm octaves scale it by `lacunarity`. */
+  /** Lattice cells per viewport width for the first octave; each octave multiplies it by LACUNARITY. */
   baseCells: number;
-  /** Peak-to-valley height of the silhouette, as a fraction of the layer band. */
+  /** Peak-to-valley height of the silhouette, as a fraction of the viewport height. */
   relief: number;
-  /** 0 hills (plain fbm) .. 1 crags (ridged: 1 - |2n - 1|). */
+  /** 0 rounded hills .. 1 sharp crags: how tightly each octave is folded at its crest. */
   crag: number;
   /** Ridge top at its lowest point, fraction of the viewport height up from the bottom. */
   base: number;
   /** 0 = the layer is the horizon haze, 1 = the nearest ground colour. */
   depth: number;
-  /** Seconds for the layer to drift one period. Farther layers are slower. */
+  /** Seconds for the layer to drift one viewport width. Farther layers are slower. */
   seconds: number;
+  /** Octaves of the ridged multifractal; the bake cost is linear in it. */
+  octaves: number;
+  /** Domain warp, in cells of the first octave. */
+  warp: number;
+  /** 0..1 depth of the erosion streaks down the face. */
+  gully: number;
+  /** Width of one gully, CSS px. */
+  gullyPx: number;
+  /** 0..1 how far the foot of the face dissolves into the valley mist. */
+  mist: number;
 }
 
-/** Four layers. `lacunarity` 2 with these base cell counts keeps every octave an integer. */
+/** Four layers: one function, four parameter rows. */
 export const LAYERS: readonly LayerSpec[] = [
-  { index: 0, baseCells: 3, relief: 0.24, crag: 0.8, base: 0.34, depth: 0.12, seconds: 420 },
-  { index: 1, baseCells: 4, relief: 0.2, crag: 0.55, base: 0.26, depth: 0.38, seconds: 300 },
-  { index: 2, baseCells: 5, relief: 0.16, crag: 0.3, base: 0.17, depth: 0.66, seconds: 210 },
-  { index: 3, baseCells: 6, relief: 0.12, crag: 0.1, base: 0.08, depth: 1, seconds: 150 },
+  {
+    index: 0,
+    baseCells: 2.2,
+    relief: 0.24,
+    crag: 0.85,
+    base: 0.34,
+    depth: 0.12,
+    seconds: 420,
+    octaves: 5,
+    warp: 0.6,
+    gully: 0.3,
+    gullyPx: 16,
+    mist: 0.35,
+  },
+  {
+    index: 1,
+    baseCells: 3.0,
+    relief: 0.2,
+    crag: 0.7,
+    base: 0.26,
+    depth: 0.38,
+    seconds: 300,
+    octaves: 5,
+    warp: 0.55,
+    gully: 0.5,
+    gullyPx: 20,
+    mist: 0.3,
+  },
+  {
+    index: 2,
+    baseCells: 3.8,
+    relief: 0.16,
+    crag: 0.5,
+    base: 0.17,
+    depth: 0.66,
+    seconds: 210,
+    octaves: 5,
+    warp: 0.5,
+    gully: 0.6,
+    gullyPx: 24,
+    mist: 0.22,
+  },
+  {
+    index: 3,
+    baseCells: 4.6,
+    relief: 0.12,
+    crag: 0.3,
+    base: 0.08,
+    depth: 1,
+    seconds: 150,
+    octaves: 4,
+    warp: 0.45,
+    gully: 0.7,
+    gullyPx: 30,
+    mist: 0.16,
+  },
 ];
 
-export const FBM: FbmShape = { octaves: 5, lacunarity: 2, gain: 0.5 };
+/** Not an integer power of two, so no octave's lattice lines up with another's. */
+export const LACUNARITY = 2.07;
+/** Each octave is weighted by the previous octave's folded signal, times this, clamped to 1. */
+export const WEIGHT_GAIN = 2;
+const AMP_GAIN = 0.5;
+/** Calibration: the weighted sum's typical top is about 1 / this. */
+const PEAK_NORM = 1.25;
 
-/** Silhouette height in [0, 1] at `t` (0..1 across one period); periodic in t. */
+/** Silhouette height in [0, 1] at world-x `t` (viewport widths); defined for every real t. */
 export function profile(spec: LayerSpec, t: number): number {
-  const n = fbmPeriodic(t, spec.index * 101, spec.baseCells, FBM);
-  const crag = 1 - Math.abs(2 * n - 1);
-  return n + (crag - n) * spec.crag;
+  const row = spec.index * 101;
+  const wt =
+    t + (spec.warp * (2 * valueNoise(t * spec.baseCells * 0.7, row + 97) - 1)) / spec.baseCells;
+  const e = 0.03 + (1 - spec.crag) * 0.4;
+  const top = Math.sqrt(1 + e * e);
+  let sum = 0;
+  let norm = 0;
+  let amp = 1;
+  let f = spec.baseCells;
+  let w = 1;
+  for (let k = 0; k < spec.octaves; k += 1) {
+    const v = 2 * valueNoise(wt * f, row + k * 13) - 1;
+    // Fold: 1 at the zero crossing of the noise, 0 at its extremes; `e` rounds the crease.
+    let sig = 1 - Math.sqrt(v * v + e * e) / top;
+    sig *= sig;
+    sig *= w;
+    w = Math.min(1, sig * WEIGHT_GAIN);
+    sum += sig * amp;
+    norm += amp;
+    amp *= AMP_GAIN;
+    f *= LACUNARITY;
+  }
+  // A soft swell under the folds, so the valleys between sharp crests are not flat floors.
+  const swell = valueNoise(wt * spec.baseCells * 0.6, row + 211);
+  return Math.min(1, 0.85 * (sum / norm) * PEAK_NORM + 0.15 * swell);
+}
+
+/** Erosion streak strength in [0, 1] at world-x `wxCss` (CSS px): a folded noise at gully width. */
+export function gullyAt(spec: LayerSpec, wxCss: number): number {
+  const g = 1 - Math.abs(2 * valueNoise(wxCss / spec.gullyPx, spec.index * 131 + 5) - 1);
+  return g * g;
 }
 
 /** The distance haze the far layers dissolve into: between the mid sky and the horizon, not the horizon glow itself. */
@@ -75,32 +173,32 @@ export function layerColour(spec: LayerSpec, sky: SkyColours): Srgb {
 export const edgeBlur = (spec: LayerSpec): number => AERIAL.blurPx * (1 - transmittance(spec));
 
 /**
- * Alpha of the warm sun-side in-scatter at `t` (0..1 across one period; periodic). Zero when the sky has
- * no sun; grows with distance, peaks at the sun's azimuth.
+ * Alpha of the warm sun-side in-scatter at world-x `t` (viewport widths). Zero when the sky has no
+ * sun; grows with distance. The lobe is the product of two cosines with incommensurate wavelengths
+ * (1.9 and 1.9 * golden ratio), so it is not periodic; its peaks are where the sun's azimuth puts them.
  */
 export function scatterAlpha(spec: LayerSpec, sky: SkyColours, t: number): number {
   if (sky.sunAzimuth === undefined) return 0;
-  const lobe = 0.5 + 0.5 * Math.cos(2 * Math.PI * (t - sky.sunAzimuth));
-  return AERIAL.scatter * (1 - transmittance(spec)) * lobe * lobe;
+  const a = 0.5 + 0.5 * Math.cos(2 * Math.PI * (t / 1.9 - sky.sunAzimuth));
+  const b = 0.75 + 0.25 * Math.cos((2 * Math.PI * t) / (1.9 * 1.618034));
+  return AERIAL.scatter * (1 - transmittance(spec)) * a * a * b;
 }
 
-/** Integer pixel sizes of a layer for a viewport: one period wide, twice that painted, so a drift of one period loops. */
+/** Chunk width as a multiple of the viewport width: room for the yaw sway on top of the viewport. */
+export const CHUNK_OVER = 1.2;
+
+/**
+ * Integer pixel sizes for a viewport. `period` is one viewport width, the unit of world-x; a chunk
+ * is `chunk` pixels of world, `height` the band a layer is painted in.
+ */
 export function layerSize(cssW: number, cssH: number, scale: number) {
   const period = Math.round(cssW * scale);
   const band = Math.round(cssH * scale * 0.6);
-  return { period, width: period * 2, height: band };
+  return { period, chunk: Math.round(period * CHUNK_OVER), height: band };
 }
 
-/** Ridge-top y (canvas pixels, from the top of the layer's band) for pixel column x. */
-export function ridgeY(
-  spec: LayerSpec,
-  x: number,
-  period: number,
-  bandH: number,
-  viewH: number
-): number {
-  const amp = spec.relief * viewH;
-  const bottomOffset = spec.base * viewH; // lowest the top sits above the viewport bottom
-  const topFromBottom = bottomOffset + amp * profile(spec, (x % period) / period);
+/** Ridge-top y (canvas pixels, from the top of the layer's band) at world-x `t` (viewport widths). */
+export function ridgeY(spec: LayerSpec, t: number, bandH: number, viewH: number): number {
+  const topFromBottom = spec.base * viewH + spec.relief * viewH * profile(spec, t);
   return bandH - Math.min(bandH, topFromBottom);
 }
diff --git a/src/app/features/scene/ridge/skyColour.ts b/src/app/features/scene/ridge/skyColour.ts
index 326fe66d..7917d89e 100644
--- a/src/app/features/scene/ridge/skyColour.ts
+++ b/src/app/features/scene/ridge/skyColour.ts
@@ -1,7 +1,8 @@
 // The one place the sky's colours come from. Void's `src/sky/sun.js` (`light({ time, lat, lon,
 // cloud_cover, precipitation })`, PR #20) is the intended source; until it lands this returns a
-// fixed dusk drawn from GameCult's nebula inputs (see ../palette.ts). Replace the body, keep the
-// signature: the scene calls it once, at startup, and bakes the result.
+// fixed twilight: lavender zenith, rose mid-sky, orange horizon. These are the raw stops: the scene draws them
+// shaped into the dusk band of ../skyBand.ts (`ridgeSkyFor`, skyForState.ts), whose floor the link of Noonday Sky needs. Replace the body, keep the signature: the scene calls it once, at startup,
+// and bakes the result.
 
 export type Srgb = readonly [number, number, number];
 
@@ -20,9 +21,9 @@ export interface SkyColours {
 
 export function skyColours(_now: Date = new Date()): SkyColours {
   return {
-    top: [24, 30, 78],
-    mid: [78, 66, 150],
-    horizon: [226, 130, 74],
+    top: [170, 145, 220],
+    mid: [225, 130, 165],
+    horizon: [240, 150, 80],
     ground: [7, 17, 26],
     sunAzimuth: 0.3,
   };
diff --git a/src/app/features/scene/ridge/stars.test.ts b/src/app/features/scene/ridge/stars.test.ts
new file mode 100644
index 00000000..e14f2a7c
--- /dev/null
+++ b/src/app/features/scene/ridge/stars.test.ts
@@ -0,0 +1,186 @@
+/* eslint-disable no-restricted-syntax, no-continue -- test loops over sample times */
+import { describe, expect, it } from 'vitest';
+import { skyColours } from './skyColour';
+import {
+  MAX_STARS,
+  NIGHT_LUMA,
+  SLOTS,
+  TWINKLE_GAIN,
+  TWINKLE_PERIOD,
+  activeAt,
+  makeStars,
+  skyLuma,
+  slotCount,
+  slotOffset,
+  slotPeriod,
+  starCount,
+  twinkleGain,
+} from './stars';
+
+const DAY = {
+  ...skyColours(),
+  top: [96, 150, 220],
+  mid: [150, 190, 235],
+  horizon: [240, 215, 190],
+} as const;
+const NIGHT = {
+  ...skyColours(),
+  top: [10, 14, 40],
+  mid: [30, 34, 80],
+  horizon: [60, 50, 90],
+} as const;
+const N = makeStars(NIGHT, 390, 844).length;
+
+function hash2(a: number, b: number) {
+  return ((a * 7919 + b * 104729) % 1000) / 1000;
+}
+
+describe('star placement', () => {
+  it('is deterministic: the same sky and size give the identical field', () => {
+    expect(makeStars(NIGHT, 390, 844)).toEqual(makeStars(NIGHT, 390, 844));
+    expect(makeStars(skyColours(), 390, 844)).toEqual(makeStars(skyColours(), 390, 844));
+  });
+
+  it('draws none in a day sky or the lavender dusk, and some in a night one', () => {
+    expect(makeStars(DAY, 390, 844)).toHaveLength(0);
+    expect(makeStars(skyColours(), 390, 844)).toHaveLength(0);
+    expect(makeStars(NIGHT, 390, 844).length).toBeGreaterThan(50);
+  });
+
+  it('is a few hundred at most: bounded by MAX_STARS and by the viewport', () => {
+    for (const [w, h] of [
+      [390, 844],
+      [1920, 1080],
+      [100, 100],
+    ] as const) {
+      expect(makeStars(NIGHT, w, h).length).toBeLessThanOrEqual(starCount(w, h));
+      expect(starCount(w, h)).toBeLessThanOrEqual(MAX_STARS);
+    }
+    expect(N).toBeGreaterThan(150);
+  });
+
+  it('thins toward the horizon: more than twice the stars in the top third than the bottom third of the sky', () => {
+    const all = makeStars(NIGHT, 390, 844);
+    expect(all.filter((s) => s.y < 0.26).length).toBeGreaterThan(
+      2 * all.filter((s) => s.y > 0.52).length
+    );
+  });
+
+  it('fades with the sky: every star sits where the sky is dark, alpha within bounds', () => {
+    for (const s of makeStars(NIGHT, 390, 844)) {
+      expect(skyLuma(NIGHT, s.y)).toBeLessThan(NIGHT_LUMA);
+      expect(s.alpha).toBeLessThanOrEqual(0.9);
+      expect(s.alpha).toBeGreaterThanOrEqual(0.05);
+    }
+  });
+
+  it('varies in size and brightness', () => {
+    const all = makeStars(NIGHT, 390, 844);
+    expect(new Set(all.map((s) => s.r.toFixed(2))).size).toBeGreaterThan(50);
+    expect(
+      Math.max(...all.map((s) => s.alpha)) - Math.min(...all.map((s) => s.alpha))
+    ).toBeGreaterThan(0.3);
+  });
+});
+
+describe('twinkle schedule', () => {
+  const times = Array.from({ length: 400 }, (_, i) => i * 0.37);
+
+  it('is a pure function of (seed, time): same t, same set and values', () => {
+    for (const t of [0, 0.4, 13.7, 3599.9]) expect(activeAt(N, t)).toEqual(activeAt(N, t));
+  });
+
+  it('the set is SLOTS stars at every sampled time (inside 24..48), never more than the field has', () => {
+    expect(SLOTS).toBeGreaterThanOrEqual(24);
+    expect(SLOTS).toBeLessThanOrEqual(48);
+    for (const t of times) expect(activeAt(N, t)).toHaveLength(SLOTS);
+    expect(activeAt(10, 5)).toHaveLength(10);
+    expect(slotCount(10)).toBe(10);
+    expect(activeAt(0, 5)).toHaveLength(0);
+  });
+
+  it('no star is twice in the set at one instant, and every index is a real star', () => {
+    for (const t of times) {
+      const ids = activeAt(N, t).map((a) => a.star);
+      expect(new Set(ids).size).toBe(ids.length);
+      ids.forEach((i) => expect(i >= 0 && i < N).toBe(true));
+    }
+  });
+
+  it("periods are each slot's own, within 2..7 s, and the offsets differ", () => {
+    for (let j = 0; j < SLOTS; j += 1) {
+      expect(slotPeriod(j)).toBeGreaterThanOrEqual(TWINKLE_PERIOD.min);
+      expect(slotPeriod(j)).toBeLessThanOrEqual(TWINKLE_PERIOD.max);
+    }
+    expect(new Set(Array.from({ length: SLOTS }, (_, j) => slotPeriod(j))).size).toBe(SLOTS);
+    expect(new Set(Array.from({ length: SLOTS }, (_, j) => slotOffset(j))).size).toBe(SLOTS);
+    for (const a of activeAt(N, 100)) expect(a.period).toBeCloseTo(slotPeriod(a.slot), 12);
+  });
+
+  it('over an hour every star twinkles at least once', () => {
+    const seen = new Set<number>();
+    for (let t = 0; t < 3600; t += 1) for (const a of activeAt(N, t + 0.5)) seen.add(a.star);
+    expect(seen.size).toBe(N);
+  });
+
+  it('a star joins at its base brightness and leaves at exactly base, with no pop', () => {
+    const seed = { flip: false, ripple: 3, phase: 1 };
+    expect(twinkleGain(0, seed)).toBe(1);
+    expect(twinkleGain(1, seed)).toBe(1);
+    for (const flip of [true, false])
+      for (const e of [1e-4, 1 - 1e-4])
+        expect(Math.abs(twinkleGain(e, { ...seed, flip }) - 1)).toBeLessThan(0.01);
+    // through the schedule: the instant a twinkle ends the slot is on a new star's first instant, at gain 1
+    for (let j = 0; j < SLOTS; j += 1) {
+      const end = slotOffset(j) + 40 * slotPeriod(j);
+      const at = activeAt(N, end).find((a) => a.slot === j)!;
+      expect(at.gain).toBeCloseTo(1, 9);
+    }
+  });
+
+  it('the star that joins is never the one that just left', () => {
+    for (let j = 0; j < SLOTS; j += 1) {
+      let prev = -1;
+      for (let k = 0; k < 300; k += 1) {
+        const t = slotOffset(j) + (k + 0.5) * slotPeriod(j);
+        const { star } = activeAt(N, t).find((a) => a.slot === j)!;
+        expect(star).not.toBe(prev);
+        prev = star;
+      }
+    }
+  });
+
+  it('joins never coincide: every (slot, cycle) start over an hour is distinct', () => {
+    const starts: number[] = [];
+    for (let j = 0; j < SLOTS; j += 1)
+      for (let k = 0; slotOffset(j) + k * slotPeriod(j) < 3600; k += 1)
+        starts.push(slotOffset(j) + k * slotPeriod(j));
+    starts.sort((a, b) => a - b);
+    let min = Infinity;
+    for (let i = 1; i < starts.length; i += 1) min = Math.min(min, starts[i] - starts[i - 1]);
+    expect(min).toBeGreaterThan(0);
+    console.log(`joins/hour ${starts.length}, min gap between joins ${(min * 1000).toFixed(3)} ms`);
+  });
+
+  it('dims deeper than it brightens, within 0.35x..1.15x', () => {
+    let lo = Infinity;
+    let hi = -Infinity;
+    for (let j = 0; j < 20; j += 1)
+      for (let k = 0; k < 20; k += 1) {
+        const seed = { flip: hash2(j, k) < 0.5, ripple: 2 + (k % 2), phase: j + k };
+        for (let i = 0; i <= 200; i += 1) {
+          const g = twinkleGain(i / 200, seed);
+          lo = Math.min(lo, g);
+          hi = Math.max(hi, g);
+        }
+      }
+    expect(lo).toBeGreaterThanOrEqual(TWINKLE_GAIN.dim - 1e-9);
+    expect(hi).toBeLessThanOrEqual(TWINKLE_GAIN.bright + 1e-9);
+    expect(1 - lo).toBeGreaterThan(2 * (hi - 1));
+  });
+
+  it('stars outside the set are steady: only the active ones have a gain to apply', () => {
+    const inSet = new Set(activeAt(N, 50).map((a) => a.star));
+    expect(inSet.size).toBeLessThan(N / 4);
+  });
+});
diff --git a/src/app/features/scene/ridge/stars.ts b/src/app/features/scene/ridge/stars.ts
new file mode 100644
index 00000000..0e6d2628
--- /dev/null
+++ b/src/app/features/scene/ridge/stars.ts
@@ -0,0 +1,249 @@
+// The Midnight starfield: placed once from a seeded PRNG and baked once into the sky canvas. A
+// rolling window of them twinkles on an overlay canvas: SLOTS slots, each running back-to-back
+// twinkles of one star at a time, so the active set is always SLOTS stars and every star gets its turn.
+// The schedule is a pure function of (seed, time): no state accumulates and no Math.random runs
+// after the field is built, so any instant maps straight to the active set and its brightnesses.
+
+/* eslint-disable no-bitwise -- the seeded PRNG and hash are 32-bit integer arithmetic */
+import type { SkyColours, Srgb } from './skyColour';
+
+/**
+ * Stars show when the sky behind them is darker than this sRGB luma (0..255). The ridge scene has
+ * no night flag (the sky theme's Midnight/Noonday is a body class chosen by the app, not seen here),
+ * so night is the sky's own darkness: a star's alpha is 1 - luma/NIGHT_LUMA at its height in the
+ * gradient, and a sky whose zenith is lighter than this gets no stars at all.
+ */
+export const NIGHT_LUMA = 110;
+/** The sky gradient runs from the top (0) through mid (0.5) to the horizon glow (0.78 and below). */
+export const SKY_STOPS = { mid: 0.5, horizon: 0.78 };
+export const MAX_STARS = 400;
+/** Twinkling stars at any instant (fewer only if the field has fewer stars). */
+export const SLOTS = 32;
+export const TWINKLE_PERIOD = { min: 2, max: 7 } as const;
+/** Gain at the dimmest and brightest swing: dimming goes deeper than brightening. */
+export const TWINKLE_GAIN = { dim: 0.35, bright: 1.15 } as const;
+const SEED = 0x57a45eed;
+
+export interface Star {
+  /** Position as fractions of the sky canvas width and height. */
+  x: number;
+  y: number;
+  /** Radius in CSS px. */
+  r: number;
+  /** Base alpha 0..0.9 (brightness times how dark the sky is there). */
+  alpha: number;
+  /** CSS colour, white tinted blue or warm. */
+  fill: string;
+  /** The sky gradient's colour at this height: dimming paints it over the baked star. */
+  cover: string;
+}
+
+const luma = (c: Srgb) => 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
+const lerp = (a: number, b: number, t: number) => a + (b - a) * t;
+
+/** The baked gradient's colour at fraction t of the canvas height (the canvas interpolates in sRGB). */
+function skyAt(sky: SkyColours, t: number): Srgb {
+  const mix = (a: Srgb, b: Srgb, k: number): Srgb => [
+    Math.round(lerp(a[0], b[0], k)),
+    Math.round(lerp(a[1], b[1], k)),
+    Math.round(lerp(a[2], b[2], k)),
+  ];
+  if (t <= SKY_STOPS.mid) return mix(sky.top, sky.mid, t / SKY_STOPS.mid);
+  if (t <= SKY_STOPS.horizon)
+    return mix(sky.mid, sky.horizon, (t - SKY_STOPS.mid) / (SKY_STOPS.horizon - SKY_STOPS.mid));
+  return sky.horizon;
+}
+
+export const skyLuma = (sky: SkyColours, t: number): number => luma(skyAt(sky, t));
+export const isNight = (sky: SkyColours): boolean => luma(sky.top) < NIGHT_LUMA;
+
+/** mulberry32: 32-bit seeded PRNG, one float in [0, 1) per call. */
+function prng(seed: number) {
+  let a = seed >>> 0;
+  return () => {
+    a = (a + 0x6d2b79f5) >>> 0;
+    let t = a;
+    t = Math.imul(t ^ (t >>> 15), t | 1);
+    t ^= t + Math.imul(t ^ (t >>> 7), t | 61);
+    return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+  };
+}
+
+/** Stateless seeded hash of up to three integers to [0, 1). */
+export function hash(a: number, b = 0, c = 0): number {
+  let h = Math.imul(a | 0, 0x9e3779b1) ^ SEED;
+  h = Math.imul(h ^ (h >>> 15) ^ Math.imul(b | 0, 0x85ebca6b), 0xc2b2ae35);
+  h = Math.imul(h ^ (h >>> 13) ^ Math.imul(c | 0, 0x27d4eb2f), 0x165667b1);
+  h ^= h >>> 16;
+  return (h >>> 0) / 4294967296;
+}
+
+/** How many stars a viewport carries: about one per 1100 CSS px squared, 150..MAX_STARS. */
+export const starCount = (cssW: number, cssH: number): number =>
+  Math.min(MAX_STARS, Math.max(150, Math.round((cssW * cssH) / 1100)));
+
+/**
+ * Seeded placement. Each candidate draws all its random numbers whether it is kept or not, so a
+ * given seed and sky always give the same field and the prefix does not shift with the count.
+ * Heights are squeezed toward the zenith (y = 0.78 u^1.7) and alpha falls with the sky's luma, so
+ * the stars thin out and fade into the horizon glow. None for a day sky.
+ */
+export function makeStars(sky: SkyColours, cssW: number, cssH: number): Star[] {
+  if (!isNight(sky)) return [];
+  const rnd = prng(SEED);
+  const n = starCount(cssW, cssH);
+  // Every candidate draws all its numbers, kept or not, so the prefix is stable.
+  const candidates = Array.from({ length: MAX_STARS }, () => ({
+    x: rnd(),
+    y: SKY_STOPS.horizon * rnd() ** 1.7,
+    r: 0.35 + 1.0 * rnd() ** 4,
+    bright: 0.35 + 0.65 * rnd() ** 1.5,
+    tint: rnd(),
+  })).slice(0, n);
+  return candidates.flatMap(({ x, y, r, bright, tint }) => {
+    const alpha = Math.min(0.9, bright * Math.max(0, 1 - skyLuma(sky, y) / NIGHT_LUMA));
+    if (alpha < 0.05) return [];
+    // White, pulled toward blue or toward warm by the tint draw.
+    const to: Srgb = tint < 0.5 ? [165, 195, 255] : [255, 222, 185];
+    const k = 0.55 * Math.abs(tint - 0.5) * 2;
+    const c = [255, 255, 255].map((v, j) => Math.round(lerp(v, to[j], k)));
+    const s = skyAt(sky, y);
+    return [
+      {
+        x,
+        y,
+        r,
+        alpha,
+        fill: `rgb(${c[0]},${c[1]},${c[2]})`,
+        cover: `rgb(${s[0]},${s[1]},${s[2]})`,
+      },
+    ];
+  });
+}
+
+// ---- The schedule ---------------------------------------------------------------------------
+
+export const slotCount = (stars: number): number => Math.min(SLOTS, stars);
+/** A slot's twinkle period in seconds: its own, in TWINKLE_PERIOD. */
+export const slotPeriod = (j: number): number =>
+  TWINKLE_PERIOD.min + (TWINKLE_PERIOD.max - TWINKLE_PERIOD.min) * hash(j, 1);
+/** A slot's phase: seconds into its first cycle at t = 0. */
+export const slotOffset = (j: number): number => hash(j, 2) * slotPeriod(j);
+
+/** Stars in slot j are those with index = j (mod slots), `m` of them; no star is in two slots. */
+const partitionSize = (stars: number, slots: number, j: number): number =>
+  Math.floor((stars - 1 - j) / slots) + 1;
+
+/** The k-th star slot j twinkles: epochs of a seeded shuffle of its partition, never repeating across the seam. */
+function partitionPick(stars: number, slots: number, j: number, k: number): number {
+  const m = partitionSize(stars, slots, j);
+  const shuffled = (e: number) => {
+    const order = Array.from({ length: m }, (_, q) => q).sort(
+      (a, b) => hash(j, e, a + 10) - hash(j, e, b + 10) || a - b
+    );
+    return order;
+  };
+  const e = Math.floor(k / m);
+  const order = shuffled(e);
+  if (m > 1 && order[0] === shuffled(e - 1)[m - 1]) [order[0], order[1]] = [order[1], order[0]];
+  return j + slots * order[k - e * m];
+}
+
+/**
+ * Brightness multiplier at fraction u of one twinkle (0..1): exactly 1 at both ends, so a star
+ * joins and leaves at its base brightness. One swing, a little unrelated shimmer, and the
+ * asymmetric map below: dimming goes to TWINKLE_GAIN.dim, brightening only to .bright.
+ */
+export function twinkleGain(
+  u: number,
+  seed: { flip: boolean; ripple: number; phase: number }
+): number {
+  if (u <= 0 || u >= 1) return 1;
+  const main = Math.sin(2 * Math.PI * u) * (seed.flip ? -1 : 1);
+  const shimmer = Math.sin(2 * Math.PI * seed.ripple * u + seed.phase) * Math.sin(Math.PI * u);
+  const s = Math.max(-1, Math.min(1, 0.85 * main + 0.15 * shimmer));
+  return s >= 0 ? 1 + (TWINKLE_GAIN.bright - 1) * s : 1 + (1 - TWINKLE_GAIN.dim) * s;
+}
+
+export interface Twinkling {
+  slot: number;
+  star: number;
+  /** Seconds since this twinkle started, and its length. */
+  start: number;
+  period: number;
+  gain: number;
+}
+
+/** The active set at time `t` seconds for a field of `stars` stars, in slot order. */
+export function activeAt(stars: number, t: number): Twinkling[] {
+  const slots = slotCount(stars);
+  return Array.from({ length: slots }, (_, j) => {
+    const period = slotPeriod(j);
+    const off = slotOffset(j);
+    const k = Math.floor((t - off) / period);
+    const start = off + k * period;
+    const seed = {
+      flip: hash(j, k, 3) < 0.5,
+      ripple: 2 + Math.floor(hash(j, k, 4) * 2),
+      phase: 2 * Math.PI * hash(j, k, 5),
+    };
+    return {
+      slot: j,
+      star: partitionPick(stars, slots, j, k),
+      start,
+      period,
+      gain: twinkleGain((t - start) / period, seed),
+    };
+  });
+}
+
+// ---- Drawing --------------------------------------------------------------------------------
+
+/** Bake `stars` into `ctx` (canvas `w` x `h` device px, `scale` device px per CSS px) at base alpha. */
+export function drawStars(
+  ctx: CanvasRenderingContext2D,
+  stars: readonly Star[],
+  w: number,
+  h: number,
+  scale: number
+) {
+  stars.forEach((s) => {
+    ctx.globalAlpha = s.alpha;
+    ctx.fillStyle = s.fill;
+    ctx.beginPath();
+    ctx.arc(s.x * w, s.y * h, s.r * scale, 0, 2 * Math.PI);
+    ctx.fill();
+  });
+  ctx.globalAlpha = 1;
+}
+
+/**
+ * The overlay pass: clear, then for each active star whose gain is off base, paint over the baked
+ * star. Dimming covers it with the sky's own colour at (1 - gain), which leaves exactly
+ * alpha * gain of the star; brightening adds a second star on top. A star at base draws nothing.
+ */
+export function drawTwinkle(
+  ctx: CanvasRenderingContext2D,
+  stars: readonly Star[],
+  active: readonly Twinkling[],
+  w: number,
+  h: number,
+  scale: number
+) {
+  ctx.clearRect(0, 0, w, h);
+  active.forEach((a) => {
+    const s = stars[a.star];
+    if (!s || Math.abs(a.gain - 1) < 0.01) return;
+    if (a.gain < 1) {
+      ctx.globalAlpha = 1 - a.gain;
+      ctx.fillStyle = s.cover;
+    } else {
+      ctx.globalAlpha = Math.min(1, ((a.gain - 1) * s.alpha) / (1 - s.alpha));
+      ctx.fillStyle = s.fill;
+    }
+    ctx.beginPath();
+    ctx.arc(s.x * w, s.y * h, s.r * scale + (a.gain < 1 ? 1 : 0), 0, 2 * Math.PI);
+    ctx.fill();
+  });
+  ctx.globalAlpha = 1;
+}
diff --git a/src/app/features/scene/sceneButtons.css.ts b/src/app/features/scene/sceneButtons.css.ts
new file mode 100644
index 00000000..5c96e71b
--- /dev/null
+++ b/src/app/features/scene/sceneButtons.css.ts
@@ -0,0 +1,32 @@
+import { globalStyle } from '@vanilla-extract/css';
+
+// Meta, 2026-11-10: "buttons are big and ugly, too, they don't need chrome either". Over the scene a folds Button or
+// Chip is its label in the page's ink, with a faint wash on hover and focus. Menus and dialogs (#portalContainer) keep
+// folds' look. The selectors are folds' hashed recipe base classes (Button epr39zd, Chip _1bv8u1w6).
+const scene = ':root[data-scene] #root';
+const controls = [`${scene} .epr39zd`, `${scene} ._1bv8u1w6`].join(', ');
+globalStyle(controls, {
+  backgroundColor: 'transparent',
+  boxShadow: 'none',
+  border: 'none',
+  color: 'inherit',
+});
+globalStyle(
+  [
+    `${scene} .epr39zd:hover`,
+    `${scene} .epr39zd:focus-visible`,
+    `${scene} ._1bv8u1w6:hover`,
+    `${scene} ._1bv8u1w6:focus-visible`,
+  ].join(', '),
+  { backgroundColor: 'color-mix(in srgb, currentColor 12%, transparent)' }
+);
+// A visible keyboard focus ring in the control's own ink, on top of the hover wash.
+globalStyle([`${scene} .epr39zd:focus-visible`, `${scene} ._1bv8u1w6:focus-visible`].join(', '), {
+  outline: '2px solid currentColor',
+  outlineOffset: '2px',
+});
+globalStyle(`${scene} .epr39zd`, {
+  fontWeight: 700,
+  textDecoration: 'underline',
+  textUnderlineOffset: '0.25em',
+});
diff --git a/src/app/features/scene/sceneStyle.ts b/src/app/features/scene/sceneStyle.ts
new file mode 100644
index 00000000..7c31233e
--- /dev/null
+++ b/src/app/features/scene/sceneStyle.ts
@@ -0,0 +1,28 @@
+// Temporary: which background the viewer picked (terrain or ridges), kept in one localStorage key so the two scenes we
+// serve can be compared on any device. Absent, the client config's backgroundScene.style decides.
+import type { SceneStyle } from './tier';
+
+export type ServedSceneStyle = Extract<SceneStyle, 'terrain' | 'ridge'>;
+export const SERVED_SCENE_STYLES: readonly ServedSceneStyle[] = ['terrain', 'ridge'];
+export const SCENE_STYLE_KEY = 'ratatoskr.sceneStyle';
+
+export function getSceneStyleOverride(): ServedSceneStyle | undefined {
+  try {
+    const v = localStorage.getItem(SCENE_STYLE_KEY);
+    return SERVED_SCENE_STYLES.includes(v as ServedSceneStyle)
+      ? (v as ServedSceneStyle)
+      : undefined;
+  } catch {
+    return undefined;
+  }
+}
+
+/** Store the pick and reload, so the scene host mounts the other scene from a clean page. */
+export function setSceneStyle(s: ServedSceneStyle): void {
+  try {
+    localStorage.setItem(SCENE_STYLE_KEY, s);
+  } catch {
+    return;
+  }
+  window.location.reload();
+}
diff --git a/src/app/features/scene/shaders/sdf.glsl b/src/app/features/scene/shaders/sdf.glsl
index 95e96bc2..fd5e6363 100644
--- a/src/app/features/scene/shaders/sdf.glsl
+++ b/src/app/features/scene/shaders/sdf.glsl
@@ -44,10 +44,10 @@ vec3 terrainNormal(vec2 xz)
     vec2 dir = r > 0.0 ? xz / r : vec2(0.0);
     vec4 fg = cultmath_fbm_grad(vec3(xz * W_FREQ, 0.0), W_OCTAVES, W_LACUNARITY, W_GAIN);
     float f = fg.w;
-    vec2 g = m * W_AMP * W_FREQ * fg.xz + dm * W_AMP * f * dir;
+    vec2 g = m * W_AMP * W_FREQ * fg.xy + dm * W_AMP * f * dir;
 #if W_ERODE_ENABLED
     CultPhasor ph = terrainPhacelle(xz);
-    g += m * W_ERODE_AMP * W_ERODE_FREQ * ph.cos.xz + dm * W_ERODE_AMP * ph.cos.w * dir;
+    g += m * W_ERODE_AMP * W_ERODE_FREQ * ph.cos.xy + dm * W_ERODE_AMP * ph.cos.w * dir;
 #endif
     return normalize(vec3(-g.x, 1.0, -g.y));
 }
diff --git a/src/app/features/scene/skyBand.test.ts b/src/app/features/scene/skyBand.test.ts
new file mode 100644
index 00000000..e38f676a
--- /dev/null
+++ b/src/app/features/scene/skyBand.test.ts
@@ -0,0 +1,83 @@
+import { describe, expect, it } from 'vitest';
+import { displayedLuminance, hexToLinear, luma, shapeToBand, SKY_BAND } from './skyBand';
+import type { Linear } from './skyBand';
+import { GRID_FRAG, SHAPE_SKY_GLSL, SKY_FRAG } from './terrain/terrainShaders';
+
+const near = (a: number, b: number) => Math.abs(a - b) < 1e-9;
+
+describe('shapeToBand', () => {
+  const dark: Linear = [0.02, 0.05, 0.2]; // a deep blue
+  const { day } = SKY_BAND;
+
+  it('lifts a sky below the floor onto the floor, mixing toward the tint so the hue is kept', () => {
+    const c = shapeToBand(dark, day);
+    expect(near(luma(c), day.floor)).toBe(true);
+    // Between the sky and the tint on every channel: a mix, not a grey clamp.
+    [0, 1, 2].forEach((i) => {
+      expect(c[i]).toBeGreaterThanOrEqual(Math.min(dark[i], day.lift[i]));
+      expect(c[i]).toBeLessThanOrEqual(Math.max(dark[i], day.lift[i]));
+    });
+    expect(c[2]).toBeGreaterThan(c[0]); // still blue
+  });
+
+  it('lifts black to the tint scaled in, not to grey', () => {
+    const c = shapeToBand([0, 0, 0], SKY_BAND.dusk);
+    expect(near(luma(c), SKY_BAND.dusk.floor)).toBe(true);
+    expect(c[2]).toBeGreaterThan(c[0]); // the dusk tint is Day's pale blue
+  });
+
+  it('leaves a sky already in the band as it is, and is continuous at the floor', () => {
+    const ok: Linear = [0.5, 0.6, 0.7];
+    expect(shapeToBand(ok, day)).toEqual(ok);
+    const lo = shapeToBand([0.31, 0.31, 0.31], day);
+    const below = shapeToBand([0.3099, 0.3099, 0.3099], day);
+    expect(Math.abs(lo[0] - below[0])).toBeLessThan(1e-3);
+  });
+
+  it('scales a sky above the ceiling down to it, keeping its hue', () => {
+    const c = shapeToBand([0.9, 0.8, 1], SKY_BAND.night);
+    expect(near(luma(c), SKY_BAND.night.ceiling)).toBe(true);
+    expect(near(c[0] / c[2], 0.9)).toBe(true);
+  });
+
+  it('clamps to 0..1 as the screen does, and never leaves the band when shaped twice', () => {
+    expect(shapeToBand([4, 4, 4], day)).toEqual([1, 1, 1]);
+    const once = shapeToBand(dark, day);
+    shapeToBand(once, day).forEach((v, i) => expect(v).toBeCloseTo(once[i], 12));
+  });
+});
+
+describe('the bands', () => {
+  it('have a tint above the floor to lift toward', () => {
+    Object.values(SKY_BAND).forEach((b) => expect(luma(b.lift)).toBeGreaterThan(b.floor));
+  });
+
+  it('keep the floor above the 0.2983 text bound by what gamma 2.2, 8-bit rounding and dither can take', () => {
+    const grey = shapeToBand([0, 0, 0], SKY_BAND.day);
+    const shown = displayedLuminance(grey, 'low');
+    expect(shown).toBeGreaterThanOrEqual(0.2983);
+    expect(shown).toBeLessThan(SKY_BAND.day.floor);
+  });
+
+  it('decode hex as linear light', () => {
+    expect(hexToLinear('#ffffff')).toEqual([1, 1, 1]);
+  });
+});
+
+describe('the GLSL twin', () => {
+  it('shapes with the same arithmetic: clamp, luma weights, mix to the floor, scale to the ceiling', () => {
+    expect(SHAPE_SKY_GLSL).toContain('c = clamp(c, 0.0, 1.0);');
+    expect(SHAPE_SKY_GLSL).toContain('const vec3 LUMA = vec3(0.2126, 0.7152, 0.0722);');
+    expect(SHAPE_SKY_GLSL).toContain(
+      'if (l < uBand.x) return mix(c, uLift, (uBand.x - l) / (dot(uLift, LUMA) - l));'
+    );
+    expect(SHAPE_SKY_GLSL).toContain('if (l > uBand.y) return c * (uBand.y / l);');
+  });
+
+  it('is applied to the sky colour in both shaders that draw it, the sky pass and the haze that fades into it', () => {
+    [SKY_FRAG, GRID_FRAG].forEach((src) => {
+      expect(src).toContain(SHAPE_SKY_GLSL);
+      expect(src).toMatch(/return shapeSky\(1\.0 - exp\(-45\.0 \* skyScatter\(d\)\)/);
+    });
+  });
+});
diff --git a/src/app/features/scene/skyBand.ts b/src/app/features/scene/skyBand.ts
new file mode 100644
index 00000000..a74784b3
--- /dev/null
+++ b/src/app/features/scene/skyBand.ts
@@ -0,0 +1,90 @@
+// The luminance band each fixed sky state's drawn sky is shaped into, so the state's theme ink
+// clears 4.5:1 on bare sky (WCAG relative luminance, the `luminance` of src/sky/skyTokens.js).
+//
+//   day        Noonday Sky's dark text ink #342d25 (L 0.0274) needs a backdrop of at least 0.2983.
+//              The floor is that text bound (0.30 as drawn); there is no ceiling, dark ink on light is fine.
+//   dusk       The same ink, and its link #2a4f27 (L 0.0623), which needs a backdrop of at least 0.4554. The floor is
+//              the link bound (0.4744 as drawn), so text clears 4.5:1 with room (6.6) and the link clears too.
+//   night      Midnight Sky's light text ink #aeccff (L 0.594) needs a backdrop of at most 0.0931.
+//              The baked night sky (0.058 to 0.077) is kept; the ceiling is the bound.
+//
+// Night's link ink is not part of the band: see skyTheme.ts.
+//
+// The terrain sky is a physical scatter function, so it is shaped downstream, on its final colour:
+// `shapeToBand` here, and its GLSL twin (`SHAPE_SKY_GLSL`) in terrain/terrainShaders.ts, built from the
+// same constants. The ridge sky is a three-stop gradient whose stops are chosen inside the band
+// (ridge/skyColour.ts, skyForState.ts), and its test sweeps the blends.
+export type FixedSkyState = 'day' | 'dusk' | 'night';
+export type Linear = readonly [number, number, number];
+
+/** WCAG luma weights, applied to linear RGB. */
+export const LUMA: Linear = [0.2126, 0.7152, 0.0722];
+export const luma = (c: Linear): number => LUMA[0] * c[0] + LUMA[1] * c[1] + LUMA[2] * c[2];
+
+/** sRGB hex `#rrggbb` to linear RGB 0..1. */
+export function hexToLinear(hex: string): Linear {
+  const ch = (at: number) => {
+    const s = parseInt(hex.slice(at, at + 2), 16) / 255;
+    return s <= 0.04045 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
+  };
+  return [ch(1), ch(3), ch(5)];
+}
+
+/** How a displayed colour is read: as encoded, or moved one 8-bit step down or up in every channel ('low', 'high'). */
+export type Reading = 'exact' | 'low' | 'high';
+
+/**
+ * Relative luminance of what the terrain shaders put on screen for a linear colour: they encode with
+ * pow(1/2.2), not the sRGB curve, so the screen colour is read back through the sRGB curve. 'low' and 'high' move every
+ * encoded channel one 8-bit step down or up first: rounding to 8 bits (half a step) plus the sky pass's dither (half a
+ * step) cannot move a channel further, so they bound what the screen shows. A smooth bound, so a search can climb it.
+ */
+export function displayedLuminance(c: Linear, reading: Reading = 'exact'): number {
+  const shift = { exact: 0, low: -1 / 255, high: 1 / 255 }[reading];
+  const ch = (v: number) => {
+    const e = Math.min(1, Math.max(0, Math.min(1, Math.max(0, v)) ** (1 / 2.2) + shift));
+    return e <= 0.04045 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
+  };
+  return luma([ch(c[0]), ch(c[1]), ch(c[2])]);
+}
+
+export interface SkyBand {
+  /** Linear luma the shaped colour is at least (0: no floor). */
+  floor: number;
+  /** Linear luma the shaped colour is at most (1: no ceiling). */
+  ceiling: number;
+  /** The colour a too-dark sky is mixed toward: the state's own tint, so the hue survives the lift. Its luma is above `floor`. */
+  lift: Linear;
+}
+
+/**
+ * The shaping targets, in linear luma. Day's floor sits 0.019 above the text bound (0.2983), Dusk's 0.019 above the link
+ * bound (0.4554), which skyForState.test.ts derives from the ink and ties to these: the screen encoding is
+ * gamma 2.2, which reads about 0.006 darker through the sRGB curve at this level, and 8-bit rounding with the sky
+ * pass's dither at its worst (one step in every channel) takes about 0.007 more. The night ceiling is lower than the text bound
+ * (0.0931) by more than that: 0.077394 is the luma at which one step up reads 0.08164, the lightest the baked night sky shows
+ * (skyState.ts), so a sky the page URL steers at night, scaled down to the ceiling, cannot show lighter than the baked one.
+ */
+export const SKY_BAND: Record<FixedSkyState, SkyBand> = {
+  day: { floor: 0.317, ceiling: 1, lift: hexToLinear('#e2f4ff') },
+  // Dusk lifts toward Day's pale blue rather than a rose: mixing a third of the sky toward rose washed the twilight pink, and
+  // a rose lighter than the floor shifts hues by 47 to 72 degrees where Day's tint shifts them by 18 (measured, PR body).
+  dusk: { floor: 0.4744, ceiling: 1, lift: hexToLinear('#e2f4ff') },
+  night: { floor: 0, ceiling: 0.077394, lift: hexToLinear('#5a6a9a') },
+};
+
+/**
+ * Shape a linear sky colour into the band. Below the floor it mixes toward `lift` by exactly the amount
+ * that lands on the floor (continuous at the floor, hue kept); above the ceiling it scales down to the
+ * ceiling. The colour is clamped to 0..1 first, as the screen does.
+ */
+export function shapeToBand(c: Linear, band: SkyBand): Linear {
+  const k = [0, 1, 2].map((i) => Math.min(1, Math.max(0, c[i]))) as unknown as Linear;
+  const l = luma(k);
+  if (l < band.floor) {
+    const t = (band.floor - l) / (luma(band.lift) - l);
+    return [0, 1, 2].map((i) => k[i] + (band.lift[i] - k[i]) * t) as unknown as Linear;
+  }
+  if (l > band.ceiling) return [0, 1, 2].map((i) => (k[i] * band.ceiling) / l) as unknown as Linear;
+  return k;
+}
diff --git a/src/app/features/scene/skyForState.test.ts b/src/app/features/scene/skyForState.test.ts
new file mode 100644
index 00000000..a8199b1b
--- /dev/null
+++ b/src/app/features/scene/skyForState.test.ts
@@ -0,0 +1,357 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { atStandardTime } from './standardTime.testkit';
+import { baked } from '../../../sky/baked';
+import { AA, luminance } from '../../../sky/skyTokens.js';
+import { skyColours } from './ridge/skyColour';
+import { chooseSky, skyColour } from './terrain/terrainSky';
+import {
+  DUSK_SUN_ELEVATION,
+  TERRAIN_REACH_DEG,
+  ridgeDrawn,
+  ridgeSkyFor,
+  terrainDrawn,
+  terrainSkyFor,
+} from './skyForState';
+import { displayedLuminance, luma, shapeToBand, SKY_BAND } from './skyBand';
+import type { FixedSkyState } from './skyBand';
+import { setSkyClock, skyBackdrop } from './skyState';
+import { view } from './terrain/terrainWorld';
+import { skyThemeId } from './skyTheme';
+
+const hex = (c: readonly number[]) => `#${c.map((v) => v.toString(16).padStart(2, '0')).join('')}`;
+const EPS = 1e-9;
+const STATES = ['day', 'dusk', 'night'] as const;
+const SKY = { 'midnight-sky': baked.midnight, 'noonday-sky': baked.noonday } as const;
+
+/**
+ * The band each state needs, from the ink itself: dark ink needs a backdrop of at least
+ * AA * (L + 0.05) - 0.05, light ink at most (L + 0.05) / AA - 0.05. Day 0.2983, night 0.0931; dusk is bound by its
+ * link (0.4554), the darker ink to clear, whose floor also holds the text.
+ */
+const needs = (state: FixedSkyState) => {
+  const sky = SKY[skyThemeId(state)];
+  const l = luminance(sky.tokens.Background.OnContainer);
+  const link = luminance(sky.link);
+  return state === 'night'
+    ? { floor: 0, ceiling: (l + 0.05) / AA - 0.05 }
+    : { floor: AA * ((state === 'dusk' ? link : l) + 0.05) - 0.05, ceiling: 1 };
+};
+
+let search = '';
+beforeEach(() => {
+  search = '';
+  vi.stubGlobal('window', {
+    get location() {
+      return { search };
+    },
+  });
+});
+afterEach(() => {
+  setSkyClock();
+  vi.unstubAllGlobals();
+});
+
+describe('the bands the text ink needs', () => {
+  it('are the numbers the shaping was set from', () => {
+    expect(needs('day').floor).toBeCloseTo(0.2983, 3);
+    expect(needs('dusk').floor).toBeCloseTo(0.4554, 3);
+    expect(needs('night').ceiling).toBeCloseTo(0.0931, 3);
+  });
+
+  // The drawn floor and the lift are tied to those bounds, not to themselves: nudge either constant and this fails.
+  it('give Dusk a floor 0.019 above the link bound (as Day has above the text bound) and a lift Day shares', () => {
+    expect(SKY_BAND.dusk.floor).toBeCloseTo(needs('dusk').floor + 0.019, 4);
+    expect(SKY_BAND.day.floor).toBeCloseTo(needs('day').floor + 0.019, 3);
+    expect(SKY_BAND.dusk.lift).toEqual(SKY_BAND.day.lift);
+    expect(luma(SKY_BAND.dusk.lift)).toBeGreaterThan(SKY_BAND.dusk.floor);
+  });
+
+  it.each(['day', 'dusk'] as const)(
+    '%s: the darkest the shaping can show reads at the bound and under the floor',
+    (state) => {
+      const shown = displayedLuminance(shapeToBand([0, 0, 0], SKY_BAND[state]), 'low');
+      expect(shown).toBeGreaterThanOrEqual(needs(state).floor);
+      expect(shown).toBeLessThan(SKY_BAND[state].floor);
+    }
+  );
+});
+
+describe('ridgeSkyFor', () => {
+  it('draws the gradient of the sky auto resolves to, never nothing', () => {
+    setSkyClock(() => atStandardTime(12, 0));
+    expect(ridgeSkyFor('auto')).toEqual(ridgeSkyFor('day'));
+    setSkyClock(() => atStandardTime(0, 0));
+    expect(ridgeSkyFor('auto')).toEqual(ridgeSkyFor('night'));
+    setSkyClock(() => atStandardTime(18, 10));
+    expect(ridgeSkyFor('auto')).toEqual(ridgeSkyFor('dusk'));
+  });
+
+  it('draws a lavender, rose and orange twilight for dusk', () => {
+    const d = ridgeSkyFor('dusk');
+    expect(d.ground).toEqual(skyColours().ground);
+    const [t, m, h] = [d.top, d.mid, d.horizon];
+    expect(t[2]).toBeGreaterThan(t[1]); // lavender: blue over green
+    expect(t[0]).toBeGreaterThan(t[1]);
+    expect(m[0]).toBeGreaterThan(m[2]); // rose: red over blue
+    expect(m[2]).toBeGreaterThan(m[1]);
+    expect(h[0]).toBeGreaterThan(h[1]); // orange: red over green over blue
+    expect(h[1]).toBeGreaterThan(h[2]);
+  });
+
+  it('draws the baked gradients for day and night', () => {
+    const day = ridgeSkyFor('day');
+    const night = ridgeSkyFor('night');
+    expect(hex(day.top)).toBe(baked.noonday.gradient[0]);
+    expect(hex(day.horizon)).toBe(baked.noonday.gradient[6]);
+    expect(hex(night.top)).toBe(baked.midnight.gradient[0]);
+    expect(hex(night.horizon)).toBe(baked.midnight.gradient[6]);
+  });
+
+  it.each(STATES)('%s: every stop and blend lies in the band its text ink needs', (state) => {
+    const { floor, ceiling } = needs(state);
+    const r = ridgeDrawn(state);
+    expect(r.darkest).toBeGreaterThanOrEqual(floor);
+    expect(r.lightest).toBeLessThanOrEqual(ceiling);
+  });
+});
+
+// Not the generator's grid: a golden-angle spiral over the upper sphere (no shared rows or columns)
+// plus a 0.05 degree grid across the sun, five times finer than the generator's.
+const dirAt = (el: number, az: number): [number, number, number] => {
+  const rad = Math.PI / 180;
+  return [
+    Math.cos(el * rad) * Math.sin(az * rad),
+    Math.sin(el * rad),
+    -Math.cos(el * rad) * Math.cos(az * rad),
+  ];
+};
+/** Over the sweep: the darkest the 8-bit screen can show (dither at its worst), the lightest, and the darkest as encoded. */
+const sweepOf = (sky: ReturnType<typeof chooseSky>, N = 4000, maxEl = TERRAIN_REACH_DEG) => {
+  const rad = Math.PI / 180;
+  const out = { low: Infinity, high: -Infinity, exactMin: Infinity };
+  const see = (el: number, az: number) => {
+    const c = skyColour(sky, dirAt(el, az));
+    out.low = Math.min(out.low, displayedLuminance(c, 'low'));
+    out.high = Math.max(out.high, displayedLuminance(c, 'high'));
+    out.exactMin = Math.min(out.exactMin, displayedLuminance(c));
+  };
+  for (let i = 0; i < N; i += 1) {
+    const y = ((i + 0.5) / N) * Math.sin(maxEl * rad); // sin(elevation): uniform from the horizon to maxEl
+    see(Math.asin(y) / rad, (i * 137.50776405) % 360);
+  }
+  for (let dEl = -3; dEl <= 3; dEl += 0.05) {
+    for (let dAz = -3; dAz <= 3; dAz += 0.05) {
+      see(Math.min(maxEl, Math.max(0, sky.elevation + dEl)), sky.azimuth + dAz);
+    }
+  }
+  return out;
+};
+
+describe('the terrain camera reach', () => {
+  it('covers the highest ray the frozen camera sees, at any aspect, with a small margin', () => {
+    const tanHalf = Math.tan((55 * Math.PI) / 360);
+    const tops = [0.4, 0.5, 1, 16 / 9, 2.4].flatMap((aspect) =>
+      [0, 0.125, 0.25, 0.5, 0.75].flatMap((turns) => {
+        const v = view(aspect, turns);
+        return [-1, 0, 1].map((nx) => {
+          const d = [0, 1, 2].map(
+            (i) => v.forward[i] + nx * tanHalf * aspect * v.right[i] + tanHalf * v.up[i]
+          );
+          return (Math.asin(d[1] / Math.hypot(d[0], d[1], d[2])) * 180) / Math.PI;
+        });
+      })
+    );
+    const top = Math.max(...tops);
+    expect(top).toBeCloseTo(14.5, 1);
+    expect(TERRAIN_REACH_DEG).toBeGreaterThanOrEqual(top);
+    expect(TERRAIN_REACH_DEG - top).toBeLessThan(2);
+  });
+});
+
+describe('terrainSkyFor', () => {
+  it('draws the sky auto resolves to, with that state band', () => {
+    setSkyClock(() => atStandardTime(12, 0));
+    expect(terrainSkyFor('auto')).toEqual(terrainSkyFor('day'));
+    setSkyClock(() => atStandardTime(0, 0));
+    expect(terrainSkyFor('auto')).toEqual(terrainSkyFor('night'));
+  });
+
+  it('lets the page URL steer auto, shaped into the band of the state the clock resolves to', () => {
+    setSkyClock(() => atStandardTime(0, 0)); // night
+    search = '?sun=30&az=120';
+    expect(terrainSkyFor('auto')).toEqual({
+      sun: { elevation: 30, azimuth: 120 },
+      band: SKY_BAND.night,
+    });
+    search = '?sky=noonday';
+    expect(terrainSkyFor('auto')).toEqual({ sky: 'noonday', band: SKY_BAND.night });
+    search = '?sky=garbage';
+    expect(terrainSkyFor('auto')).toEqual(terrainSkyFor('night'));
+    setSkyClock(() => atStandardTime(18, 10)); // dusk, URL azimuth honoured
+    search = '?sun=2&az=250';
+    expect(terrainSkyFor('auto').sun).toEqual({ elevation: 2, azimuth: 250 });
+  });
+
+  it('keeps a URL-chosen sun inside the band of the resolved state', () => {
+    setSkyClock(() => atStandardTime(12, 0)); // day: floor
+    search = '?sun=-30';
+    const day = sweepOf(chooseSky(terrainSkyFor('auto')));
+    expect(day.low).toBeGreaterThanOrEqual(needs('day').floor);
+    setSkyClock(() => atStandardTime(0, 0)); // night: ceiling
+    search = '?sun=60';
+    const night = sweepOf(chooseSky(terrainSkyFor('auto')));
+    expect(night.high).toBeLessThanOrEqual(needs('night').ceiling);
+  });
+
+  it('keeps a URL-steered sky at night no lighter than the Night backdrop the text was checked against', () => {
+    setSkyClock(() => atStandardTime(0, 0));
+    ['?sun=60', '?sun=10&az=40', '?sun=2&az=250', '?sky=noonday'].forEach((q) => {
+      search = q;
+      expect(terrainDrawn('auto').lightest).toBeLessThanOrEqual(skyBackdrop('night').lightest);
+    });
+  });
+
+  it('lets an explicit state beat the URL, as before auto had one', () => {
+    search = '?sun=30&az=120&sky=midnight';
+    expect(terrainSkyFor('day')).toEqual({ sky: 'noonday', band: SKY_BAND.day });
+    expect(terrainSkyFor('dusk').sun).toEqual({ elevation: DUSK_SUN_ELEVATION });
+  });
+
+  it('names the baked sky for day and night, and a low sun for dusk, each with its band', () => {
+    expect(terrainSkyFor('day')).toEqual({ sky: 'noonday', band: SKY_BAND.day });
+    expect(terrainSkyFor('night')).toEqual({ sky: 'midnight', band: SKY_BAND.night });
+    expect(terrainSkyFor('dusk')).toEqual({
+      sun: { elevation: DUSK_SUN_ELEVATION },
+      band: SKY_BAND.dusk,
+    });
+  });
+});
+
+describe('the terrain sky lies in the band its text ink needs', () => {
+  const sweep = (state: FixedSkyState) => sweepOf(chooseSky(terrainSkyFor(state)));
+
+  it('dusk needs its lift: the scatter sky alone dips below the text bound within the reach', () => {
+    const { sun } = terrainSkyFor('dusk');
+    expect(sweepOf(chooseSky({ sun })).exactMin).toBeLessThan(needs('dusk').floor - 0.02);
+    expect(sweep('dusk').low).toBeGreaterThanOrEqual(needs('dusk').floor);
+  });
+
+  it.each(STATES)('%s', (state) => {
+    const { floor, ceiling } = needs(state);
+    const l = sweep(state);
+    expect(l.low).toBeGreaterThanOrEqual(floor);
+    expect(l.high).toBeLessThanOrEqual(ceiling);
+  });
+
+  it.each(STATES)('%s holds for a sun at any elevation, as ?sun= can put it', (state) => {
+    const { floor, ceiling } = needs(state);
+    for (let e = -90; e <= 90; e += 10) {
+      const l = sweepOf(chooseSky({ sun: { elevation: e }, band: SKY_BAND[state] }), 4000, 90);
+      expect(l.low).toBeGreaterThanOrEqual(floor);
+      expect(l.high).toBeLessThanOrEqual(ceiling);
+    }
+  });
+
+  it('and the terrain dusk still reaches the sun glow the ridge dusk does not', () => {
+    expect(skyBackdrop('dusk').lightest).toBeGreaterThan(0.9);
+  });
+});
+
+describe('skyBackdrop holds the union of what the scenes draw', () => {
+  // An independent extremum of the screen reading ('low' for the darkest, 'high' for the lightest: one 8-bit step each way) over the terrain camera's reach: not terrainDrawn's grid and compass search but alternating golden-section
+  // line searches in elevation and azimuth from 60 starts (a golden-angle spiral and scatter about the sun), the bracket
+  // shrinking to 1e-3 degrees. A plateau (the shader clamps) cannot stall it: each line search always
+  // moves to the better end of its bracket.
+  const extremes = (state: FixedSkyState) => {
+    const sky = chooseSky(terrainSkyFor(state));
+    const rad = Math.PI / 180;
+    const f = (el: number, az: number, reading: 'low' | 'high') => {
+      const e = Math.min(TERRAIN_REACH_DEG, Math.max(0, el)) * rad;
+      const a = az * rad;
+      return displayedLuminance(
+        skyColour(sky, [Math.cos(e) * Math.sin(a), Math.sin(e), -Math.cos(e) * Math.cos(a)]),
+        reading
+      );
+    };
+    const P = 0.6180339887;
+    const line = (g: (x: number) => number, mid: number, w: number) => {
+      let a = mid - w;
+      let b = mid + w;
+      for (let k = 0; k < 40; k += 1) {
+        const c = b - P * (b - a);
+        const d = a + P * (b - a);
+        if (g(c) > g(d)) b = d;
+        else a = c;
+      }
+      return (a + b) / 2;
+    };
+    const hunt = (sign: 1 | -1) => {
+      const reading = sign === 1 ? 'high' : 'low';
+      let best = -Infinity;
+      for (let i = 0; i < 60; i += 1) {
+        let el =
+          i % 2
+            ? sky.elevation + (((i * 7919) % 1600) - 800) / 100
+            : Math.asin(((i + 0.5) / 60) * Math.sin(TERRAIN_REACH_DEG * rad)) / rad;
+        let az =
+          i % 2 ? sky.azimuth + (((i * 104729) % 1600) - 800) / 100 : (i * 137.50776405) % 360;
+        for (let w = 8; w > 1e-3; w /= 2) {
+          const [el0, az0] = [el, az];
+          el = line((x) => sign * f(Math.max(0, x), az0, reading), el0, w);
+          const el1 = el;
+          az = line((x) => sign * f(el1, x, reading), az0, w);
+          best = Math.max(best, sign * f(el, az, reading));
+        }
+      }
+      return sign * best;
+    };
+    return { darkest: hunt(-1), lightest: hunt(1) };
+  };
+
+  // At night a sky the page URL steers (?sun= ?sky=) is shaped to the band's ceiling, so the lightest it can show is one
+  // 8-bit step above the ceiling's own grey: the Night constant must cover it too, or text is checked against a sky
+  // lighter than the one it sits on.
+  const steeredNight = displayedLuminance(
+    [SKY_BAND.night.ceiling, SKY_BAND.night.ceiling, SKY_BAND.night.ceiling],
+    'high'
+  );
+
+  const computed = (state: FixedSkyState) => {
+    const r = [ridgeDrawn(state), terrainDrawn(state)];
+    const ind = extremes(state);
+    return {
+      darkest: Math.min(...r.map((x) => x.darkest), ind.darkest),
+      lightest: Math.max(
+        ...r.map((x) => x.lightest),
+        ind.lightest,
+        ...(state === 'night' ? [steeredNight] : [])
+      ),
+    };
+  };
+
+  // The constants are the swept extremes rounded outward to six places, so each lies in [extreme, extreme + 1e-6):
+  // a constant 1e-6 low is under the extreme, one 2e-5 high is over the bound. SEARCH is the searches' own error.
+  const SEARCH = 1e-8;
+  it.each(STATES)(
+    '%s: the constant is the swept extreme rounded outward, within 1e-6 above it',
+    (state) => {
+      const c = computed(state);
+      const b = skyBackdrop(state);
+      expect(b.darkest).toBeLessThanOrEqual(c.darkest);
+      expect(b.lightest).toBeGreaterThanOrEqual(c.lightest);
+      expect(c.darkest - b.darkest).toBeLessThan(1e-6 + SEARCH);
+      expect(b.lightest - c.lightest).toBeLessThan(1e-6 + SEARCH);
+    }
+  );
+
+  it.each(STATES)('%s: an independent sweep, no looser than 5e-4 from the constant', (state) => {
+    // The sweep is not the generator's grid (see above), so it cannot share its blind spots.
+    const l = sweepOf(chooseSky(terrainSkyFor(state)), 20000);
+    const b = skyBackdrop(state);
+    const r = ridgeDrawn(state);
+    expect(l.low).toBeGreaterThanOrEqual(b.darkest - EPS);
+    expect(l.high).toBeLessThanOrEqual(b.lightest + EPS);
+    expect(b.lightest - Math.max(l.high, r.lightest)).toBeLessThan(5e-4);
+    expect(Math.min(l.low, r.darkest) - b.darkest).toBeLessThan(5e-4);
+  });
+});
diff --git a/src/app/features/scene/skyForState.ts b/src/app/features/scene/skyForState.ts
new file mode 100644
index 00000000..71e07ca6
--- /dev/null
+++ b/src/app/features/scene/skyForState.ts
@@ -0,0 +1,193 @@
+// What each scene is told for a sky state. 'auto' is a choice, not a sky: both functions draw the sky it
+// resolves to (`resolveSkyState`, the clock), so every scene paints one of day, dusk or night. Each is drawn
+// inside that state's luminance band (skyBand.ts): the ridge sky from gradients whose stops and blends lie in
+// it, the terrain sky shaped into it downstream of the scatter function. `skyBackdrop` bounds what comes out,
+// and the login text was checked against that bound.
+import { baked } from '../../../sky/baked';
+import { chooseSky, skyColour, urlSky } from './terrain/terrainSky';
+import type { SkyName } from './terrain/terrainSky';
+import type { SkyColours, Srgb } from './ridge/skyColour';
+import { skyColours } from './ridge/skyColour';
+import { resolveSkyState } from './skyState';
+import type { SkyState } from './skyState';
+import { displayedLuminance, hexToLinear, shapeToBand, SKY_BAND } from './skyBand';
+import type { SkyBand } from './skyBand';
+import { luminance } from '../../../sky/skyTokens.js';
+import { CAMERA } from './terrain/terrainWorld';
+
+const rgbHex = (c: Srgb) => `#${c.map((v) => v.toString(16).padStart(2, '0')).join('')}`;
+
+const rgb = (hex: string): Srgb =>
+  [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)) as unknown as Srgb;
+
+const fromGradient = (g: readonly string[], ground: Srgb): SkyColours => ({
+  top: rgb(g[0]),
+  mid: rgb(g[Math.floor(g.length / 2)]),
+  horizon: rgb(g[g.length - 1]),
+  ground,
+});
+
+/** Sun elevation in degrees for the terrain's dusk: just above the horizon, between the two bakes (as `?sun=` puts it). */
+export const DUSK_SUN_ELEVATION = 2;
+
+const toByte = (v: number): number =>
+  Math.round(255 * (v <= 0.0031308 ? 12.92 * v : 1.055 * v ** (1 / 2.4) - 0.055));
+
+/** A stop moved into the state's band, the way the terrain sky is (`shapeToBand`), through the sRGB curve the canvas draws with. */
+const inBand = (c: Srgb, band: SkyBand): Srgb =>
+  shapeToBand(hexToLinear(rgbHex(c)), band).map(toByte) as unknown as Srgb;
+
+/** The ridge scene's `sky` option: the gradient of the state's sky ('auto': of the sky it resolves to). Dusk's twilight stops are shaped into its band. */
+export function ridgeSkyFor(state: SkyState): SkyColours {
+  const { ground } = skyColours();
+  switch (resolveSkyState(state)) {
+    case 'dusk': {
+      const twilight = skyColours();
+      const band = SKY_BAND.dusk;
+      return {
+        ...twilight,
+        top: inBand(twilight.top, band),
+        mid: inBand(twilight.mid, band),
+        horizon: inBand(twilight.horizon, band),
+      };
+    }
+    case 'day':
+      return fromGradient(baked.noonday.gradient, ground);
+    default:
+      return fromGradient(baked.midnight.gradient, ground);
+  }
+}
+
+/**
+ * The terrain scene's `sky`, `sun` and `band` options. An explicit state draws its own sky and ignores the URL. 'auto'
+ * draws the sky it resolves to, unless the page URL steers (`?sun=` `?az=` `?sky=`, see `urlSky`): then the URL's sky,
+ * shaped into the band of the state the clock resolves to, which keeps any sun the URL picks inside that band.
+ */
+export function terrainSkyFor(state: SkyState): {
+  sky?: SkyName;
+  sun?: { elevation: number; azimuth?: number };
+  band: SkyBand;
+} {
+  const fixed = resolveSkyState(state);
+  const band = SKY_BAND[fixed];
+  if (state === 'auto') {
+    const url = urlSky();
+    if (url) return { ...url, band };
+  }
+  switch (fixed) {
+    case 'day':
+      return { sky: 'noonday', band };
+    case 'night':
+      return { sky: 'midnight', band };
+    default:
+      return { sun: { elevation: DUSK_SUN_ELEVATION }, band };
+  }
+}
+
+/** Relative luminance (WCAG) of the darkest and lightest colour a scene can draw. */
+export interface Range {
+  readonly darkest: number;
+  readonly lightest: number;
+}
+
+/**
+ * The ridge sky's range: its top, middle and horizon stops and the blends between them (the canvas interpolates
+ * encoded sRGB, and luminance is convex in it, so a blend can be darker than both ends: each stop pair is sampled).
+ */
+export function ridgeDrawn(state: SkyState): Range {
+  const { top, mid, horizon } = ridgeSkyFor(state);
+  const l: number[] = [];
+  [
+    [top, mid],
+    [mid, horizon],
+    [top, horizon],
+  ].forEach(([a, b]) => {
+    for (let k = 0; k <= 100; k += 1) {
+      l.push(
+        luminance(
+          rgbHex(a.map((v, i) => Math.round(v + ((b[i] - v) * k) / 100)) as unknown as Srgb)
+        )
+      );
+    }
+  });
+  return { darkest: Math.min(...l), lightest: Math.max(...l) };
+}
+
+/**
+ * How high the terrain camera can see, in degrees of elevation: it is frozen at a downward pitch and only turns
+ * (no pull-back), so the top edge of its view, at the centre column, is the pitch down subtracted from half the
+ * field of view (14.5 degrees; off-centre columns look lower). Plus a 1.5 degree margin. The terrain's range is
+ * over 0 to this, all azimuths, not the whole upper sphere; below the horizon the sky is the horizon's colour.
+ */
+export const TERRAIN_REACH_DEG = Math.ceil((CAMERA.fov / 2 - CAMERA.pitch) * (180 / Math.PI) + 1.5);
+
+const SAMPLE_DEG = 3;
+const SUN_DEG = 0.1;
+const SUN_SPAN_DEG = 8;
+const HORIZON_DEG = 0.5;
+const REFINE_FROM = 6;
+
+/**
+ * The terrain sky's range as the 8-bit screen shows it (`displayedLuminance`, read 'low' for the darkest and 'high' for the
+ * lightest: one 8-bit step each way, rounding and dither at their worst): `skyColour` (the CPU twin of its sky shader) over the part of the sky the camera reaches
+ * (0 to TERRAIN_REACH_DEG, every azimuth: it turns), for the sky the scene picks for this state. A 3 degree grid, a 0.5 degree
+ * ring of the horizon, the top of the reach and a 0.25 degree patch around the sun find where the extremes are; each of the
+ * best few is then refined by a compass search whose step halves from 1 degree to under 5e-7, because the sun's glow peaks
+ * (and the sky's darkest patch sits) between any fixed grid's samples.
+ */
+export function terrainDrawn(state: SkyState): Range {
+  const sky = chooseSky(terrainSkyFor(state));
+  const rad = Math.PI / 180;
+  type Point = { el: number; az: number; read: number; score: number };
+  const extreme = (reading: 'low' | 'high', sign: 1 | -1): number => {
+    const point = (el: number, az: number): Point => {
+      const e = Math.min(TERRAIN_REACH_DEG, Math.max(0, el)) * rad;
+      const a = az * rad;
+      const c = skyColour(sky, [
+        Math.cos(e) * Math.sin(a),
+        Math.sin(e),
+        -Math.cos(e) * Math.cos(a),
+      ]);
+      const read = displayedLuminance(c, reading);
+      return { el, az, read, score: read };
+    };
+    const seen: Point[] = [];
+    const at = (el: number, az: number) => seen.push(point(el, az));
+    for (let el = 0; el <= TERRAIN_REACH_DEG; el += SAMPLE_DEG) {
+      for (let az = 0; az < 360; az += SAMPLE_DEG) at(el, az);
+    }
+    for (let az = 0; az < 360; az += HORIZON_DEG) at(0, az);
+    at(TERRAIN_REACH_DEG, 0);
+    for (let dEl = -SUN_SPAN_DEG; dEl <= SUN_SPAN_DEG; dEl += SUN_DEG) {
+      for (let dAz = -SUN_SPAN_DEG; dAz <= SUN_SPAN_DEG; dAz += SUN_DEG) {
+        at(sky.elevation + dEl, sky.azimuth + dAz);
+      }
+    }
+    const around = (p: Point, step: number): Point[] =>
+      [
+        [step, 0],
+        [-step, 0],
+        [0, step],
+        [0, -step],
+      ].map(([dEl, dAz]) =>
+        point(Math.min(TERRAIN_REACH_DEG, Math.max(0, p.el + dEl)), p.az + dAz)
+      );
+    const refine = (from: Point) => {
+      let best = from;
+      for (let step = 1; step > 5e-7; step /= 2) {
+        let improved = true;
+        while (improved) {
+          const cur = best;
+          best = around(cur, step).reduce((b, c) => (sign * c.score > sign * b.score ? c : b), cur);
+          improved = best !== cur;
+        }
+      }
+      return best.read;
+    };
+    const ranked = [...seen].sort((p, q) => sign * (q.score - p.score));
+    return sign === 1
+      ? Math.max(ranked[0].read, ...ranked.slice(0, REFINE_FROM).map(refine))
+      : Math.min(ranked[0].read, ...ranked.slice(0, REFINE_FROM).map(refine));
+  };
+  return { darkest: extreme('low', -1), lightest: extreme('high', 1) };
+}
diff --git a/src/app/features/scene/skyInk.test.ts b/src/app/features/scene/skyInk.test.ts
new file mode 100644
index 00000000..3a583090
--- /dev/null
+++ b/src/app/features/scene/skyInk.test.ts
@@ -0,0 +1,204 @@
+import chroma from 'chroma-js';
+import { describe, expect, it } from 'vitest';
+import { baked } from '../../../sky/baked';
+import { AA, NIGHT_SKY_LIGHTEST, luminance } from '../../../sky/skyTokens.js';
+import { indexColorMXID } from '../../../util/colorMXID';
+import type { FixedSkyState } from './skyBand';
+import {
+  LIGHTEST_PATCH,
+  NIGHT_INK_MAX_L,
+  NOTICE_GROUND,
+  inkForState,
+  labelInk,
+  noticeInk,
+  sceneInk,
+  userColorInk,
+} from './skyInk';
+import { sceneThemeId } from './skyTheme';
+
+// Every name colour the client can show over the scene, per state and viewport: Aqua's key colour #22d3e6 as
+// accessibleColor leaves it (Lab L capped to 50 on a light theme: #00889a; unchanged on a dark one: #22d3e6), and
+// the eight hash hues of the theme the state wears (noonday for day and dusk, midnight for night). Columns: name,
+// state, phone, colour in, ink out. Aqua's day and dusk rows are the values measured in
+// ratatoskr-sidebar-contrast-20261110/results.md (T4): #05707f, #016a78, #055763, #03454f, and #43e5f8 at night.
+const TABLE: Array<[string, FixedSkyState, boolean, string, string]> = [
+  ['aqua', 'day', false, '#00889a', '#05707f'],
+  ['aqua', 'day', true, '#00889a', '#016a78'],
+  ['aqua', 'dusk', false, '#00889a', '#055763'],
+  ['aqua', 'dusk', true, '#00889a', '#03454f'],
+  ['aqua', 'night', false, '#22d3e6', '#43e5f8'],
+  ['aqua', 'night', true, '#22d3e6', '#87f1ff'],
+  ['hash1', 'day', false, '#2b4675', '#2b4675'],
+  ['hash1', 'day', true, '#2b4675', '#2b4675'],
+  ['hash1', 'dusk', false, '#2b4675', '#2b4675'],
+  ['hash1', 'dusk', true, '#2b4675', '#233e6c'],
+  ['hash1', 'night', false, '#4683ff', '#bcd3ff'],
+  ['hash1', 'night', true, '#4683ff', '#cbddfe'],
+  ['hash2', 'day', false, '#5d366d', '#5d366d'],
+  ['hash2', 'day', true, '#5d366d', '#5d366d'],
+  ['hash2', 'dusk', false, '#5d366d', '#5d366d'],
+  ['hash2', 'dusk', true, '#5d366d', '#562f66'],
+  ['hash2', 'night', false, '#986fff', '#d4cbfe'],
+  ['hash2', 'night', true, '#986fff', '#ded7fe'],
+  ['hash3', 'day', false, '#214e3e', '#214e3e'],
+  ['hash3', 'day', true, '#214e3e', '#214e3e'],
+  ['hash3', 'dusk', false, '#214e3e', '#214e3e'],
+  ['hash3', 'dusk', true, '#214e3e', '#184636'],
+  ['hash3', 'night', false, '#3893b1', '#86defe'],
+  ['hash3', 'night', true, '#3893b1', '#ace8ff'],
+  ['hash4', 'day', false, '#6d334a', '#6d334a'],
+  ['hash4', 'day', true, '#6d334a', '#6d334a'],
+  ['hash4', 'dusk', false, '#6d334a', '#6d334a'],
+  ['hash4', 'dusk', true, '#6d334a', '#652c43'],
+  ['hash4', 'night', false, '#b26adc', '#e8c7fe'],
+  ['hash4', 'night', true, '#b26adc', '#edd2ff'],
+  ['hash5', 'day', false, '#5f401d', '#5f401d'],
+  ['hash5', 'day', true, '#5f401d', '#5f401d'],
+  ['hash5', 'dusk', false, '#5f401d', '#5f401d'],
+  ['hash5', 'dusk', true, '#5f401d', '#563814'],
+  ['hash5', 'night', false, '#9f8365', '#ecceae'],
+  ['hash5', 'night', true, '#9f8365', '#f6d8b7'],
+  ['hash6', 'day', false, '#204c52', '#204c52'],
+  ['hash6', 'day', true, '#204c52', '#204c52'],
+  ['hash6', 'dusk', false, '#204c52', '#204c52'],
+  ['hash6', 'dusk', true, '#204c52', '#19454b'],
+  ['hash6', 'night', false, '#358dde', '#b1d7ff'],
+  ['hash6', 'night', true, '#358dde', '#c6e1fe'],
+  ['hash7', 'day', false, '#41426c', '#41426c'],
+  ['hash7', 'day', true, '#41426c', '#41426c'],
+  ['hash7', 'dusk', false, '#41426c', '#41426c'],
+  ['hash7', 'dusk', true, '#41426c', '#3b3b65'],
+  ['hash7', 'night', false, '#677dff', '#c4d1fe'],
+  ['hash7', 'night', true, '#677dff', '#d3ddfe'],
+  ['hash8', 'day', false, '#3f4a20', '#3f4a20'],
+  ['hash8', 'day', true, '#3f4a20', '#3f4a20'],
+  ['hash8', 'dusk', false, '#3f4a20', '#3f4a20'],
+  ['hash8', 'dusk', true, '#3f4a20', '#394319'],
+  ['hash8', 'night', false, '#6a926a', '#b2ddb1'],
+  ['hash8', 'night', true, '#6a926a', '#c0ebc0'],
+];
+
+const patchRatio = (hex: string, state: FixedSkyState, phone: boolean) => {
+  const p = LIGHTEST_PATCH[state][phone ? 'phone' : 'desktop'];
+  const l = luminance(hex);
+  return (Math.max(l, p) + 0.05) / (Math.min(l, p) + 0.05);
+};
+const hueGap = (a: string, b: string) => {
+  const d = Math.abs(chroma(a).oklch()[2] - chroma(b).oklch()[2]) % 360;
+  return Math.min(d, 360 - d);
+};
+
+describe('inkForState', () => {
+  it.each(TABLE)('%s %s phone=%s: %s -> %s', (_name, state, phone, base, ink) => {
+    expect(inkForState(base, { state, phone })).toBe(ink);
+  });
+
+  it('clears 4.5:1 on the lightest patch, keeps the hue, and moves lightness the way the state needs', () => {
+    TABLE.forEach(([, state, phone, base, ink]) => {
+      const [l0] = chroma(base).oklch();
+      const [l1] = chroma(ink).oklch();
+      if (ink === base) {
+        expect(patchRatio(base, state, phone)).toBeGreaterThanOrEqual(AA);
+        return;
+      }
+      expect(state === 'night' ? l1 > l0 : l1 < l0).toBe(true);
+      expect(hueGap(base, ink)).toBeLessThan(2);
+      if (l1 < NIGHT_INK_MAX_L - 0.006)
+        expect(patchRatio(ink, state, phone)).toBeGreaterThanOrEqual(AA);
+    });
+  });
+
+  it('stops lightening at NIGHT_INK_MAX_L: a phone-night name keeps its hue instead of reaching 4.5:1 on the one pale snow patch', () => {
+    const aqua = inkForState('#22d3e6', { state: 'night', phone: true });
+    expect(aqua).toBe('#87f1ff');
+    expect(chroma(aqua).oklch()[0]).toBeLessThanOrEqual(NIGHT_INK_MAX_L);
+    expect(chroma(aqua).oklch()[1]).toBeGreaterThan(0.08);
+    expect(patchRatio(aqua, 'night', true)).toBeGreaterThan(3.9);
+    // The one-patch figure is what the cap gives up; against the sky's own lightest (skyBackdrop) it clears AA.
+    expect((luminance(aqua) + 0.05) / (NIGHT_SKY_LIGHTEST + 0.05)).toBeGreaterThanOrEqual(AA);
+  });
+
+  it('leaves a colour that already clears its patch untouched, and a non-colour alone', () => {
+    expect(inkForState('#2b4675', { state: 'day', phone: false })).toBe('#2b4675');
+    expect(inkForState('var(--mx-uc-1)', { state: 'day', phone: false })).toBe('var(--mx-uc-1)');
+  });
+});
+
+describe('userColorInk', () => {
+  it('takes the hash colour of the theme the state wears, then steps it', () => {
+    const id = '@aqua:gamecult.org';
+    const n = indexColorMXID(id) - 1;
+    expect(userColorInk(id, { state: 'dusk', phone: true })).toBe(
+      inkForState(baked.noonday.userColors[n], { state: 'dusk', phone: true })
+    );
+    expect(userColorInk(id, { state: 'night', phone: false })).toBe(
+      inkForState(baked.midnight.userColors[n], { state: 'night', phone: false })
+    );
+  });
+});
+
+describe('sceneInk: an explicit theme wins over the auto ink', () => {
+  it('is the sky state and viewport only while the sky theme is worn and a scene runs', () => {
+    // auto, scene on, no theme of the person's own: the sky theme is worn.
+    expect(sceneInk(sceneThemeId('auto', 'dusk', true, false), true, 'dusk', true)).toEqual({
+      state: 'dusk',
+      phone: true,
+    });
+    // auto, but the person chose a theme: it wins, the theme's own ink stands.
+    expect(sceneInk(sceneThemeId('auto', 'dusk', true, true), true, 'dusk', true)).toBeUndefined();
+    // a fixed sky state is itself a choice and wins over the theme (skyTheme.ts), so its ink applies.
+    expect(sceneInk(sceneThemeId('night', 'night', true, true), true, 'night', false)).toEqual({
+      state: 'night',
+      phone: false,
+    });
+    // no scene behind the page: nothing for the ink to be measured against.
+    expect(
+      sceneInk(sceneThemeId('auto', 'day', false, false), false, 'day', false)
+    ).toBeUndefined();
+    expect(sceneInk(sceneThemeId('day', 'day', true, false), false, 'day', false)).toBeUndefined();
+  });
+});
+
+describe('labelInk', () => {
+  it('differs from the theme only on a phone at dusk', () => {
+    const states: FixedSkyState[] = ['day', 'dusk', 'night'];
+    states.forEach((state) =>
+      [false, true].forEach((phone) => {
+        expect(labelInk({ state, phone })).toBe(state === 'dusk' && phone ? '#29221a' : undefined);
+      })
+    );
+  });
+
+  it('is the shipped dark ink, same hue and chroma, a little darker', () => {
+    const dark = baked.noonday.tokens.Surface.OnContainer;
+    const ink = labelInk({ state: 'dusk', phone: true }) as string;
+    expect(dark).toBe('#342d25');
+    expect(luminance(ink)).toBeLessThan(luminance(dark));
+    expect(hueGap(dark, ink)).toBeLessThan(2);
+  });
+});
+
+describe('noticeInk', () => {
+  const ratio = (a: number, b: number) => (Math.max(a, b) + 0.05) / (Math.min(a, b) + 0.05);
+
+  it('is light enough to clear AA on the dark ridge wherever the theme ink does not', () => {
+    (['day', 'dusk'] as FixedSkyState[]).forEach((state) => {
+      const ink = noticeInk({ state, phone: true }) as string;
+      expect(ratio(luminance(ink), NOTICE_GROUND)).toBeGreaterThanOrEqual(AA);
+      // the dark theme ink it replaces does not
+      expect(
+        ratio(luminance(baked.noonday.tokens.SurfaceVariant.OnContainer), NOTICE_GROUND)
+      ).toBeLessThan(AA);
+    });
+  });
+
+  it('leaves night (already light) and every desktop state to the theme', () => {
+    expect(noticeInk({ state: 'night', phone: true })).toBeUndefined();
+    (['day', 'dusk', 'night'] as FixedSkyState[]).forEach((state) =>
+      expect(noticeInk({ state, phone: false })).toBeUndefined()
+    );
+    expect(
+      ratio(luminance(baked.midnight.tokens.SurfaceVariant.OnContainer), NOTICE_GROUND)
+    ).toBeGreaterThanOrEqual(AA);
+  });
+});
diff --git a/src/app/features/scene/skyInk.ts b/src/app/features/scene/skyInk.ts
new file mode 100644
index 00000000..b7a3667f
--- /dev/null
+++ b/src/app/features/scene/skyInk.ts
@@ -0,0 +1,112 @@
+// The one owner of ink for a sky state: which colour a sender name or a sidebar label wears over the scene,
+// per fixed sky state (day, dusk, night) and viewport (phone or not). Pure: the hooks that read the resolved
+// sky and the viewport (useSkyInk, hooks/useTheme.ts) only hand their values here.
+//
+// Names are bare ink over the terrain, so the theme's fitted colours (fitted against panel grounds, skyTokens.js)
+// can land on the same luminance as the ridge behind them. The rule is measured, not tuned by eye: keep the
+// colour's OKLCH hue and chroma and move its lightness (darker by day and dusk, lighter at night, in 0.005 steps)
+// until it clears 4.5:1 (WCAG) against the LIGHTEST 24x12 patch of terrain under the timeline in that state
+// and viewport. Measured 2026-11-10 on the demo's terrain scene at 1920x1080 and 390x844 (Chrome, SwiftShader,
+// not a GPU; ratatoskr-sidebar-contrast-20261110/results.md, T3). These are the scene's own patches, not
+// `skyBackdrop` (skyState.ts): that is the bare sky's extreme (day 0.90, dusk 0.97), which the terrain under the
+// timeline never shows, and at night the terrain's snow (0.103, phone 0.149) is lighter than the sky (0.0816).
+// Only a person whose theme is the sky's (no explicit theme of their own, sceneThemeId) wears this ink.
+import chroma from 'chroma-js';
+import { AA, luminance } from '../../../sky/skyTokens.js';
+import { baked } from '../../../sky/baked';
+import { indexColorMXID } from '../../../util/colorMXID';
+import type { FixedSkyState } from './skyBand';
+import type { SkyThemeId } from './skyTheme';
+
+export interface SkyInk {
+  readonly state: FixedSkyState;
+  /** At or under the repo's mobile breakpoint (ScreenSize.Mobile, hooks/useScreenSize.ts); tablets read as desktop. */
+  readonly phone: boolean;
+}
+
+/**
+ * The ink in force: only while the page wears the sky's theme (`themeId`, from sceneThemeId, so a person's explicit
+ * theme, which that function lets win over 'auto', keeps its own ink) and a scene runs behind it. Otherwise undefined.
+ */
+export const sceneInk = (
+  themeId: SkyThemeId | undefined,
+  sceneOn: boolean,
+  state: FixedSkyState,
+  phone: boolean
+): SkyInk | undefined => (themeId && sceneOn ? { state, phone } : undefined);
+
+/** WCAG relative luminance of the lightest 24x12 patch of terrain behind the timeline. */
+export const LIGHTEST_PATCH: Record<FixedSkyState, { desktop: number; phone: number }> = {
+  day: { desktop: 0.777, phone: 0.703 },
+  dusk: { desktop: 0.531, phone: 0.4 },
+  night: { desktop: 0.103, phone: 0.149 },
+};
+
+/** Night lightening stops here (OKLCH L): above it every hue reads white, and the hue is what names the sender. */
+export const NIGHT_INK_MAX_L = 0.9;
+
+const STEP = 0.005;
+const SKY_COLORS = { noonday: baked.noonday.userColors, midnight: baked.midnight.userColors };
+
+const inGamut = (l: number, c: number, h: number): string | undefined => {
+  for (let k = c; k > 1e-4; k *= 0.97) {
+    const out = chroma.oklch(l, k, h);
+    if (!out.clipped()) return out.hex();
+  }
+  return chroma.oklch(l, 0, 0).hex();
+};
+
+/** The ink for a colour (#rrggbb) in this sky state and viewport: itself when it already clears the lightest patch. */
+export function inkForState(hex: string, { state, phone }: SkyInk): string {
+  if (!chroma.valid(hex)) return hex;
+  const patch = LIGHTEST_PATCH[state][phone ? 'phone' : 'desktop'];
+  const ratio = (h: string) => {
+    const l = luminance(h);
+    return (Math.max(l, patch) + 0.05) / (Math.min(l, patch) + 0.05);
+  };
+  if (ratio(hex) >= AA) return hex;
+  const [l0, c0, h0] = chroma(hex).oklch();
+  const hue = Number.isNaN(h0) ? 0 : h0;
+  const dir = state === 'night' ? 1 : -1;
+  let best = hex;
+  for (let k = 1; k < 200; k += 1) {
+    const l = l0 + dir * k * STEP;
+    if (l < 0 || l > (state === 'night' ? NIGHT_INK_MAX_L : 1)) break;
+    best = inGamut(l, c0, hue) ?? best;
+    if (ratio(best) >= AA) break;
+  }
+  return best;
+}
+
+/** The ink of a user's hash colour (the --mx-uc-1..8 the theme would give) in this sky state and viewport. */
+export function userColorInk(userId: string, ink: SkyInk): string {
+  const palette = ink.state === 'night' ? SKY_COLORS.midnight : SKY_COLORS.noonday;
+  return inkForState(palette[indexColorMXID(userId) - 1], ink);
+}
+
+/**
+ * The sidebar label ink where it differs from the theme's. Phone Dusk: the dark ink #342d25 reached a median of 3.98:1
+ * on the glyph pixels (worst 1.66); the same hue and chroma at OKLCH L 0.257 (#29221a) reaches 4.53 (worst 1.92),
+ * measured over the shipped dusk phone shot, halo included. Nothing darker is searched for: the ridge's dusk ochre
+ * sits at the dark ink's own luminance, so the worst pixels stay below 4.5. Every other state keeps the theme's
+ * ink (undefined): desktop and night were measured as shipped.
+ */
+export const labelInk = ({ state, phone }: SkyInk): string | undefined =>
+  state === 'dusk' && phone ? '#29221a' : undefined;
+
+/**
+ * WCAG relative luminance of the lightest pixel under the notice line above the composer on a phone: the dark
+ * foreground ridge, the same in every state (measured 2026-11-10 from the Starfire phone shots at 390x844,
+ * ratatoskr-dev-preview/phone-room-{day,dusk,night}.png, text region x 15-355 CSS px: median 0.0052, 90th percentile
+ * 0.0089, rounded up to 0.01). The labelInk patches above are the lightest terrain behind the timeline; here the
+ * ground is dark, so the ink must be light.
+ */
+export const NOTICE_GROUND = 0.01;
+
+/**
+ * The ink of the training-notice line above the composer where the theme's own does not clear AA there. On a phone the
+ * line sits on the dark ridge in every state, but Noonday (day, dusk) wears dark ink, 1.2:1 at dusk by the numbers
+ * above; Midnight's (night) is already light and stays (undefined). Desktop is unmeasured and stays.
+ */
+export const noticeInk = ({ state, phone }: SkyInk): string | undefined =>
+  phone && state !== 'night' ? baked.midnight.tokens.SurfaceVariant.OnContainer : undefined;
diff --git a/src/app/features/scene/skyLabelInk.ts b/src/app/features/scene/skyLabelInk.ts
new file mode 100644
index 00000000..03b9e660
--- /dev/null
+++ b/src/app/features/scene/skyLabelInk.ts
@@ -0,0 +1,7 @@
+/**
+ * The sky's label ink (skyInk.ts `labelInk`), set on <html> by the theme manager (ThemeManager.tsx) only where it
+ * differs from the theme's; unset, `skyLabelInk(fallback)` is the fallback, so a person's own theme keeps its ink.
+ * Not in sceneShell.css.ts: vanilla-extract refuses a function exported from a .css.ts file.
+ */
+export const SKY_LABEL_INK = '--sky-label-ink';
+export const skyLabelInk = (fallback: string) => `var(${SKY_LABEL_INK}, ${fallback})`;
diff --git a/src/app/features/scene/skyPlate.css.ts b/src/app/features/scene/skyPlate.css.ts
new file mode 100644
index 00000000..ebd117fd
--- /dev/null
+++ b/src/app/features/scene/skyPlate.css.ts
@@ -0,0 +1,61 @@
+import { globalStyle, style } from '@vanilla-extract/css';
+import { color, config } from 'folds';
+import { MessageBase, BubbleContent } from '../../components/message/layout/layout.css';
+import { Editor } from '../../components/editor/Editor.css';
+import { CallStatus } from '../call-status/styles.css';
+import { PLATE_TINT, SKY_PLATE_FALLBACK } from './skyPlate';
+
+// Over the scene (html[data-scene]) the signed-in shell is clear (sceneShell.css.ts), so text
+// outside a chat bubble would sit on bare sky, which a sky state can make light, dark or both
+// (dusk): no ink clears 4.5:1 on all of that (skyTheme.test.ts). Every such region is a plate
+// instead, the sign-in card's opaque --sky-bubble fill, with its own ink and link, so what was
+// checked for the card holds everywhere. One rule, below; a region joins it by class or by tag.
+const scene = ':root[data-scene]';
+const fill = `var(--sky-bubble, ${SKY_PLATE_FALLBACK.fill})`;
+const text = `var(--sky-bubble-text, ${SKY_PLATE_FALLBACK.text})`;
+
+/** A region with no class of its own (the room intro, the call view) joins the plate with this. */
+export const SkyPlate = style({});
+
+// A recipe's first class is its base style.
+const base = (recipe: () => string) => `.${recipe().split(' ')[0]}`;
+
+// Meta, 2026-11-09: no chrome. Title bars, the room list, list pages, the drawer and the bars over the composer are bare
+// ink on the sky (dusk is allowed to be low contrast: it is the crossover between the light and dark inks).
+export const plateRegions = [
+  `.${SkyPlate}`,
+  // The composer and the call status bar.
+  `.${Editor}`,
+  `.${CallStatus}`,
+  // A message that is not a bubble (Modern, Compact) is plain text on the scene.
+  `${base(MessageBase)}:not(:has(.${BubbleContent}))`,
+];
+
+// Only inside #root: menus and dialogs render in #portalContainer with their own themed fill.
+const within = (ancestor: string) =>
+  plateRegions.map((r) => `${ancestor} ${r.startsWith('#root') ? '' : '#root '}${r}`).join(', ');
+
+globalStyle(within(scene), {
+  // Blur with a light tint toward the sky, like the chat bubbles; never an opaque slab (PLATE_TINT).
+  backgroundColor: [fill, `color-mix(in srgb, ${fill} ${PLATE_TINT * 100}%, transparent)`],
+  backdropFilter: 'blur(12px)',
+  WebkitBackdropFilter: 'blur(12px)',
+  color: text,
+  // Themed ink was chosen for the clear shell; inside the plate every token reads the plate's.
+  vars: {
+    [color.Background.OnContainer]: text,
+    [color.Surface.OnContainer]: text,
+    [color.SurfaceVariant.OnContainer]: text,
+  },
+});
+globalStyle(`${scene} #root header`, { borderRadius: config.radii.R400 });
+
+// Links read against the plate. The Midnight and Noonday themes set their own --tc-link for it;
+// the other themes take the fallback, as the sign-in card does.
+globalStyle(within(`${scene} body:not(.gamecult-theme)`), {
+  vars: { '--tc-link': SKY_PLATE_FALLBACK.link },
+});
+
+globalStyle(`${scene} #root .${SkyPlate}`, {
+  borderRadius: config.radii.R400,
+});
diff --git a/src/app/features/scene/skyPlate.ts b/src/app/features/scene/skyPlate.ts
new file mode 100644
index 00000000..b82a3026
--- /dev/null
+++ b/src/app/features/scene/skyPlate.ts
@@ -0,0 +1,28 @@
+// The plate: the opaque surface text sits on wherever the shell is clear over the background
+// scene and a sky state can make the sky behind it anything. It is the sign-in card's colour
+// (--sky-bubble, set by the Midnight and Noonday themes in sky.css.ts), so what was checked for
+// the card holds here. The other themes take these fallbacks.
+export const SKY_PLATE_FALLBACK = {
+  fill: '#0d1a26',
+  text: '#b7c7d9',
+  link: '#99c7ff',
+} as const;
+
+/**
+ * The sign-in footer's tint: how much of the plate's fill (--sky-bubble) is mixed over the blurred scene behind the
+ * footer line. The footer is a blurred, tinted band with soft edges, not a plate: the scene shows through it. The
+ * footer ink is the plate's, so the tint has to bring the scene behind it to where that ink clears 4.5:1. The browser
+ * mixes in sRGB, so the test does too (skyTheme.test.ts): over pure black 0.80 gives 4.36 and 0.82 gives 4.55. The
+ * terrain is not black: in the shots at 390x844 (terrain scene, tier low) the darkest pixel in the footer's region is
+ * 0.0203 at Dusk, 0.0936 at Day (dark ink) and 0.0052 at Night (light ink). Measured on the drawn pixels with the band
+ * on, the worst link contrast is 5.0 at Dusk, 5.7 at Day and 11.2 at Night.
+ */
+export const FOOTER_TINT = 0.82;
+
+/**
+ * How much of the plate's fill (--sky-bubble) is mixed over the blurred scene behind a plate (title bars, lists, the
+ * composer, the sign-in card). Meta, 2026-11-09: "The app shouldn't need chrome, and where it does help for readability it
+ * should be like the chat bubbles, blur with a bit of tint towards the background color. If that's not working, the fix
+ * is in the background, not covering it up."
+ */
+export const PLATE_TINT = 0.45;
diff --git a/src/app/features/scene/skyState.test.ts b/src/app/features/scene/skyState.test.ts
new file mode 100644
index 00000000..ae4d9e83
--- /dev/null
+++ b/src/app/features/scene/skyState.test.ts
@@ -0,0 +1,217 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { atStandardTime } from './standardTime.testkit';
+import { baked } from '../../../sky/baked';
+import { luminance } from '../../../sky/skyTokens.js';
+import {
+  SKY_STATES,
+  SKY_STATE_KEY,
+  resolveSkyState,
+  setSkyClock,
+  skyBackdrop,
+  type SkyState,
+} from './skyState';
+
+type Mod = typeof import('./skyState');
+
+function fakeStorage(initial: Record<string, string> = {}) {
+  const data = new Map(Object.entries(initial));
+  return {
+    data,
+    getItem: (k: string) => data.get(k) ?? null,
+    setItem: (k: string, v: string) => {
+      data.set(k, v);
+    },
+  };
+}
+const fresh = (): Promise<Mod> => {
+  vi.resetModules();
+  return import('./skyState');
+};
+
+afterEach(() => {
+  vi.unstubAllGlobals();
+});
+
+describe('sky state', () => {
+  let storage: ReturnType<typeof fakeStorage>;
+  beforeEach(() => {
+    storage = fakeStorage();
+    vi.stubGlobal('localStorage', storage);
+  });
+
+  it('defaults to auto when nothing is stored', async () => {
+    expect((await fresh()).getSkyState()).toBe('auto');
+  });
+
+  it.each(['night', 'day', 'dusk', 'auto'] as const)('restores a stored %s', async (s) => {
+    storage.data.set(SKY_STATE_KEY, s);
+    expect((await fresh()).getSkyState()).toBe(s);
+  });
+
+  it.each(['', 'noon', 'NIGHT', '"night"', 'null'])(
+    'falls back to auto on stored %j',
+    async (v) => {
+      storage.data.set(SKY_STATE_KEY, v);
+      expect((await fresh()).getSkyState()).toBe('auto');
+    }
+  );
+
+  it('falls back to auto when storage throws', async () => {
+    vi.stubGlobal('localStorage', {
+      getItem: () => {
+        throw new Error('denied');
+      },
+      setItem: () => {
+        throw new Error('denied');
+      },
+    });
+    const m = await fresh();
+    expect(m.getSkyState()).toBe('auto');
+    m.setSkyState('night');
+    expect(m.getSkyState()).toBe('night');
+  });
+
+  it('persists a set state under one key and reads it back after a reload', async () => {
+    (await fresh()).setSkyState('dusk');
+    expect([...storage.data.entries()]).toEqual([[SKY_STATE_KEY, 'dusk']]);
+    expect((await fresh()).getSkyState()).toBe('dusk');
+  });
+
+  it('ignores an invalid state', async () => {
+    const m = await fresh();
+    m.setSkyState('night');
+    m.setSkyState('noon' as SkyState);
+    expect(m.getSkyState()).toBe('night');
+    expect(storage.data.get(SKY_STATE_KEY)).toBe('night');
+  });
+
+  it('notifies subscribers on change only, and stops after unsubscribe', async () => {
+    const m = await fresh();
+    const cb = vi.fn();
+    const off = m.subscribe(cb);
+    m.setSkyState('day');
+    m.setSkyState('day');
+    expect(cb.mock.calls).toEqual([['day']]);
+    off();
+    m.setSkyState('night');
+    expect(cb).toHaveBeenCalledTimes(1);
+  });
+
+  it('tells a late subscriber nothing until the next change', async () => {
+    const m = await fresh();
+    m.setSkyState('day');
+    const cb = vi.fn();
+    m.subscribe(cb);
+    expect(cb).not.toHaveBeenCalled();
+  });
+});
+
+describe('skyBackdrop', () => {
+  it('puts night below day and dusk, and dusk reaches the sun glow', () => {
+    expect(skyBackdrop('night').lightest).toBeLessThan(skyBackdrop('day').darkest);
+    expect(skyBackdrop('night').lightest).toBeLessThan(skyBackdrop('dusk').lightest);
+    expect(skyBackdrop('dusk').lightest).toBeGreaterThan(skyBackdrop('day').lightest);
+  });
+
+  it('holds the baked gradients for day and night', () => {
+    const lum = (g: readonly string[]) => g.map(luminance);
+    expect(skyBackdrop('day').lightest).toBeGreaterThanOrEqual(
+      Math.max(...lum(baked.noonday.gradient)) - 1e-9
+    );
+    expect(skyBackdrop('night').darkest).toBeLessThanOrEqual(
+      Math.min(...lum(baked.midnight.gradient)) + 1e-9
+    );
+  });
+
+  it('is the band of the sky auto resolves to, not the union of all three', () => {
+    const at = (h: number) => setSkyClock(() => atStandardTime(h, 0));
+    at(12);
+    expect(skyBackdrop('auto')).toEqual(skyBackdrop('day'));
+    at(0);
+    expect(skyBackdrop('auto')).toEqual(skyBackdrop('night'));
+    setSkyClock();
+  });
+
+  it('never has darkest above lightest', () => {
+    SKY_STATES.forEach((s) =>
+      expect(skyBackdrop(s).darkest).toBeLessThanOrEqual(skyBackdrop(s).lightest)
+    );
+  });
+});
+
+describe('auto follows the clock', () => {
+  const local = (h: number, m = 0) => atStandardTime(h, m); // local solar time ~ local clock
+  let storage: ReturnType<typeof fakeStorage>;
+  beforeEach(() => {
+    vi.useFakeTimers();
+    storage = fakeStorage();
+    vi.stubGlobal('localStorage', storage);
+  });
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  it('resolves noon to day, midnight to night and the twilight after sunset to dusk', () => {
+    expect(resolveSkyState('auto', local(12))).toBe('day');
+    expect(resolveSkyState('auto', local(0))).toBe('night');
+    expect(resolveSkyState('auto', local(18, 10))).toBe('dusk');
+    expect(resolveSkyState('auto', local(5, 50))).toBe('dusk');
+    expect(resolveSkyState('day', local(0))).toBe('day');
+  });
+
+  it('tells listeners the resolved sky when the clock crosses a boundary, and only then', async () => {
+    const m = await fresh();
+    let now = local(17, 0);
+    m.setSkyClock(() => now);
+    const cb = vi.fn();
+    const off = m.subscribe(cb);
+    vi.advanceTimersByTime(5 * 60_000);
+    expect(cb).not.toHaveBeenCalled();
+    now = local(18, 10);
+    vi.advanceTimersByTime(60_000);
+    expect(cb.mock.calls).toEqual([['dusk']]);
+    vi.advanceTimersByTime(5 * 60_000);
+    expect(cb).toHaveBeenCalledTimes(1);
+    off();
+  });
+
+  it('still tells everyone when a listener comes or goes inside the window before the clock crosses', async () => {
+    const m = await fresh();
+    let now = local(17, 0);
+    m.setSkyClock(() => now);
+    const [a, b, late] = [vi.fn(), vi.fn(), vi.fn()];
+    m.subscribe(a);
+    const offB = m.subscribe(b);
+    vi.advanceTimersByTime(30_000);
+    now = local(18, 10); // the clock has crossed; no tick has seen it yet
+    const offLate = m.subscribe(late);
+    offB();
+    vi.advanceTimersByTime(60_000);
+    expect(a.mock.calls).toEqual([['dusk']]);
+    expect(b).not.toHaveBeenCalled();
+    expect(late.mock.calls).toEqual([['dusk']]);
+    offLate();
+  });
+
+  it('keeps no timer without listeners or when a fixed state is chosen', async () => {
+    const m = await fresh();
+    const off = m.subscribe(() => undefined);
+    expect(vi.getTimerCount()).toBe(1);
+    m.setSkyState('night');
+    expect(vi.getTimerCount()).toBe(0);
+    m.setSkyState('auto');
+    expect(vi.getTimerCount()).toBe(1);
+    off();
+    expect(vi.getTimerCount()).toBe(0);
+  });
+
+  it('notifies a change of choice with the resolved sky', async () => {
+    const m = await fresh();
+    m.setSkyClock(() => local(12));
+    const cb = vi.fn();
+    m.subscribe(cb);
+    m.setSkyState('night');
+    m.setSkyState('auto');
+    expect(cb.mock.calls).toEqual([['night'], ['day']]);
+  });
+});
diff --git a/src/app/features/scene/skyState.ts b/src/app/features/scene/skyState.ts
new file mode 100644
index 00000000..0b60d99b
--- /dev/null
+++ b/src/app/features/scene/skyState.ts
@@ -0,0 +1,138 @@
+// Which sky the signed-out page is drawn against. The choice is one value, kept in one
+// localStorage key; whoever draws the sky (the scene, the title bar's control) reads it here, and
+// `skyBackdrop` says how light or dark the sky behind the login text can be in each state, so the
+// text colours can be checked against it. 'auto' is a choice, not a sky: it resolves from the
+// clock to day, dusk or night (`resolveSkyState`), and every sky drawn is one of those three.
+import { sunElevation } from '../../../sky/sun.js';
+import type { FixedSkyState } from './skyBand';
+
+export type SkyState = 'auto' | 'day' | 'dusk' | 'night';
+
+export const SKY_STATES: readonly SkyState[] = ['auto', 'day', 'dusk', 'night'];
+export const SKY_STATE_KEY = 'ratatoskr.skyState';
+
+const isSkyState = (v: unknown): v is SkyState => SKY_STATES.includes(v as SkyState);
+
+function load(): SkyState {
+  try {
+    const stored = localStorage.getItem(SKY_STATE_KEY);
+    return isSkyState(stored) ? stored : 'auto';
+  } catch {
+    return 'auto';
+  }
+}
+
+export type { FixedSkyState };
+
+/** Where the clock puts the sun: the latitude the skies are baked for (src/sky/skyTokens.js MOMENTS), the longitude of this timezone. */
+const LAT = 45;
+/** Sun elevation (degrees) from which it is day, and below the negative of which it is night; between, dusk (dawn included). */
+export const DAY_FROM = 6;
+
+let clock: () => Date = () => new Date();
+/** Minutes west of UTC of this timezone's standard time (the larger of its January and July offsets), so daylight saving does not move the sun. */
+export const standardOffsetMinutes = (now: Date): number =>
+  Math.max(
+    new Date(now.getFullYear(), 0, 1).getTimezoneOffset(),
+    new Date(now.getFullYear(), 6, 1).getTimezoneOffset()
+  );
+
+/** The fixed sky a choice draws now: itself, or for 'auto' the sky the sun's elevation here calls for. */
+export function resolveSkyState(s: SkyState, now: Date = clock()): FixedSkyState {
+  if (s !== 'auto') return s;
+  const lon = -standardOffsetMinutes(now) / 4;
+  const el = sunElevation(now, LAT, lon) as number;
+  if (el >= DAY_FROM) return 'day';
+  return el <= -DAY_FROM ? 'night' : 'dusk';
+}
+
+let current: SkyState | undefined;
+const listeners = new Set<(s: FixedSkyState) => void>();
+let timer: ReturnType<typeof setTimeout> | undefined;
+let shown: FixedSkyState | undefined;
+const TICK_MS = 60_000;
+
+/** The choice (what the control shows). */
+export const getSkyState = (): SkyState => {
+  current ??= load();
+  return current;
+};
+
+/** The sky being drawn: the choice, resolved. */
+export const getResolvedSkyState = (): FixedSkyState => resolveSkyState(getSkyState());
+
+const emit = () => {
+  shown = getResolvedSkyState();
+  [...listeners].forEach((cb) => cb(shown as FixedSkyState));
+};
+
+// While anyone listens and the choice is 'auto', one timer checks the clock each minute and tells
+// listeners when the resolved sky changes from the one last told (`shown`, set when telling and when the
+// first listener arrives, never by a later arrival or departure). Otherwise there is no timer.
+function sync(): void {
+  clearTimeout(timer);
+  timer = undefined;
+  if (listeners.size === 0 || getSkyState() !== 'auto') return;
+  const tick = () => {
+    if (getResolvedSkyState() !== shown) emit();
+    timer = setTimeout(tick, TICK_MS);
+  };
+  timer = setTimeout(tick, TICK_MS);
+}
+
+/** Replace the clock (tests); no argument restores the real one. */
+export function setSkyClock(now?: () => Date): void {
+  clock = now ?? (() => new Date());
+  sync();
+}
+
+export function setSkyState(s: SkyState): void {
+  if (!isSkyState(s)) return;
+  const changed = s !== getSkyState();
+  current = s;
+  try {
+    localStorage.setItem(SKY_STATE_KEY, s);
+  } catch {
+    // Storage is refused (private mode, quota): the choice holds for this page load only.
+  }
+  if (changed) {
+    sync();
+    emit();
+  }
+}
+
+/** Listeners hear the resolved sky: on a change of choice, and while 'auto', when the clock crosses a boundary. */
+export function subscribe(cb: (s: FixedSkyState) => void): () => void {
+  if (listeners.size === 0) shown = getResolvedSkyState();
+  listeners.add(cb);
+  sync();
+  return () => {
+    listeners.delete(cb);
+    sync();
+  };
+}
+
+/**
+ * Relative luminance (WCAG, 0..1) of the lightest and darkest sky the state can show behind the
+ * page. Light ink is worst against `lightest`, dark ink against `darkest`. 'auto' is the band of
+ * the sky it resolves to now.
+ */
+export interface SkyBackdrop {
+  readonly darkest: number;
+  readonly lightest: number;
+}
+
+// The union of every sky a scene draws for the state: the ridge sky and the terrain sky, each from
+// the function its scene uses (`ridgeDrawn`, `terrainDrawn` in skyForState.ts). Held as constants so
+// this module, which the main chunk loads, does not pull in the terrain sky and the baked scattering
+// tables with it; skyForState.test.ts fails when they drift from the computed union. The ridge sky counts
+// over its whole range, the terrain sky over what its frozen camera reaches (TERRAIN_REACH_DEG, skyForState.ts).
+// Night's lightest also covers a sky the page URL steers (shaped to the band ceiling, skyBand.ts).
+// Bounds what the 8-bit screen shows too (one step each way for rounding and dither), rounded outward to six places.
+const BACKDROPS: Record<FixedSkyState, SkyBackdrop> = {
+  day: { darkest: 0.461063, lightest: 0.901108 },
+  dusk: { darkest: 0.460352, lightest: 0.968744 },
+  night: { darkest: 0.05987, lightest: 0.081642 },
+};
+
+export const skyBackdrop = (state: SkyState): SkyBackdrop => BACKDROPS[resolveSkyState(state)];
diff --git a/src/app/features/scene/skyTheme.test.ts b/src/app/features/scene/skyTheme.test.ts
new file mode 100644
index 00000000..c7e460f3
--- /dev/null
+++ b/src/app/features/scene/skyTheme.test.ts
@@ -0,0 +1,238 @@
+import { describe, expect, it, vi } from 'vitest';
+import { atStandardTime } from './standardTime.testkit';
+import { baked } from '../../../sky/baked';
+import { AA, NIGHT_SKY_LIGHTEST, contrast, luminance } from '../../../sky/skyTokens.js';
+import { Editor } from '../../components/editor/Editor.css';
+import { PageContent, PageNavContent } from '../../components/page/style.css';
+import { CallStatus } from '../call-status/styles.css';
+import { MembersDrawer } from '../room/MembersDrawer.css';
+import { RoomViewTyping } from '../room/RoomViewTyping.css';
+import { FOOTER_TINT, SKY_PLATE_FALLBACK } from './skyPlate';
+import { SkyPlate, plateRegions } from './skyPlate.css';
+import {
+  getResolvedSkyState,
+  setSkyClock,
+  skyBackdrop,
+  subscribe as subscribeSky,
+} from './skyState';
+import type { SkyBackdrop } from './skyState';
+import type { FixedSkyState } from './skyBand';
+import { sceneThemeId, skyThemeId } from './skyTheme';
+
+const SKY = { 'midnight-sky': baked.midnight, 'noonday-sky': baked.noonday } as const;
+const fixed = (['day', 'dusk', 'night'] as const).flatMap((s) => {
+  const id = skyThemeId(s);
+  return id ? [[s, id] as const] : [];
+});
+
+// WCAG contrast of an ink against the sky it is worst on, measured as skyState.test.ts does: the
+// sky can show any luminance between its darkest and lightest, and contrast is lowest where the
+// backdrop is closest to the ink, which is the ink's own luminance clamped into that range.
+const against = (ink: string, bg: number) => {
+  const li = luminance(ink);
+  const [hi, lo] = li > bg ? [li, bg] : [bg, li];
+  return (hi + 0.05) / (lo + 0.05);
+};
+const ratio = (ink: string, b: SkyBackdrop) =>
+  against(ink, Math.min(b.lightest, Math.max(b.darkest, luminance(ink))));
+const r2 = (n: number) => n.toFixed(2);
+
+describe('skyThemeId', () => {
+  it('picks a theme for each explicit state', () => {
+    expect(skyThemeId('day')).toBe('noonday-sky');
+    expect(skyThemeId('dusk')).toBe('noonday-sky');
+    expect(skyThemeId('night')).toBe('midnight-sky');
+  });
+
+  it('picks none for auto, at any hour: auto never overrides a signed-in theme', () => {
+    [0, 6, 12, 18, 23].forEach((h) => {
+      setSkyClock(() => atStandardTime(h, 10));
+      expect(skyThemeId('auto')).toBeUndefined();
+    });
+    setSkyClock();
+  });
+
+  describe('sceneThemeId, the theme the page wears', () => {
+    it('a fixed state always picks its theme, whatever the scene or the person chose', () => {
+      [true, false].forEach((scene) =>
+        [true, false].forEach((chose) => {
+          expect(sceneThemeId('day', 'night', scene, chose)).toBe('noonday-sky');
+          expect(sceneThemeId('night', 'day', scene, chose)).toBe('midnight-sky');
+        })
+      );
+    });
+
+    it('auto follows the resolved sky only while a scene is on and the person chose no theme', () => {
+      expect(sceneThemeId('auto', 'day', true, false)).toBe('noonday-sky');
+      expect(sceneThemeId('auto', 'dusk', true, false)).toBe('noonday-sky');
+      expect(sceneThemeId('auto', 'night', true, false)).toBe('midnight-sky');
+      expect(sceneThemeId('auto', 'day', false, false)).toBeUndefined();
+      expect(sceneThemeId('auto', 'day', true, true)).toBeUndefined();
+    });
+  });
+
+  it('the resolved sky a hook subscribes to changes as the clock crosses, so theme classes follow', () => {
+    vi.useFakeTimers();
+    let hour = 12;
+    setSkyClock(() => atStandardTime(hour, 10));
+    const seen: string[] = [];
+    const off = subscribeSky((s) => seen.push(s));
+    expect(getResolvedSkyState()).toBe('day');
+    hour = 0;
+    setSkyClock(() => atStandardTime(hour, 10));
+    vi.advanceTimersByTime(61_000);
+    expect(seen).toEqual(['night']);
+    expect(getResolvedSkyState()).toBe('night');
+    off();
+    vi.useRealTimers();
+    setSkyClock();
+  });
+
+  it('is what a wiring that follows the sky reads: the resolved state names a theme', () => {
+    setSkyClock(() => atStandardTime(12));
+    expect(skyThemeId(getResolvedSkyState())).toBe('noonday-sky');
+    setSkyClock(() => atStandardTime(0));
+    expect(skyThemeId(getResolvedSkyState())).toBe('midnight-sky');
+    setSkyClock();
+  });
+});
+
+describe('ink of the theme a state picks, on bare sky', () => {
+  // Per state: the picked theme, its text ink and link, and their WCAG ratios on the sky the scenes
+  // draw (skyBackdrop, the worst case over its band). Text clears 4.5 in every state. Link clears
+  // in every state: the links are derived in src/sky/skyTokens.js, outside the band, and these numbers are recorded as
+  // they are measured. Midnight's link is brightened in its own hue until it clears the lightest Night sky
+  // (NIGHT_SKY_LIGHTEST); Dusk's dark link needs a backdrop of about 0.4554, which the dusk floor is set above.
+  // 'auto' resolves from the clock to one of these three and has the same numbers.
+  const cells: [FixedSkyState, string, string, string, string, string][] = [
+    ['day', 'noonday-sky', '#342d25', '6.60', '#2a4f27', '4.55'],
+    ['dusk', 'noonday-sky', '#342d25', '6.59', '#2a4f27', '4.54'],
+    ['night', 'midnight-sky', '#aeccff', '4.89', '#8ad1bd', '4.53'],
+  ];
+
+  it.each(cells)(
+    '%s with %s: text %s is %s, link %s is %s',
+    (state, id, ink, want, link, wantLink) => {
+      const sky = SKY[id as keyof typeof SKY];
+      expect(sky.tokens.Background.OnContainer).toBe(ink);
+      expect(sky.link).toBe(link);
+      expect(r2(ratio(ink, skyBackdrop(state)))).toBe(want);
+      expect(r2(ratio(link, skyBackdrop(state)))).toBe(wantLink);
+    }
+  );
+
+  it.each(cells)('%s: text clears AA', (state, _id, ink) => {
+    expect(ratio(ink, skyBackdrop(state))).toBeGreaterThanOrEqual(AA);
+  });
+
+  it('link clears AA in every state', () => {
+    const link = (s: FixedSkyState, id: keyof typeof SKY) => ratio(SKY[id].link, skyBackdrop(s));
+    expect(link('day', 'noonday-sky')).toBeGreaterThanOrEqual(AA);
+    expect(link('dusk', 'noonday-sky')).toBeGreaterThanOrEqual(AA);
+    expect(link('night', 'midnight-sky')).toBeGreaterThanOrEqual(AA);
+  });
+
+  it('keeps the lightest Night sky the link was fitted to equal to the Night backdrop (no drift)', () => {
+    expect(NIGHT_SKY_LIGHTEST).toBe(skyBackdrop('night').lightest);
+  });
+
+  it.each([
+    [12, 'day'],
+    [18, 'dusk'],
+    [0, 'night'],
+  ] as const)('auto at %s:00 has the numbers of %s', (hour, state) => {
+    setSkyClock(() => atStandardTime(hour, hour === 18 ? 10 : 0));
+    const id = skyThemeId(getResolvedSkyState()) as keyof typeof SKY;
+    expect(id).toBe(skyThemeId(state));
+    const { tokens, link } = SKY[id];
+    const text = tokens.Background.OnContainer;
+    expect(r2(ratio(text, skyBackdrop('auto')))).toBe(r2(ratio(text, skyBackdrop(state))));
+    expect(r2(ratio(link, skyBackdrop('auto')))).toBe(r2(ratio(link, skyBackdrop(state))));
+    setSkyClock();
+  });
+});
+
+describe('the plate, where text cannot rest on bare sky', () => {
+  // Each theme's plate: fill, ink, link and the WCAG ratios of ink and link on the fill.
+  const plates = [
+    ['midnight-sky', baked.midnight, '12.17', '11.28'],
+    ['noonday-sky', baked.noonday, '6.70', '4.62'],
+  ] as const;
+
+  it.each(plates)('%s: ink and link on the fill', (_id, sky, inkRatio, linkRatio) => {
+    expect(r2(contrast(sky.bubbles.OtherText, sky.bubbles.Other))).toBe(inkRatio);
+    expect(r2(contrast(sky.link, sky.bubbles.Other))).toBe(linkRatio);
+    expect(contrast(sky.bubbles.OtherText, sky.bubbles.Other)).toBeGreaterThanOrEqual(AA);
+    expect(contrast(sky.link, sky.bubbles.Other)).toBeGreaterThanOrEqual(AA);
+  });
+
+  it('the other themes take fallback colours that clear AA', () => {
+    const { fill, text, link } = SKY_PLATE_FALLBACK;
+    expect(r2(contrast(text, fill))).toBe('10.21');
+    expect(r2(contrast(link, fill))).toBe('10.03');
+  });
+
+  it('every container of the picked themes carries its text at AA', () => {
+    fixed.forEach(([, id]) => {
+      Object.values(SKY[id].tokens).forEach((g) => {
+        expect(contrast(g.OnContainer, g.Container)).toBeGreaterThanOrEqual(AA);
+      });
+    });
+  });
+});
+
+describe('regions that sit on the plate', () => {
+  // Every region whose text would otherwise rest on bare sky joins the one plate rule. The ink
+  // and link of that plate are pinned above; this pins who is on it.
+  const on = (cls: string) => expect(plateRegions).toContain(cls);
+
+  it('plates the composer, the call status bar and the call view', () => {
+    on(`.${Editor}`);
+    on(`.${CallStatus}`);
+    on(`.${SkyPlate}`);
+  });
+
+  it('plates a message that is not a bubble, and nothing else of the signed-in shell', () => {
+    expect(plateRegions.some((r) => r.includes(':not(:has('))).toBe(true);
+    expect(plateRegions).toHaveLength(4);
+  });
+
+  // Meta, 2026-11-09: no chrome. These are bare ink on the sky, not plates.
+  it('leaves title bars, the room list, list pages, the drawer and the bars over the composer bare', () => {
+    [
+      `.${MembersDrawer}`,
+      `.${PageNavContent}`,
+      `.${PageContent}`,
+      `.${RoomViewTyping}`,
+      '#root header',
+    ].forEach((cls) => expect(plateRegions).not.toContain(cls));
+  });
+});
+
+describe('the sign-in footer band', () => {
+  // The footer line is the plate's ink on a band that mixes FOOTER_TINT of the plate's fill over the blurred scene,
+  // as the browser does: per channel, in encoded sRGB (not in linear light, which flatters dark scenes). The scene
+  // behind it is the terrain, taken as grey: as dark as 0, as light as the sky state's lightest backdrop. Ink
+  // contrast is lowest at one of those two ends, so both are checked.
+  const encode = (l: number) => (l <= 0.0031308 ? 12.92 * l : 1.055 * l ** (1 / 2.4) - 0.055);
+  const channels = (hex: string) => [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16) / 255);
+  const hexOf = (c: number[]) =>
+    `#${c
+      .map((v) =>
+        Math.round(v * 255)
+          .toString(16)
+          .padStart(2, '0')
+      )
+      .join('')}`;
+  const bandOver = (fill: string, behind: number) =>
+    hexOf(channels(fill).map((f) => FOOTER_TINT * f + (1 - FOOTER_TINT) * encode(behind)));
+  it.each(fixed)(
+    '%s: the ink clears AA over the darkest and the lightest scene behind it',
+    (state, id) => {
+      const { Other, OtherText } = SKY[id].bubbles;
+      [0, skyBackdrop(state).lightest].forEach((behind) => {
+        expect(contrast(OtherText, bandOver(Other, behind))).toBeGreaterThanOrEqual(AA);
+      });
+    }
+  );
+});
diff --git a/src/app/features/scene/skyTheme.ts b/src/app/features/scene/skyTheme.ts
new file mode 100644
index 00000000..5dff3e06
--- /dev/null
+++ b/src/app/features/scene/skyTheme.ts
@@ -0,0 +1,39 @@
+// Which theme a sky state lights the page with. 'auto' picks none: it never overrides a person's theme
+// (the stored one when signed in, Midnight Sky when signed out). A wiring that follows the sky when no theme
+// is stored reads `getResolvedSkyState` (skyState.ts) and passes that fixed state here.
+//
+// Day and Dusk take the dark ink of Noonday Sky, Night the light ink of Midnight Sky. Each state's
+// drawn sky is shaped into a luminance band (skyBand.ts) in which that ink's TEXT clears 4.5:1 on
+// bare sky: Day at least 0.2983 (dark ink), Night at most 0.0931 (light ink). Dusk's floor is higher, the bound of
+// the dark link (0.4554), so its link clears as well. skyTheme.test.ts pins the measured text and link ratios. Night's
+// link ink is not in the band, and the themes' link colours are derived outside this code (src/sky/skyTokens.js).
+// Midnight Sky's link is derived there against the lightest Night sky
+// (4.53 on it, 5.43 on the darkest). The plate (skyPlate.css.ts) is still in the shell, pending
+// its removal.
+import type { FixedSkyState, SkyState } from './skyState';
+
+export type SkyThemeId = 'midnight-sky' | 'noonday-sky';
+
+const BY_STATE: Record<FixedSkyState, SkyThemeId> = {
+  day: 'noonday-sky',
+  dusk: 'noonday-sky',
+  night: 'midnight-sky',
+};
+
+export const skyThemeId = (state: SkyState): SkyThemeId | undefined =>
+  state === 'auto' ? undefined : BY_STATE[state];
+
+/**
+ * The theme the page wears: a fixed sky state always picks its theme; 'auto' follows the resolved sky (`resolved`, the
+ * clock's state) only while a scene is on and the person has not chosen a theme of their own, and otherwise picks none.
+ * Signed-out pages choose no theme, so they pass `userChoseTheme: false`.
+ */
+export const sceneThemeId = (
+  state: SkyState,
+  resolved: FixedSkyState,
+  sceneOn: boolean,
+  userChoseTheme: boolean
+): SkyThemeId | undefined => {
+  if (state !== 'auto') return BY_STATE[state];
+  return sceneOn && !userChoseTheme ? BY_STATE[resolved] : undefined;
+};
diff --git a/src/app/features/scene/standardTime.testkit.ts b/src/app/features/scene/standardTime.testkit.ts
new file mode 100644
index 00000000..a6966238
--- /dev/null
+++ b/src/app/features/scene/standardTime.testkit.ts
@@ -0,0 +1,7 @@
+import { standardOffsetMinutes } from './skyState';
+
+/** 22 September 2026 at h:m of local solar time as the sky clock reads it (standard time, whatever daylight saving says). */
+export const atStandardTime = (h: number, m = 0): Date => {
+  const probe = new Date(2026, 8, 22);
+  return new Date(Date.UTC(2026, 8, 22, h, m) + standardOffsetMinutes(probe) * 60000);
+};
diff --git a/src/app/features/scene/terrain/Terrain.test.ts b/src/app/features/scene/terrain/Terrain.test.ts
new file mode 100644
index 00000000..ef1623c4
--- /dev/null
+++ b/src/app/features/scene/terrain/Terrain.test.ts
@@ -0,0 +1,385 @@
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-empty-function -- fake GL and DOM stubs, as the other scene tests */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { createTerrainScene } from './Terrain';
+import { GRID, triangleCount } from './terrainWorld';
+import { groundLight, SKY, skyAtSun } from './terrainSky';
+import { AP_VOLUME, apVolumeWords, SKY_VIEW, skyViewWords } from './terrainScatter';
+import { SKY_FRAG } from './terrainShaders';
+import { SKY_BAND } from '../skyBand';
+import { terrainSkyFor } from '../skyForState';
+import { startBackgroundScene } from '../index';
+
+/** A GL context that accepts every call, remembers them, reports success for compile, link and framebuffer. */
+function fakeGl(over: Record<string, unknown> = {}) {
+  const calls: Record<string, unknown[][]> = {};
+  const gl: any = new Proxy(
+    {},
+    {
+      get(_t, name: string) {
+        if (name in over) return over[name];
+        if (name === 'getShaderParameter' || name === 'getProgramParameter') return () => true;
+        if (name === 'getAttribLocation' || name === 'getUniformLocation') return () => 1;
+        if (name === 'checkFramebufferStatus') return () => 1;
+        if (name === 'getParameter') return () => 16;
+        if (/^[A-Z_0-9]+$/.test(name)) return 1;
+        return (...args: unknown[]) => {
+          (calls[name] ??= []).push(args);
+          return {};
+        };
+      },
+    }
+  );
+  return { gl, calls };
+}
+
+let rafQueue: Array<(t: number) => void>;
+let visibility: string;
+let search: string;
+beforeEach(() => {
+  rafQueue = [];
+  visibility = 'visible';
+  search = '';
+  vi.stubGlobal('document', {
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+    get visibilityState() {
+      return visibility;
+    },
+    createElement: () => ({ style: {}, remove() {} }),
+  });
+  vi.stubGlobal('window', {
+    devicePixelRatio: 1,
+    innerWidth: 400,
+    innerHeight: 800,
+    matchMedia: () => ({ matches: false, addEventListener() {}, removeEventListener() {} }),
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+    get location() {
+      return { search };
+    },
+    setTimeout,
+  });
+  vi.stubGlobal('performance', { now: () => 0 });
+  vi.stubGlobal('requestAnimationFrame', (cb: (t: number) => void) => rafQueue.push(cb));
+  vi.stubGlobal('cancelAnimationFrame', () => {
+    rafQueue = [];
+  });
+});
+afterEach(() => {
+  vi.unstubAllGlobals();
+});
+
+function canvasWith(gl: unknown) {
+  return {
+    width: 0,
+    height: 0,
+    clientWidth: 400,
+    clientHeight: 800,
+    parentElement: { appendChild: vi.fn() },
+    getContext: vi.fn(() => gl),
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+  } as any;
+}
+
+describe('createTerrainScene', () => {
+  it("returns null at tier 'off' and touches nothing", () => {
+    const canvas = canvasWith(null);
+    expect(createTerrainScene({ canvas, tier: 'off' })).toBeNull();
+    expect(canvas.getContext).not.toHaveBeenCalled();
+  });
+
+  it('returns null without WebGL2, so the host keeps its CSS ground', () => {
+    const canvas = canvasWith(null);
+    expect(createTerrainScene({ canvas, tier: 'full' })).toBeNull();
+    expect(canvas.getContext).toHaveBeenCalledWith('webgl2', expect.anything());
+  });
+
+  it('returns null with no vertex texture units, or an incomplete bake target', () => {
+    expect(
+      createTerrainScene({ canvas: canvasWith(fakeGl({ getParameter: () => 0 }).gl), tier: 'full' })
+    ).toBeNull();
+    const { gl, calls } = fakeGl({ checkFramebufferStatus: () => 0 });
+    expect(createTerrainScene({ canvas: canvasWith(gl), tier: 'full' })).toBeNull();
+    expect(calls.deleteProgram).toHaveLength(3);
+  });
+
+  it('reports a shader that does not compile to onCompileFail and returns null', () => {
+    const { gl } = fakeGl({ getShaderParameter: () => false, getShaderInfoLog: () => 'bad' });
+    const onCompileFail = vi.fn();
+    expect(createTerrainScene({ canvas: canvasWith(gl), tier: 'full', onCompileFail })).toBeNull();
+    expect(onCompileFail).toHaveBeenCalledOnce();
+    expect(onCompileFail.mock.calls[0][0].log).toContain('terrain height');
+  });
+
+  it('bakes the height map once, then draws sky and grid each frame and keeps turning', () => {
+    const { gl, calls } = fakeGl();
+    const scene = createTerrainScene({ canvas: canvasWith(gl), tier: 'low' })!;
+    expect(scene).not.toBeNull();
+    const bakes = calls.drawArrays.length;
+    expect(bakes).toBe(1);
+    rafQueue.shift()!(16);
+    rafQueue.shift()!(32);
+    expect(calls.drawArrays).toHaveLength(bakes + 2); // one sky draw per frame
+    expect(calls.drawElements).toHaveLength(2);
+    expect(calls.drawElements[0][1]).toBe(triangleCount(GRID.low.grid) * 3);
+    expect(calls.texImage2D).toHaveLength(1); // the baked map is never re-uploaded
+    expect(rafQueue).toHaveLength(1);
+    scene.dispose();
+  });
+
+  it("'still' draws one frame and queues nothing", () => {
+    const { gl, calls } = fakeGl();
+    const scene = createTerrainScene({ canvas: canvasWith(gl), tier: 'still' })!;
+    expect(calls.drawElements).toHaveLength(1);
+    expect(rafQueue).toHaveLength(0);
+    scene.dispose();
+  });
+
+  it('lights with the sky chosen: option, then ?sky=, then the night default', () => {
+    const uploaded = (opts: { sky?: 'midnight' | 'noonday' }) => {
+      const { gl, calls } = fakeGl();
+      createTerrainScene({ canvas: canvasWith(gl), tier: 'still', ...opts })!.dispose();
+      // every vec3 uniform draw() sets: right, up, forward, sun, sunColour, glow, ambient, camera, soil...
+      return calls.uniform3fv
+        .filter((a) => (a[1] as ArrayLike<number>).length === 3)
+        .map((a) => Array.from(a[1] as ArrayLike<number>));
+    };
+    const night = uploaded({});
+    const day = uploaded({ sky: 'noonday' });
+    const nightA = Array.from(groundLight(SKY.midnight).ambient);
+    const dayA = Array.from(groundLight(SKY.noonday).ambient);
+    const has = (all: number[][], v: number[]) =>
+      all.some((a) => a.every((x, i) => Math.abs(x - v[i]) < 1e-6));
+    expect(has(night, nightA)).toBe(true);
+    expect(has(night, dayA)).toBe(false);
+    expect(has(day, dayA)).toBe(true);
+    search = '?sky=noonday';
+    expect(has(uploaded({}), dayA)).toBe(true);
+    search = '?sky=garbage';
+    expect(has(uploaded({}), nightA)).toBe(true);
+  });
+
+  it.each(['day', 'dusk', 'night'] as const)(
+    'uploads the %s band as uBand (floor, ceiling) and uLift, in the sky pass and the grid pass',
+    (state) => {
+      const { gl, calls } = fakeGl();
+      const opts = terrainSkyFor(state);
+      createTerrainScene({ canvas: canvasWith(gl), tier: 'still', ...opts })!.dispose();
+      const { floor, ceiling, lift } = SKY_BAND[state];
+      const pairs = calls.uniform2fv.filter(
+        (a) =>
+          Math.abs((a[1] as number[])[0] - floor) < 1e-6 &&
+          Math.abs((a[1] as number[])[1] - ceiling) < 1e-6
+      );
+      expect(pairs).toHaveLength(2);
+      const lifts = calls.uniform3fv.filter((a) =>
+        Array.from(a[1] as ArrayLike<number>).every((x, i) => Math.abs(x - lift[i]) < 1e-6)
+      );
+      expect(lifts).toHaveLength(2);
+    }
+  );
+
+  it('uploads no band (0, 1) and a zero lift without one', () => {
+    const { gl, calls } = fakeGl();
+    createTerrainScene({ canvas: canvasWith(gl), tier: 'still' })!.dispose();
+    expect(calls.uniform2fv.filter((a) => (a[1] as number[])[1] === 1)).toHaveLength(2);
+  });
+
+  it('a sun elevation (option or ?sun=&az=) lights between the bakes, and wins over ?sky=', () => {
+    const ambients = (opts: Record<string, unknown>) => {
+      const { gl, calls } = fakeGl();
+      createTerrainScene({ canvas: canvasWith(gl), tier: 'still', ...opts })!.dispose();
+      return calls.uniform3fv.map((a) => Array.from(a[1] as ArrayLike<number>));
+    };
+    const dusk = skyAtSun(-1, 300);
+    const has = (all: number[][], v: readonly number[]) =>
+      all.some((a) => a.length === 3 && a.every((x, i) => Math.abs(x - v[i]) < 1e-6));
+    expect(has(ambients({ sun: { elevation: -1, azimuth: 300 } }), groundLight(dusk).ambient)).toBe(
+      true
+    );
+    search = '?sky=noonday&sun=-1&az=300';
+    expect(has(ambients({}), groundLight(dusk).ambient)).toBe(true);
+    search = '?sun=garbage';
+    expect(has(ambients({}), groundLight(SKY.midnight).ambient)).toBe(true);
+  });
+
+  it('uploads the baked sky table and the aerial perspective volume once each, as half floats, to 3D textures', () => {
+    const { gl, calls } = fakeGl();
+    createTerrainScene({ canvas: canvasWith(gl), tier: 'full' })!.dispose();
+    expect(calls.texImage3D).toHaveLength(2);
+    const a = calls.texImage3D[0];
+    expect([a[3], a[4], a[5]]).toEqual([SKY_VIEW.width, SKY_VIEW.height, SKY_VIEW.depth]);
+    expect(a[9]).toEqual(skyViewWords());
+    const ap = calls.texImage3D[1];
+    expect([ap[3], ap[4], ap[5]]).toEqual([AP_VOLUME.width, AP_VOLUME.height, AP_VOLUME.depth]);
+    expect(ap[9]).toEqual(apVolumeWords());
+    expect(calls.deleteTexture).toHaveLength(3);
+  });
+
+  it('dithers the sky output by half an 8-bit step either way, and the terrain not at all', () => {
+    expect(SKY_FRAG).toContain('- 0.5');
+    expect(SKY_FRAG).toContain('dither / 255.0');
+  });
+
+  it('falls back to a still frame when the measured p95 is over 33 ms', () => {
+    const { gl, calls } = fakeGl();
+    const onProbe = vi.fn();
+    const scene = createTerrainScene({ canvas: canvasWith(gl), tier: 'full', onProbe })!;
+    let t = 0;
+    for (let i = 0; i < 400 && rafQueue.length; i += 1) rafQueue.shift()!((t += 50));
+    expect(rafQueue).toHaveLength(0);
+    expect(onProbe).toHaveBeenLastCalledWith(expect.objectContaining({ still: true }));
+    expect(calls.drawElements.length).toBeLessThan(400);
+    scene.dispose();
+  });
+
+  it('does not draw while the tab is hidden, or under reduced motion', () => {
+    const { gl, calls } = fakeGl();
+    const scene = createTerrainScene({ canvas: canvasWith(gl), tier: 'full' })!;
+    const before = (calls.drawElements ?? []).length;
+    visibility = 'hidden';
+    rafQueue.shift()!(16);
+    expect((calls.drawElements ?? []).length).toBe(before);
+    scene.dispose();
+    vi.stubGlobal('window', {
+      ...(window as object),
+      matchMedia: () => ({ matches: true, addEventListener() {}, removeEventListener() {} }),
+    });
+    visibility = 'visible';
+    const g2 = fakeGl();
+    const still = createTerrainScene({ canvas: canvasWith(g2.gl), tier: 'full' })!;
+    expect(rafQueue).toHaveLength(0);
+    expect(g2.calls.drawElements).toHaveLength(1); // one frame, then still
+    still.dispose();
+  });
+
+  it('a lost context stops the scene and tells the host', () => {
+    const { gl, calls } = fakeGl();
+    const canvas = canvasWith(gl);
+    const onContextLost = vi.fn();
+    createTerrainScene({ canvas, tier: 'full', onContextLost })!;
+    const handler = canvas.addEventListener.mock.calls.find(
+      (c: unknown[]) => c[0] === 'webglcontextlost'
+    )[1];
+    handler({ preventDefault() {} });
+    expect(onContextLost).toHaveBeenCalledOnce();
+    const n = (calls.drawElements ?? []).length;
+    rafQueue.splice(0).forEach((f) => f(16));
+    expect((calls.drawElements ?? []).length).toBe(n);
+  });
+
+  it('dispose frees its programs, buffers and texture and queues nothing more', () => {
+    const { gl, calls } = fakeGl();
+    createTerrainScene({ canvas: canvasWith(gl), tier: 'full' })!.dispose();
+    expect(calls.deleteProgram).toHaveLength(3);
+    expect(calls.deleteBuffer).toHaveLength(2);
+    expect(calls.deleteTexture).toHaveLength(3);
+    expect(rafQueue).toHaveLength(0);
+  });
+});
+
+describe("startBackgroundScene style 'terrain'", () => {
+  it('requests webgl2 and returns a scene once the tier is on', async () => {
+    const { gl } = fakeGl();
+    const canvas = canvasWith(gl);
+    const scene = await startBackgroundScene({ tier: 'still', style: 'terrain' }, {}, { canvas });
+    expect(scene).not.toBeNull();
+    expect(canvas.getContext).toHaveBeenCalledWith('webgl2', expect.anything());
+    scene!.dispose();
+  });
+
+  it('stays off by default, and the default style is still the ridge (no WebGL2)', async () => {
+    const canvas = canvasWith(null);
+    expect(await startBackgroundScene({ style: 'terrain' }, {}, { canvas })).toBeNull();
+    expect(canvas.getContext).not.toHaveBeenCalled();
+    const { gl } = fakeGl();
+    const c2 = { ...canvasWith(gl), getContext: vi.fn(() => null) };
+    await startBackgroundScene({ tier: 'still' }, {}, { canvas: c2 });
+    expect(c2.getContext).not.toHaveBeenCalledWith('webgl2', expect.anything());
+  });
+});
+
+describe('stars in the terrain scene', () => {
+  let overlays: any[];
+  let arcs: number;
+  const withOverlays = () => {
+    overlays = [];
+    arcs = 0;
+    (document as any).createElement = () => {
+      const el: any = {
+        style: {},
+        remove: vi.fn(),
+        setAttribute() {},
+        getContext: () => ({
+          clearRect() {},
+          beginPath() {},
+          fill() {},
+          arc: () => (arcs += 1),
+        }),
+      };
+      overlays.push(el);
+      return el;
+    };
+  };
+  const scene = (sky: 'midnight' | 'noonday', tier: 'still' | 'low' = 'low') => {
+    withOverlays();
+    const canvas = canvasWith(fakeGl().gl);
+    const s = createTerrainScene({ canvas, tier, sky })!;
+    return { s, canvas };
+  };
+
+  it('a midnight sky gets one star overlay beside the canvas, painted with the terrain', () => {
+    const { s, canvas } = scene('midnight');
+    expect(overlays).toHaveLength(1);
+    expect(canvas.parentElement.appendChild).toHaveBeenCalledWith(overlays[0]);
+    rafQueue.shift()!(16);
+    expect(arcs).toBeGreaterThan(0);
+    s.dispose();
+    expect(overlays[0].remove).toHaveBeenCalledOnce();
+  });
+
+  it('a noonday sky gets no overlay and paints no stars', () => {
+    const { s } = scene('noonday');
+    expect(overlays).toHaveLength(0);
+    expect(arcs).toBe(0);
+    s.dispose();
+  });
+
+  it("'still' paints the stars once at base and queues nothing", () => {
+    const { s } = scene('midnight', 'still');
+    expect(arcs).toBeGreaterThan(0);
+    expect(rafQueue).toHaveLength(0);
+    s.dispose();
+  });
+
+  it('a hidden tab or reduced motion paints no more stars than the first frame', () => {
+    visibility = 'hidden';
+    const { s } = scene('midnight');
+    const n = arcs;
+    expect(n).toBeGreaterThan(0);
+    expect(rafQueue).toHaveLength(0); // the terrain loop never starts, so nothing repaints the stars
+    s.dispose();
+    visibility = 'visible';
+    (window as any).matchMedia = () => ({
+      matches: true,
+      addEventListener() {},
+      removeEventListener() {},
+    });
+    const r = scene('midnight');
+    expect(rafQueue).toHaveLength(0);
+    expect(arcs).toBe(n);
+    r.s.dispose();
+  });
+
+  it('stars turn with the terrain: a later frame is painted at a later heading', () => {
+    let clock = 0;
+    vi.stubGlobal('performance', { now: () => (clock += 1000) });
+    const { s } = scene('midnight');
+    rafQueue.shift()!(16);
+    const first = arcs;
+    rafQueue.shift()!(1000);
+    expect(arcs).toBeGreaterThan(first);
+    s.dispose();
+  });
+});
diff --git a/src/app/features/scene/terrain/Terrain.ts b/src/app/features/scene/terrain/Terrain.ts
new file mode 100644
index 00000000..a1807305
--- /dev/null
+++ b/src/app/features/scene/terrain/Terrain.ts
@@ -0,0 +1,443 @@
+import type { Scene, SceneOptions } from '../Scene';
+import type { SkyBand } from '../skyBand';
+import { FrameSampler, FrameStats } from '../ridge/probe';
+import { albedoPalette } from './terrainAlbedo';
+import { sunIndex } from '../../../../sky/scatter.js';
+import { AP_VOLUME, apVolumeWords, SKY_VIEW, skyViewWords } from './terrainScatter';
+import {
+  nightness,
+  glowColour,
+  groundLight,
+  chooseSky,
+  SkyName,
+  START_TURNS,
+  sunDirection,
+} from './terrainSky';
+import { buildGrid, CAMERA, GRID, seedOffset, TERRAIN, triangleCount, view } from './terrainWorld';
+import {
+  FULLSCREEN_VERT,
+  GRID_FRAG,
+  GRID_VERT,
+  heightFragmentSource,
+  SKY_FRAG,
+} from './terrainShaders';
+import { createTerrainStars } from './terrainStars';
+import { overlayRequested } from '../debugOverlays';
+import { showTierLabel } from './tierLabel';
+
+export type TerrainOptions = Pick<
+  SceneOptions,
+  'canvas' | 'tier' | 'onCompileFail' | 'onContextLost'
+> & {
+  /** Which baked sky lights and hazes the terrain. Default: `?sky=` in the page URL, else midnight. */
+  sky?: SkyName;
+  /** Put the sun at this elevation (degrees) and azimuth (clockwise from north; default: noonday's) instead of at the baked sky's: `?sun=` and `?az=` in the page URL. Lights between the two bakes, for dusk. */
+  sun?: { elevation: number; azimuth?: number };
+  /** The luminance band the sky is shaped into (skyBand.ts), in the sky pass and in the haze that fades into it. Default: none. */
+  band?: SkyBand;
+  /** Terrain seed: the height map is sampled at an offset taken from it. Default 0. */
+  seed?: number;
+  /** Show the rAF median/p95 readout (plus triangle count). Default: the page URL has `?probe=1`, where `debug` allows it. */
+  probe?: boolean;
+  /** The diagnostic overlays (readout, tier label) may be asked for by URL (debugOverlays.ts). Default: no. */
+  debug?: boolean;
+  onProbe?: (s: FrameStats & { still: boolean; triangles: number }) => void;
+};
+
+/** Same shape as Scene.ts's ShaderCompileError, redeclared so this chunk does not import the ray-march scene. */
+class ShaderCompileError extends Error {
+  constructor(readonly stage: 'vertex', readonly log: string) {
+    super(`${stage} shader failed to compile:\n${log}`);
+  }
+}
+
+function program(gl: WebGL2RenderingContext, name: string, vs: string, fs: string): WebGLProgram {
+  const make = (type: number, src: string, which: string) => {
+    const s = gl.createShader(type);
+    if (!s) throw new Error('createShader failed');
+    gl.shaderSource(s, src);
+    gl.compileShader(s);
+    if (!gl.getShaderParameter(s, gl.COMPILE_STATUS)) {
+      const log = gl.getShaderInfoLog(s) ?? '';
+      gl.deleteShader(s);
+      throw new ShaderCompileError('vertex', `terrain ${name} ${which} shader: ${log}`);
+    }
+    return s;
+  };
+  const v = make(gl.VERTEX_SHADER, vs, 'vertex');
+  const f = make(gl.FRAGMENT_SHADER, fs, 'fragment');
+  const p = gl.createProgram();
+  if (!p) throw new Error('createProgram failed');
+  gl.attachShader(p, v);
+  gl.attachShader(p, f);
+  gl.linkProgram(p);
+  gl.deleteShader(v);
+  gl.deleteShader(f);
+  if (!gl.getProgramParameter(p, gl.LINK_STATUS)) {
+    const log = gl.getProgramInfoLog(p) ?? '';
+    gl.deleteProgram(p);
+    throw new ShaderCompileError('vertex', `terrain ${name} link: ${log}`);
+  }
+  return p;
+}
+
+/**
+ * The terrain scene: same contract as `createRidgeScene`/`createScene` ({ login, dispose }, null for "keep the
+ * CSS ground"). WebGL2 only. The height map is baked once on the GPU (Phacelle, see terrainShaders.ts) into an
+ * RGBA8 texture; each frame is two draws: the sky from the baked scattering table, then a displaced grid lit by the
+ * baked sun and ambient and hazed toward that sky at the horizon. Cadence guard, pauses and the `?probe=1` readout match the
+ * ridge scene.
+ */
+export function createTerrainScene(opts: TerrainOptions): Scene | null {
+  const tier = opts.tier ?? 'full';
+  if (tier === 'off') return null;
+  const { canvas } = opts;
+  const probe = opts.probe ?? overlayRequested('probe', opts.debug === true);
+  const gl = canvas.getContext('webgl2', {
+    antialias: false,
+    alpha: false,
+  }) as WebGL2RenderingContext | null;
+  if (!gl) return null;
+  const units = gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS);
+  if (typeof units === 'number' && units < 1) return null;
+
+  const sky = chooseSky(opts);
+  const spec = GRID[tier];
+
+  let skyProg: WebGLProgram;
+  let gridProg: WebGLProgram;
+  let bakeProg: WebGLProgram;
+  try {
+    bakeProg = program(gl, 'height', FULLSCREEN_VERT, heightFragmentSource());
+    skyProg = program(gl, 'sky', FULLSCREEN_VERT, SKY_FRAG);
+    gridProg = program(gl, 'grid', GRID_VERT, GRID_FRAG);
+  } catch (e) {
+    opts.onCompileFail?.(e as ShaderCompileError);
+    return null;
+  }
+
+  // The height map, baked once.
+  const heightTex = gl.createTexture();
+  const fbo = gl.createFramebuffer();
+  gl.bindTexture(gl.TEXTURE_2D, heightTex);
+  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA8, spec.tex, spec.tex, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+  // The baked scattering table, RGB16F, uploaded as it is stored (half floats); the shader divides by the store scale.
+  const skyTex = gl.createTexture();
+  gl.bindTexture(gl.TEXTURE_3D, skyTex);
+  gl.pixelStorei(gl.UNPACK_ALIGNMENT, 1);
+  gl.texImage3D(
+    gl.TEXTURE_3D,
+    0,
+    gl.RGB16F,
+    SKY_VIEW.width,
+    SKY_VIEW.height,
+    SKY_VIEW.depth,
+    0,
+    gl.RGB,
+    gl.HALF_FLOAT,
+    skyViewWords()
+  );
+  gl.texParameteri(gl.TEXTURE_3D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+  gl.texParameteri(gl.TEXTURE_3D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+  [gl.TEXTURE_WRAP_S, gl.TEXTURE_WRAP_T, gl.TEXTURE_WRAP_R].forEach((w) =>
+    gl.texParameteri(gl.TEXTURE_3D, w, gl.CLAMP_TO_EDGE)
+  );
+  // The aerial perspective volume, RGBA16F, half floats as stored (src/sky/scatter.js).
+  const apTex = gl.createTexture();
+  gl.bindTexture(gl.TEXTURE_3D, apTex);
+  gl.texImage3D(
+    gl.TEXTURE_3D,
+    0,
+    gl.RGBA16F,
+    AP_VOLUME.width,
+    AP_VOLUME.height,
+    AP_VOLUME.depth,
+    0,
+    gl.RGBA,
+    gl.HALF_FLOAT,
+    apVolumeWords()
+  );
+  gl.texParameteri(gl.TEXTURE_3D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+  gl.texParameteri(gl.TEXTURE_3D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+  [gl.TEXTURE_WRAP_S, gl.TEXTURE_WRAP_T, gl.TEXTURE_WRAP_R].forEach((w) =>
+    gl.texParameteri(gl.TEXTURE_3D, w, gl.CLAMP_TO_EDGE)
+  );
+  gl.pixelStorei(gl.UNPACK_ALIGNMENT, 4);
+  gl.bindTexture(gl.TEXTURE_2D, heightTex);
+  gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);
+  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, heightTex, 0);
+  const complete = gl.checkFramebufferStatus(gl.FRAMEBUFFER) === gl.FRAMEBUFFER_COMPLETE;
+  const free: Array<() => void> = [];
+  const release = () => {
+    free.forEach((f) => f());
+    gl.deleteTexture(heightTex);
+    gl.deleteTexture(skyTex);
+    gl.deleteTexture(apTex);
+    gl.deleteFramebuffer(fbo);
+    gl.deleteProgram(bakeProg);
+    gl.deleteProgram(skyProg);
+    gl.deleteProgram(gridProg);
+  };
+  if (!complete) {
+    release();
+    return null;
+  }
+  gl.viewport(0, 0, spec.tex, spec.tex);
+  gl.disable(gl.DEPTH_TEST);
+  gl.useProgram(bakeProg);
+  gl.uniform1f(gl.getUniformLocation(bakeProg, 'uSpan'), TERRAIN.span);
+  gl.uniform1f(gl.getUniformLocation(bakeProg, 'uTexels'), spec.tex);
+  gl.uniform2fv(gl.getUniformLocation(bakeProg, 'uSeed'), seedOffset(opts.seed ?? 0));
+  gl.drawArrays(gl.TRIANGLES, 0, 3);
+  gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+
+  // The displaced grid.
+  const g = buildGrid(spec.grid);
+  const vao = gl.createVertexArray();
+  const vbuf = gl.createBuffer();
+  const ibuf = gl.createBuffer();
+  gl.bindVertexArray(vao);
+  gl.bindBuffer(gl.ARRAY_BUFFER, vbuf);
+  gl.bufferData(gl.ARRAY_BUFFER, g.uv, gl.STATIC_DRAW);
+  gl.enableVertexAttribArray(0);
+  gl.vertexAttribPointer(0, 2, gl.FLOAT, false, 0, 0);
+  gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, ibuf);
+  gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, g.indices, gl.STATIC_DRAW);
+  gl.bindVertexArray(null);
+  free.push(
+    () => gl.deleteVertexArray(vao),
+    () => gl.deleteBuffer(vbuf),
+    () => gl.deleteBuffer(ibuf)
+  );
+
+  const sun = [...sunDirection(sky)];
+  const sunLight = [...sky.direct];
+  const ground = groundLight(sky);
+  const ambient = [...ground.ambient];
+  const heading = START_TURNS;
+  const glow = [...glowColour(sky)];
+  const band: [number, number] = sky.band ? [sky.band.floor, sky.band.ceiling] : [0, 1];
+  const lift = [...(sky.band?.lift ?? [0, 0, 0])];
+  const sunTexel = sunIndex(sky.elevation);
+  const night = nightness(sky.elevation);
+  const moonTexel = sunIndex(Math.abs(sky.elevation));
+  const palette = albedoPalette(sky);
+  const triangles = triangleCount(spec.grid);
+
+  const stars = createTerrainStars(canvas, sky);
+  const reducedMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)');
+  const sampler = new FrameSampler();
+  let still = tier === 'still';
+  let disposed = false;
+  let lost = false;
+  let raf = 0;
+  let readout: HTMLElement | undefined;
+  let resizeTimer = 0;
+  let turnsAtPause = 0;
+  let playedFrom: number | undefined;
+
+  /** Size the canvas: low renders at 0.75 of the CSS size; full at device pixel ratio capped to 2. */
+  const size = () => {
+    const dpr = Math.min(window.devicePixelRatio || 1, 2) * (tier === 'low' ? 0.75 : 1);
+    canvas.width = Math.max(1, Math.round((canvas.clientWidth || window.innerWidth) * dpr));
+    canvas.height = Math.max(1, Math.round((canvas.clientHeight || window.innerHeight) * dpr));
+  };
+
+  const draw = (turns: number) => {
+    if (lost) return;
+    gl.viewport(0, 0, canvas.width, canvas.height);
+    const v = view(canvas.width / canvas.height, (turns + heading) % 1);
+    gl.disable(gl.DEPTH_TEST);
+    gl.useProgram(skyProg);
+    const us = (n: string) => gl.getUniformLocation(skyProg, n);
+    gl.uniform3fv(us('uSun'), sun);
+    gl.uniform3fv(us('uSunColour'), sunLight);
+    gl.uniform3fv(us('uGlow'), glow);
+    gl.uniform2fv(us('uBand'), band);
+    gl.uniform3fv(us('uLift'), lift);
+    gl.uniform1f(us('uSunIndex'), sunTexel);
+    gl.activeTexture(gl.TEXTURE1);
+    gl.bindTexture(gl.TEXTURE_3D, skyTex);
+    gl.uniform1i(us('uSky'), 1);
+    gl.uniform3fv(us('uRight'), v.right);
+    gl.uniform3fv(us('uUp'), v.up);
+    gl.uniform3fv(us('uForward'), v.forward);
+    gl.uniform2f(us('uSize'), canvas.width, canvas.height);
+    gl.uniform1f(us('uTanHalf'), Math.tan(CAMERA.fov / 2));
+    gl.drawArrays(gl.TRIANGLES, 0, 3);
+
+    gl.enable(gl.DEPTH_TEST);
+    gl.clear(gl.DEPTH_BUFFER_BIT);
+    gl.useProgram(gridProg);
+    const u = (n: string) => gl.getUniformLocation(gridProg, n);
+    gl.uniformMatrix4fv(u('uViewProj'), false, v.viewProj);
+    gl.uniform3fv(u('uCamera'), v.eye);
+    gl.uniform1f(u('uSpan'), TERRAIN.span);
+    gl.uniform1i(u('uTex'), spec.tex);
+    gl.uniform3fv(u('uSun'), sun);
+    gl.uniform3fv(u('uLightDir'), ground.dir);
+    gl.uniform3fv(u('uLight'), ground.colour);
+    gl.uniform3fv(u('uAmbient'), ambient);
+    gl.uniform3fv(u('uGlow'), glow);
+    gl.uniform2fv(u('uBand'), band);
+    gl.uniform3fv(u('uLift'), lift);
+    gl.uniform1f(u('uSunIndex'), sunTexel);
+    gl.activeTexture(gl.TEXTURE1);
+    gl.bindTexture(gl.TEXTURE_3D, skyTex);
+    gl.uniform1i(u('uSky'), 1);
+    gl.uniform1f(u('uNight'), night);
+    gl.uniform1f(u('uMoonIndex'), moonTexel);
+    gl.activeTexture(gl.TEXTURE2);
+    gl.bindTexture(gl.TEXTURE_3D, apTex);
+    gl.uniform1i(u('uAP'), 2);
+    gl.uniform3fv(u('uSoil'), palette.soil);
+    gl.uniform3fv(u('uScree'), palette.scree);
+    gl.uniform3fv(u('uRock'), palette.rock);
+    gl.uniform3fv(u('uSnow'), palette.snow);
+    gl.uniform1f(u('uSnowLine'), palette.snowLine);
+    gl.activeTexture(gl.TEXTURE0);
+    gl.bindTexture(gl.TEXTURE_2D, heightTex);
+    gl.uniform1i(u('uHeight'), 0);
+    gl.bindVertexArray(vao);
+    gl.drawElements(gl.TRIANGLES, g.indices.length, gl.UNSIGNED_INT, 0);
+    gl.bindVertexArray(null);
+    stars?.draw((turns + heading) % 1, moving() ? performance.now() / 1000 : undefined);
+  };
+
+  const moving = () =>
+    !still &&
+    !disposed &&
+    !lost &&
+    !(reducedMotion?.matches ?? false) &&
+    document.visibilityState === 'visible';
+
+  const turnsNow = (now: number) =>
+    turnsAtPause + (playedFrom === undefined ? 0 : (now - playedFrom) / (CAMERA.seconds * 1000));
+
+  const report = (stillNow: boolean) => {
+    const s = { ...sampler.stats(), still: stillNow, triangles };
+    opts.onProbe?.(s);
+    if (readout) {
+      readout.textContent = `terrain · ${s.triangles} tris · n ${s.n} · median ${s.medianMs.toFixed(
+        1
+      )} ms · p95 ${s.p95Ms.toFixed(1)} ms${stillNow ? ' · STILL' : ''}`;
+    }
+  };
+
+  const settleToStill = () => {
+    if (playedFrom !== undefined) turnsAtPause = turnsNow(performance.now());
+    playedFrom = undefined;
+    still = true;
+    cancelAnimationFrame(raf);
+    raf = 0;
+    draw(turnsAtPause);
+    report(true);
+  };
+
+  let sinceReport = 0;
+  // The first window is measured (guard against a slow device); after it the loop only draws.
+  let measuring = true;
+  const frame = (now: number) => {
+    raf = 0;
+    if (!moving()) return;
+    draw(turnsNow(now));
+    if (!measuring) {
+      raf = requestAnimationFrame(frame);
+      return;
+    }
+    const full = sampler.push(now);
+    if (full) {
+      measuring = false;
+      if (sampler.slow()) {
+        settleToStill();
+        return;
+      }
+      if (probe) report(false);
+    } else if (probe && now - sinceReport > 500) {
+      sinceReport = now;
+      report(false);
+    }
+    raf = requestAnimationFrame(frame);
+  };
+  const wake = () => {
+    if (!moving()) {
+      if (playedFrom !== undefined) turnsAtPause = turnsNow(performance.now());
+      playedFrom = undefined;
+      return;
+    }
+    if (raf) return;
+    playedFrom = performance.now();
+    if (measuring) sampler.reset();
+    raf = requestAnimationFrame(frame);
+  };
+
+  const onLost = (e: Event) => {
+    e.preventDefault();
+    lost = true;
+    cancelAnimationFrame(raf);
+    raf = 0;
+    opts.onContextLost?.();
+  };
+  canvas.addEventListener('webglcontextlost', onLost);
+
+  size();
+  if (probe && canvas.parentElement) {
+    readout = document.createElement('div');
+    Object.assign(readout.style, {
+      position: 'absolute',
+      left: '8px',
+      top: '8px',
+      font: '12px monospace',
+      color: '#fff',
+      background: 'rgba(0,0,0,.55)',
+      padding: '2px 6px',
+      borderRadius: '3px',
+      pointerEvents: 'none',
+    });
+    canvas.parentElement.appendChild(readout);
+  }
+  const removeLabel = showTierLabel(canvas, tier, opts.debug === true);
+  if (still) settleToStill();
+  else wake();
+  if (!still && !moving()) draw(0);
+
+  const onVisibility = () => {
+    sampler.reset();
+    wake();
+  };
+  const onResize = () => {
+    clearTimeout(resizeTimer);
+    resizeTimer = window.setTimeout(() => {
+      if (disposed || lost) return;
+      size();
+      stars?.resize();
+      draw(turnsNow(performance.now()));
+      sampler.reset();
+    }, 250);
+  };
+  document.addEventListener('visibilitychange', onVisibility);
+  window.addEventListener('resize', onResize);
+  reducedMotion?.addEventListener?.('change', onVisibility);
+
+  return {
+    login() {
+      // The camera is the same before and after.
+    },
+    dispose() {
+      if (disposed) return;
+      disposed = true;
+      cancelAnimationFrame(raf);
+      clearTimeout(resizeTimer);
+      document.removeEventListener('visibilitychange', onVisibility);
+      window.removeEventListener('resize', onResize);
+      reducedMotion?.removeEventListener?.('change', onVisibility);
+      canvas.removeEventListener('webglcontextlost', onLost);
+      readout?.remove();
+      removeLabel?.();
+      stars?.dispose();
+      release();
+    },
+  };
+}
diff --git a/src/app/features/scene/terrain/TerrainSky2D.test.ts b/src/app/features/scene/terrain/TerrainSky2D.test.ts
new file mode 100644
index 00000000..d85d8f01
--- /dev/null
+++ b/src/app/features/scene/terrain/TerrainSky2D.test.ts
@@ -0,0 +1,286 @@
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-empty-function -- DOM stubs, as the other scene tests */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { createTerrainSkyScene, SKY_WIDTH } from './TerrainSky2D';
+import { startBackgroundScene } from '../index';
+import { terrainSkyFor } from '../skyForState';
+
+let search: string;
+let arcs: number;
+let overlay: { remove: ReturnType<typeof vi.fn> };
+let windowListeners: Record<string, () => void>;
+beforeEach(() => {
+  search = '';
+  arcs = 0;
+  windowListeners = {};
+  vi.stubGlobal('document', {
+    createElement: () => {
+      overlay = {
+        remove: vi.fn(),
+        style: {},
+        setAttribute() {},
+        getContext: () => ({
+          clearRect() {},
+          beginPath() {},
+          fill() {},
+          arc: () => {
+            arcs += 1;
+          },
+        }),
+      } as any;
+      return overlay;
+    },
+  });
+  vi.stubGlobal('window', {
+    devicePixelRatio: 1,
+    innerWidth: 400,
+    innerHeight: 800,
+    addEventListener: (n: string, f: () => void) => {
+      windowListeners[n] = f;
+    },
+    removeEventListener: (n: string) => {
+      delete windowListeners[n];
+    },
+    get location() {
+      return { search };
+    },
+    setTimeout,
+  });
+});
+afterEach(() => {
+  vi.unstubAllGlobals();
+});
+
+/** A canvas with a recording 2D context; `gl` is what 'webgl2' answers. */
+function canvasWith(opts: { twoD?: boolean; gl?: unknown } = {}) {
+  const painted: { data: Uint8ClampedArray; width: number; height: number }[] = [];
+  const ctx = {
+    createImageData: (width: number, height: number) => ({
+      width,
+      height,
+      data: new Uint8ClampedArray(width * height * 4),
+    }),
+    putImageData: (image: any) => painted.push(image),
+  };
+  const parentAppend = vi.fn();
+  const canvas: any = {
+    width: 0,
+    height: 0,
+    clientWidth: 400,
+    clientHeight: 800,
+    parentElement: { appendChild: parentAppend },
+    getContext: vi.fn((kind: string) => {
+      if (kind !== '2d') return opts.gl ?? null;
+      return opts.twoD === false ? null : ctx;
+    }),
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+  };
+  return { canvas, painted, parentAppend };
+}
+
+const pixel = (img: { data: Uint8ClampedArray; width: number }, x: number, y: number) =>
+  Array.from(img.data.slice((y * img.width + x) * 4, (y * img.width + x) * 4 + 3));
+const mean = (img: { data: Uint8ClampedArray }) => {
+  let s = 0;
+  for (let i = 0; i < img.data.length; i += 4) s += img.data[i] + img.data[i + 1] + img.data[i + 2];
+  return s / (img.data.length / 4) / 3;
+};
+
+describe('createTerrainSkyScene', () => {
+  it("returns null at tier 'off' and touches nothing", () => {
+    const { canvas } = canvasWith();
+    expect(createTerrainSkyScene({ canvas, tier: 'off' })).toBeNull();
+    expect(canvas.getContext).not.toHaveBeenCalled();
+  });
+
+  it('returns null when the canvas gives no 2D context (the CSS ground stays)', () => {
+    const { canvas } = canvasWith({ twoD: false });
+    expect(createTerrainSkyScene({ canvas, tier: 'low' })).toBeNull();
+  });
+
+  it('paints one opaque, graded sky: the horizon end of the image is not the zenith end', () => {
+    const { canvas, painted } = canvasWith();
+    const s = createTerrainSkyScene({ canvas, tier: 'low', sky: 'noonday' })!;
+    expect(painted).toHaveLength(1);
+    const img = painted[0];
+    expect(img.width).toBe(SKY_WIDTH);
+    expect(canvas.width).toBe(SKY_WIDTH);
+    expect(canvas.height).toBe(img.height);
+    for (let i = 3; i < img.data.length; i += 4) expect(img.data[i]).toBe(255);
+    const x = Math.floor(SKY_WIDTH / 2);
+    expect(pixel(img, x, 0)).not.toEqual(pixel(img, x, img.height - 1));
+    expect(mean(img)).toBeGreaterThan(20);
+    s.dispose();
+  });
+
+  it('follows the baked sky: noon is brighter than midnight, and ?sun= / ?az= move it', () => {
+    const noon = canvasWith();
+    createTerrainSkyScene({ canvas: noon.canvas, tier: 'low', sky: 'noonday' })!.dispose();
+    const night = canvasWith();
+    createTerrainSkyScene({ canvas: night.canvas, tier: 'low', sky: 'midnight' })!.dispose();
+    expect(mean(noon.painted[0])).toBeGreaterThan(mean(night.painted[0]) * 1.5);
+
+    const low = canvasWith();
+    createTerrainSkyScene({ canvas: low.canvas, tier: 'low', sun: { elevation: 30 } })!.dispose();
+    const down = canvasWith();
+    createTerrainSkyScene({ canvas: down.canvas, tier: 'low', sun: { elevation: -20 } })!.dispose();
+    expect(mean(low.painted[0])).toBeGreaterThan(mean(down.painted[0]));
+
+    search = '?sun=30&az=0';
+    const q0 = canvasWith();
+    createTerrainSkyScene({ canvas: q0.canvas, tier: 'low' })!.dispose();
+    search = '?sun=30&az=180';
+    const q1 = canvasWith();
+    createTerrainSkyScene({ canvas: q1.canvas, tier: 'low' })!.dispose();
+    expect(Array.from(q0.painted[0].data)).not.toEqual(Array.from(q1.painted[0].data));
+  });
+
+  it('stars only on a dark sky', () => {
+    const night = canvasWith();
+    const a = createTerrainSkyScene({ canvas: night.canvas, tier: 'low', sky: 'midnight' })!;
+    expect(night.parentAppend).toHaveBeenCalledTimes(1);
+    expect(arcs).toBeGreaterThan(0);
+    a.dispose();
+    expect(overlay.remove).toHaveBeenCalled();
+    arcs = 0;
+    const day = canvasWith();
+    createTerrainSkyScene({ canvas: day.canvas, tier: 'low', sky: 'noonday' })!.dispose();
+    expect(day.parentAppend).not.toHaveBeenCalled();
+    expect(arcs).toBe(0);
+  });
+
+  it('repaints on resize, and dispose stops listening', () => {
+    vi.useFakeTimers();
+    vi.stubGlobal('window', {
+      ...(window as any),
+      setTimeout,
+      addEventListener: (window as any).addEventListener,
+    });
+    const { canvas, painted } = canvasWith();
+    const s = createTerrainSkyScene({ canvas, tier: 'low', sky: 'noonday' })!;
+    expect(windowListeners.resize).toBeDefined();
+    windowListeners.resize();
+    vi.advanceTimersByTime(300);
+    expect(painted).toHaveLength(2);
+    s.dispose();
+    expect(windowListeners.resize).toBeUndefined();
+    vi.useRealTimers();
+  });
+});
+
+describe('the sky-only tier label', () => {
+  const labels = (parentAppend: ReturnType<typeof vi.fn>) =>
+    parentAppend.mock.calls.filter(([e]) => e?.textContent === 'terrain · sky-only');
+
+  it('shows for ?tierlabel=1 only where the overlays are allowed', () => {
+    search = '?tierlabel=1';
+    const off = canvasWith();
+    createTerrainSkyScene({ canvas: off.canvas, tier: 'low' })!.dispose();
+    expect(labels(off.parentAppend)).toHaveLength(0);
+    const on = canvasWith();
+    createTerrainSkyScene({ canvas: on.canvas, tier: 'low', debug: true })!.dispose();
+    expect(labels(on.parentAppend)).toHaveLength(1);
+  });
+
+  it('the door allows it from the config flag, and not from a plain production config', async () => {
+    vi.stubEnv('DEV', false);
+    vi.stubEnv('VITE_PREVIEW_DEMO', '');
+    search = '?tierlabel=1';
+    const plain = canvasWith();
+    (
+      await startBackgroundScene({ tier: 'low', style: 'terrain' }, {}, { canvas: plain.canvas })
+    )?.dispose();
+    expect(labels(plain.parentAppend)).toHaveLength(0);
+    const flagged = canvasWith();
+    (
+      await startBackgroundScene(
+        { tier: 'low', style: 'terrain', debugOverlays: true },
+        {},
+        { canvas: flagged.canvas }
+      )
+    )?.dispose();
+    expect(labels(flagged.parentAppend)).toHaveLength(1);
+    vi.unstubAllEnvs();
+  });
+});
+
+describe('startBackgroundScene, terrain style', () => {
+  it('without WebGL2 mounts the sky on the same canvas instead of returning null', async () => {
+    const { canvas, painted } = canvasWith({ gl: null });
+    const scene = await startBackgroundScene({ tier: 'low', style: 'terrain' }, {}, { canvas });
+    expect(scene).not.toBeNull();
+    expect(canvas.getContext.mock.calls.map((c: unknown[]) => c[0])).toEqual(['webgl2', '2d']);
+    expect(painted).toHaveLength(1);
+    scene!.dispose();
+  });
+
+  it('with WebGL2 the terrain runs and the 2D sky is never requested', async () => {
+    const gl: any = new Proxy(
+      {},
+      {
+        get(_t, name: string) {
+          if (name === 'getShaderParameter' || name === 'getProgramParameter') return () => true;
+          if (name === 'checkFramebufferStatus') return () => 1;
+          if (name === 'getParameter') return () => 16;
+          if (/^[A-Z_0-9]+$/.test(name)) return 1;
+          return () => ({});
+        },
+      }
+    );
+    Object.assign(document, {
+      addEventListener() {},
+      removeEventListener() {},
+      visibilityState: 'visible',
+    });
+    vi.stubGlobal('requestAnimationFrame', () => 1);
+    vi.stubGlobal('cancelAnimationFrame', () => {});
+    vi.stubGlobal('performance', { now: () => 0 });
+    (window as any).matchMedia = () => ({
+      matches: false,
+      addEventListener() {},
+      removeEventListener() {},
+    });
+    const { canvas, painted } = canvasWith({ gl });
+    const scene = await startBackgroundScene({ tier: 'low', style: 'terrain' }, {}, { canvas });
+    expect(scene).not.toBeNull();
+    expect(canvas.getContext.mock.calls.map((c: unknown[]) => c[0])).toEqual(['webgl2']);
+    expect(painted).toHaveLength(0);
+    scene!.dispose();
+  });
+
+  it('a canvas that took a GL context but gives no scene still ends as null: no 2D context to paint on', async () => {
+    const { canvas } = canvasWith({ gl: null, twoD: false });
+    expect(
+      await startBackgroundScene({ tier: 'low', style: 'terrain' }, {}, { canvas })
+    ).toBeNull();
+  });
+});
+
+describe('the 2D sky lies in the band of its state', () => {
+  // The painted pixels, read back through the sRGB curve as a screen shows them.
+  const lumOf = (rgb: number[]) => {
+    const [r, g, b] = rgb.map((v) => {
+      const e = v / 255;
+      return e <= 0.04045 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
+    });
+    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+  };
+  const painted = (state: 'day' | 'dusk' | 'night') => {
+    const c = canvasWith();
+    createTerrainSkyScene({ canvas: c.canvas, tier: 'low', ...terrainSkyFor(state) })!.dispose();
+    const img = c.painted[0];
+    const out: number[] = [];
+    for (let y = 0; y < img.height; y += 1) {
+      for (let x = 0; x < img.width; x += 1) out.push(lumOf(pixel(img, x, y)));
+    }
+    return out;
+  };
+
+  it.each([['day'], ['dusk']] as const)('%s: no pixel below the text bound 0.2983', (state) => {
+    expect(Math.min(...painted(state))).toBeGreaterThanOrEqual(0.2983);
+  });
+
+  it('night: no pixel above the text bound 0.0931', () => {
+    expect(Math.max(...painted('night'))).toBeLessThanOrEqual(0.0931);
+  });
+});
diff --git a/src/app/features/scene/terrain/TerrainSky2D.ts b/src/app/features/scene/terrain/TerrainSky2D.ts
new file mode 100644
index 00000000..4653d470
--- /dev/null
+++ b/src/app/features/scene/terrain/TerrainSky2D.ts
@@ -0,0 +1,90 @@
+import type { Scene } from '../Scene';
+import type { TerrainOptions } from './Terrain';
+import { chooseSky, skyColour, START_TURNS, Vec3 } from './terrainSky';
+import { createTerrainStars } from './terrainStars';
+import { showTierLabel } from './tierLabel';
+import { CAMERA, view } from './terrainWorld';
+
+/** The sky is smooth, so it is painted this many px wide and stretched by the canvas's CSS size. */
+export const SKY_WIDTH = 96;
+
+/** The sky of the terrain scene without WebGL2: the camera's first frame of `skyColour`, once, on a 2D canvas, with the star layer on top. */
+export type TerrainSkyOptions = Pick<
+  TerrainOptions,
+  'canvas' | 'tier' | 'sky' | 'sun' | 'band' | 'debug'
+>;
+
+/**
+ * Same contract as `createTerrainScene`. Paints the terrain scene's sky (the CPU twin of its sky shader, from the
+ * same baked tables and the same `?sun=` `?az=` `?sky=` choice) for the camera at its start, still: nothing moves, so
+ * a device that cannot run WebGL2 pays one paint and one resize repaint. Below the horizon there is no terrain, so
+ * the image continues with the horizon's colour. Null for "keep the CSS ground": tier off, or the canvas already
+ * holds a WebGL context and gives no 2D one.
+ */
+export function createTerrainSkyScene(opts: TerrainSkyOptions): Scene | null {
+  if ((opts.tier ?? 'full') === 'off') return null;
+  const { canvas } = opts;
+  const ctx = canvas.getContext('2d');
+  if (!ctx) return null;
+  const sky = chooseSky(opts);
+  const stars = createTerrainStars(canvas, sky);
+  const heading = START_TURNS;
+  const tanHalf = Math.tan(CAMERA.fov / 2);
+  let disposed = false;
+  let resizeTimer = 0;
+
+  const paint = () => {
+    const w = SKY_WIDTH;
+    const cw = canvas.clientWidth || window.innerWidth;
+    const ch = canvas.clientHeight || window.innerHeight;
+    const h = Math.max(1, Math.round((w * ch) / cw));
+    canvas.width = w;
+    canvas.height = h;
+    const v = view(cw / ch, heading);
+    const image = ctx.createImageData(w, h);
+    for (let y = 0; y < h; y += 1) {
+      const ny = 1 - ((y + 0.5) / h) * 2;
+      for (let x = 0; x < w; x += 1) {
+        const nx = ((x + 0.5) / w) * 2 - 1;
+        const d = [0, 1, 2].map(
+          (i) => v.forward[i] + nx * tanHalf * (cw / ch) * v.right[i] + ny * tanHalf * v.up[i]
+        );
+        const len = Math.hypot(d[0], d[1], d[2]);
+        const c: Vec3 = skyColour(sky, [d[0] / len, d[1] / len, d[2] / len]);
+        const at = (y * w + x) * 4;
+        for (let i = 0; i < 3; i += 1) {
+          image.data[at + i] = Math.round(255 * Math.min(1, Math.max(0, c[i])) ** (1 / 2.2));
+        }
+        image.data[at + 3] = 255;
+      }
+    }
+    ctx.putImageData(image, 0, 0);
+    stars?.draw(heading);
+  };
+
+  const onResize = () => {
+    clearTimeout(resizeTimer);
+    resizeTimer = window.setTimeout(() => {
+      if (disposed) return;
+      stars?.resize();
+      paint();
+    }, 250);
+  };
+  window.addEventListener('resize', onResize);
+  paint();
+  const removeLabel = showTierLabel(canvas, 'sky-only', opts.debug === true);
+
+  return {
+    login() {
+      // Nothing moves, so there is no pull-back to start.
+    },
+    dispose() {
+      if (disposed) return;
+      disposed = true;
+      clearTimeout(resizeTimer);
+      window.removeEventListener('resize', onResize);
+      removeLabel?.();
+      stars?.dispose();
+    },
+  };
+}
diff --git a/src/app/features/scene/terrain/terrainAlbedo.test.ts b/src/app/features/scene/terrain/terrainAlbedo.test.ts
new file mode 100644
index 00000000..6afac79d
--- /dev/null
+++ b/src/app/features/scene/terrain/terrainAlbedo.test.ts
@@ -0,0 +1,226 @@
+/* eslint-disable no-restricted-syntax -- tests loop over skies, heights and slopes */
+import { describe, expect, it } from 'vitest';
+import { SKY } from './terrainSky';
+import {
+  ALBEDO,
+  albedoAt,
+  albedoPalette,
+  bilinearHeight,
+  CAVITY,
+  cavityAt,
+  curvatureAt,
+  grainAt,
+  triWeights,
+  wobble,
+  wobbleAt,
+} from './terrainAlbedo';
+import { GRID_FRAG } from './terrainShaders';
+
+const near = (a: readonly number[], b: readonly number[], eps = 1e-6) =>
+  a.every((v, i) => Math.abs(v - b[i]) < eps);
+const luma = (c: readonly number[]) => 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
+// A point where the wobble is zero, so band edges sit exactly where the palette says.
+const FLAT_X = Math.PI / 0.043;
+// A normal for the xz plane alone (all the weight on it), carrying `ny` for the slope bands.
+const facing = (ny: number) => [0, ny, 0] as const;
+const at = (sky: keyof typeof SKY, h: number, ny: number) =>
+  albedoAt(albedoPalette(SKY[sky]), h, facing(ny), FLAT_X, 0);
+
+describe('albedo by slope and height', () => {
+  it('the test point really has no wobble', () => {
+    expect(Math.abs(wobble(FLAT_X, 0))).toBeLessThan(1e-9);
+  });
+
+  it('steep faces are rock at every height, gentle low ones are soil, gentle high ones are snow', () => {
+    const p = albedoPalette(SKY.noonday);
+    for (const h of [10, 90, 160, 220]) expect(near(at('noonday', h, 0.3), p.rock)).toBe(true);
+    expect(near(at('noonday', 10, 1), p.soil)).toBe(true);
+    expect(near(at('noonday', 220, 1), p.snow)).toBe(true);
+  });
+
+  it('soil grades to scree by height on gentle ground, halfway at the middle of the band', () => {
+    const p = albedoPalette(SKY.noonday);
+    const half = p.soil.map((v, i) => (v + p.scree[i]) / 2);
+    expect(near(at('noonday', (ALBEDO.screeFrom + ALBEDO.screeTo) / 2, 1), half)).toBe(true);
+  });
+
+  it('snow is shed as the face steepens: the same height goes snow, then mixed, then rock', () => {
+    const l = [1, 0.8, 0.5].map((ny) => luma(at('noonday', 220, ny)));
+    expect(l[0]).toBeGreaterThan(l[1]);
+    expect(l[1]).toBeGreaterThan(l[2]);
+  });
+
+  it('is continuous: a small step in height or slope never jumps a channel by more than a tenth', () => {
+    for (const sky of ['midnight', 'noonday'] as const)
+      for (let h = 0; h < 250; h += 1)
+        for (let ny = 0.3; ny <= 1; ny += 0.05) {
+          const a = at(sky, h, ny);
+          const b = at(sky, h + 1, ny + 0.01);
+          a.forEach((v, i) => expect(Math.abs(v - b[i])).toBeLessThan(0.1));
+        }
+  });
+
+  it('never returns a negative or a super-white channel', () => {
+    for (const sky of ['midnight', 'noonday'] as const)
+      for (let h = -20; h < 300; h += 7)
+        for (let ny = 0; ny <= 1; ny += 0.1)
+          for (const v of albedoAt(albedoPalette(SKY[sky]), h, facing(ny), h * 3, ny * 91)) {
+            expect(v).toBeGreaterThanOrEqual(0);
+            expect(v).toBeLessThanOrEqual(1);
+          }
+  });
+
+  it('the wobble moves band edges but stays inside its stated amplitude', () => {
+    for (let i = 0; i < 400; i += 1)
+      expect(Math.abs(wobble(i * 13.7, i * -9.1))).toBeLessThanOrEqual(1);
+  });
+});
+
+describe('per-sky palette', () => {
+  const mid = albedoPalette(SKY.midnight);
+  const noon = albedoPalette(SKY.noonday);
+
+  it('midnight snows lower than noonday', () => {
+    expect(mid.snowLine).toBeLessThan(noon.snowLine);
+  });
+
+  it('midnight is tinted toward the cool horizon haze, noonday toward the warm sun', () => {
+    // blue share of the same material is higher at night
+    const blueShare = (c: readonly number[]) => c[2] / (c[0] + c[1] + c[2]);
+    expect(blueShare(mid.scree)).toBeGreaterThan(blueShare(noon.scree));
+    expect(blueShare(mid.snow)).toBeGreaterThan(blueShare(noon.snow));
+  });
+
+  it('a sun at the horizon lands between the two palettes', () => {
+    const dusk = albedoPalette({ ...SKY.noonday, elevation: 2 });
+    expect(dusk.snowLine).toBeLessThan(noon.snowLine);
+    expect(dusk.snowLine).toBeGreaterThan(mid.snowLine);
+  });
+
+  it('keeps every material in 0..1', () => {
+    for (const p of [mid, noon])
+      for (const c of [p.soil, p.scree, p.rock, p.snow])
+        c.forEach((v) => {
+          expect(v).toBeGreaterThan(0);
+          expect(v).toBeLessThanOrEqual(1);
+        });
+  });
+});
+
+describe('shader agrees with the pure function on its numbers', () => {
+  it('takes every band number from ALBEDO, and reads no texture for colour', () => {
+    expect(GRID_FRAG).toContain(`#define ALB_SNOW_BAND ${ALBEDO.snowBand.toFixed(1)}`);
+    expect(GRID_FRAG).toContain(`#define ALB_ROCK_LO ${ALBEDO.rockLo}`);
+    expect(GRID_FRAG).toContain(`#define ALB_WOBBLE_S ${ALBEDO.wobbleSlope}`);
+    expect(GRID_FRAG).toContain(`#define ALB_GRAIN_COARSE ${ALBEDO.grainCoarse}`);
+    expect(GRID_FRAG).toContain(`#define ALB_STRATA ${ALBEDO.strata}`);
+    expect(GRID_FRAG).toContain(`#define ALB_FINE_WARP ${ALBEDO.fineWarp.toFixed(1)}`);
+    expect(GRID_FRAG).toContain('waves3(warpq(qy),');
+    // the only fetch for colour-by-material would be a texture; the height map's texelFetch is the only other read, and the sky lookup is the baked scattering table's
+    expect(GRID_FRAG.match(/texelFetch|texture\((?!uSky|uAP)/g)).toHaveLength(1);
+  });
+});
+
+const UP = [0, 1, 0] as const;
+const EAST = [1, 0, 0] as const;
+
+describe('grain', () => {
+  const samples = (rock: number, distance: number) =>
+    Array.from({ length: 400 }, (_, i) =>
+      grainAt(i * 1.7, 100 + i * 0.3, i * 0.9, UP, rock, distance)
+    );
+  const spread = (v: number[]) => Math.max(...v) - Math.min(...v);
+
+  it('varies the surface near the eye, never goes negative, and averages about 1', () => {
+    const v = samples(0, 50);
+    expect(spread(v)).toBeGreaterThan(0.4);
+    expect(Math.min(...v)).toBeGreaterThanOrEqual(0);
+    expect(v.reduce((a, b) => a + b, 0) / v.length).toBeGreaterThan(0.85);
+  });
+
+  it('drops its fine octave with distance, so far ground does not shimmer', () => {
+    const rangeOf = (d: number) =>
+      spread(Array.from({ length: 400 }, (_, i) => grainAt(i * 0.37, 100, i * 0.21, UP, 0, d)));
+    expect(rangeOf(900)).toBeLessThan(rangeOf(50));
+  });
+
+  it('layers the rock: strata show only where the face is rock', () => {
+    const height = (rock: number) =>
+      spread(Array.from({ length: 400 }, (_, i) => grainAt(0, 100 + i * 0.05, 0, UP, rock, 2000)));
+    expect(height(1)).toBeGreaterThan(0.2);
+    expect(height(0)).toBeLessThan(1e-9);
+  });
+});
+
+describe('triplanar projection', () => {
+  it('weights sum to 1 and go to the plane the face looks along', () => {
+    for (const n of [UP, EAST, [0.6, 0.6, 0.529], [0, 0, 1]] as const) {
+      const w = triWeights(n);
+      expect(w[0] + w[1] + w[2]).toBeCloseTo(1, 9);
+    }
+    expect(triWeights(UP)).toEqual([0, 1, 0]);
+    expect(triWeights(EAST)).toEqual([1, 0, 0]);
+    expect(triWeights([0.8, 0.5, 0.33])[0]).toBeGreaterThan(0.7);
+  });
+
+  it('a cliff facing east takes its pattern over (z, y), so it varies with height and not with x: no vertical smear', () => {
+    const col = (x: number, y: number) => grainAt(x, y, 40, EAST, 0, 50);
+    const alongY = Array.from({ length: 200 }, (_, i) => col(10, 50 + i * 0.7));
+    const alongX = Array.from({ length: 200 }, (_, i) => col(i * 0.7, 50));
+    expect(Math.max(...alongY) - Math.min(...alongY)).toBeGreaterThan(0.3);
+    expect(Math.max(...alongX) - Math.min(...alongX)).toBeLessThan(1e-9);
+    expect(wobbleAt(5, 80, 40, EAST)).toBeCloseTo(wobbleAt(500, 80, 40, EAST), 12);
+    expect(wobbleAt(5, 80, 40, EAST)).not.toBeCloseTo(wobbleAt(5, 120, 40, EAST), 3);
+  });
+
+  it('level ground takes its pattern over (x, z) alone, as before', () => {
+    expect(grainAt(12, 10, 30, UP, 0, 50)).toBeCloseTo(grainAt(12, 900, 30, UP, 0, 50), 12);
+    expect(wobbleAt(12, 10, 30, UP)).toBeCloseTo(wobble(12, 30), 12);
+  });
+});
+
+describe('cavity shading', () => {
+  // A texel grid of heights with one bump; `hAt` is the nearest texel, `bilinearAt` the continuous reading.
+  const bump = (i: number, j: number) => 6 * Math.exp(-((i - 20) ** 2 + (j - 20) ** 2) / 40);
+  const nearestAt = (px: number, pz: number) => bump(Math.floor(px + 0.5), Math.floor(pz + 0.5));
+  // Largest change in curvature between neighbouring sample positions a hundredth of a texel apart, over a few texels.
+  const worstStep = (read: (px: number, pz: number) => number) => {
+    let worst = 0;
+    for (let px = 14; px < 26; px += 0.01)
+      worst = Math.max(
+        worst,
+        Math.abs(curvatureAt(read, px + 0.01, 20.3, 4) - curvatureAt(read, px, 20.3, 4))
+      );
+    return worst;
+  };
+
+  it('curvature is the mean of four neighbours at the radius minus the centre', () => {
+    expect(curvatureAt((px, pz) => px * 2 + pz, 7, 9, 3)).toBeCloseTo(0, 12);
+    expect(curvatureAt((px, pz) => (px - 5) ** 2 + (pz - 5) ** 2, 5, 5, 2)).toBeCloseTo(4, 12);
+  });
+
+  it('bilinear height reads the texel exactly at a texel centre and the mean at the middle of four', () => {
+    const t = (i: number, j: number) => i * 10 + j * 100;
+    expect(bilinearHeight(t, 3, 4)).toBe(430);
+    expect(bilinearHeight(t, 3.5, 4.5)).toBeCloseTo(485, 9);
+  });
+
+  it('shading from a bilinear read changes smoothly across texel borders; from the nearest texel it jumps', () => {
+    const smooth = worstStep((px, pz) => bilinearHeight(bump, px, pz));
+    const blocky = worstStep(nearestAt);
+    expect(blocky).toBeGreaterThan(0.1);
+    expect(smooth).toBeLessThan(0.02);
+  });
+
+  it('the cavity factor darkens a hollow, lights a rise and leaves flat ground alone', () => {
+    expect(cavityAt(0)).toBe(1);
+    expect(cavityAt(CAVITY.range)).toBeCloseTo(1 - CAVITY.dark, 12);
+    expect(cavityAt(-CAVITY.range)).toBeCloseTo(1 + CAVITY.light, 12);
+    expect(cavityAt(10 * CAVITY.range)).toBeCloseTo(1 - CAVITY.dark, 12);
+  });
+
+  it('the grid shader reads the cavity through the bilinear height, the same constants as CAVITY', () => {
+    expect(GRID_FRAG).toContain(`#define CAV_RANGE ${CAVITY.range.toFixed(1)}`);
+    expect(GRID_FRAG).not.toMatch(/curv[^;]*hAt\(/);
+  });
+});
diff --git a/src/app/features/scene/terrain/terrainAlbedo.ts b/src/app/features/scene/terrain/terrainAlbedo.ts
new file mode 100644
index 00000000..48dc2b42
--- /dev/null
+++ b/src/app/features/scene/terrain/terrainAlbedo.ts
@@ -0,0 +1,208 @@
+// Terrain surface colour as a pure function of height, slope and world position, no texture reads: the shader
+// (terrainShaders.ts GRID_FRAG) does the same arithmetic with these numbers as uniforms and #defines. No DOM, no GL.
+// Rock where the face is steep, then by height soil, scree and snow; snow only settles on gentle faces. The per-sky
+// part reads the baked sky (./terrainSky.ts): the snow line drops and every material is tinted toward the sky's colour
+// as the sun goes down, warm by the sun's own colour by day and cool by the horizon haze at night.
+import { coldness, hazeColour, SkyData, Vec3 } from './terrainSky';
+
+const clamp01 = (x: number) => Math.min(1, Math.max(0, x));
+const smooth = (a: number, b: number, x: number) => {
+  const t = clamp01((x - a) / (b - a));
+  return t * t * (3 - 2 * t);
+};
+const mix = (a: number, b: number, t: number) => a + (b - a) * t;
+
+/** Every number the shader shares: band edges in metres, slope edges as the normal's y (cosine of the slope angle). */
+export const ALBEDO = {
+  /** soil fades to scree across these heights. */
+  screeFrom: 80,
+  screeTo: 160,
+  /** half-width in metres of the snow line's fade. */
+  snowBand: 22,
+  /** n.y edges: faces with n.y below `rockLo` are all rock, above `rockHi` none. */
+  rockLo: 0.78,
+  rockHi: 0.95,
+  /** n.y edges: snow is shed entirely below `snowLo` and settles fully above `snowHi`. */
+  snowLo: 0.74,
+  snowHi: 0.93,
+  /** world-position wobble of the height edges (metres) and the slope edges, so bands are not contour lines. */
+  wobbleHeight: 14,
+  wobbleSlope: 0.05,
+  /** Albedo grain: relative swing of the two sine-product octaves (about 20 m and 5 m periods), and of the rock strata. */
+  grainCoarse: 0.35,
+  grainFine: 0.3,
+  /** Metres the fine octave's coordinates are pushed by a slower sine, so its parallel stripes bend and do not read as hatching. */
+  fineWarp: 7,
+  /** The fine octave fades out between these distances (metres): beyond them it is under a pixel and only shimmers. */
+  fineNear: 250,
+  fineFar: 700,
+  strata: 0.22,
+} as const;
+
+export interface AlbedoPalette {
+  soil: Vec3;
+  scree: Vec3;
+  rock: Vec3;
+  snow: Vec3;
+  /** Metres where snow is half in. */
+  snowLine: number;
+}
+
+const BASE = {
+  soil: [0.045, 0.08, 0.02],
+  scree: [0.3, 0.235, 0.16],
+  rock: [0.075, 0.062, 0.06],
+  snow: [0.72, 0.75, 0.8],
+} as const;
+
+const SNOW_LINE_DAY = 165;
+const SNOW_LINE_NIGHT = 135;
+
+const unit = (c: Vec3): Vec3 => {
+  const m = Math.max(c[0], c[1], c[2], 1e-6);
+  return [c[0] / m, c[1] / m, c[2] / m];
+};
+
+/** The palette one baked sky gives: base reflectances tinted toward the sky's colour, and its snow line. */
+export function albedoPalette(d: SkyData): AlbedoPalette {
+  const cold = coldness(d);
+  const sun = unit(d.direct);
+  const haze = unit(hazeColour(d));
+  const tint = [0, 1, 2].map((i) => mix(sun[i], haze[i], cold));
+  const k = mix(0.15, 0.5, cold);
+  const tinted = (c: Vec3): Vec3 =>
+    [0, 1, 2].map((i) => c[i] * mix(1, tint[i], k)) as unknown as Vec3;
+  return {
+    soil: tinted(BASE.soil),
+    scree: tinted(BASE.scree),
+    rock: tinted(BASE.rock),
+    snow: tinted(BASE.snow),
+    snowLine: mix(SNOW_LINE_DAY, SNOW_LINE_NIGHT, cold),
+  };
+}
+
+/** Cheap two-sine value in -1..1 from a 2D world position; stands in for noise so no texture or hash is read. */
+export const wobble = (x: number, z: number): number =>
+  Math.sin(x * 0.043 + z * 0.017) * Math.sin(z * 0.051 - x * 0.023);
+
+/**
+ * How much each axis-aligned projection plane counts at a surface with unit normal `n`: weights for (yz, xz, xy), summing
+ * to 1, sharply favouring the plane the face looks along. Procedural patterns are evaluated on all three and blended by
+ * these (triplanar), so a cliff is not the floor pattern smeared down it.
+ */
+export function triWeights(n: Vec3): Vec3 {
+  const w = n.map((c) => Math.abs(c) ** 4);
+  const sum = w[0] + w[1] + w[2] || 1;
+  return [w[0] / sum, w[1] / sum, w[2] / sum];
+}
+
+/** `wobble` blended over the three projection planes, at a surface point with unit normal `n`. */
+export function wobbleAt(x: number, y: number, z: number, n: Vec3): number {
+  const w = triWeights(n);
+  return w[0] * wobble(z, y) + w[1] * wobble(x, z) + w[2] * wobble(x, y);
+}
+
+/**
+ * Linear albedo at a surface point. `y` the height in metres, `n` the unit normal, `x`/`z` world metres.
+ * Rock takes the steep faces at any height; on the rest, soil to scree by height, then snow above the snow
+ * line, thinning to nothing as the face steepens.
+ */
+export function albedoAt(p: AlbedoPalette, y: number, n: Vec3, x: number, z: number): Vec3 {
+  const w = wobbleAt(x, y, z, n);
+  const h = y + ALBEDO.wobbleHeight * w;
+  const flat = n[1] + ALBEDO.wobbleSlope * w;
+  const ground = (i: number) =>
+    mix(p.soil[i], p.scree[i], smooth(ALBEDO.screeFrom, ALBEDO.screeTo, h));
+  const snow =
+    smooth(p.snowLine - ALBEDO.snowBand, p.snowLine + ALBEDO.snowBand, h) *
+    smooth(ALBEDO.snowLo, ALBEDO.snowHi, flat);
+  const rock = 1 - smooth(ALBEDO.rockLo, ALBEDO.rockHi, flat);
+  return [0, 1, 2].map((i) =>
+    mix(mix(ground(i), p.snow[i], snow), p.rock[i], rock)
+  ) as unknown as Vec3;
+}
+
+const COARSE = [
+  [0.31, 0.27],
+  [-0.22, 0.35],
+  [0.38, -0.12],
+] as const;
+const FINE = [
+  [1.1, 0.7],
+  [-0.8, 1.2],
+  [1.3, -0.6],
+] as const;
+const waves = (k: ReadonlyArray<readonly [number, number]>, a: number, b: number) =>
+  k.reduce((sum, [ka, kb]) => sum + Math.sin(a * ka + b * kb), 0) / 3;
+/** `waves` of coordinates warped by a sine each (the shader's `warpq`): three plane waves alone make a regular lattice. */
+const wavesWarped = (k: ReadonlyArray<readonly [number, number]>, a: number, b: number) =>
+  waves(
+    k,
+    a + ALBEDO.fineWarp * Math.sin(b * 0.55 + 1.3),
+    b + ALBEDO.fineWarp * Math.sin(a * 0.47 + 0.7)
+  );
+
+/**
+ * The multiplier on albedo that gives the surface grain and the rock its layers, at a surface point (metres) with unit
+ * normal `n`, `rock` (0..1, how much of the face is rock) and the distance from the eye. Grain is triplanar like the
+ * wobble. The shader's `ALB_GRAIN_*` block does the same arithmetic. The cavity term beside it in the shader reads the
+ * height map and has no twin here.
+ */
+export function grainAt(
+  x: number,
+  y: number,
+  z: number,
+  n: Vec3,
+  rock: number,
+  distance: number
+): number {
+  const w = triWeights(n);
+  const over = (
+    k: ReadonlyArray<readonly [number, number]>,
+    f: typeof waves
+  ) => w[0] * f(k, z, y) + w[1] * f(k, x, z) + w[2] * f(k, x, y);
+  const coarse = over(COARSE, waves);
+  const fine = over(FINE, wavesWarped) * (1 - smooth(ALBEDO.fineNear, ALBEDO.fineFar, distance));
+  const layers = Math.sin(y * 0.9 + wobbleAt(x, y, z, n) * 3);
+  return Math.max(
+    0,
+    1 + ALBEDO.grainCoarse * coarse + ALBEDO.grainFine * fine + ALBEDO.strata * rock * layers
+  );
+}
+
+/** The cavity term's numbers: curvature (metres) at which a hollow is fully shaded / a rise fully lit, and by how much. */
+export const CAVITY = { radius: 12, range: 12, dark: 0.55, light: 0.3 } as const;
+
+/** Height at a continuous texel position, bilinear over the four texels around it (the shader's `hBil`). */
+export function bilinearHeight(
+  texel: (i: number, j: number) => number,
+  px: number,
+  pz: number
+): number {
+  const i = Math.floor(px);
+  const j = Math.floor(pz);
+  const fx = px - i;
+  const fz = pz - j;
+  return mix(
+    mix(texel(i, j), texel(i + 1, j), fx),
+    mix(texel(i, j + 1), texel(i + 1, j + 1), fx),
+    fz
+  );
+}
+
+/** Mean of the four neighbours `r` texels away minus the centre: positive in a hollow, negative on a rise. */
+export function curvatureAt(
+  height: (px: number, pz: number) => number,
+  px: number,
+  pz: number,
+  r: number
+): number {
+  return (
+    0.25 * (height(px + r, pz) + height(px - r, pz) + height(px, pz + r) + height(px, pz - r)) -
+    height(px, pz)
+  );
+}
+
+/** The multiplier on lit colour for a curvature: a hollow sits in shade, a rise catches light (the shader's `cavity`). */
+export const cavityAt = (curv: number): number =>
+  1 - CAVITY.dark * clamp01(curv / CAVITY.range) + CAVITY.light * clamp01(-curv / CAVITY.range);
diff --git a/src/app/features/scene/terrain/terrainScatter.test.ts b/src/app/features/scene/terrain/terrainScatter.test.ts
new file mode 100644
index 00000000..c153eb5f
--- /dev/null
+++ b/src/app/features/scene/terrain/terrainScatter.test.ts
@@ -0,0 +1,141 @@
+/* eslint-disable no-restricted-syntax -- tests walk table texels */
+import { describe, expect, it } from 'vitest';
+import { baked } from '../../../../sky/baked';
+import {
+  aerialRay,
+  AP_ELEVATIONS,
+  AP_SLICES,
+  apElevation,
+  apSliceKm,
+  decode,
+  SUN_ELEVATIONS_DEG,
+  viewElevation,
+} from '../../../../sky/scatter.js';
+import {
+  AERIAL_GLSL,
+  aerialAt,
+  AP_VOLUME,
+  apVolumeWords,
+  SCATTER_GLSL,
+  scatterRadiance,
+  skyViewWords,
+  SKY_VIEW,
+  tableWords,
+  transmittanceAt,
+} from './terrainScatter';
+
+const S = baked.scatter.sky_view;
+
+describe('the table upload', () => {
+  it('decodes the baked base64 to one half-float word per channel per texel', () => {
+    const w = skyViewWords();
+    expect(w.length).toBe(S.width * S.height * S.depth * S.channels);
+    expect(SKY_VIEW).toEqual({ width: S.width, height: S.height, depth: S.depth });
+    expect(tableWords(baked.scatter.transmittance.data)).toHaveLength(32 * 3);
+  });
+
+  it('words are little-endian: the base64 bytes lo, hi make a word hi << 8 | lo', () => {
+    expect(Array.from(tableWords(btoa(String.fromCharCode(0x34, 0x12, 0xff, 0x7b))))).toEqual([
+      0x1234, 0x7bff,
+    ]);
+  });
+});
+
+describe('scatterRadiance (the CPU twin of the sampler)', () => {
+  it('returns the stored texel exactly at a texel centre: layout x azimuth, y view, z sun', () => {
+    const w = skyViewWords();
+    for (const [z, y, x] of [
+      [10, 31, 0],
+      [8, 5, 3],
+      [5, 20, 6],
+      [11, 0, 2],
+    ]) {
+      const base = ((z * S.height + y) * S.width + x) * 3;
+      const got = scatterRadiance(
+        S.sun_elevations_deg[z],
+        viewElevation(y),
+        x * S.azimuth_step_deg
+      );
+      got.forEach((v, c) => expect(v).toBeCloseTo(decode(w[base + c]), 9));
+    }
+  });
+
+  it('interpolates between texels and clamps beyond the table', () => {
+    const a = scatterRadiance(25, 10, 0)[2];
+    const b = scatterRadiance(45, 10, 0)[2];
+    const mid = scatterRadiance(35, 10, 0)[2]; // 35 is halfway between 25 and 45 on the sun axis
+    expect(mid).toBeCloseTo((a + b) / 2, 9);
+    expect(scatterRadiance(500, 10, 400)).toEqual(scatterRadiance(90, 10, 180));
+    expect(scatterRadiance(30, 10, -90)).toEqual(scatterRadiance(30, 10, 90));
+  });
+
+  it('is black under the planet’s shadow limit and blue at a high noon zenith', () => {
+    scatterRadiance(-18, 30, 0).forEach((v) => expect(v).toBeLessThan(1e-6));
+    const noon = scatterRadiance(45, 85, 90);
+    expect(noon[2]).toBeGreaterThan(1.5 * noon[0]);
+  });
+});
+
+describe('transmittanceAt', () => {
+  it('is the zenith transmittance exp(-TAU) overhead and redder at the horizon', () => {
+    const z = transmittanceAt(90);
+    [0.06, 0.12, 0.26].forEach((tau, i) => expect(z[i]).toBeCloseTo(Math.exp(-tau), 2));
+    const h = transmittanceAt(2);
+    expect(h[2] / h[0]).toBeLessThan(0.5 * (z[2] / z[0]));
+  });
+
+  it('is zero where the ground is in the way', () => {
+    expect(transmittanceAt(-4)).toEqual([0, 0, 0]);
+  });
+});
+
+describe('the GLSL sampler', () => {
+  it('uses the layout the README documents: texel-centre coordinates over a 7 x 32 x 12 texture, decoded by the store scale', () => {
+    expect(SCATTER_GLSL).toContain('(x + 0.5) / 7.0');
+    expect(SCATTER_GLSL).toContain('(y + 0.5) / 32.0');
+    expect(SCATTER_GLSL).toContain('(uSunIndex + 0.5) / 12.0');
+    expect(SCATTER_GLSL).toContain('/ 64.0');
+    expect(SCATTER_GLSL).toContain('sqrt(clamp((el - (-4.0)) / 94.0, 0.0, 1.0)) * 31.0');
+    expect(SCATTER_GLSL).toContain('* 6.0');
+  });
+});
+
+describe('the aerial perspective volume as the terrain reads it', () => {
+  it('uploads RGBA half floats in the baked layout', () => {
+    const a = baked.scatter.aerial_perspective;
+    expect(apVolumeWords()).toHaveLength(a.width * a.height * a.depth * 4);
+    expect(AP_VOLUME).toEqual({ width: a.width, height: a.height, depth: a.depth });
+  });
+
+  it('on a texel centre the CPU twin returns the baked ray exactly (to half-float precision)', () => {
+    const sunI = 8;
+    const ei = 5;
+    const slice = 6;
+    const want = aerialRay(SUN_ELEVATIONS_DEG[sunI], apElevation(ei), 90)[slice];
+    const got = aerialAt(SUN_ELEVATIONS_DEG[sunI], apElevation(ei), 90, apSliceKm(slice));
+    for (let c = 0; c < 3; c += 1) expect(got.L[c]).toBeCloseTo(want[c], 3);
+    expect(got.alpha).toBeCloseTo(want[3], 3);
+  });
+
+  it('between texels it is near the model: the filtering error is small against the signal', () => {
+    const want = aerialRay(10, -1.3, 75)[AP_SLICES - 2];
+    const got = aerialAt(10, -1.3, 75, apSliceKm(AP_SLICES - 2));
+    expect(Math.abs(got.alpha - want[3])).toBeLessThan(0.03);
+    expect(got.L[0] / want[0]).toBeGreaterThan(0.6);
+    expect(got.L[0] / want[0]).toBeLessThan(1.6);
+  });
+
+  it('fades to nothing at the observer, and clamps past the last slice', () => {
+    expect(aerialAt(45, -2, 90, 0)).toEqual({ L: [0, 0, 0], alpha: 0 });
+    const last = aerialAt(45, -2, 90, apSliceKm(AP_SLICES - 1));
+    const beyond = aerialAt(45, -2, 90, 1e6);
+    expect(beyond.alpha).toBeCloseTo(last.alpha, 9);
+  });
+
+  it('the shader lookup carries the same constants as the table', () => {
+    const a = baked.scatter.aerial_perspective;
+    expect(AERIAL_GLSL).toContain(`/ ${a.height}.0`);
+    expect(AERIAL_GLSL).toContain(`${a.max_km.toFixed(1)}`);
+    expect(AERIAL_GLSL).toContain(`${AP_ELEVATIONS}.0 +`);
+  });
+});
diff --git a/src/app/features/scene/terrain/terrainScatter.ts b/src/app/features/scene/terrain/terrainScatter.ts
new file mode 100644
index 00000000..72ebfb5c
--- /dev/null
+++ b/src/app/features/scene/terrain/terrainScatter.ts
@@ -0,0 +1,179 @@
+// The baked scattering tables (src/sky/baked.ts `scatter`, layout in src/sky/README.md) as the terrain scene
+// uses them: decoded to half-float words for the GPU, a CPU twin of the shader's sky lookup for tests and
+// for the sun's colour at an arbitrary elevation, and the GLSL both shaders share. No DOM, no GL.
+import { baked } from '../../../../sky/baked';
+import {
+  AP_DISTANCE_SCALE,
+  AP_ELEVATIONS,
+  AP_SLICES,
+  apElevationIndex,
+  apSliceIndex,
+  decode,
+  sunIndex,
+  viewIndex,
+} from '../../../../sky/scatter.js';
+import type { Vec3 } from './terrainSky';
+
+const S = baked.scatter;
+const AP = S.aerial_perspective;
+const SKY = S.sky_view;
+const VIEW = S.view_elevation_deg;
+
+/** Raw little-endian half-float words of a base64 table, ready for `texImage3D(..., HALF_FLOAT, words)`. */
+export function tableWords(b64: string): Uint16Array {
+  const bytes = atob(b64);
+  return Uint16Array.from(
+    { length: bytes.length / 2 },
+    (_, i) => bytes.charCodeAt(2 * i) + 256 * bytes.charCodeAt(2 * i + 1)
+  );
+}
+
+export const SKY_VIEW = { width: SKY.width, height: SKY.height, depth: SKY.depth } as const;
+export const STORE_SCALE = S.store_scale;
+export const skyViewWords = (): Uint16Array => tableWords(SKY.data);
+
+/** The aerial perspective volume (layout in src/sky/scatter.js): RGBA16F, x azimuth from the light, y slice-major block of elevations, z light elevation. */
+export const AP_VOLUME = { width: AP.width, height: AP.height, depth: AP.depth } as const;
+export const apVolumeWords = (): Uint16Array => tableWords(AP.data);
+export { AP_DISTANCE_SCALE };
+
+/** Decode a stored table to values, once. */
+const decoded = (data: string) => {
+  let values: Float32Array | undefined;
+  return (): Float32Array => {
+    if (!values) values = Float32Array.from(tableWords(data), decode);
+    return values;
+  };
+};
+const transmittanceTable = decoded(S.transmittance.data);
+const skyTable = decoded(SKY.data);
+const apTable = decoded(AP.data);
+
+/** Sun colour at normal incidence for a sun at `elevationDeg`: the baked transmittance, per channel. Zero under the horizon. */
+export function transmittanceAt(elevationDeg: number): Vec3 {
+  const t = transmittanceTable();
+  const f = Math.min(viewIndex(elevationDeg), VIEW.samples - 1);
+  const i = Math.min(Math.floor(f), VIEW.samples - 2);
+  const k = f - i;
+  return [0, 1, 2].map((c) => t[i * 3 + c] * (1 - k) + t[(i + 1) * 3 + c] * k) as unknown as Vec3;
+}
+
+/**
+ * Sky radiance per steradian for a sun of unit irradiance, trilinear in (azimuth from the sun, view
+ * elevation, sun elevation) on texel centres, clamped at the edges: what the GPU's LINEAR sampler returns.
+ */
+export function scatterRadiance(sunElDeg: number, viewElDeg: number, azFromSunDeg: number): Vec3 {
+  const t = skyTable();
+  const at = [
+    Math.min(Math.abs(azFromSunDeg) / 180, 1) * (SKY.width - 1),
+    viewIndex(viewElDeg),
+    sunIndex(sunElDeg),
+  ];
+  const lo = at.map((v, a) => Math.min(Math.floor(v), [SKY.width, SKY.height, SKY.depth][a] - 2));
+  const f = at.map((v, a) => v - lo[a]);
+  const out = [0, 0, 0];
+  for (let corner = 0; corner < 8; corner += 1) {
+    const dx = corner % 2;
+    const dy = Math.floor(corner / 2) % 2;
+    const dz = Math.floor(corner / 4);
+    const w = (dx ? f[0] : 1 - f[0]) * (dy ? f[1] : 1 - f[1]) * (dz ? f[2] : 1 - f[2]);
+    const base = (((lo[2] + dz) * SKY.height + lo[1] + dy) * SKY.width + lo[0] + dx) * 3;
+    for (let c = 0; c < 3; c += 1) out[c] += w * t[base + c];
+  }
+  return [out[0], out[1], out[2]];
+}
+
+/**
+ * Aerial perspective along a view ray: in-scatter luminance per channel (for a light of unit irradiance) and opacity
+ * (1 - mean transmittance), for a light at `lightElDeg`, a ray `viewElDeg` (0 and below) and `azDeg` from the light,
+ * `km` of baked path along it. Trilinear in (azimuth, elevation, light elevation) and linear between slices, the arithmetic the
+ * shader's `aerial()` does on the GPU; below the first slice it fades to nothing at the observer (Hillaire's near-slice fade).
+ */
+export function aerialAt(
+  lightElDeg: number,
+  viewElDeg: number,
+  azDeg: number,
+  km: number
+): { L: Vec3; alpha: number } {
+  const t = apTable();
+  const x = Math.min(Math.abs(azDeg) / 180, 1) * (AP.width - 1);
+  const e = apElevationIndex(viewElDeg);
+  const z = sunIndex(lightElDeg);
+  const texel = (slice: number): number[] => {
+    const lo = [
+      Math.min(Math.floor(x), AP.width - 2),
+      Math.min(Math.floor(e), AP_ELEVATIONS - 2),
+      Math.min(Math.floor(z), AP.depth - 2),
+    ];
+    const f = [x - lo[0], e - lo[1], z - lo[2]];
+    const out = [0, 0, 0, 0];
+    for (let corner = 0; corner < 8; corner += 1) {
+      const dx = corner % 2;
+      const dy = Math.floor(corner / 2) % 2;
+      const dz = Math.floor(corner / 4);
+      const w = (dx ? f[0] : 1 - f[0]) * (dy ? f[1] : 1 - f[1]) * (dz ? f[2] : 1 - f[2]);
+      const base =
+        (((lo[2] + dz) * AP.height + slice * AP_ELEVATIONS + lo[1] + dy) * AP.width + lo[0] + dx) *
+        4;
+      for (let c = 0; c < 4; c += 1) out[c] += w * t[base + c];
+    }
+    return out;
+  };
+  const f = apSliceIndex(km);
+  const fs = Math.min(Math.max(f, 0), AP_SLICES - 1);
+  const k = Math.min(Math.floor(fs), AP_SLICES - 2);
+  const a = texel(k);
+  const b = texel(k + 1);
+  const fade = Math.min(Math.max(f + 1, 0), 1);
+  const v = [0, 1, 2, 3].map((c) => (a[c] + (b[c] - a[c]) * (fs - k)) * fade);
+  return { L: [v[0], v[1], v[2]], alpha: v[3] };
+}
+
+/**
+ * The lowest view elevation the sky is sampled at, degrees. The table dips toward the ground over its last degree
+ * (its rows below the horizon are for an observer who would hit the ground), so at and below this the sky and the
+ * terrain's haze both take the colour here, flat to the horizon, and meet without a seam.
+ */
+export const HORIZON_FLOOR = 1.5;
+
+/** The sky shader's lookup, in GLSL: `skyScatter(viewDirection)` is unit-sun radiance, needs uSky, uSunIndex, uSun. */
+export const SCATTER_GLSL = `
+uniform highp sampler3D uSky;
+uniform float uSunIndex;
+uniform vec3 uSun;
+vec3 skyScatter(vec3 d) {
+  float el = max(degrees(asin(clamp(d.y, -1.0, 1.0))), ${HORIZON_FLOOR.toFixed(1)});
+  vec2 h = d.xz, s = uSun.xz;
+  float az = (length(h) < 1e-4 || length(s) < 1e-4) ? 0.0
+    : degrees(acos(clamp(dot(normalize(h), normalize(s)), -1.0, 1.0)));
+  float y = sqrt(clamp((el - (${VIEW.min.toFixed(1)})) / ${(VIEW.max - VIEW.min).toFixed(
+  1
+)}, 0.0, 1.0)) * ${(VIEW.samples - 1).toFixed(1)};
+  float x = clamp(az / 180.0, 0.0, 1.0) * ${(SKY.width - 1).toFixed(1)};
+  return texture(uSky, vec3((x + 0.5) / ${SKY.width}.0, (y + 0.5) / ${
+  SKY.height
+}.0, (uSunIndex + 0.5) / ${SKY.depth}.0)).rgb / ${S.store_scale.toFixed(1)};
+}`;
+
+/**
+ * The aerial perspective lookup, in GLSL: `aerial(lightIndex, viewElDeg, azDeg, km)` is `aerialAt` on the GPU. Needs uAP.
+ * Each slice is one hardware-filtered fetch, kept inside its block of elevation rows so the filter never reads a
+ * neighbouring slice; two fetches and a lerp per call.
+ */
+export const AERIAL_GLSL = `
+uniform highp sampler3D uAP;
+vec4 apSlice(float k, float e, float x, float z) {
+  return texture(uAP, vec3((x + 0.5) / ${AP.width}.0, (k * ${AP.elevations}.0 + e + 0.5) / ${
+  AP.height
+}.0, (z + 0.5) / ${AP.depth}.0)) / ${S.store_scale.toFixed(1)};
+}
+vec4 aerial(float lightIndex, float viewElDeg, float azDeg, float km) {
+  float e = ${(AP.elevations - 1).toFixed(
+    1
+  )} * (1.0 - sqrt(clamp(-viewElDeg / ${(-AP.elevation_min_deg).toFixed(1)}, 0.0, 1.0)));
+  float x = clamp(abs(azDeg) / 180.0, 0.0, 1.0) * ${(AP.width - 1).toFixed(1)};
+  float f = ${AP.slices}.0 * sqrt(max(km, 0.0) / ${AP.max_km.toFixed(1)}) - 1.0;
+  float fs = clamp(f, 0.0, ${(AP.slices - 1).toFixed(1)});
+  float k = min(floor(fs), ${(AP.slices - 2).toFixed(1)});
+  return mix(apSlice(k, e, x, lightIndex), apSlice(k + 1.0, e, x, lightIndex), fs - k) * clamp(f + 1.0, 0.0, 1.0);
+}`;
diff --git a/src/app/features/scene/terrain/terrainShaders.ts b/src/app/features/scene/terrain/terrainShaders.ts
new file mode 100644
index 00000000..f6bcce37
--- /dev/null
+++ b/src/app/features/scene/terrain/terrainShaders.ts
@@ -0,0 +1,255 @@
+// GLSL ES 3.00. The height map is baked once by CultMath's Phacelle noise (vendored, unedited, MPL-2.0: Rune
+// Skovbo Johansen's Phacelle noise, https://blog.runevision.com/2026/01/) composed into a slope-directed gully
+// filter after the description in his March 2026 erosion-filter post. The composition is ours, written from
+// that description; it is not his filter and has not been compared against it (see harness terrainDemo.ts on
+// the terrain-tier-spike branch, from which this is promoted). The height is packed in two bytes of an RGBA8
+// target, so no float colour-buffer extension is needed.
+import cultmath from '../shaders/CultMath.glsl?raw';
+import phacelle from '../shaders/CultMath.Phacelle.glsl?raw';
+import { trimGlsl } from '../cultmathTrim';
+import { LUMA } from '../skyBand';
+import { ALBEDO, CAVITY } from './terrainAlbedo';
+import { AERIAL_GLSL, AP_DISTANCE_SCALE, SCATTER_GLSL } from './terrainScatter';
+import { GLOW_ZENITH, MOON_HAZE, SKY_EXPOSURE, SKY_FADE, STAR_FLOOR } from './terrainSky';
+import { TERRAIN } from './terrainWorld';
+
+const HEADER =
+  '#version 300 es\nprecision highp float;\nprecision highp int;\nprecision highp sampler2D;\n';
+const f1 = (x: number) => x.toFixed(1);
+const lit = (x: number) => (Number.isInteger(x) ? x.toFixed(1) : String(x));
+
+export const FULLSCREEN_VERT = `${HEADER}
+void main() {
+  vec2 p = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));
+  gl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);
+}`;
+
+const HEIGHT_STAGE = `
+uniform float uSpan;
+uniform vec2 uSeed;
+uniform float uTexels;
+out vec4 o;
+
+const float BASE_AMP = 60.0;
+const float BASE_FREQ = 1.0 / 520.0;
+const float BASE_LIFT = 110.0;
+const float CELL0 = 160.0;
+const float SIDE_LEN = 3.0;
+const float NORM = 0.5;
+const float SLOPE_REF = 0.55;
+const float DETAIL = 1.5;
+const float AMP0 = 11.0;
+const float HLO = 20.0, HHI = 200.0;
+
+float easeOut(float t) { t = clamp(t, 0.0, 1.0); return 1.0 - (1.0 - t) * (1.0 - t); }
+float powInv(float t, float p) { return 1.0 - pow(1.0 - t, p); }
+
+float height(vec2 xz) {
+  vec4 fg = cultmath_fbm_grad(vec3(xz * BASE_FREQ, 0.0), 4, 2.0, 0.45);
+  float h = BASE_LIFT + BASE_AMP * fg.w;
+  vec2 g = BASE_AMP * BASE_FREQ * fg.xy;
+  float target = clamp((h - HLO) / (HHI - HLO) * 2.0 - 1.0, -1.0, 1.0);
+  float combi = 1.0;
+  float amp = AMP0;
+  float cell = CELL0;
+  for (int i = 0; i < OCTAVES; i++) {
+    float slope = length(g);
+    vec2 downhill = slope > 1e-4 ? -g / slope : vec2(1.0, 0.0);
+    vec2 across = vec2(-downhill.y, downhill.x);
+    CultPhasor ph = cultmath_phacelle(vec3(xz / cell, 0.5), vec3(across * SIDE_LEN, 0.0), 0.0, NORM);
+    float mask = easeOut(slope / SLOPE_REF) * combi;
+    float faded = mix(target, ph.cos.w, mask);
+    h += amp * faded;
+    g += amp * mask * ph.cos.xy / cell;
+    combi = powInv(combi, DETAIL) * (1.0 - abs(ph.sin.w));
+    target = faded;
+    amp *= 0.5;
+    cell *= 0.5;
+  }
+  return h;
+}
+
+void main() {
+  vec2 uv = gl_FragCoord.xy / vec2(uTexels);
+  float h = clamp(height((uv - 0.5) * uSpan + uSeed) / ${f1(TERRAIN.hmax)}, 0.0, 1.0);
+  float q = floor(h * 65535.0 + 0.5);
+  o = vec4(floor(q / 256.0) / 255.0, mod(q, 256.0) / 255.0, 0.0, 1.0);
+}`;
+
+/** The height-bake fragment shader: header, the part of CultMath that Phacelle and the stage reach, Phacelle, the stage. */
+export function heightFragmentSource(): string {
+  const math = trimGlsl(cultmath, [phacelle, HEIGHT_STAGE]);
+  return `${HEADER}#define OCTAVES 4\n${math}\n${phacelle}\n${HEIGHT_STAGE}`;
+}
+
+const FETCH = `
+uniform sampler2D uHeight;
+uniform int uTex;
+float hAt(ivec2 t) {
+  t = clamp(t, ivec2(0), ivec2(uTex - 1));
+  vec4 s = texelFetch(uHeight, t, 0);
+  return (floor(s.r * 255.0 + 0.5) * 256.0 + floor(s.g * 255.0 + 0.5)) / 65535.0 * ${f1(
+    TERRAIN.hmax
+  )};
+}
+// The height at a point in texel units, bilinear over the four texels around it (the packed texture cannot be filtered by the GPU).
+float hBil(vec2 p) {
+  ivec2 i = ivec2(floor(p));
+  vec2 f = fract(p);
+  return mix(mix(hAt(i), hAt(i + ivec2(1, 0)), f.x), mix(hAt(i + ivec2(0, 1)), hAt(i + ivec2(1, 1)), f.x), f.y);
+}`;
+
+export const GRID_VERT = `${HEADER}
+layout(location = 0) in vec2 a_uv;
+uniform mat4 uViewProj;
+uniform float uSpan;
+out vec2 v_uv;
+out vec3 v_world;
+${FETCH}
+void main() {
+  // The grid is packed toward the centre, where the camera stands (terrainWorld.warpUv): s = 2u - 1, 0.5 + 0.5 (0.5 s + 0.5 s |s|).
+  vec2 s = a_uv * 2.0 - 1.0;
+  vec2 uv = 0.5 + 0.5 * (0.5 * s + 0.5 * s * abs(s));
+  // The patch's rim sinks to zero so the grid has no cliff edge to show through the haze.
+  float rim = 1.0 - smoothstep(0.78, 1.0, 2.0 * max(abs(uv.x - 0.5), abs(uv.y - 0.5)));
+  float h = hBil(uv * float(uTex - 1)) * rim;
+  v_uv = uv;
+  v_world = vec3((uv.x - 0.5) * uSpan, h, (uv.y - 0.5) * uSpan);
+  gl_Position = uViewProj * vec4(v_world, 1.0);
+}`;
+
+// Lit by the baked sky: uSun (direction), uSunColour (linear, zero when the sun is down), uAmbient; hazed toward the
+// scattered sky at the horizon in the ray's azimuth (SKY_COLOUR_GLSL).
+// The same arithmetic as terrainSky.shade(); the normal comes from the height map so shading carries detail finer than the mesh.
+const ALBEDO_DEFINES = `
+#define ALB_SCREE_FROM ${lit(ALBEDO.screeFrom)}
+#define ALB_SCREE_TO ${lit(ALBEDO.screeTo)}
+#define ALB_SNOW_BAND ${lit(ALBEDO.snowBand)}
+#define ALB_ROCK_HI ${lit(ALBEDO.rockHi)}
+#define ALB_ROCK_LO ${lit(ALBEDO.rockLo)}
+#define ALB_SNOW_HI ${lit(ALBEDO.snowHi)}
+#define ALB_SNOW_LO ${lit(ALBEDO.snowLo)}
+#define ALB_WOBBLE_H ${lit(ALBEDO.wobbleHeight)}
+#define ALB_WOBBLE_S ${lit(ALBEDO.wobbleSlope)}
+#define ALB_GRAIN_COARSE ${lit(ALBEDO.grainCoarse)}
+#define ALB_GRAIN_FINE ${lit(ALBEDO.grainFine)}
+#define ALB_FINE_WARP ${lit(ALBEDO.fineWarp)}
+#define ALB_STRATA ${lit(ALBEDO.strata)}
+#define ALB_FINE_NEAR ${lit(ALBEDO.fineNear)}
+#define ALB_FINE_FAR ${lit(ALBEDO.fineFar)}
+#define CAV_RADIUS ${lit(CAVITY.radius)}
+#define CAV_RANGE ${lit(CAVITY.range)}
+#define CAV_DARK ${lit(CAVITY.dark)}
+#define CAV_LIGHT ${lit(CAVITY.light)}
+`;
+// The GLSL twin of skyBand.shapeToBand: clamp to 0..1, mix toward uLift to land on the floor uBand.x, or scale down to the ceiling uBand.y.
+// No band is uBand = (0, 1).
+export const SHAPE_SKY_GLSL = `
+uniform vec2 uBand;
+uniform vec3 uLift;
+const vec3 LUMA = vec3(${LUMA.map(lit).join(', ')});
+vec3 shapeSky(vec3 c) {
+  c = clamp(c, 0.0, 1.0);
+  float l = dot(c, LUMA);
+  if (l < uBand.x) return mix(c, uLift, (uBand.x - l) / (dot(uLift, LUMA) - l));
+  if (l > uBand.y) return c * (uBand.y / l);
+  return c;
+}`;
+// The sky colour along a unit direction: scattering lifted by the exposure, tone-mapped, plus the night glow, shaped into
+// the state's luminance band. The same arithmetic as terrainSky.skyColour(). uGlow is the baked horizon colour already
+// scaled by how dark the sun is.
+const SKY_COLOUR_GLSL = `${SCATTER_GLSL}${SHAPE_SKY_GLSL}
+uniform vec3 uGlow;
+vec3 skyColour(vec3 d) {
+  return shapeSky(1.0 - exp(-${lit(SKY_EXPOSURE)} * skyScatter(d)) + uGlow * mix(1.0, ${lit(
+  GLOW_ZENITH
+)}, sqrt(clamp(d.y, 0.0, 1.0))));
+}`;
+
+export const GRID_FRAG = `${HEADER}${ALBEDO_DEFINES}${SKY_COLOUR_GLSL}${AERIAL_GLSL}
+in vec2 v_uv;
+in vec3 v_world;
+uniform vec3 uCamera, uLightDir, uLight, uAmbient, uSoil, uScree, uRock, uSnow;
+uniform float uSpan, uSnowLine, uNight, uMoonIndex;
+out vec4 o;
+${FETCH}
+// Triplanar patterns: each projection plane's value, blended by the weights of the face's normal (terrainAlbedo.triWeights).
+float wob2(vec2 q) { return sin(q.x * 0.043 + q.y * 0.017) * sin(q.y * 0.051 - q.x * 0.023); }
+float waves3(vec2 q, vec2 a, vec2 b, vec2 c) { return (sin(dot(q, a)) + sin(dot(q, b)) + sin(dot(q, c))) / 3.0; }
+// The fine octave's coordinates pushed by a slower sine each (terrainAlbedo wavesWarped): three plane waves alone make a regular lattice.
+vec2 warpq(vec2 q) { return q + ALB_FINE_WARP * vec2(sin(q.y * 0.55 + 1.3), sin(q.x * 0.47 + 0.7)); }
+void main() {
+  // Normal from the bilinear height at a continuous position, a stencil 1.5 texels each side: smooth across texel borders.
+  vec2 p = v_uv * float(uTex - 1);
+  float texel = uSpan / float(uTex - 1);
+  float dx = hBil(p + vec2(1.5, 0.0)) - hBil(p - vec2(1.5, 0.0));
+  float dz = hBil(p + vec2(0.0, 1.5)) - hBil(p - vec2(0.0, 1.5));
+  vec3 n = normalize(vec3(-dx, 3.0 * texel, -dz));
+  vec3 tw = pow(abs(n), vec3(4.0));
+  tw /= tw.x + tw.y + tw.z;
+  vec2 qx = v_world.zy, qy = v_world.xz, qz = v_world.xy;
+  // Procedural albedo, no texture reads; the same arithmetic as terrainAlbedo.albedoAt().
+  float w = tw.x * wob2(qx) + tw.y * wob2(qy) + tw.z * wob2(qz);
+  float h = v_world.y + ALB_WOBBLE_H * w;
+  float flat_ = n.y + ALB_WOBBLE_S * w;
+  vec3 ground = mix(uSoil, uScree, smoothstep(ALB_SCREE_FROM, ALB_SCREE_TO, h));
+  float snow = smoothstep(uSnowLine - ALB_SNOW_BAND, uSnowLine + ALB_SNOW_BAND, h) * smoothstep(ALB_SNOW_LO, ALB_SNOW_HI, flat_);
+  float rockW = 1.0 - smoothstep(ALB_ROCK_LO, ALB_ROCK_HI, flat_);
+  vec3 albedo = mix(mix(ground, uSnow, snow), uRock, rockW);
+  // Surface grain and rock strata, the same arithmetic as terrainAlbedo.grainAt().
+  float coarse = tw.x * waves3(qx, vec2(0.31, 0.27), vec2(-0.22, 0.35), vec2(0.38, -0.12)) + tw.y * waves3(qy, vec2(0.31, 0.27), vec2(-0.22, 0.35), vec2(0.38, -0.12)) + tw.z * waves3(qz, vec2(0.31, 0.27), vec2(-0.22, 0.35), vec2(0.38, -0.12));
+  float fine = tw.x * waves3(warpq(qx), vec2(1.1, 0.7), vec2(-0.8, 1.2), vec2(1.3, -0.6)) + tw.y * waves3(warpq(qy), vec2(1.1, 0.7), vec2(-0.8, 1.2), vec2(1.3, -0.6)) + tw.z * waves3(warpq(qz), vec2(1.1, 0.7), vec2(-0.8, 1.2), vec2(1.3, -0.6));
+  float near = 1.0 - smoothstep(ALB_FINE_NEAR, ALB_FINE_FAR, length(v_world - uCamera));
+  float layers = sin(v_world.y * 0.9 + w * 3.0);
+  albedo *= max(0.0, 1.0 + ALB_GRAIN_COARSE * coarse + ALB_GRAIN_FINE * near * fine + ALB_STRATA * rockW * layers);
+  // Cavity: a point lower than its surroundings sits in shade, one higher catches light (terrainAlbedo.cavityAt). Shader-only, from the height map,
+  // read bilinear at a continuous position so it does not snap to a texel (that made the shading blocks of one texel, 3 m).
+  float cr = CAV_RADIUS / texel;
+  float curv = 0.25 * (hBil(p + vec2(cr, 0.0)) + hBil(p - vec2(cr, 0.0)) + hBil(p + vec2(0.0, cr)) + hBil(p - vec2(0.0, cr))) - hBil(p);
+  float cavity = 1.0 - CAV_DARK * clamp(curv / CAV_RANGE, 0.0, 1.0) + CAV_LIGHT * clamp(-curv / CAV_RANGE, 0.0, 1.0);
+  vec3 lit = albedo * cavity * (uLight * max(dot(n, uLightDir), 0.0) + uAmbient * (0.5 + 0.5 * n.y));
+  vec3 toSurface = v_world - uCamera;
+  float dist = length(toSurface);
+  // Aerial perspective (terrainSky.aerialPerspective): the baked volume by this ray's elevation, azimuth from the light and path.
+  vec3 ray = toSurface / dist;
+  float el = min(degrees(asin(clamp(ray.y, -1.0, 1.0))), 0.0);
+  vec2 hz = ray.xz, sz = uSun.xz;
+  float az = (length(hz) < 1e-4 || length(sz) < 1e-4) ? 0.0 : degrees(acos(clamp(dot(normalize(hz), normalize(sz)), -1.0, 1.0)));
+  float km = dist * ${lit(AP_DISTANCE_SCALE / 1000)};
+  vec4 ap = aerial(uSunIndex, el, az, km);
+  vec3 L = ap.rgb;
+  // The moon lights the haze from where the sun is mirrored above the horizon, sharing its azimuth; a starlight floor stays.
+  if (uNight > 0.0) L += uNight * vec3(${MOON_HAZE.map(lit).join(
+    ', '
+  )}) * aerial(uMoonIndex, el, az, km).rgb;
+  vec3 haze = 1.0 - exp(-${lit(SKY_EXPOSURE)} * L) + uNight * ap.a * vec3(${STAR_FLOOR.map(
+  lit
+).join(', ')});
+  // Past SKY_FADE the surface is the sky at the horizon in this ray's azimuth, the colour the sky pass draws there (terrainSky.aerialPerspective).
+  float toSky = smoothstep(${lit(SKY_FADE[0])}, ${lit(SKY_FADE[1])}, dist);
+  vec3 horizon = skyColour(vec3(ray.x, 0.0, ray.z));
+  o = vec4(pow(mix(lit * (1.0 - ap.a) + haze, horizon, toSky), vec3(1.0 / 2.2)), 1.0);
+}`;
+
+// The sky behind: the baked scattering tables by the view ray's elevation and azimuth from the sun, a sun disc, and a
+// dither of +-0.5/255 on the 8-bit output so the dusk glow does not band.
+const DISC = {
+  inner: Math.cos((0.5 * Math.PI) / 180),
+  outer: Math.cos((1.1 * Math.PI) / 180),
+  gain: 6.0,
+};
+export const SKY_FRAG = `${HEADER}${SKY_COLOUR_GLSL}
+uniform vec3 uSunColour;
+uniform vec3 uRight, uUp, uForward;
+uniform vec2 uSize;
+uniform float uTanHalf;
+out vec4 o;
+void main() {
+  vec2 ndc = gl_FragCoord.xy / uSize * 2.0 - 1.0;
+  vec3 d = normalize(uForward + ndc.x * uTanHalf * uSize.x / uSize.y * uRight + ndc.y * uTanHalf * uUp);
+  vec3 c = skyColour(d) + uSunColour * ${lit(DISC.gain)} * smoothstep(${DISC.outer}, ${
+  DISC.inner
+}, dot(d, uSun));
+  float dither = fract(52.9829189 * fract(dot(gl_FragCoord.xy, vec2(0.06711056, 0.00583715)))) - 0.5;
+  o = vec4(pow(c, vec3(1.0 / 2.2)) + dither / 255.0, 1.0);
+}`;
diff --git a/src/app/features/scene/terrain/terrainSky.test.ts b/src/app/features/scene/terrain/terrainSky.test.ts
new file mode 100644
index 00000000..f409471a
--- /dev/null
+++ b/src/app/features/scene/terrain/terrainSky.test.ts
@@ -0,0 +1,322 @@
+/* eslint-disable no-restricted-syntax -- tests loop over skies, normals and distances */
+import { AP_DISTANCE_SCALE } from './terrainScatter';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { baked } from '../../../../sky/baked';
+import {
+  chooseSky,
+  coldness,
+  glowColour,
+  hazeColour,
+  hexToLinear,
+  nightness,
+  shade,
+  SKY,
+  skyAtSun,
+  skyData,
+  skyColour,
+  sunDirection,
+  aerialPerspective,
+  SKY_FADE,
+  metresToKm,
+  groundLight,
+  HAZE_K,
+  HAZE_POWER,
+  START_TURNS,
+  Vec3,
+} from './terrainSky';
+
+const UP = [0, 1, 0] as const;
+const luma = (c: readonly number[]) => 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
+/** Unit view direction at an elevation (degrees) and an azimuth clockwise from north. */
+const look = (el: number, az: number): Vec3 => {
+  const e = (el * Math.PI) / 180;
+  const a = (az * Math.PI) / 180;
+  return [Math.sin(a) * Math.cos(e), Math.sin(e), -Math.cos(a) * Math.cos(e)];
+};
+
+describe('the baked sky is read, not copied', () => {
+  it('SKY carries Void’s numbers: sun, ambient, horizon', () => {
+    for (const name of ['midnight', 'noonday'] as const) {
+      const b = baked[name];
+      expect(SKY[name].elevation).toBe(b.sun.elevation_deg);
+      expect(SKY[name].azimuth).toBe(b.sun.azimuth_deg);
+      expect(SKY[name].direct).toEqual(b.sun.color_linear);
+      expect(SKY[name].ambient).toEqual(b.ambient_linear);
+      expect(SKY[name].horizon).toEqual(hexToLinear(b.horizon_hex));
+    }
+  });
+
+  it('keeps the two moments apart: night sun below the horizon, noon sun well above', () => {
+    expect(SKY.midnight.elevation).toBeLessThan(0);
+    expect(SKY.noonday.elevation).toBeGreaterThan(30);
+  });
+
+  it('sunDirection is a unit vector with y = sin(elevation), north at -z, south at +z', () => {
+    for (const d of Object.values(SKY)) {
+      const s = sunDirection(d);
+      expect(Math.hypot(...s)).toBeCloseTo(1, 9);
+      expect(s[1]).toBeCloseTo(Math.sin((d.elevation * Math.PI) / 180), 9);
+    }
+    expect(sunDirection({ ...SKY.noonday, elevation: 0, azimuth: 0 })[2]).toBeCloseTo(-1, 9);
+    expect(sunDirection({ ...SKY.noonday, elevation: 0, azimuth: 180 })[2]).toBeCloseTo(1, 9);
+  });
+
+  it('hexToLinear decodes sRGB', () => {
+    expect(hexToLinear('#000000')).toEqual([0, 0, 0]);
+    expect(hexToLinear('#ffffff')).toEqual([1, 1, 1]);
+    expect(hexToLinear('#808080')[0]).toBeCloseTo(0.2158, 3);
+  });
+});
+
+describe('a sun at any elevation (skyAtSun)', () => {
+  it('lights nothing under the horizon and fades in across the last degrees, as sun.js does', () => {
+    expect(skyAtSun(-2).direct).toEqual([0, 0, 0]);
+    expect(skyAtSun(-30).direct).toEqual([0, 0, 0]);
+    const at = (e: number) => luma(skyAtSun(e).direct);
+    expect(at(0.3)).toBeGreaterThan(0);
+    expect(at(0.3)).toBeLessThan(at(1.5));
+    expect(at(1.5)).toBeLessThan(at(60));
+  });
+
+  it('agrees with the baked noon sun colour where they overlap, to a couple of percent', () => {
+    const want = SKY.noonday.direct;
+    const got = skyAtSun(SKY.noonday.elevation).direct;
+    got.forEach((v, i) => expect(Math.abs(v / want[i] - 1)).toBeLessThan(0.02));
+  });
+
+  it('the sun goes red as it sets: less blue left in the direct light at 2 degrees than at 45', () => {
+    const lo = skyAtSun(2).direct;
+    const hi = skyAtSun(45).direct;
+    expect(lo[2] / lo[0]).toBeLessThan(0.6 * (hi[2] / hi[0]));
+  });
+
+  it('ambient and horizon run from the midnight bake to the noonday one as the sun climbs', () => {
+    expect(luma(skyAtSun(-30).ambient)).toBeCloseTo(luma(SKY.midnight.ambient), 9);
+    expect(luma(skyAtSun(60).ambient)).toBeCloseTo(luma(SKY.noonday.ambient), 9);
+    expect(luma(skyAtSun(5).ambient)).toBeGreaterThan(luma(SKY.midnight.ambient));
+    expect(luma(skyAtSun(5).ambient)).toBeLessThan(luma(SKY.noonday.ambient));
+    expect(skyAtSun(10, 270).azimuth).toBe(270);
+  });
+});
+
+describe('lighting', () => {
+  it('noonday lights an upward face with the sun; midnight has none', () => {
+    expect(luma(SKY.noonday.direct)).toBeGreaterThan(0.5);
+    expect(SKY.midnight.direct).toEqual([0, 0, 0]);
+  });
+
+  it('shade never goes negative on any normal at either sky, at any distance', () => {
+    for (const d of [...Object.values(SKY), skyAtSun(-3), skyAtSun(1)])
+      for (const n of [UP, [0, -1, 0], [1, 0, 0], [-0.6, 0.0, 0.8]] as const)
+        for (const dist of [0, 100, 5000])
+          for (const ch of shade(d, [0.3, 0.3, 0.3], n, dist, look(-5, 40)))
+            expect(ch).toBeGreaterThanOrEqual(0);
+  });
+
+  it('a face turned to the noon sun is brighter than one turned away; at midnight the two match to ambient', () => {
+    const toSun = sunDirection(SKY.noonday);
+    const away = [-toSun[0], 0, -toSun[2]] as const;
+    const view = look(-5, 0);
+    const lit = luma(shade(SKY.noonday, [0.5, 0.5, 0.5], toSun, 0, view));
+    const dark = luma(shade(SKY.noonday, [0.5, 0.5, 0.5], away, 0, view));
+    expect(lit).toBeGreaterThan(3 * dark);
+    const m = (n: readonly [number, number, number]) =>
+      shade(SKY.midnight, [0.5, 0.5, 0.5], n, 0, view);
+    expect(luma(m(UP))).toBeGreaterThan(0); // moonlit fill, not black
+    expect(luma(m(UP))).toBeLessThan(0.12);
+  });
+
+  it('noon is much brighter than midnight, ambient included', () => {
+    expect(luma(SKY.noonday.ambient)).toBeGreaterThan(2 * luma(SKY.midnight.ambient));
+    const view = look(-5, 0);
+    expect(luma(shade(SKY.noonday, [0.4, 0.4, 0.4], UP, 0, view))).toBeGreaterThan(
+      3 * luma(shade(SKY.midnight, [0.4, 0.4, 0.4], UP, 0, view))
+    );
+  });
+
+  it('the cold tint (albedo) is 0 with the sun up and 1 once it is below -6', () => {
+    expect(coldness(SKY.noonday)).toBe(0);
+    expect(coldness(SKY.midnight)).toBe(1);
+    expect(hazeColour(SKY.noonday)).toEqual(SKY.noonday.horizon);
+  });
+});
+
+describe('the scattered sky', () => {
+  it('noon is blue overhead: more blue than red, much brighter than the night glow', () => {
+    const zenith = skyColour(SKY.noonday, [0, 1, 0]);
+    expect(zenith[2]).toBeGreaterThan(1.5 * zenith[0]);
+    expect(luma(zenith)).toBeGreaterThan(5 * luma(skyColour(SKY.midnight, [0, 1, 0])));
+    zenith.forEach((v) => expect(v).toBeLessThan(1));
+  });
+
+  it('a sun at the horizon reddens the sky toward it and darkens it away', () => {
+    const dusk = skyAtSun(-1, 270);
+    const toward = skyColour(dusk, look(3, 270));
+    const away = skyColour(dusk, look(3, 90));
+    const blueShare = (c: Vec3) => c[2] / (c[0] + c[1] + c[2]);
+    expect(blueShare(toward)).toBeLessThan(blueShare(away));
+    expect(luma(toward)).toBeGreaterThan(3 * luma(away));
+  });
+
+  it('under a deep night sun the tables are black and only the glow remains, brightest at the horizon', () => {
+    const d = SKY.midnight;
+    const horizon = skyColour(d, look(0, 180));
+    const zenith = skyColour(d, [0, 1, 0]);
+    horizon.forEach((v, i) => expect(v).toBeCloseTo(d.horizon[i], 6));
+    expect(luma(zenith)).toBeLessThan(luma(horizon));
+    expect(luma(zenith)).toBeGreaterThan(0.5 * luma(horizon));
+  });
+
+  it('the night glow fades out as the sun reaches the horizon', () => {
+    expect(nightness(-10)).toBe(1);
+    expect(nightness(5)).toBe(0);
+    expect(glowColour(SKY.noonday)).toEqual([0, 0, 0]);
+    expect(glowColour(SKY.midnight)).toEqual(SKY.midnight.horizon);
+    expect(luma(glowColour(skyAtSun(-2)))).toBeLessThan(luma(glowColour(skyAtSun(-6))));
+  });
+
+  it('is continuous in the sun’s elevation through dusk: no step between neighbours', () => {
+    const at = (e: number) => luma(skyColour(skyAtSun(e, 270), look(10, 200)));
+    for (let e = -20; e < 30; e += 0.5) {
+      expect(Math.abs(at(e + 0.5) - at(e))).toBeLessThan(0.05);
+    }
+  });
+});
+
+describe('aerial perspective', () => {
+  const ray = (el: number, az: number): Vec3 => look(el, az);
+  const along = (d: typeof SKY.midnight, el: number, az: number, m: number) =>
+    aerialPerspective(d, ray(el, az), m);
+
+  it('opacity grows with distance from nothing at the eye toward the far value, never past 1', () => {
+    let prev = along(SKY.noonday, -2, 200, 0).alpha;
+    expect(prev).toBe(0);
+    for (const m of [10, 100, 400, 800, 1000, 1300]) {
+      const a = along(SKY.noonday, -2, 200, m).alpha;
+      expect(a).toBeGreaterThan(prev);
+      expect(a).toBeLessThanOrEqual(1);
+      prev = a;
+    }
+  });
+
+  it('leaves the near ground its own colour and takes the far ridges', () => {
+    expect(along(SKY.noonday, -2, 200, 100).alpha).toBeLessThan(0.15);
+    expect(along(SKY.noonday, -2, 200, SKY_FADE[0]).alpha).toBeGreaterThan(0.1);
+  });
+
+  it('the in-scatter is a function of the baked volume: its colour is bluer than the sun far by day', () => {
+    const far = along(SKY.noonday, -2, 90, SKY_FADE[0]).colour;
+    expect(far[2]).toBeGreaterThan(far[0]);
+  });
+
+  it('haze toward a setting sun is brighter than away from it, and red, not blue (the sun is reddened on its way)', () => {
+    const dusk = skyAtSun(2, 270);
+    const toward = along(dusk, -1, 270, SKY_FADE[0]).colour;
+    const away = along(dusk, -1, 90, SKY_FADE[0]).colour;
+    expect(luma(toward)).toBeGreaterThan(3 * luma(away));
+    expect(toward[0]).toBeGreaterThan(toward[2]);
+  });
+
+  it('night haze is a deep blue floor, not grey: dark, blue over red by a wide margin, brighter than black', () => {
+    const c = along(SKY.midnight, -2, 0, SKY_FADE[0]).colour;
+    expect(luma(c)).toBeGreaterThan(0.0003);
+    expect(luma(c)).toBeLessThan(0.08);
+    expect(c[2]).toBeGreaterThan(2.5 * c[0]);
+    expect(luma(along(SKY.noonday, -2, 0, SKY_FADE[0]).colour)).toBeGreaterThan(5 * luma(c));
+  });
+
+  it('moonlight lights the night haze toward the moon more than away from it', () => {
+    const moon = groundLight(SKY.midnight).dir;
+    const toward = aerialPerspective(SKY.midnight, [moon[0], -0.02, moon[2]], SKY_FADE[0]).colour;
+    const away = aerialPerspective(SKY.midnight, [-moon[0], -0.02, -moon[2]], SKY_FADE[0]).colour;
+    expect(luma(toward)).toBeGreaterThan(luma(away));
+  });
+
+  it('with distance a dark surface rises toward the haze and its own colour is lost', () => {
+    const d = SKY.noonday;
+    const view = ray(-4, 200);
+    const dark = (x: number) => luma(shade(d, [0.02, 0.02, 0.02], UP, x, view));
+    expect(dark(SKY_FADE[0])).toBeGreaterThan(dark(100));
+    const own = (x: number) => 1 - aerialPerspective(d, view, x).alpha;
+    expect(own(SKY_FADE[0])).toBeLessThan(0.9 * own(100));
+  });
+
+  it('is continuous in the sun elevation through dusk: no step between neighbours', () => {
+    const at = (e: number) => luma(along(skyAtSun(e, 270), -1, 270, SKY_FADE[0]).colour);
+    for (let e = -12; e < 12; e += 0.5) expect(Math.abs(at(e + 0.5) - at(e))).toBeLessThan(0.45);
+  });
+
+  it('far terrain is the sky: past the fade it is the horizon sky colour in its azimuth, by day, dusk and night, whatever it was', () => {
+    for (const [d, az] of [
+      [SKY.midnight, 0],
+      [skyAtSun(-1, 90), 90],
+      [skyAtSun(2, 270), 200],
+      [SKY.noonday, 120],
+    ] as const) {
+      const view = ray(-0.5, az);
+      const hz = skyColour(d, [view[0], 0, view[2]]);
+      const far = aerialPerspective(d, view, SKY_FADE[1]);
+      expect(far.alpha).toBe(1);
+      for (let i = 0; i < 3; i += 1) expect(far.colour[i]).toBeCloseTo(hz[i], 9);
+      expect(shade(d, [0.5, 0.5, 0.5], UP, SKY_FADE[1] + 500, view)).toEqual(far.colour);
+    }
+  });
+
+  it('the metres-to-km law is the scene metres times the baked distance scale', () => {
+    expect(metresToKm(1000)).toBeCloseTo(AP_DISTANCE_SCALE, 9);
+    expect(metresToKm(-5)).toBe(0);
+  });
+});
+
+describe('ground light and haze', () => {
+  it("at night the ground has a moon above the horizon on the sun's mirrored side, and a lifted ambient; by day it is the sun", () => {
+    const night = groundLight(SKY.midnight);
+    expect(night.dir[1]).toBeGreaterThan(0.5);
+    expect(luma(night.colour)).toBeGreaterThan(0.03);
+    expect(luma(night.ambient)).toBeGreaterThan(2 * luma(SKY.midnight.ambient));
+    const day = groundLight(SKY.noonday);
+    expect(Array.from(day.dir)).toEqual(Array.from(sunDirection(SKY.noonday)));
+    expect(Array.from(day.colour)).toEqual(Array.from(SKY.noonday.direct));
+    expect(Array.from(day.ambient)).toEqual(Array.from(SKY.noonday.ambient));
+  });
+
+  it('the ground light is continuous through sunset', () => {
+    const at = (e: number) => luma(groundLight(skyAtSun(e)).colour);
+    for (let e = -10; e < 10; e += 0.5) expect(Math.abs(at(e + 0.5) - at(e))).toBeLessThan(0.35);
+  });
+
+  it('the camera starts with the noon sun off its axis, so the light rakes the relief', () => {
+    const yaw = 2 * Math.PI * START_TURNS;
+    const forward = [Math.sin(yaw), 0, -Math.cos(yaw)];
+    const sun = sunDirection(SKY.noonday);
+    const along = (forward[0] * sun[0] + forward[2] * sun[2]) / Math.hypot(sun[0], sun[2]);
+    expect(Math.abs(along)).toBeLessThan(0.4);
+  });
+});
+
+describe('chooseSky: an explicit sky wins over the page URL', () => {
+  const at = (search: string) => vi.stubGlobal('window', { location: { search } });
+  afterEach(() => {
+    vi.unstubAllGlobals();
+  });
+
+  it('lets the URL steer when no option is given', () => {
+    at('?sun=40&az=90');
+    expect(chooseSky({})).toEqual(skyAtSun(40, 90));
+    at('?sky=noonday');
+    expect(chooseSky({})).toEqual(skyData('noonday'));
+  });
+
+  it('prefers an explicit baked sky to ?sun= and ?sky=', () => {
+    at('?sun=40&az=90&sky=noonday');
+    expect(chooseSky({ sky: 'midnight' })).toEqual(skyData('midnight'));
+    at('?sky=noonday');
+    expect(chooseSky({ sky: 'midnight' })).toEqual(skyData('midnight'));
+  });
+
+  it('prefers an explicit sun to ?sun=, and takes no azimuth from ?az=', () => {
+    at('?sun=40&az=90&sky=noonday');
+    expect(chooseSky({ sun: { elevation: 2 } })).toEqual(skyAtSun(2, undefined));
+    expect(chooseSky({ sun: { elevation: 2, azimuth: 10 } })).toEqual(skyAtSun(2, 10));
+  });
+});
diff --git a/src/app/features/scene/terrain/terrainSky.ts b/src/app/features/scene/terrain/terrainSky.ts
new file mode 100644
index 00000000..92a2ab22
--- /dev/null
+++ b/src/app/features/scene/terrain/terrainSky.ts
@@ -0,0 +1,253 @@
+// Lighting, haze and sky for the terrain scene, as pure functions of one sky's baked numbers (src/sky/baked.ts, Void's
+// bake, GameCult/Void PR #22). No DOM, no GL. The fragment shaders do the same arithmetic with these results as uniforms.
+import { baked } from '../../../../sky/baked';
+import { hexToLinear, shapeToBand } from '../skyBand';
+import type { SkyBand } from '../skyBand';
+import {
+  AP_DISTANCE_SCALE,
+  aerialAt,
+  HORIZON_FLOOR,
+  scatterRadiance,
+  transmittanceAt,
+} from './terrainScatter';
+
+export type SkyName = 'midnight' | 'noonday';
+export type Vec3 = readonly [number, number, number];
+
+export interface SkyData {
+  /** Degrees above the horizon, no refraction. Negative: the sun is down. */
+  elevation: number;
+  /** Degrees clockwise from north. */
+  azimuth: number;
+  /** Sun colour at normal incidence, linear RGB. Black when the sun is down. */
+  direct: Vec3;
+  /** Sky ambient on an upward surface, linear RGB; at night a moonlit floor, not black. */
+  ambient: Vec3;
+  /** The horizon, linear RGB: the baked `horizon_hex`. */
+  horizon: Vec3;
+  /** The luminance band `skyColour` shapes the sky into (skyBand.ts); absent: the physical sky as it is. */
+  band?: SkyBand;
+}
+
+const RAD = Math.PI / 180;
+const clamp01 = (x: number) => Math.min(1, Math.max(0, x));
+const smooth = (a: number, b: number, x: number) => {
+  const t = clamp01((x - a) / (b - a));
+  return t * t * (3 - 2 * t);
+};
+const mixVec = (a: Vec3, b: Vec3, t: number): Vec3 =>
+  [0, 1, 2].map((i) => a[i] + (b[i] - a[i]) * t) as unknown as Vec3;
+
+export const isSkyName = (s: unknown): s is SkyName => s === 'midnight' || s === 'noonday';
+
+export { hexToLinear };
+
+const fromBaked = (b: typeof baked.midnight | typeof baked.noonday): SkyData => ({
+  elevation: b.sun.elevation_deg,
+  azimuth: b.sun.azimuth_deg,
+  direct: b.sun.color_linear,
+  ambient: b.ambient_linear,
+  horizon: hexToLinear(b.horizon_hex),
+});
+
+export const SKY: Record<SkyName, SkyData> = {
+  midnight: fromBaked(baked.midnight),
+  noonday: fromBaked(baked.noonday),
+};
+
+export const skyData = (name: SkyName): SkyData => SKY[name];
+
+/**
+ * A sky for a sun at any elevation, between the two baked ones. The sun's colour is the baked transmittance at
+ * that elevation, faded out across the disc's last degrees the way sun.js does (gone at -0.83, whole by 1.5);
+ * ambient and horizon blend from the midnight bake to the noonday one as the sun climbs from -8 to 25 degrees.
+ */
+export function skyAtSun(elevation: number, azimuth: number = SKY.noonday.azimuth): SkyData {
+  const day = smooth(-8, 25, elevation);
+  const fade = smooth(-0.83, 1.5, elevation);
+  const t = transmittanceAt(Math.max(elevation, -4));
+  return {
+    elevation,
+    azimuth,
+    direct: [t[0] * fade, t[1] * fade, t[2] * fade],
+    ambient: mixVec(SKY.midnight.ambient, SKY.noonday.ambient, day),
+    horizon: mixVec(SKY.midnight.horizon, SKY.noonday.horizon, day),
+  };
+}
+
+/** Unit vector toward the sun: x east, y up, z south (so azimuth 0, north, is -z). */
+export function sunDirection(d: SkyData): Vec3 {
+  const el = d.elevation * RAD;
+  const az = d.azimuth * RAD;
+  return [Math.sin(az) * Math.cos(el), Math.sin(el), -Math.cos(az) * Math.cos(el)];
+}
+
+/** 0 with the sun well up, 1 once it is below -6 degrees (civil twilight over): the night notion the palette shares. */
+export const coldness = (d: SkyData): number => 1 - smooth(-6, 25, d.elevation);
+
+/** The colour distance fades to when the air has nothing to scatter: the baked horizon. Albedo tints toward it at night. */
+export const hazeColour = (d: SkyData): Vec3 => d.horizon;
+
+/** Sky radiance (see the sun's `skyScatter` in terrainScatter.ts) is for unit sun irradiance; this lifts it to the image. EYEBALLED. */
+export const SKY_EXPOSURE = 45;
+/** How far the night glow dims from the horizon to the zenith (1 at the horizon). EYEBALLED. */
+export const GLOW_ZENITH = 0.75;
+
+/** 1 with the sun below -4 degrees, 0 above 4: where the midnight horizon colour stands in for light the single-scattering tables lack. */
+export const nightness = (elevation: number): number => 1 - smooth(-4, 4, elevation);
+
+/** The night glow colour: the midnight bake's horizon, fading out as the sun nears the horizon (whatever horizon the day blend gives `d`). */
+export const glowColour = (d: SkyData): Vec3 => {
+  const k = nightness(d.elevation);
+  const h = SKY.midnight.horizon;
+  return [h[0] * k, h[1] * k, h[2] * k];
+};
+
+/**
+ * Linear colour of the sky along a unit view direction (x east, y up, z south): the baked single-scattering
+ * radiance for this sun, lifted by SKY_EXPOSURE and tone-mapped `1 - exp(-x)`, plus the night glow, which sits
+ * brightest at the horizon; at and below the horizon, the horizon's colour; then shaped into `d.band` when it has one.
+ * The fragment shader does the same.
+ */
+export function skyColour(d: SkyData, dir: Vec3): Vec3 {
+  const el = Math.max(HORIZON_FLOOR, Math.asin(Math.min(1, Math.max(-1, dir[1]))) / RAD);
+  const sun = sunDirection(d);
+  const h = Math.hypot(dir[0], dir[2]);
+  const s = Math.hypot(sun[0], sun[2]);
+  const az =
+    h < 1e-4 || s < 1e-4
+      ? 0
+      : Math.acos(Math.min(1, Math.max(-1, (dir[0] * sun[0] + dir[2] * sun[2]) / (h * s)))) / RAD;
+  const r = scatterRadiance(d.elevation, el, az);
+  const glow = glowColour(d);
+  const shape = 1 + (GLOW_ZENITH - 1) * Math.sqrt(clamp01(dir[1]));
+  const c = [0, 1, 2].map(
+    (i) => 1 - Math.exp(-SKY_EXPOSURE * r[i]) + glow[i] * shape
+  ) as unknown as Vec3;
+  return d.band ? shapeToBand(c, d.band) : c;
+}
+
+/**
+ * Aerial perspective: the baked volume of src/sky/scatter.js (after Hillaire 2020, see there for what follows the paper
+ * and what does not), looked up by the view ray relative to the light and the metres to the surface. The surface keeps
+ * (1 - alpha) of its own colour (alpha = 1 - mean transmittance, a grey transmittance as the paper) and gains the in-scatter L,
+ * lifted by the sky's exposure and tone-mapped the way the sky is, so far ground meets the sky's colour. SHORTCUT: the path is
+ * the scene's metres times AP_DISTANCE_SCALE (a real atmosphere is nearly clear over 3 km).
+ */
+export const metresToKm = (metres: number): number =>
+  (Math.max(0, metres) / 1000) * AP_DISTANCE_SCALE;
+
+/** Moonlight's irradiance on the haze, relative to the sun's 1, at full night. EYEBALLED, far above a real moon (about 3e-6) as the sky exposure is. */
+export const MOON_HAZE: Vec3 = [0.0004, 0.0007, 0.0018];
+/** Starlight and airglow scattered by the air, added to the in-scatter in proportion to alpha, at full night: a deep blue floor, not grey. EYEBALLED. */
+export const STAR_FLOOR: Vec3 = [0.0006, 0.0012, 0.0045];
+
+/**
+ * Metres from the eye over which the terrain gives itself up to the sky: past the far end a surface is the sky's own
+ * colour at the horizon in its azimuth (`skyColour` flat along the horizon, night glow included), so the patch's rim
+ * meets the sky above and beyond it with no seam. The volume alone is only ~40% opaque by then. EYEBALLED.
+ */
+export const SKY_FADE: readonly [number, number] = [600, 1350];
+
+/** Haze in front of a surface seen along `dir` (unit, eye to surface) `distance` metres away: the colour it adds and the surface's loss. */
+export function aerialPerspective(
+  d: SkyData,
+  dir: Vec3,
+  distance: number
+): { colour: Vec3; alpha: number } {
+  const el = Math.min(0, Math.asin(Math.min(1, Math.max(-1, dir[1]))) / RAD);
+  const sun = sunDirection(d);
+  const h = Math.hypot(dir[0], dir[2]);
+  const s = Math.hypot(sun[0], sun[2]);
+  const az =
+    h < 1e-4 || s < 1e-4
+      ? 0
+      : Math.acos(Math.min(1, Math.max(-1, (dir[0] * sun[0] + dir[2] * sun[2]) / (h * s)))) / RAD;
+  const km = metresToKm(distance);
+  const night = nightness(d.elevation);
+  const day = aerialAt(d.elevation, el, az, km);
+  const L = [...day.L];
+  if (night > 0) {
+    // The moon stands where the sun is mirrored above the horizon (groundLight), so it shares the sun's azimuth.
+    const moon = aerialAt(Math.abs(d.elevation), el, az, km);
+    for (let i = 0; i < 3; i += 1) L[i] += MOON_HAZE[i] * night * moon.L[i];
+  }
+  const horizon = skyColour(d, [dir[0], 0, dir[2]]);
+  const f = smooth(SKY_FADE[0], SKY_FADE[1], distance);
+  const colour = [0, 1, 2].map(
+    (i) =>
+      (1 - f) * (1 - Math.exp(-SKY_EXPOSURE * L[i]) + STAR_FLOOR[i] * night * day.alpha) +
+      f * horizon[i]
+  ) as unknown as Vec3;
+  return { colour, alpha: (1 - f) * day.alpha + f };
+}
+
+/** Added to the ambient on a dark sky, scaled by `nightness`: the baked night floor is too dark to show any form on a phone. */
+export const NIGHT_AMBIENT_LIFT = 3;
+/** Cool light from the mirror of the sun's below-horizon position, linear, scaled by `nightness`: gives the terrain a lit side at night. */
+export const MOON_COLOUR: Vec3 = [0.05, 0.07, 0.13];
+
+/** The light on the ground: the sun, or at night the moon standing where the sun is mirrored above the horizon. Continuous through sunset. */
+export function groundLight(d: SkyData): { dir: Vec3; colour: Vec3; ambient: Vec3 } {
+  const sun = sunDirection(d);
+  const k = nightness(d.elevation);
+  return {
+    dir: [sun[0], Math.abs(sun[1]), sun[2]],
+    colour: [0, 1, 2].map((i) => d.direct[i] + MOON_COLOUR[i] * k) as unknown as Vec3,
+    ambient: [0, 1, 2].map((i) => d.ambient[i] * (1 + NIGHT_AMBIENT_LIFT * k)) as unknown as Vec3,
+  };
+}
+
+/**
+ * The heading the camera starts at, in turns from north: the noonday sun a hundred degrees to its right, so the light
+ * rakes across the relief instead of flattening it from behind. Fixed, so `?az=` still moves the sun in the picture.
+ */
+export const START_TURNS = ((SKY.noonday.azimuth - 100) / 360 + 1) % 1;
+
+/**
+ * Linear colour of a surface seen along the unit direction `view` (from the eye to the surface): lambert from
+ * the ground light plus ambient (full on an upward face, half on a vertical one, none on a downward one: `0.5 + 0.5 n.y`),
+ * then aerial perspective (`aerialPerspective`). `normal` is a unit vector. Never negative.
+ */
+export function shade(d: SkyData, albedo: Vec3, normal: Vec3, distance: number, view: Vec3): Vec3 {
+  const light = groundLight(d);
+  const sun = light.dir;
+  const lambert = Math.max(0, normal[0] * sun[0] + normal[1] * sun[1] + normal[2] * sun[2]);
+  const hemi = 0.5 + 0.5 * normal[1];
+  const haze = aerialPerspective(d, view, distance);
+  return [0, 1, 2].map((i) => {
+    const lit = albedo[i] * (light.colour[i] * lambert + light.ambient[i] * Math.max(0, hemi));
+    return lit * (1 - haze.alpha) + haze.colour[i];
+  }) as unknown as Vec3;
+}
+
+/** What the page URL asks of the sky, if anything: `?sun=` (with `?az=`) wins over `?sky=midnight|noonday`; a bad value asks nothing. */
+export function urlSky():
+  | { sky?: SkyName; sun?: { elevation: number; azimuth?: number } }
+  | undefined {
+  const q = new URLSearchParams(window.location.search);
+  const number = (key: string) => (q.get(key)?.trim() ? Number(q.get(key)) : NaN);
+  const elevation = number('sun');
+  if (Number.isFinite(elevation)) {
+    const azimuth = number('az');
+    return { sun: { elevation, azimuth: Number.isFinite(azimuth) ? azimuth : undefined } };
+  }
+  const name = q.get('sky');
+  return isSkyName(name) ? { sky: name } : undefined;
+}
+
+/**
+ * The sky to use. An explicit option wins over the page URL, so a person who picked a sky sees it: a sun
+ * elevation (with its azimuth, default noonday's), else a baked sky. Only without either does the URL steer
+ * (`urlSky`), else midnight. A band, when given, shapes whichever sky that is.
+ */
+export function chooseSky(opts: {
+  sky?: SkyName;
+  sun?: { elevation: number; azimuth?: number };
+  band?: SkyBand;
+}): SkyData {
+  const banded = (d: SkyData): SkyData => (opts.band ? { ...d, band: opts.band } : d);
+  const want = opts.sun || opts.sky ? opts : urlSky() ?? { sky: 'midnight' as const };
+  if (want.sun) return banded(skyAtSun(want.sun.elevation, want.sun.azimuth));
+  return banded(skyData(want.sky ?? 'midnight'));
+}
diff --git a/src/app/features/scene/terrain/terrainStars.test.ts b/src/app/features/scene/terrain/terrainStars.test.ts
new file mode 100644
index 00000000..c1231bd8
--- /dev/null
+++ b/src/app/features/scene/terrain/terrainStars.test.ts
@@ -0,0 +1,241 @@
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-empty-function -- DOM stubs, as the other scene tests */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { SKY, skyAtSun } from './terrainSky';
+import {
+  BRIGHTEN,
+  createTerrainStars,
+  elevationOf,
+  ELEVATION_TOP,
+  FRAME_MS,
+  horizonY,
+  PERIOD,
+  nightColours,
+  project,
+  starGain,
+} from './terrainStars';
+import { CAMERA, view } from './terrainWorld';
+import { isNight, makeStars } from '../ridge/stars';
+
+/** A 2D context that only counts: arcs painted and clears since the last reset. */
+function fakeCtx() {
+  const c = {
+    arcs: [] as Array<[number, number, number]>,
+    clears: 0,
+    alpha: 1,
+    alphas: [] as number[],
+  };
+  const ctx: any = {
+    clearRect: () => {
+      c.clears += 1;
+      c.arcs = [];
+      c.alphas = [];
+    },
+    beginPath() {},
+    fill() {
+      c.alphas.push(ctx.globalAlpha);
+    },
+    arc: (x: number, y: number, r: number) => c.arcs.push([x, y, r]),
+    globalAlpha: 1,
+    fillStyle: '',
+  };
+  return { c, ctx };
+}
+
+let overlay: any;
+let ctx2d: ReturnType<typeof fakeCtx>;
+let parent: any;
+beforeEach(() => {
+  ctx2d = fakeCtx();
+  overlay = {
+    style: {},
+    width: 0,
+    height: 0,
+    setAttribute: vi.fn(),
+    getContext: vi.fn(() => ctx2d.ctx),
+    remove: vi.fn(),
+  };
+  parent = { appendChild: vi.fn() };
+  vi.stubGlobal('document', { createElement: () => overlay });
+  vi.stubGlobal('window', { devicePixelRatio: 1, innerWidth: 390, innerHeight: 844 });
+});
+afterEach(() => vi.unstubAllGlobals());
+
+const glCanvas = (w = 390, h = 844) =>
+  ({ clientWidth: w, clientHeight: h, parentElement: parent } as any);
+
+describe('which skies get stars', () => {
+  it('the field is placed against the baked night gradient, which the ridge module calls dark', () => {
+    expect(isNight(nightColours())).toBe(true);
+  });
+
+  it('starGain: full below -12 degrees, none above -6, smooth and monotone between', () => {
+    expect(starGain(-44.6)).toBe(1);
+    expect(starGain(-12)).toBe(1);
+    expect(starGain(-6)).toBe(0);
+    expect(starGain(45.2)).toBe(0);
+    expect(starGain(-9)).toBeCloseTo(0.5, 9);
+    let prev = 1;
+    for (let e = -12; e <= -6; e += 0.25) {
+      expect(starGain(e)).toBeLessThanOrEqual(prev);
+      prev = starGain(e);
+    }
+  });
+
+  it('noonday gets no layer and no element', () => {
+    expect(createTerrainStars(glCanvas(), SKY.noonday)).toBeNull();
+    expect(parent.appendChild).not.toHaveBeenCalled();
+  });
+
+  it('twilight is a fade, not a gate: a sun at -9 degrees paints the stars at half alpha', () => {
+    createTerrainStars(glCanvas(), skyAtSun(-9))?.draw(0);
+    const half = Math.max(...ctx2d.c.alphas);
+    ctx2d.c.alphas = [];
+    createTerrainStars(glCanvas(), SKY.midnight)?.draw(0);
+    expect(half).toBeGreaterThan(0);
+    expect(half / Math.max(...ctx2d.c.alphas)).toBeCloseTo(0.5, 6);
+    expect(createTerrainStars(glCanvas(), skyAtSun(-6.5))).not.toBeNull();
+    expect(createTerrainStars(glCanvas(), skyAtSun(-6))).toBeNull();
+  });
+
+  it('midnight adds one overlay to the canvas parent; dispose removes it', () => {
+    const s = createTerrainStars(glCanvas(), SKY.midnight)!;
+    expect(parent.appendChild).toHaveBeenCalledWith(overlay);
+    s.dispose();
+    expect(overlay.remove).toHaveBeenCalledOnce();
+  });
+
+  it('is absent without a parent or a 2D context', () => {
+    expect(
+      createTerrainStars({ ...glCanvas(), parentElement: null } as any, SKY.midnight)
+    ).toBeNull();
+    overlay.getContext = () => null;
+    expect(createTerrainStars(glCanvas(), SKY.midnight)).toBeNull();
+    expect(parent.appendChild).not.toHaveBeenCalled();
+  });
+});
+
+describe('sky only', () => {
+  it('the overlay is as tall as the horizon line is low, never the whole screen', () => {
+    createTerrainStars(glCanvas(), SKY.midnight);
+    expect(overlay.height).toBe(Math.ceil(horizonY(844)));
+    expect(overlay.height).toBeLessThan(844 / 2);
+    expect(overlay.style.pointerEvents).toBe('none');
+  });
+
+  it('a star at the horizon lands on the horizon line, one above it lands above', () => {
+    for (const aspect of [0.46, 1.78]) {
+      const h = 800;
+      const w = h * aspect;
+      const onLine = project(0.2, 0, w, h)!;
+      expect(onLine.y).toBeCloseTo(horizonY(h), 5);
+      expect(project(0.2, 0.05, w, h)!.y).toBeLessThan(horizonY(h));
+    }
+  });
+
+  it('the camera eye clears the peaks, so the horizon line bounds the terrain', () => {
+    expect(CAMERA.eye).toBeGreaterThan(256);
+  });
+
+  it('every painted star is above the horizon line, at any heading', () => {
+    const s = createTerrainStars(glCanvas(), SKY.midnight)!;
+    for (let k = 0; k < 40; k += 1) {
+      s.draw(k / 40);
+      for (const [, y] of ctx2d.c.arcs) expect(y).toBeLessThanOrEqual(overlay.height);
+    }
+  });
+
+  it('agrees with the camera the terrain draws: the projection matches view()', () => {
+    const w = 390;
+    const h = 844;
+    const turns = 0.137;
+    const v = view(w / h, turns);
+    const yaw = 2 * Math.PI * turns;
+    const az = yaw + 0.1;
+    const e = 0.15;
+    const d = [Math.sin(az) * Math.cos(e), Math.sin(e), -Math.cos(az) * Math.cos(e)];
+    const dot = (a: number[], b: readonly number[]) => a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
+    const t = Math.tan(CAMERA.fov / 2);
+    const f = dot(d, v.forward);
+    const nx = dot(d, v.right) / f / (t * (w / h));
+    const ny = dot(d, v.up) / f / t;
+    const at = project(0.1, e, w, h)!;
+    expect(at.x).toBeCloseTo(((nx + 1) / 2) * w, 6);
+    expect(at.y).toBeCloseTo(((1 - ny) / 2) * h, 6);
+  });
+});
+
+describe('turning with the camera', () => {
+  it('stars are on screen, and slide sideways as the camera turns', () => {
+    const s = createTerrainStars(glCanvas(), SKY.midnight)!;
+    s.draw(0);
+    const first = ctx2d.c.arcs.slice();
+    expect(first.length).toBeGreaterThan(10);
+    s.draw(0.002);
+    const later = ctx2d.c.arcs;
+    expect(later).not.toEqual(first);
+    const m = (a: number[][]) => a.reduce((t, p) => t + p[0], 0) / a.length;
+    expect(m(later)).not.toBeCloseTo(m(first), 1);
+  });
+
+  it('repeats every PERIOD of heading', () => {
+    const s = createTerrainStars(glCanvas(), SKY.midnight)!;
+    s.draw(0.1);
+    const a = ctx2d.c.arcs.map((p) => p.map((n) => Math.round(n * 1e3)));
+    s.draw(0.1 + PERIOD / (2 * Math.PI));
+    expect(ctx2d.c.arcs.map((p) => p.map((n) => Math.round(n * 1e3)))).toEqual(a);
+  });
+
+  it('the field fills the screen top and thins toward the horizon, inside the elevation band', () => {
+    expect(elevationOf(0)).toBeCloseTo(ELEVATION_TOP, 9);
+    expect(elevationOf(0.78)).toBeCloseTo(0, 9);
+  });
+});
+
+describe('brightness', () => {
+  it('draws every star at BRIGHTEN times its ridge-field alpha, capped at 1', () => {
+    createTerrainStars(glCanvas(), SKY.midnight)?.draw(0);
+    const want = makeStars(nightColours(), 390, 844).map((st) => Math.min(1, st.alpha * BRIGHTEN));
+    ctx2d.c.alphas.forEach((a) => expect(want.some((w) => Math.abs(w - a) < 1e-9)).toBe(true));
+    // and it is brighter than the ridge field's own top alpha
+    const top = Math.max(...makeStars(nightColours(), 390, 844).map((st) => st.alpha));
+    expect(Math.max(...ctx2d.c.alphas)).toBeGreaterThan(top * 1.5);
+  });
+});
+
+describe('motion', () => {
+  it('with no clock every star is at base and a repeat draw repaints; no twinkle', () => {
+    const s = createTerrainStars(glCanvas(), SKY.midnight)!;
+    s.draw(0.3);
+    const alphas = ctx2d.c.alphas.slice();
+    s.draw(0.3);
+    expect(ctx2d.c.alphas).toEqual(alphas);
+  });
+
+  it('with the clock the twinklers swing away from base, and the repaint is throttled', () => {
+    const s = createTerrainStars(glCanvas(), SKY.midnight)!;
+    s.draw(0.3);
+    const still = ctx2d.c.alphas.slice();
+    let moved = false;
+    for (let t = 1; t < 60 && !moved; t += 1.7) {
+      s.draw(0.3, t);
+      moved = ctx2d.c.alphas.some((a, i) => a !== still[i]);
+    }
+    expect(moved).toBe(true);
+    const clears = ctx2d.c.clears;
+    s.draw(0.3, 100);
+    s.draw(0.3, 100 + FRAME_MS / 4000);
+    expect(ctx2d.c.clears).toBe(clears + 1);
+  });
+
+  it('resize refits the canvas and the next draw repaints at once', () => {
+    const c = glCanvas();
+    const s = createTerrainStars(c, SKY.midnight)!;
+    s.draw(0.1, 5);
+    c.clientHeight = 400;
+    s.resize();
+    expect(overlay.height).toBe(Math.ceil(horizonY(400)));
+    const clears = ctx2d.c.clears;
+    s.draw(0.1, 5.001);
+    expect(ctx2d.c.clears).toBe(clears + 1);
+  });
+});
diff --git a/src/app/features/scene/terrain/terrainStars.ts b/src/app/features/scene/terrain/terrainStars.ts
new file mode 100644
index 00000000..a7275062
--- /dev/null
+++ b/src/app/features/scene/terrain/terrainStars.ts
@@ -0,0 +1,173 @@
+// The terrain scene's star layer: the ridge scene's starfield (ridge/stars.ts: placement, alpha, tint, the
+// rolling twinkle schedule) on a 2D overlay canvas above the WebGL canvas, faded by the sun's elevation (starGain).
+//
+// The WebGL canvas is opaque, so the overlay sits on top and is cut to the sky: it is only as tall as the
+// horizon line is low on screen. The camera has no roll and the eye (CAMERA.eye) is above the highest peak
+// (TERRAIN.hmax), so terrain never rises above that line and a star above the horizon is never over terrain.
+//
+// Stars turn with the camera, as sky does: the ridge field's x becomes azimuth, repeated every PERIOD (so 400
+// stars fill a sky that only ever shows 55 deg to ~120 deg of it), and y becomes elevation from the horizon
+// up to ELEVATION_TOP, the top of the screen. Placement is projected with the terrain's own camera (CAMERA,
+// the yaw the terrain draws at), nothing is baked, and the whole overlay is redrawn at most every FRAME_MS: a
+// visible star is a few arcs on a canvas a quarter of the screen tall. The stars stop when the terrain stops:
+// the layer only paints when Terrain.ts draws, and a draw with no clock (reduced motion, still tier, resize)
+// paints every star at base brightness.
+
+import { baked } from '../../../../sky/baked';
+import type { SkyColours, Srgb } from '../ridge/skyColour';
+import { activeAt, makeStars, SKY_STOPS, Star } from '../ridge/stars';
+import { SkyData } from './terrainSky';
+import { CAMERA } from './terrainWorld';
+
+/** Azimuth the star field repeats at (radians); wider than any horizontal field of view the layer is shown at. */
+export const PERIOD = (2 * Math.PI) / 3;
+/** Elevation of the field's top, radians: a little above the top edge of the screen at the camera's pitch. */
+export const ELEVATION_TOP = (16 * Math.PI) / 180;
+/** The overlay repaints at most this often while the terrain turns (12 px/s on a phone: under half a pixel a step). */
+export const FRAME_MS = 33;
+/** The twinkle schedule is re-read this often; the swings are 2 to 7 s. */
+const TWINKLE_MS = 50;
+
+const hex = (h: string): Srgb =>
+  [1, 3, 5].map((i) => parseInt(h.slice(i, i + 2), 16)) as unknown as Srgb;
+
+/**
+ * How much of the starfield shows with the sun at `elevation` degrees: all of it below -12 (where the baked
+ * scattering goes dark: the planet's shadow covers every sunlit air path), none above -6 (civil twilight), a smooth
+ * fade between. Not a dark/day gate: a sun at -9 shows the stars at half.
+ */
+export function starGain(elevation: number): number {
+  const t = Math.min(1, Math.max(0, (elevation + 12) / 6));
+  return 1 - t * t * (3 - 2 * t);
+}
+
+/** The ridge star module's view of the night sky it places stars against: the baked midnight gradient's zenith, middle and horizon stops. */
+export function nightColours(): SkyColours {
+  const g = baked.midnight.gradient;
+  return {
+    top: hex(g[0]),
+    mid: hex(g[Math.floor(g.length / 2)]),
+    horizon: hex(g[g.length - 1]),
+    ground: [0, 0, 0],
+  };
+}
+
+/** Screen height in px below which there is no sky: where the horizon plane meets the image, a straight line. */
+export const horizonY = (height: number): number =>
+  height * (0.5 - Math.tan(CAMERA.pitch) / Math.tan(CAMERA.fov / 2) / 2);
+
+export interface Placed {
+  x: number;
+  y: number;
+}
+
+/**
+ * Where a star at azimuth `da` from the camera's heading and elevation `e` (radians) lands in a `w` x `h` px
+ * viewport, or null if it is behind or off the screen. The same camera as `view()` in terrainWorld.ts
+ * (forward, right and up are its basis written out for a camera with yaw and pitch only).
+ */
+export function project(da: number, e: number, w: number, h: number): Placed | null {
+  const p = CAMERA.pitch;
+  const ce = Math.cos(e);
+  const front = ce * Math.cos(p) * Math.cos(da) - Math.sin(e) * Math.sin(p);
+  if (front <= 0.01) return null;
+  const tanHalf = Math.tan(CAMERA.fov / 2);
+  const nx = (ce * Math.sin(da)) / front / (tanHalf * (w / h));
+  const ny = (ce * Math.sin(p) * Math.cos(da) + Math.sin(e) * Math.cos(p)) / front / tanHalf;
+  if (Math.abs(nx) > 1.05) return null;
+  return { x: ((nx + 1) / 2) * w, y: ((1 - ny) / 2) * h };
+}
+
+/** Elevation in radians for a ridge-field height fraction y (0 zenith side .. SKY_STOPS.horizon at the horizon). */
+export const elevationOf = (y: number): number => ELEVATION_TOP * (1 - y / SKY_STOPS.horizon);
+
+const wrap = (a: number): number => a - PERIOD * Math.round(a / PERIOD);
+
+/** The terrain overlay draws the ridge field's stars brighter and a little larger: a phone's small, hazy sky needs it to read. */
+export const BRIGHTEN = 2.4;
+export const GROW = 1.3;
+
+export interface TerrainStars {
+  /** Paint for the camera `turns` into its turn (0..1). `seconds` is the clock while the terrain moves; absent: every star at base. */
+  draw(turns: number, seconds?: number): void;
+  /** Re-fit the overlay to the canvas's current size; the next draw repaints. */
+  resize(): void;
+  dispose(): void;
+}
+
+/** The layer for `canvas`'s parent, or null: the sun is too high for any star, no parent, no 2D context. */
+export function createTerrainStars(canvas: HTMLCanvasElement, sky: SkyData): TerrainStars | null {
+  const colours = nightColours();
+  const gain = starGain(sky.elevation);
+  const parent = canvas.parentElement;
+  if (!parent || gain <= 0) return null;
+  const el = document.createElement('canvas');
+  const ctx = el.getContext?.('2d');
+  if (!ctx) return null;
+  el.setAttribute?.('aria-hidden', 'true');
+  Object.assign(el.style, { position: 'absolute', left: '0', top: '0', pointerEvents: 'none' });
+  parent.appendChild(el);
+
+  let w = 1;
+  let h = 1;
+  let scale = 1;
+  let field: Star[] = [];
+  let lit: Array<{ star: Star; az: number; e: number }> = [];
+  let gains = new Map<number, number>();
+  let gainsAt = -Infinity;
+  let last = -Infinity;
+
+  const fit = () => {
+    w = canvas.clientWidth || window.innerWidth;
+    h = canvas.clientHeight || window.innerHeight;
+    scale = Math.min(window.devicePixelRatio || 1, 2);
+    const sky = Math.max(1, Math.ceil(horizonY(h)));
+    el.width = Math.max(1, Math.round(w * scale));
+    el.height = Math.max(1, Math.round(sky * scale));
+    el.style.width = `${w}px`;
+    el.style.height = `${sky}px`;
+    field = makeStars(colours, w, h);
+    lit = field.map((star) => ({ star, az: star.x * PERIOD, e: elevationOf(star.y) }));
+    gains = new Map();
+    gainsAt = -Infinity;
+  };
+
+  const paint = (turns: number, seconds: number | undefined) => {
+    ctx.clearRect(0, 0, el.width, el.height);
+    if (seconds !== undefined && seconds * 1000 - gainsAt >= TWINKLE_MS) {
+      gains = new Map(activeAt(field.length, seconds).map((a) => [a.star, a.gain]));
+      gainsAt = seconds * 1000;
+    }
+    const yaw = 2 * Math.PI * turns;
+    lit.forEach(({ star, az, e }, i) => {
+      const da = wrap(az - yaw);
+      const twinkle = seconds === undefined ? 1 : gains.get(i) ?? 1;
+      ctx.globalAlpha = Math.min(1, star.alpha * twinkle * BRIGHTEN) * gain;
+      ctx.fillStyle = star.fill;
+      [da, da > 0 ? da - PERIOD : da + PERIOD].forEach((d) => {
+        const at = project(d, e, w, h);
+        if (!at || at.y < 0 || at.y > el.height / scale) return;
+        ctx.beginPath();
+        ctx.arc(at.x * scale, at.y * scale, star.r * GROW * scale, 0, 2 * Math.PI);
+        ctx.fill();
+      });
+    });
+    ctx.globalAlpha = 1;
+  };
+
+  fit();
+  return {
+    draw(turns, seconds) {
+      if (seconds !== undefined && seconds * 1000 - last < FRAME_MS) return;
+      last = seconds === undefined ? -Infinity : seconds * 1000;
+      paint(turns, seconds);
+    },
+    resize() {
+      fit();
+      last = -Infinity;
+    },
+    dispose() {
+      el.remove();
+    },
+  };
+}
diff --git a/src/app/features/scene/terrain/terrainWorld.test.ts b/src/app/features/scene/terrain/terrainWorld.test.ts
new file mode 100644
index 00000000..70a9d763
--- /dev/null
+++ b/src/app/features/scene/terrain/terrainWorld.test.ts
@@ -0,0 +1,140 @@
+/* eslint-disable no-restricted-syntax -- tests loop over skies, normals and distances */
+import { describe, expect, it } from 'vitest';
+import {
+  buildGrid,
+  CAMERA,
+  GRID,
+  seedOffset,
+  TERRAIN,
+  triangleCount,
+  view,
+  warpUv,
+} from './terrainWorld';
+import { heightFragmentSource } from './terrainShaders';
+
+describe('seed', () => {
+  it('same seed, same offset, so the baked height map is the same; a different seed moves it', () => {
+    expect(seedOffset(7)).toEqual(seedOffset(7));
+    expect(seedOffset(0)).toEqual([0, 0]);
+    expect(seedOffset(1)).not.toEqual(seedOffset(2));
+  });
+
+  it('the height-bake source is a pure function of nothing but the world constants', () => {
+    expect(heightFragmentSource()).toBe(heightFragmentSource());
+    const src = heightFragmentSource();
+    expect(src.startsWith('#version 300 es')).toBe(true);
+    expect(src).toContain('cultmath_phacelle');
+    expect(src).toContain(`/ ${TERRAIN.hmax.toFixed(1)}`);
+    expect(src).toContain('uSeed');
+  });
+});
+
+describe('grid', () => {
+  it('has (n+1)^2 vertices in 0..1 and 2n^2 triangles that index them all in range', () => {
+    const n = 8;
+    const g = buildGrid(n);
+    expect(g.uv.length).toBe((n + 1) * (n + 1) * 2);
+    expect(g.indices.length / 3).toBe(triangleCount(n));
+    expect(Math.max(...g.indices)).toBe((n + 1) * (n + 1) - 1);
+    expect(Math.min(...g.uv)).toBe(0);
+    expect(Math.max(...g.uv)).toBe(1);
+  });
+
+  it('each tier fits a 32-bit index and the cheap tiers stay cheap', () => {
+    // 524k at 512 quads (low), 1.18M at 768 (full): Meta asked for denser terrain on 2026-11-10, up from 205k at 320. No
+    // phone frame time is measured (SwiftShader only); kept as a ceiling so a bigger grid is a deliberate change.
+    expect(triangleCount(GRID.low.grid)).toBeLessThan(540000);
+    expect(triangleCount(GRID.full.grid)).toBeLessThan(1200000);
+    (['still', 'low', 'full'] as const).forEach((t) =>
+      expect((GRID[t].grid + 1) ** 2).toBeLessThan(2 ** 32)
+    );
+    expect(GRID.full.grid).toBeGreaterThan(GRID.low.grid);
+    expect(GRID.still.tex).toBeLessThanOrEqual(GRID.low.tex);
+  });
+});
+
+describe('camera', () => {
+  const project = (m: Float32Array, p: number[]) => {
+    const x = m[0] * p[0] + m[4] * p[1] + m[8] * p[2] + m[12];
+    const y = m[1] * p[0] + m[5] * p[1] + m[9] * p[2] + m[13];
+    const z = m[2] * p[0] + m[6] * p[1] + m[10] * p[2] + m[14];
+    const w = m[3] * p[0] + m[7] * p[1] + m[11] * p[2] + m[15];
+    return { x: x / w, y: y / w, z: z / w, w };
+  };
+
+  it('a point straight ahead lands in the middle of the screen, in front, inside the depth range', () => {
+    for (const turns of [0, 0.25, 0.6]) {
+      const v = view(0.46, turns);
+      const p = v.eye.map((e, i) => e + 800 * v.forward[i]);
+      const s = project(v.viewProj, p);
+      expect(s.w).toBeGreaterThan(0);
+      expect(s.x).toBeCloseTo(0, 5);
+      expect(s.y).toBeCloseTo(0, 5);
+      expect(Math.abs(s.z)).toBeLessThan(1);
+    }
+  });
+
+  it('looks down by the pitch, and one full turn comes back to the same heading', () => {
+    const a = view(1, 0);
+    const b = view(1, 1);
+    expect(a.forward[1]).toBeCloseTo(-Math.sin(CAMERA.pitch), 9);
+    for (let i = 0; i < 3; i += 1) expect(a.forward[i]).toBeCloseTo(b.forward[i], 9);
+  });
+
+  it('sits above the highest possible terrain, so the eye is never inside a hill', () => {
+    expect(CAMERA.eye).toBeGreaterThan(TERRAIN.hmax);
+  });
+
+  it('the basis is orthonormal', () => {
+    const v = view(0.5, 0.37);
+    const dot = (a: number[], b: number[]) => a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
+    expect(dot(v.right, v.up)).toBeCloseTo(0, 9);
+    expect(dot(v.right, v.forward)).toBeCloseTo(0, 9);
+    expect(dot(v.up, v.forward)).toBeCloseTo(0, 9);
+    expect(Math.hypot(...v.up)).toBeCloseTo(1, 9);
+  });
+});
+
+describe('grid resolution', () => {
+  // The mesh must carry what the height map shows: where a quad is wider than a couple of texels the shading (read from the
+  // height map) has gullies the polygons cannot, and the near ground reads as hard-edged facets (the 'terrain · low' phone
+  // shots, 2026-11-09). Metres from the patch centre to the nearest ground the camera can see: the bottom view ray meets
+  // the highest terrain, hmax below the eye, at (eye - hmax) / tan(pitch + fov / 2).
+  const nearest = (CAMERA.eye - TERRAIN.hmax) / Math.tan(CAMERA.pitch + CAMERA.fov / 2);
+  const spacingAt = (grid: number, metres: number) => {
+    for (let i = 0; i < grid; i += 1) {
+      const x = (warpUv((i + 1) / grid) - 0.5) * TERRAIN.span;
+      if (x >= metres) return (warpUv((i + 1) / grid) - warpUv(i / grid)) * TERRAIN.span;
+    }
+    throw new Error('beyond the patch');
+  };
+
+  it.each(['still', 'low', 'full'] as const)(
+    'the %s tier has a quad no wider than two height texels at the nearest ground the camera can see',
+    (tier) => {
+      const { grid, tex } = GRID[tier];
+      expect(spacingAt(grid, nearest)).toBeLessThanOrEqual((2 * TERRAIN.span) / (tex - 1));
+    }
+  );
+
+  it('a dearer tier never has a coarser mesh', () => {
+    expect(GRID.low.grid).toBeGreaterThanOrEqual(GRID.still.grid);
+    expect(GRID.full.grid).toBeGreaterThanOrEqual(GRID.low.grid);
+  });
+});
+
+describe('warpUv', () => {
+  it('maps the patch onto itself, monotonic, centre fixed', () => {
+    expect(warpUv(0)).toBe(0);
+    expect(warpUv(1)).toBe(1);
+    expect(warpUv(0.5)).toBe(0.5);
+    for (let i = 0; i < 100; i += 1) expect(warpUv((i + 1) / 100)).toBeGreaterThan(warpUv(i / 100));
+  });
+
+  it('packs the vertices toward the camera at the centre: finer there, coarser at the rim, than a plain grid', () => {
+    const plain = 1 / 192;
+    const step = (u: number) => warpUv(u + 1 / 192) - warpUv(u);
+    expect(step(0.5)).toBeLessThan(0.6 * plain);
+    expect(step(0.99)).toBeGreaterThan(1.3 * plain);
+  });
+});
diff --git a/src/app/features/scene/terrain/terrainWorld.ts b/src/app/features/scene/terrain/terrainWorld.ts
new file mode 100644
index 00000000..82a16bfb
--- /dev/null
+++ b/src/app/features/scene/terrain/terrainWorld.ts
@@ -0,0 +1,140 @@
+// The terrain scene's fixed numbers, grid and camera, as pure functions. No DOM, no GL.
+// The height field itself is a function of world position written in GLSL (terrainShaders.ts), baked once
+// into a texture; the CPU owns only where it is looked at from, and the seed offset it is sampled at.
+
+/** Metres across the patch, and the height in metres that normalised height 1.0 stands for. */
+export const TERRAIN = { span: 3000, hmax: 256 };
+
+/**
+ * Grid quads per side and height-map texels per side, by tier. 'still' draws one frame, so it takes the cheap pair. The
+ * mesh is dense enough that a quad is at most two texels wide at the nearest ground (terrainWorld.test.ts); a coarser mesh
+ * under shading read from the height map shows as hard-edged facets and stepped crests.
+ */
+export const GRID = {
+  still: { grid: 320, tex: 1024 },
+  low: { grid: 512, tex: 1024 },
+  full: { grid: 768, tex: 2048 },
+} as const;
+
+/** The camera: at the patch centre, above the highest peak, turning slowly and looking a little down. */
+export const CAMERA = {
+  eye: 330,
+  pitch: (13 * Math.PI) / 180,
+  fov: (55 * Math.PI) / 180,
+  near: 10,
+  far: 6000,
+  /** Seconds for one full turn. */
+  seconds: 420,
+};
+
+/** The height map's sample offset in metres for a seed: same seed, same terrain. Seed 0 is the origin. */
+export function seedOffset(seed: number): [number, number] {
+  const s = Math.trunc(seed);
+  return [(s * 7919) % 65536, (s * 104729) % 65536];
+}
+
+/**
+ * Where grid coordinate `u` (0..1 across the patch) lands in the patch, 0..1. The camera stands at the centre, so the
+ * grid is packed toward it: with s = 2u - 1 the spacing grows as 0.5 + |s| of the plain grid's, about half of it at the
+ * centre and half again as much at the rim. The vertex shader does the same arithmetic (terrainShaders.ts GRID_VERT).
+ */
+export const warpUv = (u: number): number => {
+  const s = 2 * u - 1;
+  return 0.5 + 0.5 * (0.5 * s + 0.5 * s * Math.abs(s));
+};
+
+export const triangleCount = (grid: number): number => 2 * grid * grid;
+
+/** Vertex grid in unit uv: (grid + 1)^2 positions, then the two-triangle-per-quad index list. */
+export function buildGrid(grid: number): { uv: Float32Array; indices: Uint32Array } {
+  const uv = new Float32Array((grid + 1) * (grid + 1) * 2);
+  for (let j = 0, k = 0; j <= grid; j += 1)
+    for (let i = 0; i <= grid; i += 1, k += 2) {
+      uv[k] = i / grid;
+      uv[k + 1] = j / grid;
+    }
+  const indices = new Uint32Array(grid * grid * 6);
+  for (let j = 0, k = 0; j < grid; j += 1)
+    for (let i = 0; i < grid; i += 1, k += 6) {
+      const a = j * (grid + 1) + i;
+      indices.set([a, a + grid + 1, a + 1, a + 1, a + grid + 1, a + grid + 2], k);
+    }
+  return { uv, indices };
+}
+
+export interface View {
+  /** Column-major perspective * view. */
+  viewProj: Float32Array;
+  eye: [number, number, number];
+  /** Camera basis in world space, for the sky pass. */
+  right: [number, number, number];
+  up: [number, number, number];
+  forward: [number, number, number];
+}
+
+const norm = (a: number[]): [number, number, number] => {
+  const l = Math.hypot(a[0], a[1], a[2]) || 1;
+  return [a[0] / l, a[1] / l, a[2] / l];
+};
+const cross = (a: number[], b: number[]): [number, number, number] => [
+  a[1] * b[2] - a[2] * b[1],
+  a[2] * b[0] - a[0] * b[2],
+  a[0] * b[1] - a[1] * b[0],
+];
+
+/** The camera `turns` full turns round (0..1 wraps), for a viewport aspect (width / height). */
+export function view(aspect: number, turns: number): View {
+  const yaw = 2 * Math.PI * turns;
+  const cp = Math.cos(CAMERA.pitch);
+  const forward = norm([Math.sin(yaw) * cp, -Math.sin(CAMERA.pitch), -Math.cos(yaw) * cp]);
+  const right = norm(cross(forward, [0, 1, 0]));
+  const up = cross(right, forward);
+  const eye: [number, number, number] = [0, CAMERA.eye, 0];
+  const t = (a: number[]) => -(a[0] * eye[0] + a[1] * eye[1] + a[2] * eye[2]);
+  const v = [
+    right[0],
+    up[0],
+    -forward[0],
+    0,
+    right[1],
+    up[1],
+    -forward[1],
+    0,
+    right[2],
+    up[2],
+    -forward[2],
+    0,
+    t(right),
+    t(up),
+    -t(forward),
+    1,
+  ];
+  const f = 1 / Math.tan(CAMERA.fov / 2);
+  const { near: n, far } = CAMERA;
+  const p = [
+    f / aspect,
+    0,
+    0,
+    0,
+    0,
+    f,
+    0,
+    0,
+    0,
+    0,
+    (far + n) / (n - far),
+    -1,
+    0,
+    0,
+    (2 * far * n) / (n - far),
+    0,
+  ];
+  const viewProj = new Float32Array(16);
+  for (let c = 0; c < 4; c += 1)
+    for (let r = 0; r < 4; r += 1) {
+      let s = 0;
+      for (let k = 0; k < 4; k += 1) s += p[k * 4 + r] * v[c * 4 + k];
+      viewProj[c * 4 + r] = s;
+    }
+  return { viewProj, eye, right, up, forward };
+}
diff --git a/src/app/features/scene/terrain/tierLabel.test.ts b/src/app/features/scene/terrain/tierLabel.test.ts
new file mode 100644
index 00000000..e3f18871
--- /dev/null
+++ b/src/app/features/scene/terrain/tierLabel.test.ts
@@ -0,0 +1,55 @@
+/* eslint-disable @typescript-eslint/no-explicit-any -- DOM stubs, as the other scene tests */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { showTierLabel } from './tierLabel';
+
+let search: string;
+let appended: any[];
+const canvas = (parent: boolean) =>
+  ({
+    parentElement: parent
+      ? {
+          appendChild: (e: any) => appended.push(e),
+        }
+      : null,
+  } as any);
+
+beforeEach(() => {
+  search = '';
+  appended = [];
+  vi.stubGlobal('window', {
+    get location() {
+      return { search };
+    },
+  });
+  vi.stubGlobal('document', {
+    createElement: () => ({ style: {}, remove: vi.fn(), textContent: '' }),
+  });
+});
+afterEach(() => vi.unstubAllGlobals());
+
+describe('showTierLabel', () => {
+  it('adds nothing in a normal build', () => {
+    expect(showTierLabel(canvas(true), 'full', true)).toBeNull();
+    expect(appended).toHaveLength(0);
+  });
+
+  it('names the path on screen when asked with ?tierlabel=1, and removes itself', () => {
+    search = '?tierlabel=1';
+    const remove = showTierLabel(canvas(true), 'sky-only', true);
+    expect(appended).toHaveLength(1);
+    expect(appended[0].textContent).toBe('terrain · sky-only');
+    remove!();
+    expect(appended[0].remove).toHaveBeenCalled();
+  });
+
+  it('ignores ?tierlabel=1 where the overlays are not allowed (a production page)', () => {
+    search = '?tierlabel=1';
+    expect(showTierLabel(canvas(true), 'full', false)).toBeNull();
+    expect(appended).toHaveLength(0);
+  });
+
+  it('has nowhere to go without a parent', () => {
+    search = '?tierlabel=1';
+    expect(showTierLabel(canvas(false), 'full', true)).toBeNull();
+  });
+});
diff --git a/src/app/features/scene/terrain/tierLabel.ts b/src/app/features/scene/terrain/tierLabel.ts
new file mode 100644
index 00000000..4afc8a69
--- /dev/null
+++ b/src/app/features/scene/terrain/tierLabel.ts
@@ -0,0 +1,32 @@
+import { overlayRequested } from '../debugOverlays';
+
+// A tiny label naming which terrain path is on screen ('full', 'low', 'still', or 'sky-only' where WebGL2 is missing),
+// so a screenshot of a preview says what it shows. Built into preview builds (VITE_PREVIEW_DEMO=1), or by `?tierlabel=1`
+// where the diagnostic overlays are allowed (debugOverlays.ts).
+const wanted = (allowed: boolean): boolean =>
+  import.meta.env?.VITE_PREVIEW_DEMO === '1' || overlayRequested('tierlabel', allowed);
+
+/** Adds the label to the canvas's parent; returns its remover, or null when no label is wanted. */
+export function showTierLabel(
+  canvas: HTMLCanvasElement,
+  text: string,
+  allowed: boolean
+): (() => void) | null {
+  const parent = canvas.parentElement;
+  if (!parent || !wanted(allowed)) return null;
+  const el = document.createElement('div');
+  el.textContent = `terrain · ${text}`;
+  Object.assign(el.style, {
+    position: 'absolute',
+    left: '2px',
+    top: '16px',
+    font: '10px monospace',
+    color: 'rgba(255,255,255,.75)',
+    background: 'rgba(0,0,0,.4)',
+    padding: '1px 5px',
+    borderRadius: '3px',
+    pointerEvents: 'none',
+  });
+  parent.appendChild(el);
+  return () => el.remove();
+}
diff --git a/src/app/features/scene/tier.ts b/src/app/features/scene/tier.ts
index e2c82325..ba338f37 100644
--- a/src/app/features/scene/tier.ts
+++ b/src/app/features/scene/tier.ts
@@ -15,12 +15,17 @@ export interface Capabilities {
   hardwareConcurrency?: number;
 }
 
-/** 'ridge': baked parallax ridges, no WebGL (default). 'raymarch': the sphere-traced world with its tree and clouds. */
-export type SceneStyle = 'ridge' | 'raymarch';
+/**
+ * 'ridge': baked parallax ridges, no WebGL (default). 'raymarch': the sphere-traced world with its tree and
+ * clouds. 'terrain': a baked height map on a displaced grid, lit and hazed by the baked sky (WebGL2).
+ */
+export type SceneStyle = 'ridge' | 'raymarch' | 'terrain';
 
 export interface BackgroundSceneConfig {
   tier?: SceneTier;
   style?: SceneStyle;
+  /** Let the page URL switch on the diagnostic overlays (`?probe=1`, `?tierlabel=1`) in a production build. Default: no. */
+  debugOverlays?: boolean;
 }
 
 export function readCapabilities(nav: Navigator): Capabilities {
diff --git a/src/app/features/settings/about/About.tsx b/src/app/features/settings/about/About.tsx
index 6b304965..9ec74305 100644
--- a/src/app/features/settings/about/About.tsx
+++ b/src/app/features/settings/about/About.tsx
@@ -4,6 +4,7 @@ import { Page, PageContent, PageHeader } from '../../../components/page';
 import { SequenceCard } from '../../../components/sequence-card';
 import { SequenceCardStyle } from '../styles.css';
 import { SettingTile } from '../../../components/setting-tile';
+import { LogoMark } from '../../../components/logo/logoMark.css';
 import RatatoskrSVG from '../../../../../public/res/svg/ratatoskr.svg';
 import { clearCacheAndReload } from '../../../../client/initMatrix';
 import { useMatrixClient } from '../../../hooks/useMatrixClient';
@@ -37,6 +38,7 @@ export function About({ requestClose }: AboutProps) {
               <Box gap="400">
                 <Box shrink="No">
                   <img
+                    className={LogoMark}
                     style={{ width: toRem(60), height: toRem(60) }}
                     src={RatatoskrSVG}
                     alt="Ratatoskr logo"
diff --git a/src/app/hooks/useClientConfig.test.ts b/src/app/hooks/useClientConfig.test.ts
new file mode 100644
index 00000000..440ba15c
--- /dev/null
+++ b/src/app/hooks/useClientConfig.test.ts
@@ -0,0 +1,20 @@
+import { describe, expect, it } from 'vitest';
+import { ClientConfig, clientDefaultServer } from './useClientConfig';
+import config from '../../../config.json';
+
+describe('default homeserver', () => {
+  it('is gamecult.org when the config names none', () => {
+    expect(clientDefaultServer({})).toBe('gamecult.org');
+    expect(clientDefaultServer({ homeserverList: [] })).toBe('gamecult.org');
+  });
+
+  it('is the listed server the config points at', () => {
+    expect(
+      clientDefaultServer({ homeserverList: ['chat.gamecult.org'], defaultHomeserver: 0 })
+    ).toBe('chat.gamecult.org');
+  });
+
+  it('is gamecult.org in the repo config.json too', () => {
+    expect(clientDefaultServer(config as ClientConfig)).toBe('gamecult.org');
+  });
+});
diff --git a/src/app/hooks/useClientConfig.ts b/src/app/hooks/useClientConfig.ts
index 6c793e65..feb38e0a 100644
--- a/src/app/hooks/useClientConfig.ts
+++ b/src/app/hooks/useClientConfig.ts
@@ -1,4 +1,5 @@
 import { createContext, useContext } from 'react';
+import type { DingsConfig } from '../features/dings/dings';
 import type { BackgroundSceneConfig } from '../features/scene/tier';
 
 export type HashRouterConfig = {
@@ -6,6 +7,11 @@ export type HashRouterConfig = {
   basename?: string;
 };
 
+export type RegistrationConfig = {
+  enabled?: boolean;
+  url?: string;
+};
+
 export type ClientConfig = {
   defaultHomeserver?: number;
   homeserverList?: string[];
@@ -22,6 +28,16 @@ export type ClientConfig = {
 
   backgroundScene?: BackgroundSceneConfig;
 
+  // Per-Mind notification earcons (src/app/features/dings). Off unless `enabled: true`.
+  dings?: DingsConfig;
+
+  // Rooms (ids or aliases) shown as the album view; a room whose create type is org.gamecult.file_zone needs no entry.
+  fileZoneRooms?: string[];
+
+  // The sign-up entry on the sign-in page. Off unless `enabled` is true; `url` is the account
+  // service's own registration page (a value, never a route this client invents).
+  registration?: RegistrationConfig;
+
   // Dev preview only: the build answers a pretend homeserver in-page (src/preview-demo).
   previewDemo?: boolean;
 };
@@ -37,7 +53,7 @@ export function useClientConfig(): ClientConfig {
 }
 
 export const clientDefaultServer = (clientConfig: ClientConfig): string =>
-  clientConfig.homeserverList?.[clientConfig.defaultHomeserver ?? 0] ?? 'matrix.org';
+  clientConfig.homeserverList?.[clientConfig.defaultHomeserver ?? 0] ?? 'gamecult.org';
 
 export const clientAllowedServer = (clientConfig: ClientConfig, server: string): boolean => {
   const { homeserverList, allowCustomHomeservers } = clientConfig;
diff --git a/src/app/hooks/useMemberPowerTag.ts b/src/app/hooks/useMemberPowerTag.ts
index 31e52aa0..68051749 100644
--- a/src/app/hooks/useMemberPowerTag.ts
+++ b/src/app/hooks/useMemberPowerTag.ts
@@ -6,6 +6,7 @@ import { MemberPowerTag, MemberPowerTagIcon } from '../../types/matrix/room';
 import { useRoomCreatorsTag } from './useRoomCreatorsTag';
 import { ThemeKind } from './useTheme';
 import { accessibleColor } from '../plugins/color';
+import { inkForState, type SkyInk } from '../features/scene/skyInk';
 
 export type GetMemberPowerTag = (userId: string) => MemberPowerTag;
 
@@ -44,23 +45,29 @@ export const getPowerTagIconSrc = (
 export const useAccessiblePowerTagColors = (
   themeKind: ThemeKind,
   creatorsTag: MemberPowerTag,
-  powerLevelTags: PowerLevelTags
+  powerLevelTags: PowerLevelTags,
+  skyInk?: SkyInk
 ): Map<string, string> => {
   const accessibleColors: Map<string, string> = useMemo(() => {
     const colors: Map<string, string> = new Map();
+    // Over the scene a name wears the sky state's ink (skyInk.ts) in place of the theme's accessible colour's own step.
+    const ink = (color: string) => {
+      const accessible = accessibleColor(themeKind, color);
+      return skyInk ? inkForState(accessible, skyInk) : accessible;
+    };
     if (creatorsTag.color) {
-      colors.set(creatorsTag.color, accessibleColor(themeKind, creatorsTag.color));
+      colors.set(creatorsTag.color, ink(creatorsTag.color));
     }
 
     Object.values(powerLevelTags).forEach((tag) => {
       const { color } = tag;
       if (!color) return;
 
-      colors.set(color, accessibleColor(themeKind, color));
+      colors.set(color, ink(color));
     });
 
     return colors;
-  }, [powerLevelTags, creatorsTag, themeKind]);
+  }, [powerLevelTags, creatorsTag, themeKind, skyInk]);
 
   return accessibleColors;
 };
diff --git a/src/app/hooks/useSkyState.ts b/src/app/hooks/useSkyState.ts
new file mode 100644
index 00000000..c32979ae
--- /dev/null
+++ b/src/app/hooks/useSkyState.ts
@@ -0,0 +1,21 @@
+import { useSyncExternalStore } from 'react';
+import {
+  getResolvedSkyState,
+  getSkyState,
+  subscribe,
+  type SkyState,
+} from '../features/scene/skyState';
+import type { FixedSkyState } from '../features/scene/skyBand';
+import { readCapabilities, resolveTier } from '../features/scene/tier';
+import { useClientConfig } from './useClientConfig';
+
+/** The choice, as the control shows it ('auto' stays 'auto'). The sky being drawn is `useResolvedSkyState`. */
+export const useSkyState = (): SkyState => useSyncExternalStore(subscribe, getSkyState);
+
+/** The sky being drawn: day, dusk or night. Unlike the choice it changes as the clock crosses, so it re-renders. */
+export const useResolvedSkyState = (): FixedSkyState =>
+  useSyncExternalStore(subscribe, getResolvedSkyState);
+
+/** Whether a background scene runs on this device and config (the tier the scene host will mount). */
+export const useSceneOn = (): boolean =>
+  resolveTier(useClientConfig().backgroundScene, readCapabilities(navigator)) !== 'off';
diff --git a/src/app/hooks/useTheme.ts b/src/app/hooks/useTheme.ts
index d3663283..1ef0278d 100644
--- a/src/app/hooks/useTheme.ts
+++ b/src/app/hooks/useTheme.ts
@@ -10,8 +10,12 @@ import {
 } from '../../colors.css';
 import '../../gamecult.css';
 import '../../sky.css';
-import { settingsAtom } from '../state/settings';
+import { defaultThemeId, settingsAtom } from '../state/settings';
 import { useSetting } from '../state/hooks/settings';
+import { sceneThemeId } from '../features/scene/skyTheme';
+import { sceneInk, type SkyInk } from '../features/scene/skyInk';
+import { useResolvedSkyState, useSceneOn, useSkyState } from './useSkyState';
+import { ScreenSize, useScreenSizeContext } from './useScreenSize';
 
 export enum ThemeKind {
   Light = 'light',
@@ -100,6 +104,42 @@ export const useSystemThemeKind = (): ThemeKind => {
   return themeKind;
 };
 
+const toTheme = (id: ReturnType<typeof sceneThemeId>): Theme | undefined =>
+  id === NoondaySkyTheme.id ? NoondaySkyTheme : id && MidnightSkyTheme;
+
+/** A theme the person chose: the system scheme, or one other than the default. A saved Midnight Sky is the default. */
+const chosenTheme = (useSystemTheme: boolean, themeId?: string) =>
+  useSystemTheme || (themeId !== undefined && themeId !== defaultThemeId);
+
+/** The theme the sky asks for on a page with no theme of its own (signed out), or undefined for none. */
+export const useSkyTheme = (): Theme | undefined =>
+  toTheme(sceneThemeId(useSkyState(), useResolvedSkyState(), useSceneOn(), false));
+
+/** The sky theme the signed-in page wears, or undefined when the person's own theme wins. */
+const useSceneSkyThemeId = (): ReturnType<typeof sceneThemeId> => {
+  const sky = useSkyState();
+  const resolved = useResolvedSkyState();
+  const sceneOn = useSceneOn();
+  const [systemTheme] = useSetting(settingsAtom, 'useSystemTheme');
+  const [themeId] = useSetting(settingsAtom, 'themeId');
+  // A person's own theme wins over 'auto'; a fixed sky state is itself a choice and wins over the theme.
+  return sceneThemeId(sky, resolved, sceneOn, chosenTheme(systemTheme, themeId));
+};
+
+/** The ink the page wears over the scene (`sceneInk`, skyInk.ts), or undefined when the theme's own ink stands. */
+export const useSceneInk = (): SkyInk | undefined => {
+  const themeId = useSceneSkyThemeId();
+  const state = useResolvedSkyState();
+  const sceneOn = useSceneOn();
+  const phone = useScreenSizeContext() === ScreenSize.Mobile;
+  return useMemo(() => sceneInk(themeId, sceneOn, state, phone), [themeId, sceneOn, state, phone]);
+};
+
+const SkyInkContext = createContext<SkyInk | undefined>(undefined);
+export const SkyInkContextProvider = SkyInkContext.Provider;
+/** The ink for this sky state and viewport (provided once by the theme manager), or undefined for the theme's own. */
+export const useSkyInk = (): SkyInk | undefined => useContext(SkyInkContext);
+
 export const useActiveTheme = (): Theme => {
   const systemThemeKind = useSystemThemeKind();
   const themes = useThemes();
@@ -107,6 +147,9 @@ export const useActiveTheme = (): Theme => {
   const [themeId] = useSetting(settingsAtom, 'themeId');
   const [lightThemeId] = useSetting(settingsAtom, 'lightThemeId');
   const [darkThemeId] = useSetting(settingsAtom, 'darkThemeId');
+  const skyTheme = toTheme(useSceneSkyThemeId());
+
+  if (skyTheme) return skyTheme;
 
   if (!systemTheme) {
     const selectedTheme = themes.find((theme) => theme.id === themeId) ?? MidnightSkyTheme;
diff --git a/src/app/pages/Router.tsx b/src/app/pages/Router.tsx
index 159162dd..cee6ccc7 100644
--- a/src/app/pages/Router.tsx
+++ b/src/app/pages/Router.tsx
@@ -9,15 +9,13 @@ import {
 } from 'react-router-dom';
 
 import { ClientConfig } from '../hooks/useClientConfig';
-import { AuthLayout, Login, Register, ResetPassword } from './auth';
+import { authRoutes } from './auth/authRoutes';
 import {
   DIRECT_PATH,
+  DESK_PATH,
   EXPLORE_PATH,
   HOME_PATH,
-  LOGIN_PATH,
   INBOX_PATH,
-  REGISTER_PATH,
-  RESET_PASSWORD_PATH,
   SPACE_PATH,
   _CREATE_PATH,
   _FEATURED_PATH,
@@ -48,6 +46,7 @@ import { Notifications, Inbox, Invites } from './client/inbox';
 import { setAfterLoginRedirectPath } from './afterLoginRedirectPath';
 import { Room } from '../features/room';
 import { Lobby } from '../features/lobby';
+import { Desk } from '../features/desk';
 import { WelcomePage } from './client/WelcomePage';
 import { EstatePageNav } from './client/EstatePageNav';
 import { PageRoot } from '../components/page';
@@ -55,7 +54,7 @@ import { ScreenSize } from '../hooks/useScreenSize';
 import { MobileFriendlyPageNav } from './MobileFriendly';
 import { ClientInitStorageAtom } from './client/ClientInitStorageAtom';
 import { ClientNonUIFeatures } from './client/ClientNonUIFeatures';
-import { AuthRouteThemeManager, UnAuthRouteThemeManager } from './ThemeManager';
+import { AuthRouteThemeManager } from './ThemeManager';
 import { ReceiveSelfDeviceVerification } from '../components/DeviceVerification';
 import { AutoRestoreBackupOnVerification } from '../components/BackupRestore';
 import { RoomSettingsRenderer } from '../features/room-settings';
@@ -86,25 +85,7 @@ export const createRouter = (clientConfig: ClientConfig, screenSize: ScreenSize)
           return redirect(getLoginPath());
         }}
       />
-      <Route
-        loader={() => {
-          if (getFallbackSession()) {
-            return redirect(getHomePath());
-          }
-
-          return null;
-        }}
-        element={
-          <>
-            <AuthLayout />
-            <UnAuthRouteThemeManager />
-          </>
-        }
-      >
-        <Route path={LOGIN_PATH} element={<Login />} />
-        <Route path={REGISTER_PATH} element={<Register />} />
-        <Route path={RESET_PASSWORD_PATH} element={<ResetPassword />} />
-      </Route>
+      {authRoutes()}
 
       <Route
         loader={() => {
@@ -246,6 +227,15 @@ export const createRouter = (clientConfig: ClientConfig, screenSize: ScreenSize)
           <Route path={_FEATURED_PATH} element={<FeaturedRooms />} />
           <Route path={_SERVER_PATH} element={<PublicRooms />} />
         </Route>
+        <Route
+          path={DESK_PATH}
+          element={
+            // The navigator shows beside the desk on wide screens; a phone shows the desk alone.
+            <PageRoot nav={<EstatePageNav path={HOME_PATH} />}>
+              <Desk />
+            </PageRoot>
+          }
+        />
         <Route path={CREATE_PATH} element={<Create />} />
         <Route
           path={INBOX_PATH}
diff --git a/src/app/pages/ThemeManager.tsx b/src/app/pages/ThemeManager.tsx
index e730b00d..092ace6c 100644
--- a/src/app/pages/ThemeManager.tsx
+++ b/src/app/pages/ThemeManager.tsx
@@ -2,19 +2,27 @@ import React, { ReactNode, useEffect } from 'react';
 import { configClass, varsClass } from 'folds';
 import {
   MidnightSkyTheme,
+  SkyInkContextProvider,
   ThemeContextProvider,
   useActiveTheme,
+  useSceneInk,
+  useSkyTheme,
 } from '../hooks/useTheme';
 import { useSetting } from '../state/hooks/settings';
 import { settingsAtom } from '../state/settings';
+import { labelInk } from '../features/scene/skyInk';
+import { SKY_LABEL_INK } from '../features/scene/skyLabelInk';
 
 export function UnAuthRouteThemeManager() {
+  // Signed-out pages are Midnight Sky unless the sky state picks otherwise; they ignore the
+  // system scheme.
+  const theme = useSkyTheme() ?? MidnightSkyTheme;
+
   useEffect(() => {
     document.body.className = '';
     document.body.classList.add(configClass, varsClass);
-    // Signed-out pages are always Midnight Sky and ignore the system scheme.
-    document.body.classList.add(...MidnightSkyTheme.classNames);
-  }, []);
+    document.body.classList.add(...theme.classNames);
+  }, [theme]);
 
   return null;
 }
@@ -22,6 +30,18 @@ export function UnAuthRouteThemeManager() {
 export function AuthRouteThemeManager({ children }: { children: ReactNode }) {
   const activeTheme = useActiveTheme();
   const [monochromeMode] = useSetting(settingsAtom, 'monochromeMode');
+  const skyInk = useSceneInk();
+  const labels = skyInk && labelInk(skyInk);
+
+  // The sky's label ink where it differs from the theme's (skyInk.ts); unset, the theme's ink stands.
+  useEffect(() => {
+    const root = document.documentElement;
+    if (labels) root.style.setProperty(SKY_LABEL_INK, labels);
+    else root.style.removeProperty(SKY_LABEL_INK);
+    return () => {
+      root.style.removeProperty(SKY_LABEL_INK);
+    };
+  }, [labels]);
 
   useEffect(() => {
     document.body.className = '';
@@ -36,5 +56,9 @@ export function AuthRouteThemeManager({ children }: { children: ReactNode }) {
     }
   }, [activeTheme, monochromeMode]);
 
-  return <ThemeContextProvider value={activeTheme}>{children}</ThemeContextProvider>;
+  return (
+    <ThemeContextProvider value={activeTheme}>
+      <SkyInkContextProvider value={skyInk}>{children}</SkyInkContextProvider>
+    </ThemeContextProvider>
+  );
 }
diff --git a/src/app/pages/auth/AuthLayout.tsx b/src/app/pages/auth/AuthLayout.tsx
index c53e5a65..a2d652a3 100644
--- a/src/app/pages/auth/AuthLayout.tsx
+++ b/src/app/pages/auth/AuthLayout.tsx
@@ -21,6 +21,8 @@ import {
 import { AsyncStatus, useAsyncCallback } from '../../hooks/useAsyncCallback';
 import { LOGIN_PATH, REGISTER_PATH, RESET_PASSWORD_PATH } from '../paths';
 import RatatoskrSVG from '../../../../public/res/svg/ratatoskr.svg';
+import { LogoMark } from '../../components/logo/logoMark.css';
+import { SkyStateControl } from '../../features/scene/SkyStateControl';
 import { ServerPicker } from './ServerPicker';
 import { AutoDiscoveryAction, autoDiscovery } from '../../cs-api';
 import { SpecVersionsLoader } from '../../components/SpecVersionsLoader';
@@ -30,6 +32,7 @@ import { AuthFlowsLoader } from '../../components/AuthFlowsLoader';
 import { AuthFlowsProvider } from '../../hooks/useAuthFlows';
 import { AuthServerProvider } from '../../hooks/useAuthServer';
 import { tryDecodeURIComponent } from '../../utils/dom';
+import { serverTroubleMessage } from './authMessages';
 
 const currentAuthPath = (pathname: string): string => {
   if (matchPath(LOGIN_PATH, pathname)) {
@@ -134,9 +137,14 @@ export function AuthLayout() {
         <Box direction="Column" className={css.AuthCard}>
           <Header className={css.AuthHeader} size="600" variant="Surface">
             <Box grow="Yes" direction="Row" gap="300" alignItems="Center">
-              <img className={css.AuthLogo} src={RatatoskrSVG} alt="Ratatoskr logo" />
+              <img
+                className={`${css.AuthLogo} ${LogoMark}`}
+                src={RatatoskrSVG}
+                alt="Ratatoskr logo"
+              />
               <Text size="H3">Ratatoskr</Text>
             </Box>
+            <SkyStateControl />
           </Header>
           <Box className={css.AuthCardContent} direction="Column">
             <Box direction="Column" gap="100">
@@ -151,18 +159,18 @@ export function AuthLayout() {
               />
             </Box>
             {discoveryState.status === AsyncStatus.Loading && (
-              <AuthLayoutLoading message="Looking for homeserver..." />
+              <AuthLayoutLoading message={`Looking for ${server}...`} />
             )}
             {discoveryState.status === AsyncStatus.Error && (
-              <AuthLayoutError message="Failed to find homeserver." />
+              <AuthLayoutError message={serverTroubleMessage('not-found', server)} />
             )}
             {autoDiscoveryError?.action === AutoDiscoveryAction.FAIL_PROMPT && (
               <AuthLayoutError
-                message={`Failed to connect. Homeserver configuration found with ${autoDiscoveryError.host} appears unusable.`}
+                message={serverTroubleMessage('unusable-setup', server, autoDiscoveryError.host)}
               />
             )}
             {autoDiscoveryError?.action === AutoDiscoveryAction.FAIL_ERROR && (
-              <AuthLayoutError message="Failed to connect. Homeserver configuration base_url appears invalid." />
+              <AuthLayoutError message={serverTroubleMessage('bad-address', server)} />
             )}
             {discoveryState.status === AsyncStatus.Success && autoDiscoveryInfo && (
               <AuthServerProvider value={discoveryState.data.serverName}>
@@ -175,7 +183,7 @@ export function AuthLayout() {
                       />
                     )}
                     error={() => (
-                      <AuthLayoutError message="Failed to connect. Either homeserver is unavailable at this moment or does not exist." />
+                      <AuthLayoutError message={serverTroubleMessage('unreachable', server)} />
                     )}
                   >
                     {(specVersions) => (
@@ -185,7 +193,9 @@ export function AuthLayout() {
                             <AuthLayoutLoading message="Loading authentication flow..." />
                           )}
                           error={() => (
-                            <AuthLayoutError message="Failed to get authentication flow information." />
+                            <AuthLayoutError
+                              message={serverTroubleMessage('no-sign-in-info', server)}
+                            />
                           )}
                         >
                           {(authFlows) => (
diff --git a/src/app/pages/auth/RegisterEntry.tsx b/src/app/pages/auth/RegisterEntry.tsx
new file mode 100644
index 00000000..e594c83c
--- /dev/null
+++ b/src/app/pages/auth/RegisterEntry.tsx
@@ -0,0 +1,22 @@
+import { Box, Text, color } from 'folds';
+import React from 'react';
+import { useClientConfig } from '../../hooks/useClientConfig';
+import { registrationEntry } from './registrationEntry';
+
+// Beside Sign in. Nothing renders unless the config switch is on; the consent sentence and its
+// version come from trainingNotice.ts, the same ones a room shows.
+export function RegisterEntry() {
+  const config = useClientConfig();
+  const entry = registrationEntry(config);
+  if (!entry) return null;
+  return (
+    <Box direction="Column" gap="100" alignItems="Center">
+      <Text align="Center">
+        Do not have an account? <a href={entry.url}>Register</a>
+      </Text>
+      <Text size="T200" align="Center" style={{ color: color.SurfaceVariant.OnContainer }}>
+        {entry.notice}
+      </Text>
+    </Box>
+  );
+}
diff --git a/src/app/pages/auth/SignedUp.tsx b/src/app/pages/auth/SignedUp.tsx
new file mode 100644
index 00000000..303e0d72
--- /dev/null
+++ b/src/app/pages/auth/SignedUp.tsx
@@ -0,0 +1,54 @@
+import { Box, Header, Scroll, Text } from 'folds';
+import classNames from 'classnames';
+import React from 'react';
+import { Link, Navigate } from 'react-router-dom';
+import { useClientConfig } from '../../hooks/useClientConfig';
+import { getLoginPath } from '../pathUtils';
+import { registrationEntry } from './registrationEntry';
+import { AuthFooter } from './AuthFooter';
+import * as css from './styles.css';
+import * as PatternsCss from '../../styles/Patterns.css';
+import RatatoskrSVG from '../../../../public/res/svg/ratatoskr.svg';
+import { LogoMark } from '../../components/logo/logoMark.css';
+
+// Where the account service sends a newcomer back. It promises nothing about mail or timing:
+// the sign-up page said what happens next, and this page points back to it. It has its own card
+// because AuthLayout looks up a homeserver first and sends paths it does not know to sign in.
+export function SignedUp() {
+  const config = useClientConfig();
+  if (!registrationEntry(config)) return <Navigate to={getLoginPath()} replace />;
+  return (
+    <Scroll variant="Background" visibility="Hover" size="300" hideTrack>
+      <Box
+        className={classNames(css.AuthLayout, PatternsCss.BackgroundDotPattern)}
+        direction="Column"
+        alignItems="Center"
+        justifyContent="SpaceBetween"
+        gap="400"
+      >
+        <Box direction="Column" className={css.AuthCard}>
+          <Header className={css.AuthHeader} size="600" variant="Surface">
+            <Box grow="Yes" direction="Row" gap="300" alignItems="Center">
+              <img
+                className={`${css.AuthLogo} ${LogoMark}`}
+                src={RatatoskrSVG}
+                alt="Ratatoskr logo"
+              />
+              <Text size="H3">Ratatoskr</Text>
+            </Box>
+          </Header>
+          <Box className={css.AuthCardContent} direction="Column" gap="500">
+            <Text size="H2" priority="400">
+              You signed up
+            </Text>
+            <Text>Follow the steps from the sign-up page to finish. Then sign in here.</Text>
+            <Text>
+              <Link to={getLoginPath()}>Sign in</Link>
+            </Text>
+          </Box>
+        </Box>
+        <AuthFooter />
+      </Box>
+    </Scroll>
+  );
+}
diff --git a/src/app/pages/auth/TrainingNotice.tsx b/src/app/pages/auth/TrainingNotice.tsx
index 73b1caa0..6aeaf9d4 100644
--- a/src/app/pages/auth/TrainingNotice.tsx
+++ b/src/app/pages/auth/TrainingNotice.tsx
@@ -1,6 +1,7 @@
 import { Box, Checkbox, Text, color, config } from 'folds';
 import React from 'react';
-import { TRAINING_NOTICE_TEXT } from '../../utils/trainingNotice';
+import { useClientConfig } from '../../hooks/useClientConfig';
+import { trainingNoticeText } from '../../utils/trainingNotice';
 
 type TrainingNoticeProps = {
   checked: boolean;
@@ -9,6 +10,7 @@ type TrainingNoticeProps = {
 
 // Registration only: ticking it is the newcomer's acceptance of the current notice version.
 export function TrainingNotice({ checked, onToggle }: TrainingNoticeProps) {
+  const { previewDemo } = useClientConfig();
   return (
     <Box
       direction="Column"
@@ -34,7 +36,7 @@ export function TrainingNotice({ checked, onToggle }: TrainingNoticeProps) {
           checked={checked}
           onClick={onToggle}
         />
-        {TRAINING_NOTICE_TEXT}
+        {trainingNoticeText(previewDemo)}
       </Text>
     </Box>
   );
diff --git a/src/app/pages/auth/authMessages.test.ts b/src/app/pages/auth/authMessages.test.ts
new file mode 100644
index 00000000..04b43ffb
--- /dev/null
+++ b/src/app/pages/auth/authMessages.test.ts
@@ -0,0 +1,68 @@
+import { describe, expect, it } from 'vitest';
+import {
+  loginErrorMessage,
+  noSignInMethodMessage,
+  registerTroubleMessage,
+  serverTroubleMessage,
+  type RegisterTrouble,
+  type ServerTrouble,
+} from './authMessages';
+import { LoginError } from './login/loginUtil';
+
+const stock = [
+  'Invalid Username or Password.',
+  'Failed to find homeserver.',
+  'Failed to connect',
+  'Failed to login',
+];
+const troubles: ServerTrouble[] = [
+  'not-found',
+  'unusable-setup',
+  'bad-address',
+  'unreachable',
+  'no-sign-in-info',
+];
+const registerTroubles: RegisterTrouble[] = ['closed', 'rate-limited', 'invalid', 'unsupported'];
+
+describe('sign-in and sign-up messages', () => {
+  it('has a message for every sign-in error, each different, none the stock wording', () => {
+    const messages = Object.values(LoginError).map((e) => loginErrorMessage(e));
+    expect(new Set(messages).size).toBe(messages.length);
+    messages.forEach((m) => stock.forEach((s) => expect(m).not.toContain(s)));
+  });
+
+  it('keeps wrong credentials apart from a missing server', () => {
+    expect(loginErrorMessage(LoginError.Forbidden)).toContain('username and password');
+    expect(loginErrorMessage(LoginError.InvalidServer)).toContain('@name:server');
+  });
+
+  it('names the server in every server message and says what to do', () => {
+    troubles.forEach((t) => {
+      const m = serverTroubleMessage(t, 'chat.example', 'bad.host');
+      expect(m).toContain('chat.example');
+      stock.forEach((s) => expect(m).not.toContain(s));
+    });
+    expect(serverTroubleMessage('unusable-setup', 'chat.example', 'bad.host')).toContain(
+      'bad.host'
+    );
+    expect(serverTroubleMessage('unreachable', 'chat.example')).toContain('reload');
+  });
+
+  it('tells a person who cannot fix a broken server setup to tell its owner', () => {
+    expect(serverTroubleMessage('bad-address', 'chat.example')).toContain(
+      'whoever runs the server'
+    );
+    expect(noSignInMethodMessage('chat.example')).toContain('chat.example');
+  });
+
+  it('says closed sign-up is closed and points to sign in or the inviter, without a Register link to nowhere', () => {
+    const m = registerTroubleMessage('closed', 'chat.example');
+    expect(m).toContain('chat.example');
+    expect(m).toContain('sign in');
+    expect(m).toContain('invited you');
+    expect(m).not.toContain('disabled');
+    registerTroubles.forEach((t) =>
+      expect(registerTroubleMessage(t, 'chat.example').length).toBeGreaterThan(20)
+    );
+  });
+});
diff --git a/src/app/pages/auth/authMessages.ts b/src/app/pages/auth/authMessages.ts
new file mode 100644
index 00000000..4d9575a5
--- /dev/null
+++ b/src/app/pages/auth/authMessages.ts
@@ -0,0 +1,87 @@
+import { LoginError } from './login/loginUtil';
+
+// What the sign-in and sign-up pages say when something goes wrong. Each message says what happened
+// in plain words and what the person can do next; none is a status code or a Matrix term.
+
+export const loginErrorMessage = (error: LoginError): string => {
+  switch (error) {
+    case LoginError.ServerNotAllowed:
+      return 'This app only signs in to the servers in its Homeserver list. Pick one from the list above.';
+    case LoginError.InvalidServer:
+      return 'We could not find the server in that username. A full username looks like @name:server; the part after the colon is the server.';
+    case LoginError.Forbidden:
+      return 'That username and password did not match. Check both and try again, or use "Forget Password?" beside the password.';
+    case LoginError.UserDeactivated:
+      return 'This account has been turned off. Ask whoever runs this server to turn it back on.';
+    case LoginError.InvalidRequest:
+      return 'The server could not read that sign-in. Check the username and password for stray spaces and try again.';
+    case LoginError.RateLimited:
+      return 'Too many tries in a short time. Wait a minute, then try again.';
+    case LoginError.Unknown:
+    default:
+      return 'Sign-in did not work and the server gave no reason. Wait a minute and try again; if it keeps failing, tell whoever invited you.';
+  }
+};
+
+export type ServerTrouble =
+  | 'not-found'
+  | 'unusable-setup'
+  | 'bad-address'
+  | 'unreachable'
+  | 'no-sign-in-info';
+
+/** `server` is the name shown in the Homeserver box; `host` is the name the server's own setup gave. */
+export const serverTroubleMessage = (
+  trouble: ServerTrouble,
+  server: string,
+  host?: string
+): string => {
+  switch (trouble) {
+    case 'not-found':
+      return `We could not find a chat server called ${server}. Check the name for typos, or try again in a minute.`;
+    case 'unusable-setup':
+      return `We found ${server}, but the setup it points to (${
+        host ?? 'unknown'
+      }) is not usable. You cannot fix this from here: tell whoever runs the server.`;
+    case 'bad-address':
+      return `We found ${server}, but the address it gives for chat is not valid. You cannot fix this from here: tell whoever runs the server.`;
+    case 'unreachable':
+      return `We found ${server} but could not connect to it. It may be down for a moment: wait a minute and reload this page. If it stays down, tell whoever invited you.`;
+    case 'no-sign-in-info':
+      return `Connected to ${server}, but it did not say how to sign in. Reload the page; if it happens again, tell whoever runs the server.`;
+    default:
+      return `We could not reach ${server}. Reload the page and try again.`;
+  }
+};
+
+export const noSignInMethodMessage = (server: string): string =>
+  `${server} does not offer a way to sign in that this app can use. Pick another server from the Homeserver list, or tell whoever runs ${server}.`;
+
+export type RegisterTrouble =
+  | 'closed'
+  | 'rate-limited'
+  | 'invalid'
+  | 'unsupported'
+  | 'password-weak'
+  | 'password-short'
+  | 'unknown';
+
+export const registerTroubleMessage = (trouble: RegisterTrouble, server: string): string => {
+  switch (trouble) {
+    case 'closed':
+      return `New accounts cannot be made on ${server} from this page yet. If you were given an account, sign in with it. If you were not, ask whoever invited you how to get one.`;
+    case 'rate-limited':
+      return 'Too many tries in a short time. Wait a minute, then try again.';
+    case 'invalid':
+      return `${server} did not accept the request to make an account. Reload the page and try again; if it keeps failing, tell whoever invited you.`;
+    case 'password-weak':
+      return 'That password is too easy to guess. Pick a longer one, with more than one kind of character.';
+    case 'password-short':
+      return 'That password is too short. Pick a longer one.';
+    case 'unknown':
+      return `Something went wrong making the account on ${server}. Try again in a minute; if it keeps failing, tell whoever invited you.`;
+    case 'unsupported':
+    default:
+      return `${server} asks for something this app cannot do when making an account. Tell whoever invited you.`;
+  }
+};
diff --git a/src/app/pages/auth/authRoutes.tsx b/src/app/pages/auth/authRoutes.tsx
new file mode 100644
index 00000000..c5ad101f
--- /dev/null
+++ b/src/app/pages/auth/authRoutes.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { Route, redirect } from 'react-router-dom';
+import { getFallbackSession } from '../../state/sessions';
+import { UnAuthRouteThemeManager } from '../ThemeManager';
+import { LOGIN_PATH, REGISTER_PATH, RESET_PASSWORD_PATH, SIGNED_UP_PATH } from '../paths';
+import { getHomePath } from '../pathUtils';
+import { AuthLayout } from './AuthLayout';
+import { Login } from './login';
+import { RegisterRoute } from './register/RegisterRoute';
+import { ResetPassword } from './reset-password';
+import { SignedUp } from './SignedUp';
+
+// The routes a signed-out visitor sees. The sign-up return page sits beside the layout, not in
+// it: the layout looks up a homeserver and sends any path it does not know to sign in.
+export const authRoutes = () => (
+  <>
+    <Route
+      loader={() => (getFallbackSession() ? redirect(getHomePath()) : null)}
+      element={
+        <>
+          <AuthLayout />
+          <UnAuthRouteThemeManager />
+        </>
+      }
+    >
+      <Route path={LOGIN_PATH} element={<Login />} />
+      <Route path={REGISTER_PATH} element={<RegisterRoute />} />
+      <Route path={RESET_PASSWORD_PATH} element={<ResetPassword />} />
+    </Route>
+    <Route
+      path={SIGNED_UP_PATH}
+      element={
+        <>
+          <SignedUp />
+          <UnAuthRouteThemeManager />
+        </>
+      }
+    />
+  </>
+);
diff --git a/src/app/pages/auth/footerBand.test.ts b/src/app/pages/auth/footerBand.test.ts
new file mode 100644
index 00000000..97febbbb
--- /dev/null
+++ b/src/app/pages/auth/footerBand.test.ts
@@ -0,0 +1,96 @@
+import { describe, expect, it } from 'vitest';
+import zlib from 'zlib';
+import { compile, processVanillaFile } from '@vanilla-extract/integration';
+import { AuthFooter } from './styles.css';
+
+// The CSS styles.css.ts emits for the sign-in footer, read back from vanilla-extract's own compile.
+const emitted = async () => {
+  const filePath = `${process.cwd()}/src/app/pages/auth/styles.css.ts`;
+  const { source } = await compile({ filePath, cwd: process.cwd(), identOption: 'debug' });
+  const code = await processVanillaFile({ source, filePath, identOption: 'debug' });
+  const encoded = (code.match(/source=#([A-Za-z0-9+/=]+)/) as RegExpMatchArray)[1];
+  return zlib.gunzipSync(Buffer.from(encoded, 'base64')).toString();
+};
+const declarations = (css: string, selector: string) =>
+  [...css.matchAll(/^([^{}\n]+) \{\n([^}]*)\}/gm)]
+    .filter((m) => m[1] === selector)
+    .map((m) =>
+      m[2]
+        .split('\n')
+        .map((l) => l.trim().replace(/;$/, ''))
+        .filter(Boolean)
+    );
+
+describe('the sign-in footer band, as emitted', () => {
+  const over = `:root[data-scene] .${AuthFooter}`;
+
+  it('is one rule over the scene, so no later rule can override its mask', async () => {
+    expect(declarations(await emitted(), over)).toHaveLength(1);
+  });
+
+  it('puts the plate fill before the color-mix tint, so a browser without color-mix keeps the fill', async () => {
+    const [rule] = declarations(await emitted(), over);
+    const fills = rule.filter((d) => d.startsWith('background-color:'));
+    expect(fills).toHaveLength(2);
+    expect(fills[0]).toBe('background-color: var(--sky-bubble, #0d1a26)');
+    expect(fills[1]).toContain('color-mix(');
+  });
+
+  it('blurs what is behind it by 12px, the radius of the chat bubbles', async () => {
+    const [rule] = declarations(await emitted(), over);
+    expect(rule.filter((d) => d.startsWith('backdrop-filter'))).toEqual([
+      'backdrop-filter: blur(12px)',
+    ]);
+  });
+
+  it('declares exactly these properties, so nothing else (a shadow, a stray override) rides along', async () => {
+    const [rule] = declarations(await emitted(), over);
+    // -webkit-backdrop-filter is the one prefixed property, for Safari 14; it must blur exactly as the standard one does.
+    const blur = (prop: string) =>
+      rule
+        .find((d) => d.startsWith(`${prop}:`))
+        ?.split(':')[1]
+        .trim();
+    expect(blur('-webkit-backdrop-filter')).toBe(blur('backdrop-filter'));
+    expect(rule.map((d) => d.slice(0, d.indexOf(':'))).sort()).toEqual([
+      '-webkit-backdrop-filter',
+      'backdrop-filter',
+      'background-color',
+      'background-color',
+      'color',
+      'mask-composite',
+      'mask-image',
+      'padding-bottom',
+      'padding-top',
+    ]);
+  });
+
+  it('fades along both axes over a soft ramp, not a hard edge', async () => {
+    const [rule] = declarations(await emitted(), over);
+    const mask = rule.find((d) => d.startsWith('mask-image:')) ?? '';
+    expect(rule).toContain('mask-composite: intersect');
+    ['bottom', 'right'].forEach((axis) => {
+      const ramp = mask.match(
+        new RegExp(
+          `linear-gradient\\(to ${axis}, transparent, #000 (\\d+)px, #000 calc\\(100% - (\\d+)px\\), transparent\\)`
+        )
+      );
+      expect(ramp).not.toBeNull();
+      // Each end ramps from clear to opaque over at least 8px.
+      expect(Number(ramp?.[1])).toBeGreaterThanOrEqual(8);
+      expect(Number(ramp?.[2])).toBeGreaterThanOrEqual(8);
+    });
+  });
+
+  it('has no border or radius, in the scene rule or in the base footer rule', async () => {
+    const css = await emitted();
+    const [rule] = declarations(css, over);
+    const base = declarations(css, `.${AuthFooter}`);
+    expect(base).toHaveLength(1);
+    [rule, base[0]].forEach((r) => {
+      expect(r.filter((d) => /^(border|outline)/.test(d))).toEqual([]);
+    });
+    // The base rule is only the footer's padding: nothing visible (a shadow, a fill) is hidden outside the scene rule.
+    expect(base[0].map((d) => d.slice(0, d.indexOf(':')))).toEqual(['padding']);
+  });
+});
diff --git a/src/app/pages/auth/index.ts b/src/app/pages/auth/index.ts
index c4bd0476..78910d5f 100644
--- a/src/app/pages/auth/index.ts
+++ b/src/app/pages/auth/index.ts
@@ -1,4 +1,5 @@
 export * from './AuthLayout';
 export * from './login';
 export * from './register';
+export * from './SignedUp';
 export * from './reset-password';
diff --git a/src/app/pages/auth/login/Login.tsx b/src/app/pages/auth/login/Login.tsx
index 9d890bef..ea08e4f0 100644
--- a/src/app/pages/auth/login/Login.tsx
+++ b/src/app/pages/auth/login/Login.tsx
@@ -9,10 +9,13 @@ import { PasswordLoginForm } from './PasswordLoginForm';
 import { SSOLogin } from '../SSOLogin';
 import { TokenLogin } from './TokenLogin';
 import { OrDivider } from '../OrDivider';
+import { RegisterEntry } from '../RegisterEntry';
+import { registrationEntry } from '../registrationEntry';
 import { getLoginPath, getRegisterPath, withSearchParam } from '../../pathUtils';
 import { usePathWithOrigin } from '../../../hooks/usePathWithOrigin';
 import { LoginPathSearchParams } from '../../paths';
 import { useClientConfig } from '../../../hooks/useClientConfig';
+import { noSignInMethodMessage } from '../authMessages';
 
 const getLoginTokenSearchParam = () => {
   // when using hasRouter query params in existing route
@@ -36,7 +39,8 @@ const useLoginSearchParams = (searchParams: URLSearchParams): LoginPathSearchPar
 
 export function Login() {
   const server = useAuthServer();
-  const { hashRouter, previewDemo } = useClientConfig();
+  const config = useClientConfig();
+  const { hashRouter, previewDemo } = config;
   const { loginFlows } = useAuthFlows();
   const [searchParams] = useSearchParams();
   const loginSearchParams = useLoginSearchParams(searchParams);
@@ -85,15 +89,17 @@ export function Login() {
       )}
       {!parsedFlows.password && !parsedFlows.sso && (
         <>
-          <Text style={{ color: color.Critical.Main }}>
-            {`This client does not support login on "${server}" homeserver. Password and SSO based login method not found.`}
-          </Text>
+          <Text style={{ color: color.Critical.Main }}>{noSignInMethodMessage(server)}</Text>
           <span data-spacing-node />
         </>
       )}
-      <Text align="Center">
-        Do not have an account? <Link to={getRegisterPath(server)}>Register</Link>
-      </Text>
+      {registrationEntry(config) ? (
+        <RegisterEntry />
+      ) : (
+        <Text align="Center">
+          Do not have an account? <Link to={getRegisterPath(server)}>Register</Link>
+        </Text>
+      )}
     </Box>
   );
 }
diff --git a/src/app/pages/auth/login/PasswordLoginForm.tsx b/src/app/pages/auth/login/PasswordLoginForm.tsx
index 3c8641d9..7934bc9f 100644
--- a/src/app/pages/auth/login/PasswordLoginForm.tsx
+++ b/src/app/pages/auth/login/PasswordLoginForm.tsx
@@ -35,6 +35,7 @@ import {
 } from './loginUtil';
 import { PasswordInput } from '../../../components/password-input';
 import { FieldError } from '../FiledError';
+import { loginErrorMessage } from '../authMessages';
 import { getResetPasswordPath } from '../../pathUtils';
 import { stopPropagation } from '../../../utils/keyboard';
 
@@ -215,10 +216,10 @@ export function PasswordLoginForm({ defaultUsername, defaultEmail }: PasswordLog
         {loginState.status === AsyncStatus.Error && (
           <>
             {loginState.error.errcode === LoginError.ServerNotAllowed && (
-              <FieldError message="Login with custom server not allowed by your client instance." />
+              <FieldError message={loginErrorMessage(LoginError.ServerNotAllowed)} />
             )}
             {loginState.error.errcode === LoginError.InvalidServer && (
-              <FieldError message="Failed to find your Matrix ID server." />
+              <FieldError message={loginErrorMessage(LoginError.InvalidServer)} />
             )}
           </>
         )}
@@ -232,19 +233,19 @@ export function PasswordLoginForm({ defaultUsername, defaultEmail }: PasswordLog
           {loginState.status === AsyncStatus.Error && (
             <>
               {loginState.error.errcode === LoginError.Forbidden && (
-                <FieldError message="Invalid Username or Password." />
+                <FieldError message={loginErrorMessage(LoginError.Forbidden)} />
               )}
               {loginState.error.errcode === LoginError.UserDeactivated && (
-                <FieldError message="This account has been deactivated." />
+                <FieldError message={loginErrorMessage(LoginError.UserDeactivated)} />
               )}
               {loginState.error.errcode === LoginError.InvalidRequest && (
-                <FieldError message="Failed to login. Part of your request data is invalid." />
+                <FieldError message={loginErrorMessage(LoginError.InvalidRequest)} />
               )}
               {loginState.error.errcode === LoginError.RateLimited && (
-                <FieldError message="Failed to login. Your login request has been rate-limited by server, Please try after some time." />
+                <FieldError message={loginErrorMessage(LoginError.RateLimited)} />
               )}
               {loginState.error.errcode === LoginError.Unknown && (
-                <FieldError message="Failed to login. Unknown reason." />
+                <FieldError message={loginErrorMessage(LoginError.Unknown)} />
               )}
             </>
           )}
diff --git a/src/app/pages/auth/register/PasswordRegisterForm.tsx b/src/app/pages/auth/register/PasswordRegisterForm.tsx
index 99feed1a..cd01d021 100644
--- a/src/app/pages/auth/register/PasswordRegisterForm.tsx
+++ b/src/app/pages/auth/register/PasswordRegisterForm.tsx
@@ -30,7 +30,15 @@ import {
 import { useUIACompleted, useUIAFlow, useUIAParams } from '../../../hooks/useUIAFlows';
 import { AsyncState, AsyncStatus, useAsyncCallback } from '../../../hooks/useAsyncCallback';
 import { useAutoDiscoveryInfo } from '../../../hooks/useAutoDiscoveryInfo';
-import { RegisterError, RegisterResult, register, useRegisterComplete } from './registerUtil';
+import {
+  RegisterError,
+  RegisterResult,
+  register,
+  registerErrorTrouble,
+  useRegisterComplete,
+} from './registerUtil';
+import { registerTroubleMessage } from '../authMessages';
+import { useAuthServer } from '../../../hooks/useAuthServer';
 import { FieldError } from '../FiledError';
 import { TrainingNotice } from '../TrainingNotice';
 import {
@@ -185,6 +193,7 @@ export function PasswordRegisterForm({
   defaultEmail,
   defaultRegisterToken,
 }: PasswordRegisterFormProps) {
+  const server = useAuthServer();
   const serverDiscovery = useAutoDiscoveryInfo();
   const baseUrl = serverDiscovery['m.homeserver'].base_url;
   const mx = useMemo(() => createClient({ baseUrl }), [baseUrl]);
@@ -207,6 +216,9 @@ export function PasswordRegisterForm({
   const registerError =
     registerState.status === AsyncStatus.Error ? registerState.error : undefined;
 
+  // The password troubles show under the password field; the rest is the form's.
+  const registerTrouble = registerError && registerErrorTrouble(registerError.errcode);
+  const formTrouble = registerTrouble?.startsWith('password-') ? undefined : registerTrouble;
   useRegisterComplete(customRegisterResp);
 
   const handleSubmit: ChangeEventHandler<HTMLFormElement> = (evt) => {
@@ -298,20 +310,10 @@ export function PasswordRegisterForm({
                   required
                 />
                 {registerError?.errcode === RegisterError.PasswordWeak && (
-                  <FieldError
-                    message={
-                      registerError.data.error ??
-                      'Weak Password. Password rejected by server please choosing more strong Password.'
-                    }
-                  />
+                  <FieldError message={registerTroubleMessage('password-weak', server)} />
                 )}
                 {registerError?.errcode === RegisterError.PasswordShort && (
-                  <FieldError
-                    message={
-                      registerError.data.error ??
-                      'Short Password. Password rejected by server please choosing more long Password.'
-                    }
-                  />
+                  <FieldError message={registerTroubleMessage('password-short', server)} />
                 )}
               </Box>
               <Box direction="Column" gap="100">
@@ -378,18 +380,7 @@ export function PasswordRegisterForm({
             </Text>
           </Box>
         )}
-        {registerError?.errcode === RegisterError.RateLimited && (
-          <FieldError message="Failed to register. Your register request has been rate-limited by server, Please try after some time." />
-        )}
-        {registerError?.errcode === RegisterError.Forbidden && (
-          <FieldError message="Failed to register. The homeserver does not permit registration." />
-        )}
-        {registerError?.errcode === RegisterError.InvalidRequest && (
-          <FieldError message="Failed to register. Invalid request." />
-        )}
-        {registerError?.errcode === RegisterError.Unknown && (
-          <FieldError message={registerError.data.error ?? 'Failed to register. Unknown Reason.'} />
-        )}
+        {formTrouble && <FieldError message={registerTroubleMessage(formTrouble, server)} />}
         <span data-spacing-node />
         <TrainingNotice checked={trainingAck} onToggle={() => setTrainingAck((ack) => !ack)} />
         <Button variant="Primary" size="500" type="submit" disabled={!trainingAck}>
diff --git a/src/app/pages/auth/register/Register.tsx b/src/app/pages/auth/register/Register.tsx
index 7176489b..286fa5d3 100644
--- a/src/app/pages/auth/register/Register.tsx
+++ b/src/app/pages/auth/register/Register.tsx
@@ -12,6 +12,7 @@ import { SupportedUIAFlowsLoader } from '../../../components/SupportedUIAFlowsLo
 import { getLoginPath } from '../../pathUtils';
 import { usePathWithOrigin } from '../../../hooks/usePathWithOrigin';
 import { RegisterPathSearchParams } from '../../paths';
+import { registerTroubleMessage } from '../authMessages';
 
 const useRegisterSearchParams = (searchParams: URLSearchParams): RegisterPathSearchParams =>
   useMemo(
@@ -40,17 +41,17 @@ export function Register() {
       </Text>
       {registerFlows.status === RegisterFlowStatus.RegistrationDisabled && !sso && (
         <Text style={{ color: color.Critical.Main }} size="T300">
-          Registration has been disabled on this homeserver.
+          {registerTroubleMessage('closed', server)}
         </Text>
       )}
       {registerFlows.status === RegisterFlowStatus.RateLimited && !sso && (
         <Text style={{ color: color.Critical.Main }} size="T300">
-          You have been rate-limited! Please try after some time.
+          {registerTroubleMessage('rate-limited', server)}
         </Text>
       )}
       {registerFlows.status === RegisterFlowStatus.InvalidRequest && !sso && (
         <Text style={{ color: color.Critical.Main }} size="T300">
-          Invalid Request! Failed to get any registration options.
+          {registerTroubleMessage('invalid', server)}
         </Text>
       )}
       {registerFlows.status === RegisterFlowStatus.FlowRequired && (
@@ -62,7 +63,7 @@ export function Register() {
             {(supportedFlows) =>
               supportedFlows.length === 0 ? (
                 <Text style={{ color: color.Critical.Main }} size="T300">
-                  This application does not support registration on this homeserver.
+                  {registerTroubleMessage('unsupported', server)}
                 </Text>
               ) : (
                 <PasswordRegisterForm
diff --git a/src/app/pages/auth/register/RegisterRoute.test.tsx b/src/app/pages/auth/register/RegisterRoute.test.tsx
new file mode 100644
index 00000000..043c1174
--- /dev/null
+++ b/src/app/pages/auth/register/RegisterRoute.test.tsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import { describe, expect, it, vi } from 'vitest';
+import { renderToString } from 'react-dom/server';
+import { ClientConfigProvider } from '../../../hooks/useClientConfig';
+import type { ClientConfig } from '../../../hooks/useClientConfig';
+import { RegisterRoute } from './RegisterRoute';
+
+// The in-client form needs a homeserver; the route test only needs to know whether it was asked for.
+vi.mock('./Register', () => ({ Register: () => <div>in-client register form</div> }));
+
+const render = (config: ClientConfig) =>
+  renderToString(
+    <ClientConfigProvider value={config}>
+      <RegisterRoute />
+    </ClientConfigProvider>
+  );
+
+describe('the /register route', () => {
+  it('with the switch on offers only the account service link, not the in-client form', () => {
+    const html = render({ registration: { enabled: true, url: 'https://accounts.example/join' } });
+    expect(html).toContain('href="https://accounts.example/join"');
+    expect(html).not.toContain('in-client register form');
+  });
+
+  it('with the switch off shows the in-client form', () => {
+    expect(render({ registration: { enabled: false, url: 'https://accounts.example/join' } })).toContain(
+      'in-client register form'
+    );
+    expect(render({})).toContain('in-client register form');
+  });
+
+  it('with the switch on but an unusable url falls back to the form', () => {
+    expect(render({ registration: { enabled: true, url: 'ftp://accounts.example/join' } })).toContain(
+      'in-client register form'
+    );
+  });
+});
diff --git a/src/app/pages/auth/register/RegisterRoute.tsx b/src/app/pages/auth/register/RegisterRoute.tsx
new file mode 100644
index 00000000..094bc8fd
--- /dev/null
+++ b/src/app/pages/auth/register/RegisterRoute.tsx
@@ -0,0 +1,26 @@
+import { Box, Text } from 'folds';
+import React, { useEffect } from 'react';
+import { useClientConfig } from '../../../hooks/useClientConfig';
+import { registrationEntry } from '../registrationEntry';
+import { Register } from './Register';
+
+// With the Register switch on, a stranger gets one way to register: the account service's own
+// page. This route sends them there (the link stays for when the redirect does not run). With
+// the switch off, the in-client form is the way.
+export function RegisterRoute() {
+  const entry = registrationEntry(useClientConfig());
+  useEffect(() => {
+    if (entry) window.location.replace(entry.url);
+  }, [entry]);
+  if (!entry) return <Register />;
+  return (
+    <Box direction="Column" gap="300">
+      <Text size="H2" priority="400">
+        Register
+      </Text>
+      <Text>
+        Sign-up happens on the account page. <a href={entry.url}>Continue to sign up</a>
+      </Text>
+    </Box>
+  );
+}
diff --git a/src/app/pages/auth/register/registerErrors.test.ts b/src/app/pages/auth/register/registerErrors.test.ts
new file mode 100644
index 00000000..e9474e8f
--- /dev/null
+++ b/src/app/pages/auth/register/registerErrors.test.ts
@@ -0,0 +1,39 @@
+import { describe, expect, it } from 'vitest';
+import { registerTroubleMessage } from '../authMessages';
+import { RegisterError, registerErrorTrouble } from './registerUtil';
+
+// What the form shows for a failed registration, from the error code the server answered with.
+const shown = (errcode: string) => {
+  const trouble = registerErrorTrouble(errcode);
+  return trouble && registerTroubleMessage(trouble, 'chat.example');
+};
+
+describe('registration failures as the form shows them', () => {
+  it('say what to do next for every failure that is not a username field error', () => {
+    [
+      RegisterError.PasswordWeak,
+      RegisterError.PasswordShort,
+      RegisterError.RateLimited,
+      RegisterError.Forbidden,
+      RegisterError.InvalidRequest,
+      RegisterError.Unknown,
+    ].forEach((e) => expect(shown(e)?.length).toBeGreaterThan(20));
+  });
+
+  it('never carry the server text or a Matrix error code', () => {
+    Object.values(RegisterError).forEach((e) => {
+      expect(shown(e) ?? '').not.toMatch(/M_[A-Z_]+|errcode|homeserver does not/i);
+    });
+  });
+
+  it('leave the username errors to their own field messages', () => {
+    [RegisterError.UserTaken, RegisterError.UserInvalid, RegisterError.UserExclusive].forEach((e) =>
+      expect(shown(e)).toBeUndefined()
+    );
+  });
+
+  it('tell a closed server from a rate limit', () => {
+    expect(shown(RegisterError.Forbidden)).toContain('chat.example');
+    expect(shown(RegisterError.RateLimited)).not.toBe(shown(RegisterError.Forbidden));
+  });
+});
diff --git a/src/app/pages/auth/register/registerUtil.ts b/src/app/pages/auth/register/registerUtil.ts
index 86a38cb5..02f530fb 100644
--- a/src/app/pages/auth/register/registerUtil.ts
+++ b/src/app/pages/auth/register/registerUtil.ts
@@ -17,6 +17,7 @@ import {
 import { getHomePath, getLoginPath, withSearchParam } from '../../pathUtils';
 import { getMxIdLocalPart, getMxIdServer } from '../../../utils/matrix';
 import { setFallbackSession } from '../../../state/sessions';
+import type { RegisterTrouble } from '../authMessages';
 
 export enum RegisterError {
   UserTaken = 'UserTaken',
@@ -30,6 +31,27 @@ export enum RegisterError {
   Unknown = 'Unknown',
 }
 
+// The form-level words for a failed registration, never the server's own text. The username
+// errors are the form's own field messages and have no trouble here.
+export const registerErrorTrouble = (errcode: string): RegisterTrouble | undefined => {
+  switch (errcode) {
+    case RegisterError.PasswordWeak:
+      return 'password-weak';
+    case RegisterError.PasswordShort:
+      return 'password-short';
+    case RegisterError.RateLimited:
+      return 'rate-limited';
+    case RegisterError.Forbidden:
+      return 'closed';
+    case RegisterError.InvalidRequest:
+      return 'invalid';
+    case RegisterError.Unknown:
+      return 'unknown';
+    default:
+      return undefined;
+  }
+};
+
 export type CustomRegisterResponse = {
   baseUrl: string;
   response: RegisterResponse;
diff --git a/src/app/pages/auth/registrationEntry.test.ts b/src/app/pages/auth/registrationEntry.test.ts
new file mode 100644
index 00000000..53b15fb7
--- /dev/null
+++ b/src/app/pages/auth/registrationEntry.test.ts
@@ -0,0 +1,57 @@
+import { describe, expect, it } from 'vitest';
+import { registrationEntry } from './registrationEntry';
+import type { ClientConfig } from '../../hooks/useClientConfig';
+import {
+  PREVIEW_NOTICE_TEXT,
+  TRAINING_NOTICE_TEXT,
+  TRAINING_NOTICE_VERSION,
+} from '../../utils/trainingNotice';
+import config from '../../../../config.json';
+
+const url = 'https://accounts.example/register';
+
+describe('registration entry', () => {
+  it('is hidden when the switch is absent or off', () => {
+    expect(registrationEntry({})).toBeUndefined();
+    expect(registrationEntry({ registration: { url } })).toBeUndefined();
+    expect(registrationEntry({ registration: { enabled: false, url } })).toBeUndefined();
+  });
+
+  it('ships off in config.json', () => {
+    expect(registrationEntry(config as ClientConfig)).toBeUndefined();
+    expect(config.registration.enabled).toBe(false);
+  });
+
+  it('is hidden when the switch is on but the url is no web address', () => {
+    expect(registrationEntry({ registration: { enabled: true } })).toBeUndefined();
+    expect(registrationEntry({ registration: { enabled: true, url: '' } })).toBeUndefined();
+    expect(
+      registrationEntry({ registration: { enabled: true, url: '/register' } })
+    ).toBeUndefined();
+    expect(
+      registrationEntry({ registration: { enabled: true, url: 'data:text/html,x' } })
+    ).toBeUndefined();
+  });
+
+  it('reads the consent text and version from trainingNotice.ts', () => {
+    expect(registrationEntry({ registration: { enabled: true, url } })).toEqual({
+      url,
+      notice: TRAINING_NOTICE_TEXT,
+      noticeVersion: TRAINING_NOTICE_VERSION,
+    });
+  });
+
+  it('says the pretend sentence on the pretend server', () => {
+    const entry = registrationEntry({ previewDemo: true, registration: { enabled: true, url } });
+    expect(entry?.notice).toBe(PREVIEW_NOTICE_TEXT);
+  });
+
+  it('accepts http only for a local development host', () => {
+    const on = (u: string) => registrationEntry({ registration: { enabled: true, url: u } });
+    expect(on('http://localhost:8080/register')?.url).toBe('http://localhost:8080/register');
+    expect(on('http://127.0.0.1:8080/register')).toBeDefined();
+    expect(on('http://accounts.example/register')).toBeUndefined();
+    expect(on('http://localhost.evil.example/register')).toBeUndefined();
+    expect(on('https://accounts.example/register')).toBeDefined();
+  });
+});
diff --git a/src/app/pages/auth/registrationEntry.ts b/src/app/pages/auth/registrationEntry.ts
new file mode 100644
index 00000000..6c65732e
--- /dev/null
+++ b/src/app/pages/auth/registrationEntry.ts
@@ -0,0 +1,32 @@
+import type { ClientConfig } from '../../hooks/useClientConfig';
+import { TRAINING_NOTICE_VERSION, trainingNoticeText } from '../../utils/trainingNotice';
+
+export type RegistrationEntry = { url: string; notice: string; noticeVersion: number };
+
+// Plain http is for a developer's own machine only; a stranger's sign-up page is https.
+const isLocalHost = (hostname: string): boolean =>
+  hostname === 'localhost' ||
+  hostname.endsWith('.localhost') ||
+  hostname === '127.0.0.1' ||
+  hostname === '[::1]';
+
+/**
+ * The sign-up entry the sign-in page may show: the account service's registration page, when the
+ * switch is on and the configured url is an https address (http only for localhost). Anything else is no entry. The
+ * consent sentence and its version are trainingNotice.ts's, the ones a room shows.
+ */
+export const registrationEntry = (config: ClientConfig): RegistrationEntry | undefined => {
+  const { enabled, url } = config.registration ?? {};
+  if (enabled !== true || typeof url !== 'string') return undefined;
+  try {
+    const { protocol, hostname } = new URL(url);
+    if (protocol !== 'https:' && !(protocol === 'http:' && isLocalHost(hostname))) return undefined;
+  } catch {
+    return undefined;
+  }
+  return {
+    url,
+    notice: trainingNoticeText(config.previewDemo),
+    noticeVersion: TRAINING_NOTICE_VERSION,
+  };
+};
diff --git a/src/app/pages/auth/styles.css.ts b/src/app/pages/auth/styles.css.ts
index a9733ef0..e762207b 100644
--- a/src/app/pages/auth/styles.css.ts
+++ b/src/app/pages/auth/styles.css.ts
@@ -1,5 +1,7 @@
 import { globalStyle, style } from '@vanilla-extract/css';
 import { DefaultReset, color, config, toRem } from 'folds';
+import { MOBILE_BREAKPOINT } from '../../hooks/useScreenSize';
+import { FOOTER_TINT, PLATE_TINT } from '../../features/scene/skyPlate';
 
 export const AuthLayout = style({
   minHeight: '100%',
@@ -26,8 +28,8 @@ export const AuthCard = style({
 export const AuthLogo = style([
   DefaultReset,
   {
-    width: toRem(26),
-    height: toRem(26),
+    width: toRem(32),
+    height: toRem(32),
 
     borderRadius: '50%',
   },
@@ -53,31 +55,88 @@ export const AuthFooter = style({
 });
 
 // While the background scene runs (html[data-scene], set by features/scene/BackgroundScene), the
-// signed-out ground is clear and the card is a translucent, blurred pane shaped like a message
-// bubble (BubbleContent: radius R500, no border), filled with the sky's bubble colour. The
-// --sky-bubble variables come from the sky theme (PR #22); the plain colours are the fallback
-// until it lands. 85% fill keeps text >= 4.5:1 over the scene's brightest and darkest backdrops.
+// signed-out ground is clear and the card is a pane shaped like a message bubble (BubbleContent:
+// radius R500, no border), filled with the sky's bubble colour. The scene is one fixed dusk for
+// every theme, so the card is opaque: its text and link contrast cannot depend on what the scene
+// shows behind it, nor on a blur. The --sky-bubble variables come from the sky themes (Midnight and
+// Noonday); the other themes (Light, Silver, Dark, Butter) take the fallback colours.
+// WCAG ratios of text / Register link on the card, per theme:
+//   Light, Silver, Dark, Butter  #b7c7d9 / #99c7ff on #0d1a26   10.21 / 10.03
+//   Midnight Sky                 #aeccff / #8ad1bd on #0a090e   12.17 / 11.28
+//   Noonday Sky                  #342d25 / #2a4f27 on #b9b6af    6.70 /  4.62
+// The fallback link is set here because those themes' own links (Light 2.49:1, Silver 2.49:1) are
+// made for their own grounds, not this card; Dark and Butter already use the same hsl(213 100% 80%).
 // The card is also made shorter so it leaves more of the scene visible on a phone.
 const scene = ':root[data-scene]';
+const tint = `color-mix(in srgb, var(--sky-bubble, #0d1a26) ${FOOTER_TINT * 100}%, transparent)`;
 globalStyle(`${scene} ${AuthLayout}`, {
   backgroundColor: 'transparent',
   backgroundImage: 'none',
 });
 globalStyle(`${scene} ${AuthCard}`, {
+  // Meta, 2026-11-09: no chrome; where readability needs help, the chat-bubble treatment (blur with a tint toward the
+  // background), and if that is not enough the fix goes in the background, not in a plate. Same tint as the footer band.
   backgroundColor: [
-    'rgba(13, 26, 38, 0.85)',
-    'color-mix(in srgb, var(--sky-bubble, #0d1a26) 85%, transparent)',
+    'var(--sky-bubble, #0d1a26)',
+    `color-mix(in srgb, var(--sky-bubble, #0d1a26) ${PLATE_TINT * 100}%, transparent)`,
   ],
+  backdropFilter: 'blur(12px)',
+  WebkitBackdropFilter: 'blur(12px)',
   color: 'var(--sky-bubble-text, #b7c7d9)',
   borderRadius: config.radii.R500,
-  borderColor: 'transparent',
-  backdropFilter: 'blur(12px)',
+  border: 'none',
+  boxShadow: 'none',
+});
+globalStyle(`${scene} body:not(.gamecult-theme) ${AuthCard}`, {
+  vars: { '--tc-link': '#99c7ff' },
 });
 globalStyle(`${scene} ${AuthHeader}`, {
   backgroundColor: 'transparent',
+  borderBottomWidth: 0,
+  boxShadow: 'none',
+});
+globalStyle(`${scene} #root header.${AuthHeader}`, {
+  backgroundColor: 'transparent',
+  backdropFilter: 'none',
+  WebkitBackdropFilter: 'none',
 });
 globalStyle(`${scene} ${AuthCardContent}`, {
   paddingTop: config.space.S500,
   paddingBottom: config.space.S400,
   gap: config.space.S500,
 });
+
+// The footer line sits on the terrain, which is dark at its foot in every sky (luminance 0.02 at dusk), where the
+// sky's dark ink is unreadable. Over the scene it gets a blurred band tinted with the plate's fill and the plate's
+// ink, faded out at its edges so it reads as haze and not as a bar: the scene shows through and round it. A browser
+// without color-mix gets the plate's opaque fill, as the chat bubbles do (message/layout/layout.css.ts). The tint
+// (FOOTER_TINT) is checked against the ink in skyTheme.test.ts, the emitted rule in footerBand.test.ts.
+const FADE_Y =
+  'linear-gradient(to bottom, transparent, #000 16px, #000 calc(100% - 16px), transparent)';
+const FADE_X =
+  'linear-gradient(to right, transparent, #000 24px, #000 calc(100% - 24px), transparent)';
+globalStyle(`${scene} ${AuthFooter}`, {
+  paddingTop: config.space.S500,
+  paddingBottom: config.space.S500,
+  backgroundColor: ['var(--sky-bubble, #0d1a26)', tint],
+  backdropFilter: 'blur(12px)',
+  WebkitBackdropFilter: 'blur(12px)',
+  maskImage: `${FADE_Y}, ${FADE_X}`,
+  maskComposite: 'intersect',
+  color: 'var(--sky-bubble-text, #b7c7d9)',
+});
+globalStyle(`${scene} ${AuthFooter} a`, {
+  color: 'var(--sky-bubble-text, #b7c7d9)',
+});
+
+// Phone tap targets for the sign-in links, hit area only (every link is under 44 px tall: Forget Password? 16,
+// Register 20, the footer's 22): vertical padding grows each link's box and the negative margin takes the growth
+// back out of the layout, so nothing moves and nothing is drawn. An inline link ignores the margin and its padding
+// never moves a line, which is the same result.
+const SCREEN_PHONE = `screen and (max-width: ${MOBILE_BREAKPOINT}px)`;
+globalStyle(`${AuthCard} a`, {
+  '@media': { [SCREEN_PHONE]: { paddingBlock: 14, marginBlock: -14 } },
+});
+globalStyle(`${AuthFooter} a`, {
+  '@media': { [SCREEN_PHONE]: { paddingBlock: 11, marginBlock: -11 } },
+});
diff --git a/src/app/pages/client/ClientNonUIFeatures.tsx b/src/app/pages/client/ClientNonUIFeatures.tsx
index db3eefc2..5bc97d65 100644
--- a/src/app/pages/client/ClientNonUIFeatures.tsx
+++ b/src/app/pages/client/ClientNonUIFeatures.tsx
@@ -3,9 +3,9 @@ import React, { ReactNode, useCallback, useEffect, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { RoomEvent, RoomEventHandlerMap } from 'matrix-js-sdk';
 import { roomToUnreadAtom, unreadEqual, unreadInfoToUnread } from '../../state/room/roomToUnread';
-import LogoSVG from '../../../../public/res/svg/ratatoskr.svg';
-import LogoUnreadSVG from '../../../../public/res/svg/ratatoskr-unread.svg';
-import LogoHighlightSVG from '../../../../public/res/svg/ratatoskr-highlight.svg';
+import FaviconSVG from '../../../../public/res/svg/ratatoskr-favicon.svg';
+import FaviconUnreadSVG from '../../../../public/res/svg/ratatoskr-favicon-unread.svg';
+import FaviconHighlightSVG from '../../../../public/res/svg/ratatoskr-favicon-highlight.svg';
 import NotificationSound from '../../../../public/sound/notification.ogg';
 import InviteSound from '../../../../public/sound/invite.ogg';
 import { notificationPermission, setFavicon } from '../../utils/dom';
@@ -26,6 +26,9 @@ import { getMxIdLocalPart, mxcUrlToHttp } from '../../utils/matrix';
 import { useSelectedRoom } from '../../hooks/router/useSelectedRoom';
 import { useInboxNotificationsSelected } from '../../hooks/router/useInbox';
 import { useMediaAuthentication } from '../../hooks/useMediaAuthentication';
+import { mDirectAtom } from '../../state/mDirectList';
+import { motifFor } from '../../features/dings/dings';
+import { useDings } from '../../features/dings/useDings';
 
 function SystemEmojiFeature() {
   const [twitterEmoji] = useSetting(settingsAtom, 'twitterEmoji');
@@ -67,9 +70,9 @@ function FaviconUpdater() {
     });
 
     if (notification) {
-      setFavicon(highlight ? LogoHighlightSVG : LogoUnreadSVG);
+      setFavicon(highlight ? FaviconHighlightSVG : FaviconUnreadSVG);
     } else {
-      setFavicon(LogoSVG);
+      setFavicon(FaviconSVG);
     }
   }, [roomToUnread]);
 
@@ -85,12 +88,13 @@ function InviteNotifications() {
   const navigate = useNavigate();
   const [showNotifications] = useSetting(settingsAtom, 'showNotifications');
   const [notificationSound] = useSetting(settingsAtom, 'isNotificationSounds');
+  const playDing = useDings();
 
   const notify = useCallback(
     (count: number) => {
       const noti = new window.Notification('Invitation', {
-        icon: LogoSVG,
-        badge: LogoSVG,
+        icon: FaviconSVG,
+        badge: FaviconSVG,
         body: `You have ${count} new invitation request.`,
         silent: true,
       });
@@ -115,10 +119,20 @@ function InviteNotifications() {
       }
 
       if (notificationSound) {
-        playSound();
+        // The sender of an invite is not in the invite list, so it gets the neutral invite ding.
+        if (!playDing('', 'invite')) playSound();
       }
     }
-  }, [mx, invites, perviousInviteLen, showNotifications, notificationSound, notify, playSound]);
+  }, [
+    mx,
+    invites,
+    perviousInviteLen,
+    showNotifications,
+    notificationSound,
+    notify,
+    playSound,
+    playDing,
+  ]);
 
   return (
     // eslint-disable-next-line jsx-a11y/media-has-caption
@@ -136,6 +150,8 @@ function MessageNotifications() {
   const useAuthentication = useMediaAuthentication();
   const [showNotifications] = useSetting(settingsAtom, 'showNotifications');
   const [notificationSound] = useSetting(settingsAtom, 'isNotificationSounds');
+  const mDirects = useAtomValue(mDirectAtom);
+  const playDing = useDings();
 
   const navigate = useNavigate();
   const notificationSelected = useInboxNotificationsSelected();
@@ -227,7 +243,11 @@ function MessageNotifications() {
       }
 
       if (notificationSound) {
-        playSound();
+        const motif = motifFor({
+          highlight: unreadInfo.highlight > 0,
+          direct: mDirects.has(room.roomId),
+        });
+        if (!playDing(sender, motif)) playSound();
       }
     };
     mx.on(RoomEvent.Timeline, handleTimelineEvent);
@@ -240,6 +260,8 @@ function MessageNotifications() {
     notificationSelected,
     showNotifications,
     playSound,
+    playDing,
+    mDirects,
     notify,
     selectedRoomId,
     useAuthentication,
diff --git a/src/app/pages/client/WelcomePage.tsx b/src/app/pages/client/WelcomePage.tsx
index 74869c3f..8b63af73 100644
--- a/src/app/pages/client/WelcomePage.tsx
+++ b/src/app/pages/client/WelcomePage.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { Box, Button, Icon, Icons, Text, config, toRem } from 'folds';
 import { Page, PageHero, PageHeroSection } from '../../components/page';
+import { LogoMark } from '../../components/logo/logoMark.css';
 import RatatoskrSVG from '../../../../public/res/svg/ratatoskr.svg';
 
 export function WelcomePage() {
@@ -14,7 +15,15 @@ export function WelcomePage() {
       >
         <PageHeroSection>
           <PageHero
-            icon={<img width="70" height="70" src={RatatoskrSVG} alt="Ratatoskr logo" />}
+            icon={
+              <img
+                className={LogoMark}
+                width="70"
+                height="70"
+                src={RatatoskrSVG}
+                alt="Ratatoskr logo"
+              />
+            }
             title="Welcome to Ratatoskr"
             subTitle={
               <span>
diff --git a/src/app/pages/pathUtils.ts b/src/app/pages/pathUtils.ts
index 817d21d1..2738c4c9 100644
--- a/src/app/pages/pathUtils.ts
+++ b/src/app/pages/pathUtils.ts
@@ -23,6 +23,7 @@ import {
   SPACE_ROOM_PATH,
   SPACE_SEARCH_PATH,
   CREATE_PATH,
+  DESK_PATH,
 } from './paths';
 import { trimLeadingSlash, trimTrailingSlash } from '../utils/common';
 import { HashRouterConfig } from '../hooks/useClientConfig';
@@ -153,6 +154,9 @@ export const getExploreServerPath = (server: string): string => {
   return generatePath(EXPLORE_SERVER_PATH, params);
 };
 
+export const getDeskPath = (mind: string): string =>
+  generatePath(DESK_PATH, { mind: encodeURIComponent(mind) });
+
 export const getCreatePath = (): string => CREATE_PATH;
 
 export const getInboxPath = (): string => INBOX_PATH;
diff --git a/src/app/pages/paths.ts b/src/app/pages/paths.ts
index 9cf4bfb9..eba4394d 100644
--- a/src/app/pages/paths.ts
+++ b/src/app/pages/paths.ts
@@ -17,6 +17,8 @@ export const REGISTER_PATH = '/register/:server?/';
 export type ResetPasswordPathSearchParams = {
   email?: string;
 };
+export const SIGNED_UP_PATH = '/signed-up/';
+
 export const RESET_PASSWORD_PATH = '/reset-password/:server?/';
 
 export const _CREATE_PATH = 'create/';
@@ -74,6 +76,9 @@ export type ExploreServerPathSearchParams = {
 };
 export const EXPLORE_SERVER_PATH = `/explore/${_SERVER_PATH}`;
 
+/** One Mind's desk: its open questions, read-only until sign-in reaches chat. */
+export const DESK_PATH = '/desk/:mind/';
+
 export const CREATE_PATH = '/create';
 
 export const _NOTIFICATIONS_PATH = 'notifications/';
diff --git a/src/app/pages/signedUpRoute.test.tsx b/src/app/pages/signedUpRoute.test.tsx
new file mode 100644
index 00000000..e1f69d31
--- /dev/null
+++ b/src/app/pages/signedUpRoute.test.tsx
@@ -0,0 +1,51 @@
+import React from 'react';
+import { beforeAll, describe, expect, it, vi } from 'vitest';
+import { renderToString } from 'react-dom/server';
+import { Route, createRoutesFromElements } from 'react-router-dom';
+import { StaticRouter, createStaticHandler } from 'react-router-dom/server';
+import { ClientConfigProvider } from '../hooks/useClientConfig';
+import type { ClientConfig } from '../hooks/useClientConfig';
+import { SIGNED_UP_PATH } from './paths';
+
+const config: ClientConfig = { registration: { enabled: true, url: 'https://accounts.example/' } };
+
+// The routes read localStorage when imported (settings atoms); the node environment has none.
+let authRoutes: typeof import('./auth/authRoutes').authRoutes;
+let SignedUp: typeof import('./auth').SignedUp;
+beforeAll(async () => {
+  vi.stubGlobal('localStorage', {
+    getItem: () => null,
+    setItem: () => undefined,
+    removeItem: () => undefined,
+  });
+  ({ authRoutes } = await import('./auth/authRoutes'));
+  ({ SignedUp } = await import('./auth'));
+}, 120_000);
+
+const matchPath = async (path: string) => {
+  const { query } = createStaticHandler(createRoutesFromElements(<Route>{authRoutes()}</Route>));
+  const context = await query(new Request(`http://localhost${path}`));
+  if (context instanceof Response) {
+    throw new Error(`redirected to ${context.headers.get('Location')}`);
+  }
+  return context.matches;
+};
+
+describe('the sign-up return page in the real route table', () => {
+  it('is its own route, outside AuthLayout (which would send it to sign in)', async () => {
+    const matches = await matchPath(SIGNED_UP_PATH);
+    // the pathless root, then the page itself: no layout route in between
+    expect(matches?.map((m) => m.route.path)).toEqual([undefined, SIGNED_UP_PATH]);
+  });
+
+  it('renders its words, not the sign-in form, when the switch is on', () => {
+    const html = renderToString(
+      <ClientConfigProvider value={config}>
+        <StaticRouter location={SIGNED_UP_PATH}>
+          <SignedUp />
+        </StaticRouter>
+      </ClientConfigProvider>
+    );
+    expect(html).toContain('Follow the steps from the sign-up page');
+  });
+});
diff --git a/src/app/phoneTapTargets.test.ts b/src/app/phoneTapTargets.test.ts
new file mode 100644
index 00000000..57a40bfc
--- /dev/null
+++ b/src/app/phoneTapTargets.test.ts
@@ -0,0 +1,84 @@
+import { describe, expect, it } from 'vitest';
+import zlib from 'zlib';
+import { compile, processVanillaFile } from '@vanilla-extract/integration';
+import { MOBILE_BREAKPOINT } from './hooks/useScreenSize';
+
+// The CSS a .css.ts file emits, read back from vanilla-extract's own compile (as pages/auth/footerBand.test.ts does;
+// vanilla-extract gzips the inlined source only when it is large, so both forms are read).
+const emitted = async (file: string) => {
+  const filePath = `${process.cwd()}/src/app/${file}`;
+  const { source } = await compile({ filePath, cwd: process.cwd(), identOption: 'debug' });
+  const code = await processVanillaFile({ source, filePath, identOption: 'debug' });
+  const bytes = Buffer.from(
+    (code.match(/source=#?([A-Za-z0-9+/=]+)/) as RegExpMatchArray)[1],
+    'base64'
+  );
+  return (bytes[0] === 0x1f && bytes[1] === 0x8b ? zlib.gunzipSync(bytes) : bytes).toString();
+};
+
+type Decls = Record<string, number>;
+const parse = (body: string): Decls =>
+  Object.fromEntries(
+    body
+      .split('\n')
+      .map((l) => l.trim().replace(/;$/, ''))
+      .filter((l) => /^[a-z-]+: -?\d+px$/.test(l))
+      .map((l) => [l.split(':')[0], Number(l.split(': ')[1].replace('px', ''))])
+  );
+
+/** Pixel declarations of the rules whose selector matches, inside or outside a media query. */
+const rulesFor = (css: string, selector: RegExp, media: string | undefined): Decls[] => {
+  const scope = media
+    ? [...css.matchAll(/@media ([^{]+) \{\n([\s\S]*?\n)\}(?:\n|$)/g)]
+        .filter((m) => m[1] === media)
+        .map((m) => m[2])
+        .join('\n')
+    : css.replace(/@media [^{]+ \{\n[\s\S]*?\n\}(?:\n|$)/g, '');
+  return [...scope.matchAll(/^\s*([^{}\n]+) \{\n([^}]*)\}/gm)]
+    .filter((m) => selector.test(m[1]))
+    .map((m) => parse(m[2]));
+};
+
+const PHONE = `screen and (max-width: ${MOBILE_BREAKPOINT}px)`;
+const TAP = 44;
+
+// [target, css file, selector, measured height in CSS px on the Starfire phone run (390x844)].
+const targets: [string, string, RegExp, number][] = [
+  [
+    'sender-name button',
+    'components/message/layout/layout.css.ts',
+    /^button\.layout_Username__/,
+    23,
+  ],
+  [
+    'room-topic button',
+    'features/room/RoomViewHeader.css.ts',
+    /RoomViewHeader_HeaderTopic__\w+$/,
+    18,
+  ],
+  ['sign-in card links', 'pages/auth/styles.css.ts', /styles_AuthCard__\w+ a$/, 16],
+  ['sign-in footer links', 'pages/auth/styles.css.ts', /styles_AuthFooter__\w+ a$/, 22],
+];
+
+describe.each(targets)('phone tap target: %s', (_name, file, selector, height) => {
+  it(`grows its hit area to ${TAP} px without moving layout`, async () => {
+    const css = await emitted(file);
+    const [phone] = rulesFor(css, selector, PHONE);
+    expect(phone, 'a phone rule exists').toBeDefined();
+    const top = phone['padding-top'] ?? phone['padding-block'];
+    const bottom = phone['padding-bottom'] ?? phone['padding-block'];
+    const marginTop = phone['margin-top'] ?? phone['margin-block'];
+    const marginBottom = phone['margin-bottom'] ?? phone['margin-block'];
+    expect(height + top + bottom).toBeGreaterThanOrEqual(TAP);
+    // the margin takes back exactly what the padding added, so the target does not move or push its neighbours
+    expect(marginTop).toBe(-top);
+    expect(marginBottom).toBe(-bottom);
+  });
+
+  it('leaves every other screen as it was: no padding or margin outside the phone query', async () => {
+    const css = await emitted(file);
+    rulesFor(css, selector, undefined).forEach((decls) =>
+      expect(Object.keys(decls).filter((k) => /^(padding|margin)/.test(k))).toEqual([])
+    );
+  });
+});
diff --git a/src/app/plugins/markdown/inline/rules.ts b/src/app/plugins/markdown/inline/rules.ts
index 77bcbd57..2a7c6016 100644
--- a/src/app/plugins/markdown/inline/rules.ts
+++ b/src/app/plugins/markdown/inline/rules.ts
@@ -1,8 +1,7 @@
 import { InlineMDRule } from './type';
+import { ESC_NEG_LB, URL_NEG_LB } from '../../../utils/regex';
 
 const MIN_ANY = '(.+?)';
-const URL_NEG_LB = '(?<!(https?|ftp|mailto|magnet):\\/\\/\\S*)';
-const ESC_NEG_LB = '(?<!\\\\)';
 
 const BOLD_MD_1 = '**';
 const BOLD_PREFIX_1 = `${ESC_NEG_LB}\\*{2}`;
diff --git a/src/app/state/sessions.ts b/src/app/state/sessions.ts
index a9c34ce9..19f2212d 100644
--- a/src/app/state/sessions.ts
+++ b/src/app/state/sessions.ts
@@ -40,17 +40,17 @@ export function setFallbackSession(
   localStorage.setItem('cinny_user_id', userId);
   localStorage.setItem('cinny_hs_base_url', baseUrl);
 }
-export const removeFallbackSession = () => {
-  localStorage.removeItem('cinny_hs_base_url');
-  localStorage.removeItem('cinny_user_id');
-  localStorage.removeItem('cinny_device_id');
-  localStorage.removeItem('cinny_access_token');
+export const removeFallbackSession = (storage: Storage = localStorage) => {
+  storage.removeItem('cinny_hs_base_url');
+  storage.removeItem('cinny_user_id');
+  storage.removeItem('cinny_device_id');
+  storage.removeItem('cinny_access_token');
 };
-export const getFallbackSession = (): Session | undefined => {
-  const baseUrl = localStorage.getItem('cinny_hs_base_url');
-  const userId = localStorage.getItem('cinny_user_id');
-  const deviceId = localStorage.getItem('cinny_device_id');
-  const accessToken = localStorage.getItem('cinny_access_token');
+export const getFallbackSession = (storage: Storage = localStorage): Session | undefined => {
+  const baseUrl = storage.getItem('cinny_hs_base_url');
+  const userId = storage.getItem('cinny_user_id');
+  const deviceId = storage.getItem('cinny_device_id');
+  const accessToken = storage.getItem('cinny_access_token');
 
   if (baseUrl && userId && deviceId && accessToken) {
     const session: Session = {
diff --git a/src/app/state/settings.ts b/src/app/state/settings.ts
index 2b48fb59..b5165929 100644
--- a/src/app/state/settings.ts
+++ b/src/app/state/settings.ts
@@ -58,8 +58,10 @@ export interface Settings {
   soundscapeVoiceCap: number;
 }
 
+export const defaultThemeId = 'midnight-sky';
+
 const defaultSettings: Settings = {
-  themeId: 'midnight-sky',
+  themeId: defaultThemeId,
   useSystemTheme: false,
   lightThemeId: undefined,
   darkThemeId: undefined,
@@ -85,7 +87,7 @@ const defaultSettings: Settings = {
   encUrlPreview: false,
   showHiddenEvents: false,
   legacyUsernameColor: false,
-  poseBubbles: false,
+  poseBubbles: true,
 
   showNotifications: true,
   isNotificationSounds: true,
diff --git a/src/app/state/upload.ts b/src/app/state/upload.ts
index 810c0d2e..84786a29 100644
--- a/src/app/state/upload.ts
+++ b/src/app/state/upload.ts
@@ -1,9 +1,14 @@
 import { atom, useAtom } from 'jotai';
 import { atomFamily } from 'jotai/utils';
 import { MatrixClient, UploadResponse, UploadProgress, MatrixError } from 'matrix-js-sdk';
-import { useCallback } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { useThrottle } from '../hooks/useThrottle';
-import { uploadContent, TUploadContent } from '../utils/matrix';
+import {
+  ComponentLifecycle,
+  describeComponentLifecycle,
+  uploadContent,
+  TUploadContent,
+} from '../utils/matrix';
 
 export enum UploadStatus {
   Idle = 'idle',
@@ -105,22 +110,34 @@ export const useBindUploadAtom = (
   const [upload, setUpload] = useAtom(uploadAtom);
   const { file } = upload;
 
+  // For the failure text: renders and unmount of the component that owns this upload.
+  const life = useRef<ComponentLifecycle>({ attachedAt: 0, rendersAtAttach: 0, renders: [] });
+  if (life.current.renders.length < 50) life.current.renders.push(Date.now());
+  useEffect(() => {
+    const tracked = life.current;
+    tracked.unmountedAt = undefined;
+    return () => {
+      tracked.unmountedAt = Date.now();
+    };
+  }, []);
+
   const handleProgress = useThrottle(
     useCallback((progress: UploadProgress) => setUpload({ progress }), [setUpload]),
     { immediate: true, wait: 200 }
   );
 
-  const startUpload = useCallback(
-    () =>
-      uploadContent(mx, file, {
-        hideFilename,
-        onPromise: (promise: Promise<UploadResponse>) => setUpload({ promise }),
-        onProgress: handleProgress,
-        onSuccess: (mxc) => setUpload({ mxc }),
-        onError: (error) => setUpload({ error }),
-      }),
-    [mx, file, hideFilename, setUpload, handleProgress]
-  );
+  const startUpload = useCallback(() => {
+    life.current.attachedAt = Date.now();
+    life.current.rendersAtAttach = life.current.renders.length;
+    return uploadContent(mx, file, {
+      hideFilename,
+      describeLifecycle: () => describeComponentLifecycle(life.current),
+      onPromise: (promise: Promise<UploadResponse>) => setUpload({ promise }),
+      onProgress: handleProgress,
+      onSuccess: (mxc) => setUpload({ mxc }),
+      onError: (error) => setUpload({ error }),
+    });
+  }, [mx, file, hideFilename, setUpload, handleProgress]);
 
   const cancelUpload = useCallback(async () => {
     if (upload.status === UploadStatus.Loading) {
diff --git a/src/app/utils/matrix.ts b/src/app/utils/matrix.ts
index 2859dbc3..f0ded881 100644
--- a/src/app/utils/matrix.ts
+++ b/src/app/utils/matrix.ts
@@ -143,6 +143,270 @@ export type ContentUploadOptions = {
   onProgress?: (progress: UploadProgress) => void;
   onSuccess: (mxc: string) => void;
   onError: (error: MatrixError) => void;
+  /** Read at failure time: what the owning component did since the upload attached. */
+  describeLifecycle?: () => string;
+};
+
+let lastUserActivity = Date.now();
+export const noteUserActivity = () => {
+  lastUserActivity = Date.now();
+};
+if (typeof window !== 'undefined') {
+  ['pointerdown', 'keydown', 'touchstart'].forEach((type) =>
+    window.addEventListener(type, noteUserActivity, { capture: true, passive: true })
+  );
+}
+
+export type AbortCall = { api: string; frames: string };
+
+/** What the progress handler saw of one upload, for the failure text. */
+export type UploadTrace = {
+  startedAt: number;
+  firstProgressAt?: number;
+  loaded?: number;
+  total?: number;
+  /** Summary of an earlier attempt of the same upload, when this one is a retry. */
+  previous?: string;
+  /** abort() calls the page made while this attempt ran; absent when not probed. */
+  aborts?: AbortCall[];
+  /** What the owning component did since the upload attached. */
+  lifecycle?: string;
+  /** Upload XHR events and end state, and whether our own signal was aborted. */
+  xhr?: string;
+  signalAborted?: boolean;
+};
+
+const MAX_FRAMES = 6;
+const MAX_ABORT_CALLS = 4;
+
+/**
+ * An Error stack as `file:line:col < file:line:col`, at most six frames. The error line and the
+ * probe's own frame are dropped; origins and function names are not kept.
+ */
+export const formatAbortStack = (stack: string): string => {
+  const frames = stack
+    .split('\n')
+    .map((l) => l.trim())
+    .filter((l) => l.startsWith('at ') || l.includes('@'))
+    .map((l) => {
+      const m = /([^/\s()@]+):(\d+):(\d+)\)?$/.exec(l);
+      return m ? `${m[1]}:${m[2]}:${m[3]}` : undefined;
+    })
+    .filter((f): f is string => f !== undefined)
+    .slice(1, 1 + MAX_FRAMES);
+  return frames.length > 0 ? frames.join(' < ') : 'no stack';
+};
+
+export type ComponentLifecycle = {
+  attachedAt: number;
+  rendersAtAttach: number;
+  renders: number[];
+  unmountedAt?: number;
+};
+
+/** What the component that owns an upload did after the upload attached to it. */
+export const describeComponentLifecycle = (life: ComponentLifecycle): string => {
+  const since = life.renders.slice(life.rendersAtAttach);
+  const quick = since.filter((t) => t - life.attachedAt <= 300).length;
+  const unmount =
+    life.unmountedAt === undefined
+      ? 'not unmounted'
+      : `unmounted +${life.unmountedAt - life.attachedAt}ms`;
+  return `component: ${since.length} renders since attach (${quick} within 300ms), ${unmount}`;
+};
+
+export type XhrRecord = {
+  xhr: XMLHttpRequest;
+  method: string;
+  path: string;
+  startedAt: number;
+  events: string[];
+};
+
+type Probe = { calls: AbortCall[]; xhrs: XhrRecord[] };
+
+const probes = new Set<Probe>();
+let restoreProbe: (() => void) | undefined;
+const xhrTargets = new WeakMap<object, { method: string; path: string }>();
+
+const XHR_EVENTS = ['loadstart', 'error', 'abort', 'timeout', 'load', 'loadend'];
+const MAX_XHR_EVENTS = 12;
+
+/* eslint-disable no-param-reassign */
+const patchAbort = (proto: { abort: (...a: any[]) => any }, api: string) => {
+  const original = proto.abort;
+  const wrapper = function abortProbe(this: unknown, ...args: any[]) {
+    const frames = formatAbortStack(new Error().stack ?? '');
+    probes.forEach(({ calls }) => {
+      if (calls.length < MAX_ABORT_CALLS) calls.push({ api, frames });
+    });
+    return original.apply(this, args);
+  };
+  proto.abort = wrapper;
+  return () => {
+    if (proto.abort === wrapper) proto.abort = original;
+  };
+};
+
+// Upload XHRs only; the path is kept and the query (it holds the access token) is dropped.
+const patchXhr = (proto: XMLHttpRequest) => {
+  const { open, send } = proto;
+  const openWrapper = function openProbe(this: XMLHttpRequest, ...args: any[]) {
+    try {
+      const url = new URL(String(args[1]), 'http://x');
+      if (url.pathname.includes('/upload')) {
+        xhrTargets.set(this, { method: String(args[0]).toUpperCase(), path: url.pathname });
+      }
+    } catch {
+      // not a URL we can read; the request is not recorded
+    }
+    return (open as any).apply(this, args);
+  };
+  const sendWrapper = function sendProbe(this: XMLHttpRequest, ...args: any[]) {
+    const target = xhrTargets.get(this);
+    if (target && probes.size > 0) {
+      const startedAt = Date.now();
+      const events: string[] = [];
+      const note = (name: string) => () => {
+        if (events.length < MAX_XHR_EVENTS) events.push(`${name} +${Date.now() - startedAt}ms`);
+      };
+      XHR_EVENTS.forEach((ev) => this.addEventListener(ev, note(ev)));
+      XHR_EVENTS.forEach((ev) => this.upload?.addEventListener(ev, note(`upload.${ev}`)));
+      this.upload?.addEventListener(
+        'progress',
+        (() => {
+          let first = true;
+          return () => {
+            if (first) note('upload.progress')();
+            first = false;
+          };
+        })()
+      );
+      const record: XhrRecord = { xhr: this, ...target, startedAt, events };
+      probes.forEach((probe) => probe.xhrs.push(record));
+    }
+    return (send as any).apply(this, args);
+  };
+  (proto as any).open = openWrapper;
+  (proto as any).send = sendWrapper;
+  return () => {
+    if ((proto as any).open === openWrapper) (proto as any).open = open;
+    if ((proto as any).send === sendWrapper) (proto as any).send = send;
+  };
+};
+/* eslint-enable no-param-reassign */
+
+const describeXhr = (r: XhrRecord): string =>
+  `${r.method} ${r.path} readyState ${r.xhr.readyState} status ${
+    r.xhr.status
+  } events [${r.events.join(', ')}]`;
+
+/**
+ * Records, until stopped, every XMLHttpRequest.abort and AbortController.abort the page makes and
+ * the lifecycle events and end state of upload XHRs. The prototypes are wrapped while at least one
+ * probe runs and restored when the last one stops; the wrappers change no behaviour.
+ */
+export const startAbortProbe = () => {
+  const probe: Probe = { calls: [], xhrs: [] };
+  if (probes.size === 0) {
+    const restores: (() => void)[] = [];
+    if (typeof XMLHttpRequest !== 'undefined') {
+      restores.push(patchAbort(XMLHttpRequest.prototype, 'XHR.abort'));
+      restores.push(patchXhr(XMLHttpRequest.prototype));
+    }
+    if (typeof AbortController !== 'undefined') {
+      restores.push(patchAbort(AbortController.prototype, 'AbortController.abort'));
+    }
+    restoreProbe = () => restores.forEach((r) => r());
+  }
+  probes.add(probe);
+  return {
+    calls: probe.calls,
+    xhrs: probe.xhrs,
+    describeXhrs: () =>
+      probe.xhrs.length === 0 ? 'xhr: none seen' : `xhr: ${probe.xhrs.map(describeXhr).join('; ')}`,
+    stop: () => {
+      probes.delete(probe);
+      if (probes.size === 0) {
+        restoreProbe?.();
+        restoreProbe = undefined;
+      }
+    },
+  };
+};
+
+const describeNetwork = (): string => {
+  const online =
+    typeof navigator !== 'undefined' && navigator.onLine === false ? 'offline' : 'online';
+  const c = typeof navigator !== 'undefined' ? (navigator as any).connection : undefined;
+  const net = c
+    ? `${c.effectiveType ?? '?'} rtt ${c.rtt ?? '?'}ms down ${c.downlink ?? '?'}Mbps saveData ${
+        c.saveData ? 'on' : 'off'
+      }`
+    : 'n/a';
+  const tab = typeof document !== 'undefined' ? document.visibilityState : 'n/a';
+  return `${online}, net ${net}, tab ${tab}`;
+};
+
+/**
+ * Describe why an upload died. The SDK reports an XHR with status 0 as an AbortError
+ * DOMException with an empty message, so the text carries what the client can observe: file
+ * size, type and readability, connectivity, tab visibility, idle time, progress, time to fail.
+ */
+export const uploadFailure = async (
+  e: any,
+  file: TUploadContent,
+  trace?: UploadTrace
+): Promise<MatrixError> => {
+  const now = Date.now();
+  const name = typeof e?.name === 'string' && e.name ? e.name : 'Error';
+  const message = typeof e?.message === 'string' ? e.message : '';
+  let readable: string;
+  try {
+    await file.arrayBuffer();
+    readable = 'file readable';
+  } catch (readErr: any) {
+    readable = `file unreadable (${readErr?.name ?? 'unknown'})`;
+  }
+  const parts = [`${file.size} bytes`, file.type || 'unknown type', readable, describeNetwork()];
+  parts.push(`idle ${now - lastUserActivity}ms`);
+  if (trace) {
+    parts.push(
+      trace.firstProgressAt === undefined
+        ? 'no progress'
+        : `first progress ${trace.firstProgressAt - trace.startedAt}ms ${trace.loaded ?? 0}/${
+            trace.total ?? '?'
+          }B`
+    );
+    parts.push(`failed after ${now - trace.startedAt}ms`);
+    if (trace.aborts) {
+      parts.push(
+        trace.aborts.length === 0
+          ? 'abort calls: none'
+          : `abort calls: ${trace.aborts.map((a) => `${a.api} ${a.frames}`).join('; ')}`
+      );
+    }
+    if (trace.xhr) parts.push(trace.xhr);
+    if (trace.signalAborted !== undefined) parts.push(`signal.aborted ${trace.signalAborted}`);
+    if (trace.lifecycle) parts.push(trace.lifecycle);
+    if (trace.previous) parts.push(`retried (attempt 1: ${trace.previous})`);
+  }
+  const error = `Upload failed: ${message ? `${name}: ${message}` : name} (${parts.join(', ')})`;
+  const err = new MatrixError({ error, errcode: name });
+  (err as any).cause = e;
+  return err;
+};
+
+// An abort before any progress, within this long, is retried once: the request most likely died on
+// a reused connection before a byte left, and the failed attempt discards that connection. Nothing
+// here has shown that is the cause; the failure text records both attempts so it can be checked.
+const RETRY_WINDOW_MS = 3000;
+
+const copyInMemory = async (file: TUploadContent): Promise<TUploadContent> => {
+  const bytes = await file.arrayBuffer();
+  return typeof File !== 'undefined' && file instanceof File
+    ? new File([bytes], file.name, { type: file.type, lastModified: file.lastModified })
+    : new Blob([bytes], { type: file.type });
 };
 
 export const uploadContent = async (
@@ -150,24 +414,86 @@ export const uploadContent = async (
   file: TUploadContent,
   options: ContentUploadOptions
 ) => {
-  const { name, fileType, hideFilename, onProgress, onPromise, onSuccess, onError } = options;
-
-  const uploadPromise = mx.uploadContent(file, {
+  const {
     name,
-    type: fileType,
-    includeFilename: !hideFilename,
-    progressHandler: onProgress,
-  });
-  onPromise?.(uploadPromise);
-  try {
-    const data = await uploadPromise;
-    const mxc = data.content_uri;
-    if (mxc) onSuccess(mxc);
-    else onError(new MatrixError(data));
-  } catch (e: any) {
-    const error = typeof e?.message === 'string' ? e.message : undefined;
-    const errcode = typeof e?.name === 'string' ? e.message : undefined;
-    onError(new MatrixError({ error, errcode }));
+    fileType,
+    hideFilename,
+    onProgress,
+    onPromise,
+    onSuccess,
+    onError,
+    describeLifecycle,
+  } = options;
+
+  let previous: string | undefined;
+  for (let attempt = 1; ; attempt += 1) {
+    // The browser may hold a picked file as a handle it cannot always re-read (e.g. content://), so
+    // each attempt uploads a copy held in memory; a file that cannot be read fails here, named.
+    let body: TUploadContent;
+    try {
+      // eslint-disable-next-line no-await-in-loop
+      body = await copyInMemory(file);
+    } catch (readErr: any) {
+      const errcode = readErr?.name || 'Error';
+      onError(
+        new MatrixError({
+          error: `Upload failed: file unreadable before upload (${errcode}) (${file.size} bytes, ${
+            file.type || 'unknown type'
+          })`,
+          errcode,
+        })
+      );
+      return;
+    }
+    const probe = startAbortProbe();
+    const trace: UploadTrace = { startedAt: Date.now(), previous, aborts: probe.calls };
+    const abortController = new AbortController();
+    try {
+      const uploadPromise = mx.uploadContent(body, {
+        name,
+        type: fileType,
+        includeFilename: !hideFilename,
+        abortController,
+        progressHandler: (progress) => {
+          if (trace.firstProgressAt === undefined) trace.firstProgressAt = Date.now();
+          trace.loaded = progress.loaded;
+          trace.total = progress.total;
+          onProgress?.(progress);
+        },
+      });
+      onPromise?.(uploadPromise);
+      try {
+        // eslint-disable-next-line no-await-in-loop
+        const data = await uploadPromise;
+        const mxc = data.content_uri;
+        if (mxc) onSuccess(mxc);
+        else onError(new MatrixError(data));
+        return;
+      } catch (e: any) {
+        const elapsed = Date.now() - trace.startedAt;
+        trace.xhr = probe.describeXhrs();
+        trace.signalAborted = abortController.signal.aborted;
+        const retry =
+          attempt === 1 &&
+          e?.name === 'AbortError' &&
+          !abortController.signal.aborted &&
+          trace.firstProgressAt === undefined &&
+          elapsed < RETRY_WINDOW_MS;
+        if (!retry) {
+          trace.lifecycle = describeLifecycle?.();
+          // eslint-disable-next-line no-await-in-loop
+          onError(await uploadFailure(e, file, trace));
+          return;
+        }
+        previous = `AbortError after ${elapsed}ms, no progress, ${
+          trace.aborts?.length
+            ? `abort calls: ${trace.aborts.map((a) => `${a.api} ${a.frames}`).join('; ')}`
+            : 'abort calls: none'
+        }, ${trace.xhr}`;
+      }
+    } finally {
+      probe.stop();
+    }
   }
 };
 
diff --git a/src/app/utils/regex.ts b/src/app/utils/regex.ts
index 0b98b0e2..0c8eced9 100644
--- a/src/app/utils/regex.ts
+++ b/src/app/utils/regex.ts
@@ -4,14 +4,31 @@
 export const sanitizeForRegex = (unsafeText: string): string =>
   unsafeText.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&').replace(/-/g, '\\x2d');
 
-export const HTTP_URL_PATTERN = `https?:\\/\\/(?:www\\.)?(?:[^\\s)]*)(?<![.,:;!/?()[\\]\\s]+)`;
+/**
+ * Whether this engine compiles lookbehind (Safari before 16.4 does not, and building such a RegExp throws, which at
+ * module load blanks the app). Patterns below that use lookbehind degrade when it is missing.
+ */
+export const LOOKBEHIND = ((): boolean => {
+  try {
+    return new RegExp('(?<=a)b').test('ab');
+  } catch {
+    return false;
+  }
+})();
+
+// Without lookbehind a URL keeps any trailing punctuation.
+export const HTTP_URL_PATTERN = LOOKBEHIND
+  ? `https?:\\/\\/(?:www\\.)?(?:[^\\s)]*)(?<![.,:;!/?()[\\]\\s]+)`
+  : `https?:\\/\\/(?:www\\.)?(?:[^\\s)]*)`;
 
 export const URL_REG = new RegExp(HTTP_URL_PATTERN, 'g');
 
 export const EMAIL_REGEX =
   /^(([^<>()[\]\\.,;:\s@\\"]+(\.[^<>()[\]\\.,;:\s@\\"]+)*)|(\\".+\\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 
-export const URL_NEG_LB = '(?<!(https?|ftp|mailto|magnet):\\/\\/\\S*)';
+export const URL_NEG_LB = LOOKBEHIND ? '(?<!(https?|ftp|mailto|magnet):\\/\\/\\S*)' : '';
+/** Not preceded by a backslash; without lookbehind, escapes are not honoured. */
+export const ESC_NEG_LB = LOOKBEHIND ? '(?<!\\\\)' : '';
 
 // https://en.wikipedia.org/wiki/Variation_Selectors_(Unicode_block)
 export const VARIATION_SELECTOR_PATTERN = '[\uFE00-\uFE0F]';
diff --git a/src/app/utils/trainingNotice.test.ts b/src/app/utils/trainingNotice.test.ts
index 0663d2f9..dce3ee90 100644
--- a/src/app/utils/trainingNotice.test.ts
+++ b/src/app/utils/trainingNotice.test.ts
@@ -4,7 +4,9 @@ import {
   ROOM_NOTICE_EVENT_TYPE,
   TRAINING_NOTICE_TEXT,
   parseRoomNotice,
+  PREVIEW_NOTICE_TEXT,
   roomTrainingLine,
+  trainingNoticeText,
 } from './trainingNotice';
 
 const lineFor = (content: unknown) => roomTrainingLine(parseRoomNotice(content));
@@ -66,3 +68,23 @@ describe('training notice', () => {
     expect(lineFor({ version: 1, scope: ['train'] })).toBeUndefined();
   });
 });
+
+describe('training notice on the pretend server', () => {
+  it('states that nothing is trained instead of the real sentence', () => {
+    expect(trainingNoticeText(true)).toBe(PREVIEW_NOTICE_TEXT);
+    expect(PREVIEW_NOTICE_TEXT).not.toContain('may be used to train');
+    expect(PREVIEW_NOTICE_TEXT.toLowerCase()).toContain('pretend');
+  });
+
+  it('keeps the ruled sentence everywhere else', () => {
+    expect(trainingNoticeText(false)).toBe(TRAINING_NOTICE_TEXT);
+    expect(trainingNoticeText(undefined)).toBe(TRAINING_NOTICE_TEXT);
+  });
+
+  it('shows the same text in a train room and at registration', () => {
+    const notice = parseRoomNotice({ version: 1, scope: 'train' });
+    expect(roomTrainingLine(notice, true)).toBe(trainingNoticeText(true));
+    expect(roomTrainingLine(notice, false)).toBe(trainingNoticeText(false));
+    expect(roomTrainingLine(parseRoomNotice({ version: 1, scope: 'show' }), true)).toBeUndefined();
+  });
+});
diff --git a/src/app/utils/trainingNotice.ts b/src/app/utils/trainingNotice.ts
index 7f60cce4..7d7f6fa1 100644
--- a/src/app/utils/trainingNotice.ts
+++ b/src/app/utils/trainingNotice.ts
@@ -3,6 +3,24 @@ import { StateEvent } from '../../types/matrix/room';
 export const TRAINING_NOTICE_TEXT =
   "Everything said here may be used to train GameCult's AI stewards.";
 
+// Source: Meta, 2026-11-09: server-wide, human-to-human DMs excepted, estate-room exception open.
+// Neither exception is implemented here: the registration notice is unconditional, and the room
+// line follows only the room's notice event, with no check for direct messages or estate rooms.
+// The agreed rule is an acknowledgment that Minds on the server read what is said and learn from
+// it; it is not consent to training. TRAINING_NOTICE_TEXT still reads 'may be used to train', and
+// that wording is Meta's to settle. It never mentions Discord (the test pins this). It renders in
+// two places: the registration acknowledgement (PasswordRegisterForm.tsx, via TrainingNotice.tsx)
+// and the line in any room whose org.gamecult.notice state event has scope 'train'
+// (roomTrainingLine, shown by RoomTrainingLine.tsx from RoomView.tsx).
+// The preview build runs against a pretend server where nothing is trained, so the real sentence
+// would be false there.
+export const PREVIEW_NOTICE_TEXT =
+  'Pretend server: nothing you type here is stored or used to train anything.';
+
+/** The one sentence every first-typing surface shows: the real one, or the pretend server's. */
+export const trainingNoticeText = (previewDemo?: boolean): string =>
+  previewDemo === true ? PREVIEW_NOTICE_TEXT : TRAINING_NOTICE_TEXT;
+
 /**
  * Heimdall's ruling: a room's notice is a room state event, not a pinned message. Type below,
  * state_key '', content `{version, scope}`; scope exactly one of show, study or train. Heimdall's
@@ -10,6 +28,13 @@ export const TRAINING_NOTICE_TEXT =
  * else is malformed. Absent or malformed in any way means no train line.
  */
 export const MAX_NOTICE_VERSION = 4294967295;
+
+/**
+ * The version of the notice wording above. Registration shows it with the text, and a room's
+ * notice event carries the same number, so one text has one version on both surfaces. Bump it
+ * with the wording and nowhere else.
+ */
+export const TRAINING_NOTICE_VERSION = 1;
 export const ROOM_NOTICE_EVENT_TYPE = StateEvent.GameCultNotice;
 
 export type RoomNotice = { version: number; scope: 'show' | 'study' | 'train' };
@@ -31,5 +56,7 @@ export const parseRoomNotice = (content: unknown): RoomNotice | undefined => {
 };
 
 /** The line a room shows: only a notice that says `train` in terms gets the train sentence. */
-export const roomTrainingLine = (notice: RoomNotice | undefined): string | undefined =>
-  notice?.scope === 'train' ? TRAINING_NOTICE_TEXT : undefined;
+export const roomTrainingLine = (
+  notice: RoomNotice | undefined,
+  previewDemo?: boolean
+): string | undefined => (notice?.scope === 'train' ? trainingNoticeText(previewDemo) : undefined);
diff --git a/src/app/utils/uploadAbortProbe.test.ts b/src/app/utils/uploadAbortProbe.test.ts
new file mode 100644
index 00000000..557908ef
--- /dev/null
+++ b/src/app/utils/uploadAbortProbe.test.ts
@@ -0,0 +1,171 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import {
+  describeComponentLifecycle,
+  formatAbortStack,
+  startAbortProbe,
+  uploadContent,
+  uploadFailure,
+} from './matrix';
+
+const chromeStack = [
+  'Error',
+  '    at wrapper (https://chat.example/assets/index-abc.js:1:100)',
+  '    at https://chat.example/assets/index-abc.js:1:200',
+  '    at Object.cb (https://chat.example/assets/vendor-def.js:7:8)',
+  '    at https://chat.example/assets/a.js:2:3',
+  '    at https://chat.example/assets/b.js:4:5',
+  '    at https://chat.example/assets/c.js:6:7',
+  '    at https://chat.example/assets/d.js:8:9',
+  '    at https://chat.example/assets/e.js:10:11',
+].join('\n');
+
+describe('formatAbortStack', () => {
+  it('keeps at most six frames as file:line:col, skipping the probe wrapper and the error line', () => {
+    const out = formatAbortStack(chromeStack);
+    const frames = out.split(' < ');
+    expect(frames).toHaveLength(6);
+    expect(frames[0]).toBe('index-abc.js:1:200');
+    expect(out).not.toContain('https://');
+    expect(out).not.toContain('wrapper');
+  });
+
+  it('copes with an empty stack', () => {
+    expect(formatAbortStack('')).toBe('no stack');
+  });
+});
+
+describe('abort probe', () => {
+  const original = AbortController.prototype.abort;
+
+  afterEach(() => {
+    vi.unstubAllGlobals();
+    AbortController.prototype.abort = original;
+  });
+
+  it('records an AbortController.abort made while it runs, still aborts, and restores afterwards', () => {
+    const probe = startAbortProbe();
+    expect(AbortController.prototype.abort).not.toBe(original);
+    const c = new AbortController();
+    c.abort();
+    expect(c.signal.aborted).toBe(true);
+    probe.stop();
+    expect(AbortController.prototype.abort).toBe(original);
+    expect(probe.calls).toHaveLength(1);
+    expect(probe.calls[0].api).toBe('AbortController.abort');
+  });
+
+  it('records XMLHttpRequest.prototype.abort and restores it', () => {
+    const xhrAbort = vi.fn();
+    class FakeXhr {
+      // eslint-disable-next-line class-methods-use-this
+      abort() {
+        xhrAbort();
+      }
+    }
+    vi.stubGlobal('XMLHttpRequest', FakeXhr);
+    const probe = startAbortProbe();
+    new FakeXhr().abort();
+    probe.stop();
+    expect(xhrAbort).toHaveBeenCalledTimes(1);
+    expect(probe.calls.map((c) => c.api)).toContain('XHR.abort');
+    expect(FakeXhr.prototype.abort.toString()).not.toContain('collectors');
+    const after = new FakeXhr();
+    after.abort();
+    expect(xhrAbort).toHaveBeenCalledTimes(2);
+  });
+
+  it('records nothing after stop', () => {
+    const probe = startAbortProbe();
+    probe.stop();
+    new AbortController().abort();
+    expect(probe.calls).toHaveLength(0);
+  });
+
+  it('keeps the wrapper until the last overlapping probe stops, then restores the original', () => {
+    const a = startAbortProbe();
+    const b = startAbortProbe();
+    a.stop();
+    new AbortController().abort();
+    expect(b.calls).toHaveLength(1);
+    expect(a.calls).toHaveLength(0);
+    b.stop();
+    expect(AbortController.prototype.abort).toBe(original);
+  });
+
+  it('restores the original when the upload attempt throws', async () => {
+    const mx = { uploadContent: () => Promise.reject(new Error('boom')) } as any;
+    await uploadContent(mx, new Blob(['x']), { onSuccess: vi.fn(), onError: vi.fn() });
+    expect(AbortController.prototype.abort).toBe(original);
+  });
+
+  it('restores the original when uploadContent itself throws synchronously', async () => {
+    const mx = {
+      uploadContent: () => {
+        throw new Error('sync');
+      },
+    } as any;
+    await expect(
+      uploadContent(mx, new Blob(['x']), { onSuccess: vi.fn(), onError: vi.fn() })
+    ).rejects.toThrow('sync');
+    expect(AbortController.prototype.abort).toBe(original);
+  });
+});
+
+describe('failure text', () => {
+  const abort = () => new DOMException('', 'AbortError');
+
+  it('lists abort calls seen during the attempt', async () => {
+    const mx = {
+      uploadContent: () => {
+        new AbortController().abort();
+        return Promise.reject(abort());
+      },
+    } as any;
+    const onError = vi.fn();
+    await uploadContent(mx, new Blob(['x']), { onSuccess: vi.fn(), onError });
+    // retried once: the final message carries the second attempt and attempt 1's summary
+    const msg = onError.mock.calls[0][0].message;
+    expect(msg).toContain('abort calls: AbortController.abort');
+    expect(msg).toContain('retried (attempt 1: AbortError');
+  });
+
+  it('says none when nothing in the page called abort', async () => {
+    const err = await uploadFailure(abort(), new Blob(['x']), {
+      startedAt: Date.now(),
+      aborts: [],
+    });
+    expect(err.message).toContain('abort calls: none');
+  });
+
+  it('reports the component lifecycle when given', async () => {
+    const mx = { uploadContent: () => Promise.reject(new Error('Timeout')) } as any;
+    const onError = vi.fn();
+    await uploadContent(mx, new Blob(['x']), {
+      onSuccess: vi.fn(),
+      onError,
+      describeLifecycle: () => 'component remounted 0x, renders 3 (2 within 300ms)',
+    });
+    expect(onError.mock.calls[0][0].message).toContain('renders 3 (2 within 300ms)');
+  });
+});
+
+describe('describeComponentLifecycle', () => {
+  it('counts renders after attach and those within 300ms, and reports an unmount', () => {
+    const text = describeComponentLifecycle({
+      attachedAt: 1000,
+      rendersAtAttach: 1,
+      renders: [990, 1100, 1250, 1400],
+      unmountedAt: 1500,
+    });
+    expect(text).toBe('component: 3 renders since attach (2 within 300ms), unmounted +500ms');
+  });
+
+  it('says not unmounted when it was not', () => {
+    const text = describeComponentLifecycle({
+      attachedAt: 1000,
+      rendersAtAttach: 1,
+      renders: [990],
+    });
+    expect(text).toBe('component: 0 renders since attach (0 within 300ms), not unmounted');
+  });
+});
diff --git a/src/app/utils/uploadFailure.test.ts b/src/app/utils/uploadFailure.test.ts
new file mode 100644
index 00000000..ec1e8115
--- /dev/null
+++ b/src/app/utils/uploadFailure.test.ts
@@ -0,0 +1,100 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { noteUserActivity, uploadFailure } from './matrix';
+
+const abort = () => new DOMException('', 'AbortError');
+
+describe('uploadFailure', () => {
+  it('keeps the error name as errcode, never the message', async () => {
+    const err = await uploadFailure(abort(), new Blob(['abc'], { type: 'image/png' }));
+    expect(err.errcode).toBe('AbortError');
+  });
+
+  it('never reduces an empty-message error to "Unknown message"', async () => {
+    const err = await uploadFailure(abort(), new Blob(['abc']));
+    expect(err.message).not.toContain('Unknown message');
+    expect(err.message).toContain('AbortError');
+  });
+
+  it('reports size and type of the file', async () => {
+    const err = await uploadFailure(abort(), new Blob(['abcd'], { type: 'image/png' }));
+    expect(err.message).toContain('4 bytes');
+    expect(err.message).toContain('image/png');
+  });
+
+  it('keeps the original error as cause', async () => {
+    const e = abort();
+    const err = await uploadFailure(e, new Blob(['x']));
+    expect((err as any).cause).toBe(e);
+  });
+
+  it('says whether the browser could still read the file', async () => {
+    const ok = await uploadFailure(abort(), new Blob(['x']));
+    expect(ok.message).toContain('file readable');
+    const bad = new Blob(['x']);
+    (bad as any).arrayBuffer = () => Promise.reject(new DOMException('gone', 'NotReadableError'));
+    const err = await uploadFailure(abort(), bad);
+    expect(err.message).toContain('file unreadable (NotReadableError)');
+  });
+
+  it('keeps a real message when the error has one', async () => {
+    const err = await uploadFailure(new Error('Timeout'), new Blob(['x']));
+    expect(err.message).toContain('Timeout');
+    expect(err.errcode).toBe('Error');
+  });
+});
+
+describe('uploadFailure client trace', () => {
+  const blob = new Blob(['abcd'], { type: 'image/jpeg' });
+
+  afterEach(() => {
+    vi.useRealTimers();
+    vi.unstubAllGlobals();
+  });
+
+  it('reports connectivity, visibility and idle time at the moment of failure', async () => {
+    vi.useFakeTimers();
+    vi.setSystemTime(10_000);
+    vi.stubGlobal('navigator', {
+      onLine: false,
+      connection: { effectiveType: '3g', rtt: 300, downlink: 1.5, saveData: true },
+    });
+    vi.stubGlobal('document', { visibilityState: 'hidden' });
+    noteUserActivity();
+    vi.setSystemTime(13_000);
+    const err = await uploadFailure(abort(), blob, { startedAt: 12_000 });
+    expect(err.message).toContain('offline');
+    expect(err.message).toContain('3g rtt 300ms down 1.5Mbps saveData on');
+    expect(err.message).toContain('tab hidden');
+    expect(err.message).toContain('idle 3000ms');
+    expect(err.message).toContain('failed after 1000ms');
+  });
+
+  it('says so when no progress event ever arrived', async () => {
+    vi.useFakeTimers();
+    vi.setSystemTime(5_000);
+    const err = await uploadFailure(abort(), blob, { startedAt: 4_000 });
+    expect(err.message).toContain('no progress');
+  });
+
+  it('reports time to first progress and bytes loaded when some arrived', async () => {
+    vi.useFakeTimers();
+    vi.setSystemTime(9_000);
+    const err = await uploadFailure(abort(), blob, {
+      startedAt: 5_000,
+      firstProgressAt: 5_120,
+      loaded: 65536,
+      total: 700000,
+    });
+    expect(err.message).toContain('first progress 120ms');
+    expect(err.message).toContain('65536/700000B');
+    expect(err.message).toContain('failed after 4000ms');
+  });
+
+  it('copes with a browser that has no connection info or document', async () => {
+    vi.stubGlobal('navigator', { onLine: true });
+    vi.stubGlobal('document', undefined);
+    const err = await uploadFailure(abort(), blob, { startedAt: Date.now() });
+    expect(err.message).toContain('online');
+    expect(err.message).toContain('net n/a');
+  });
+});
diff --git a/src/app/utils/uploadRetry.test.ts b/src/app/utils/uploadRetry.test.ts
new file mode 100644
index 00000000..3e9957c2
--- /dev/null
+++ b/src/app/utils/uploadRetry.test.ts
@@ -0,0 +1,113 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { uploadContent } from './matrix';
+
+const abort = () => new DOMException('', 'AbortError');
+const blob = new Blob(['abcd'], { type: 'image/jpeg' });
+
+type Step = (opts: any) => Promise<any>;
+const fakeMx = (steps: Step[]) => {
+  const calls: any[] = [];
+  const mx = {
+    uploadContent: vi.fn((_file: unknown, opts: any) => {
+      calls.push(opts);
+      return steps[calls.length - 1](opts);
+    }),
+  };
+  return { mx: mx as any, calls };
+};
+const run = async (mx: any) => {
+  const onSuccess = vi.fn();
+  const onError = vi.fn();
+  const onPromise = vi.fn();
+  await uploadContent(mx, blob, { onSuccess, onError, onPromise });
+  return { onSuccess, onError, onPromise };
+};
+
+describe('uploadContent retry', () => {
+  afterEach(() => vi.useRealTimers());
+
+  it('retries once when the first attempt aborts at once with no progress', async () => {
+    const { mx } = fakeMx([
+      () => Promise.reject(abort()),
+      async () => ({ content_uri: 'mxc://a/b' }),
+    ]);
+    const r = await run(mx);
+    expect(mx.uploadContent).toHaveBeenCalledTimes(2);
+    expect(r.onSuccess).toHaveBeenCalledWith('mxc://a/b');
+    expect(r.onError).not.toHaveBeenCalled();
+    expect(r.onPromise).toHaveBeenCalledTimes(2);
+  });
+
+  it('retries at most once and reports both attempts when the retry fails too', async () => {
+    const { mx } = fakeMx([() => Promise.reject(abort()), () => Promise.reject(abort())]);
+    const r = await run(mx);
+    expect(mx.uploadContent).toHaveBeenCalledTimes(2);
+    const msg = r.onError.mock.calls[0][0].message;
+    expect(msg).toContain('retried');
+    expect(msg).toContain('attempt 1: AbortError');
+    expect(msg).toContain('no progress');
+  });
+
+  it('never retries after a progress event', async () => {
+    const { mx } = fakeMx([
+      (opts) => {
+        opts.progressHandler({ loaded: 10, total: 100 });
+        return Promise.reject(abort());
+      },
+      async () => ({ content_uri: 'mxc://a/b' }),
+    ]);
+    const r = await run(mx);
+    expect(mx.uploadContent).toHaveBeenCalledTimes(1);
+    expect(r.onError).toHaveBeenCalledTimes(1);
+    expect(r.onError.mock.calls[0][0].message).not.toContain('retried');
+  });
+
+  it('never retries after the user cancelled', async () => {
+    const { mx } = fakeMx([
+      (opts) => {
+        opts.abortController.abort();
+        return Promise.reject(abort());
+      },
+      async () => ({ content_uri: 'mxc://a/b' }),
+    ]);
+    const r = await run(mx);
+    expect(mx.uploadContent).toHaveBeenCalledTimes(1);
+    expect(r.onError).toHaveBeenCalledTimes(1);
+  });
+
+  it('never retries an error that is not an abort', async () => {
+    const { mx } = fakeMx([() => Promise.reject(new Error('Timeout')), async () => ({})]);
+    const r = await run(mx);
+    expect(mx.uploadContent).toHaveBeenCalledTimes(1);
+    expect(r.onError).toHaveBeenCalledTimes(1);
+  });
+
+  it('never retries an abort that took three seconds or more', async () => {
+    vi.useFakeTimers();
+    vi.setSystemTime(0);
+    const { mx } = fakeMx([
+      () => {
+        vi.setSystemTime(3000);
+        return Promise.reject(abort());
+      },
+      async () => ({ content_uri: 'mxc://a/b' }),
+    ]);
+    const r = await run(mx);
+    expect(mx.uploadContent).toHaveBeenCalledTimes(1);
+    expect(r.onError).toHaveBeenCalledTimes(1);
+  });
+
+  it('retries the same abort at 2999ms', async () => {
+    vi.useFakeTimers();
+    vi.setSystemTime(0);
+    const { mx } = fakeMx([
+      () => {
+        vi.setSystemTime(2999);
+        return Promise.reject(abort());
+      },
+      async () => ({ content_uri: 'mxc://a/b' }),
+    ]);
+    await run(mx);
+    expect(mx.uploadContent).toHaveBeenCalledTimes(2);
+  });
+});
diff --git a/src/app/utils/uploadXhrProbe.test.ts b/src/app/utils/uploadXhrProbe.test.ts
new file mode 100644
index 00000000..e72afa3d
--- /dev/null
+++ b/src/app/utils/uploadXhrProbe.test.ts
@@ -0,0 +1,163 @@
+/* eslint-disable class-methods-use-this, @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars, no-unused-vars */
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { startAbortProbe, uploadContent } from './matrix';
+
+class FakeXhr extends EventTarget {
+  upload = new EventTarget();
+
+  readyState = 0;
+
+  status = 0;
+
+  open(_method: string, _url: string) {
+    this.readyState = 1;
+  }
+
+  send() {
+    this.readyState = 2;
+  }
+
+  abort() {}
+}
+
+const origOpen = FakeXhr.prototype.open;
+const origSend = FakeXhr.prototype.send;
+const uploadUrl =
+  'https://matrix.example/_matrix/media/v3/upload?filename=a.jpg&access_token=SECRET';
+
+describe('XHR probe', () => {
+  afterEach(() => {
+    vi.unstubAllGlobals();
+    FakeXhr.prototype.open = origOpen;
+    FakeXhr.prototype.send = origSend;
+  });
+
+  it('records which events an upload XHR fired and how it ended, without the query string', () => {
+    vi.stubGlobal('XMLHttpRequest', FakeXhr);
+    const probe = startAbortProbe();
+    const x = new FakeXhr();
+    x.open('POST', uploadUrl);
+    x.send();
+    x.upload.dispatchEvent(new Event('loadstart'));
+    x.upload.dispatchEvent(new Event('error'));
+    x.dispatchEvent(new Event('error'));
+    x.readyState = 4;
+    x.status = 0;
+    probe.stop();
+    expect(probe.xhrs).toHaveLength(1);
+    const text = probe.describeXhrs();
+    expect(text).toContain('POST /_matrix/media/v3/upload');
+    expect(text).toContain('readyState 4 status 0');
+    expect(text).toContain('upload.loadstart');
+    expect(text).toContain('upload.error');
+    expect(text).toContain('error');
+    expect(text).not.toContain('SECRET');
+    expect(text).not.toContain('access_token');
+  });
+
+  it('ignores XHRs that are not uploads', () => {
+    vi.stubGlobal('XMLHttpRequest', FakeXhr);
+    const probe = startAbortProbe();
+    const x = new FakeXhr();
+    x.open('GET', 'https://matrix.example/_matrix/client/v3/sync');
+    x.send();
+    probe.stop();
+    expect(probe.xhrs).toHaveLength(0);
+    expect(probe.describeXhrs()).toBe('xhr: none seen');
+  });
+
+  it('still calls the real open and send and restores both afterwards', () => {
+    const open = vi.fn();
+    const send = vi.fn();
+    FakeXhr.prototype.open = open;
+    FakeXhr.prototype.send = send;
+    vi.stubGlobal('XMLHttpRequest', FakeXhr);
+    const probe = startAbortProbe();
+    const x = new FakeXhr();
+    x.open('POST', uploadUrl);
+    x.send();
+    expect(open).toHaveBeenCalledWith('POST', uploadUrl);
+    expect(send).toHaveBeenCalledTimes(1);
+    probe.stop();
+    expect(FakeXhr.prototype.open).toBe(open);
+    expect(FakeXhr.prototype.send).toBe(send);
+  });
+
+  it('records nothing for requests made after stop', () => {
+    vi.stubGlobal('XMLHttpRequest', FakeXhr);
+    const probe = startAbortProbe();
+    probe.stop();
+    const x = new FakeXhr();
+    x.open('POST', uploadUrl);
+    x.send();
+    expect(probe.xhrs).toHaveLength(0);
+  });
+});
+
+describe('uploadContent in-memory copy and failure line', () => {
+  const abort = () => new DOMException('', 'AbortError');
+
+  it('uploads an in-memory copy with the same bytes, name and type, not the original', async () => {
+    const file = new File(['abcdef'], 'a.jpg', { type: 'image/jpeg' });
+    let sent: any;
+    const mx = {
+      uploadContent: vi.fn(async (f: any) => {
+        sent = f;
+        return { content_uri: 'mxc://a/b' };
+      }),
+    } as any;
+    await uploadContent(mx, file, { onSuccess: vi.fn(), onError: vi.fn() });
+    expect(sent).not.toBe(file);
+    expect(sent.type).toBe('image/jpeg');
+    expect(sent.name).toBe('a.jpg');
+    expect(await sent.text()).toBe('abcdef');
+  });
+
+  it('copies again before the retry', async () => {
+    const seen: any[] = [];
+    const mx = {
+      uploadContent: vi.fn((f: any) => {
+        seen.push(f);
+        return seen.length === 1
+          ? Promise.reject(abort())
+          : Promise.resolve({ content_uri: 'mxc://a/b' });
+      }),
+    } as any;
+    await uploadContent(mx, new Blob(['xy']), { onSuccess: vi.fn(), onError: vi.fn() });
+    expect(seen).toHaveLength(2);
+    expect(seen[0]).not.toBe(seen[1]);
+  });
+
+  it('reports an unreadable file and never starts the upload', async () => {
+    const bad = new Blob(['x']);
+    (bad as any).arrayBuffer = () => Promise.reject(new DOMException('gone', 'NotReadableError'));
+    const mx = { uploadContent: vi.fn() } as any;
+    const onError = vi.fn();
+    await uploadContent(mx, bad, { onSuccess: vi.fn(), onError });
+    expect(mx.uploadContent).not.toHaveBeenCalled();
+    expect(onError.mock.calls[0][0].message).toContain(
+      'unreadable before upload (NotReadableError)'
+    );
+  });
+
+  it('puts the XHR end state and signal.aborted in the failure line', async () => {
+    vi.stubGlobal('XMLHttpRequest', FakeXhr);
+    const mx = {
+      uploadContent: () => {
+        const x = new FakeXhr();
+        x.open('POST', uploadUrl);
+        x.send();
+        x.upload.dispatchEvent(new Event('error'));
+        x.readyState = 4;
+        return Promise.reject(new Error('Timeout'));
+      },
+    } as any;
+    const onError = vi.fn();
+    await uploadContent(mx, new Blob(['x']), { onSuccess: vi.fn(), onError });
+    const msg = onError.mock.calls[0][0].message;
+    expect(msg).toContain('readyState 4 status 0');
+    expect(msg).toContain('upload.error');
+    expect(msg).toContain('signal.aborted false');
+    vi.unstubAllGlobals();
+  });
+});
diff --git a/src/index.tsx b/src/index.tsx
index c2461fe8..51e9760f 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,4 +1,5 @@
 /* eslint-disable import/first */
+import './polyfills';
 import './preview-demo/seed';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
@@ -29,29 +30,32 @@ import { getFallbackSession } from './app/state/sessions';
 
 document.body.classList.add(configClass, varsClass);
 
-// Register Service Worker
-if ('serviceWorker' in navigator) {
-  const swUrl =
-    import.meta.env.MODE === 'production'
-      ? `${trimTrailingSlash(import.meta.env.BASE_URL)}/sw.js`
-      : `/dev-sw.js?dev-sw`;
+// Register Service Worker. After the preview demo has settled the stored session: the worker is
+// handed that session, and the demo may drop one it cannot serve.
+const registerServiceWorker = () => {
+  if ('serviceWorker' in navigator) {
+    const swUrl =
+      import.meta.env.MODE === 'production'
+        ? `${trimTrailingSlash(import.meta.env.BASE_URL)}/sw.js`
+        : `/dev-sw.js?dev-sw`;
 
-  const sendSessionToSW = () => {
-    const session = getFallbackSession();
-    pushSessionToSW(session?.baseUrl, session?.accessToken);
-  };
+    const sendSessionToSW = () => {
+      const session = getFallbackSession();
+      pushSessionToSW(session?.baseUrl, session?.accessToken);
+    };
 
-  navigator.serviceWorker.register(swUrl).then(sendSessionToSW);
-  navigator.serviceWorker.ready.then(sendSessionToSW);
+    navigator.serviceWorker.register(swUrl).then(sendSessionToSW);
+    navigator.serviceWorker.ready.then(sendSessionToSW);
 
-  navigator.serviceWorker.addEventListener('message', (ev) => {
-    const { type } = ev.data ?? {};
+    navigator.serviceWorker.addEventListener('message', (ev) => {
+      const { type } = ev.data ?? {};
 
-    if (type === 'requestSession') {
-      sendSessionToSW();
-    }
-  });
-}
+      if (type === 'requestSession') {
+        sendSessionToSW();
+      }
+    });
+  }
+};
 
 // The pretend homeserver of the dev preview: built in only with VITE_PREVIEW_DEMO=1 (the dev
 // workflow) and switched on by `previewDemo: true` in config.json. Any other build drops it.
@@ -75,4 +79,7 @@ const mountApp = () => {
   root.render(<App />);
 };
 
-installPreviewDemo().finally(mountApp);
+installPreviewDemo().finally(() => {
+  registerServiceWorker();
+  mountApp();
+});
diff --git a/src/polyfills.ts b/src/polyfills.ts
new file mode 100644
index 00000000..2f018c4b
--- /dev/null
+++ b/src/polyfills.ts
@@ -0,0 +1,72 @@
+/* eslint-disable no-extend-native, func-names */
+// Safari 14 (iPadOS 14) lacks these; the bundle (ours and matrix-js-sdk) calls them at runtime. Safari 15.4 has all.
+// Loaded first by src/index.tsx. Each is installed only when missing.
+
+function at<T>(this: ArrayLike<T>, n: number): T | undefined {
+  const len = this.length;
+  const i = Math.trunc(n) || 0;
+  const k = i < 0 ? len + i : i;
+  return k < 0 || k >= len ? undefined : this[k];
+}
+if (!Array.prototype.at) Object.defineProperty(Array.prototype, 'at', { value: at, writable: true, configurable: true });
+if (!String.prototype.at)
+  Object.defineProperty(String.prototype, 'at', { value: at, writable: true, configurable: true });
+
+if (!(Array.prototype as unknown as Record<string, unknown>).findLast)
+  Object.defineProperty(Array.prototype, 'findLast', {
+    value: function <T>(this: T[], fn: (v: T, i: number, a: T[]) => unknown, thisArg?: unknown) {
+      for (let i = this.length - 1; i >= 0; i -= 1) if (fn.call(thisArg, this[i], i, this)) return this[i];
+      return undefined;
+    },
+    writable: true,
+    configurable: true,
+  });
+if (!(Array.prototype as unknown as Record<string, unknown>).findLastIndex)
+  Object.defineProperty(Array.prototype, 'findLastIndex', {
+    value: function <T>(this: T[], fn: (v: T, i: number, a: T[]) => unknown, thisArg?: unknown) {
+      for (let i = this.length - 1; i >= 0; i -= 1) if (fn.call(thisArg, this[i], i, this)) return i;
+      return -1;
+    },
+    writable: true,
+    configurable: true,
+  });
+
+if (!(Object as unknown as Record<string, unknown>).hasOwn)
+  Object.defineProperty(Object, 'hasOwn', {
+    value: (o: object, k: PropertyKey) => Object.prototype.hasOwnProperty.call(o, k),
+    writable: true,
+    configurable: true,
+  });
+
+// Structured clone for the data the client clones: plain objects, arrays, Map, Set, Date, RegExp, typed arrays, with cycles.
+if (typeof (globalThis as { structuredClone?: unknown }).structuredClone !== 'function') {
+  const clone = (v: unknown, seen: Map<unknown, unknown>): unknown => {
+    if (v === null || typeof v !== 'object') return v;
+    if (seen.has(v)) return seen.get(v);
+    if (v instanceof Date) return new Date(v.getTime());
+    if (v instanceof RegExp) return new RegExp(v.source, v.flags);
+    if (ArrayBuffer.isView(v)) return (v as unknown as { slice: () => unknown }).slice();
+    if (v instanceof ArrayBuffer) return v.slice(0);
+    if (v instanceof Map) {
+      const m = new Map();
+      seen.set(v, m);
+      v.forEach((val, key) => m.set(clone(key, seen), clone(val, seen)));
+      return m;
+    }
+    if (v instanceof Set) {
+      const s = new Set();
+      seen.set(v, s);
+      v.forEach((val) => s.add(clone(val, seen)));
+      return s;
+    }
+    const out: Record<string, unknown> | unknown[] = Array.isArray(v) ? [] : {};
+    seen.set(v, out);
+    Object.keys(v).forEach((k) => {
+      (out as Record<string, unknown>)[k] = clone((v as Record<string, unknown>)[k], seen);
+    });
+    return out;
+  };
+  (globalThis as { structuredClone?: unknown }).structuredClone = (v: unknown) => clone(v, new Map());
+}
+
+export {};
diff --git a/src/preview-demo/deskForks.test.ts b/src/preview-demo/deskForks.test.ts
new file mode 100644
index 00000000..035dd2d8
--- /dev/null
+++ b/src/preview-demo/deskForks.test.ts
@@ -0,0 +1,97 @@
+import { describe, expect, it } from 'vitest';
+import { buildDesk } from '../app/features/desk/buildDesk';
+import { ForkList } from '../app/features/desk/forkContract';
+import { deskFor, setDeskSource } from '../app/features/desk/source';
+import { unverifiedForks } from '../app/features/desk/optionsHash';
+import { demoDesk } from './deskForks';
+
+const KEYS = {
+  list: ['schemaVersion', 'mind', 'stamp', 'open_count', 'recorded_count', 'forks', 'next_cursor'],
+  card: [
+    'schemaVersion',
+    'fork_id',
+    'title',
+    'context',
+    'options',
+    'recommendation',
+    'depends',
+    'leans',
+    'flag',
+    'raised_in',
+    'deciders',
+    'status',
+    'ruling',
+    'ruled_from',
+    'order',
+    'options_hash',
+  ],
+  record: ['schemaVersion', 'fork_id', 'options_hash', 'counted_answer_id', 'answers'],
+  answer: [
+    'schemaVersion',
+    'answer_id',
+    'fork_id',
+    'outcome',
+    'of',
+    'retracts',
+    'code',
+    'options_hash',
+    'choice',
+    'note',
+    'answered_at',
+    'received_at',
+    'claim_in_future',
+    'answerer',
+    'authority',
+    'request_id',
+  ],
+};
+const sorted = (o: object) => Object.keys(o).sort();
+
+describe('the demo desks', () => {
+  const nibu = demoDesk('nibu') as ForkList;
+  it('are contract-shaped: every key written, no others, counts matching the forks', () => {
+    ['nibu', 'eureka'].forEach((m) => {
+      const l = demoDesk(m) as ForkList;
+      expect(sorted(l)).toEqual([...KEYS.list].sort());
+      expect(l.open_count).toBe(l.forks.filter((f) => f.card.status === 'open').length);
+      expect(l.recorded_count).toBe(l.forks.filter((f) => f.card.status === 'closed').length);
+      l.forks.forEach(({ card, record }) => {
+        expect(sorted(card)).toEqual([...KEYS.card].sort());
+        expect(sorted(record)).toEqual([...KEYS.record].sort());
+        expect(record.fork_id).toBe(card.fork_id);
+        expect(record.options_hash).toBe(card.options_hash);
+        record.answers.forEach((a) => expect(sorted(a)).toEqual([...KEYS.answer].sort()));
+        const ids = record.answers.map((a) => a.answer_id);
+        if (record.counted_answer_id !== null) expect(ids).toContain(record.counted_answer_id);
+        expect(card.options.map((o) => o.id)).toContain(card.recommendation);
+        if (card.status === 'closed') expect(card.ruling).not.toBeNull();
+      });
+    });
+  });
+  it('seed open forks, a counted answer with a note and one without, a revision, and a ruling', () => {
+    const answers = nibu.forks.flatMap((f) => f.record.answers);
+    const counted = nibu.forks.flatMap((f) =>
+      f.record.answers.filter((a) => a.answer_id === f.record.counted_answer_id)
+    );
+    expect(nibu.open_count).toBe(3);
+    expect(counted.some((a) => a.note !== null)).toBe(true);
+    expect(counted.some((a) => a.note === null)).toBe(true);
+    expect(answers.some((a) => a.outcome === 'Revision')).toBe(true);
+    expect(buildDesk(nibu).recorded).toEqual([
+      expect.objectContaining({ rulingId: 'demo:ruling:ridge-low-tier' }),
+    ]);
+    expect(nibu.forks.some((f) => f.card.leans !== null && f.card.flag !== null)).toBe(true);
+  });
+  it('leave other Minds unpublished, so their group shows no desk entry', () => {
+    expect(demoDesk('kiko')).toBeUndefined();
+  });
+  it('are what the page reads once installed as the source', () => {
+    setDeskSource(demoDesk);
+    expect(deskFor('nibu')?.mind).toBe('nibu');
+    setDeskSource(() => undefined);
+  });
+  it('carry the hash of what they show, so the desk shows every seeded card', async () => {
+    expect(await unverifiedForks(nibu.forks)).toEqual(new Set());
+    expect(await unverifiedForks((demoDesk('eureka') as ForkList).forks)).toEqual(new Set());
+  });
+});
diff --git a/src/preview-demo/deskForks.ts b/src/preview-demo/deskForks.ts
new file mode 100644
index 00000000..a0ca67bf
--- /dev/null
+++ b/src/preview-demo/deskForks.ts
@@ -0,0 +1,187 @@
+// Seeded forks for the preview's Mind desks, shaped as Bifrost serves them (gamecult.fork.list.v0, CultLib
+// fork-card.md). Invented here, public-safe, demo-only: no real question, person or decision. Answer times are
+// written against the clock at the time of the call so they stay plausible.
+import { DeskAnswer, ForkCard, ForkEntry, ForkList } from '../app/features/desk/forkContract';
+
+const DAY = 24 * 60 * 60 * 1000;
+
+// Each card's options_hash over what it shows (optionsHash.ts); deskForks.test.ts fails if a seed is edited without it.
+const HASHES: Record<string, string> = {
+  'sky-label': '727c7944919baf8953a0473bcbb38837c2e83c87d97a31a09ed6506a0e3b4028',
+  'dusk-ink': 'e15b64509db522af68ad8904767edf0903a701809e50f1074c1c8b4b3660acae',
+  'phone-gutter': '893d90ae7bc8e3204afb62501af76375e98597ec565856622401583d6db33324',
+  'ridge-low-tier': '6edd4a08b6c86703d91b3f48bd697aca16450111573a8e391e3dfe3adc6cbf5f',
+  'settled-window': 'b0dd0db3a37a256618d447ff8fb4067892b4f1f82d05a1e5bebf5563c447731c',
+};
+
+const card = (label: string, order: number, over: Partial<ForkCard>): ForkCard => ({
+  schemaVersion: 'gamecult.fork.card.v0',
+  fork_id: `demo:question:${label}`,
+  title: label,
+  context: '',
+  options: [],
+  recommendation: '',
+  depends: [],
+  leans: null,
+  flag: null,
+  raised_in: null,
+  deciders: ['demo-decider'],
+  status: 'open',
+  ruling: null,
+  ruled_from: [],
+  order,
+  options_hash: HASHES[label],
+  ...over,
+});
+
+const answer = (
+  c: ForkCard,
+  n: number,
+  daysAgo: number,
+  over: Partial<DeskAnswer> = {}
+): DeskAnswer => {
+  const at = new Date(Date.now() - daysAgo * DAY).toISOString().replace(/\.\d+Z$/, 'Z');
+  return {
+    schemaVersion: 'gamecult.desk_answer.v0',
+    answer_id: `n${n}`,
+    fork_id: c.fork_id,
+    outcome: 'Counted',
+    of: null,
+    retracts: null,
+    code: null,
+    options_hash: c.options_hash,
+    choice: null,
+    note: null,
+    answered_at: at,
+    received_at: at,
+    claim_in_future: false,
+    answerer: `demo-account-${n}`,
+    authority: 'Member',
+    request_id: `demo-request-${n}`,
+    ...over,
+  };
+};
+
+const entry = (
+  c: ForkCard,
+  answers: DeskAnswer[] = [],
+  counted: string | null = null
+): ForkEntry => ({
+  schemaVersion: 'gamecult.fork.entry.v0',
+  card: c,
+  record: {
+    schemaVersion: 'gamecult.fork.record.v0',
+    fork_id: c.fork_id,
+    options_hash: c.options_hash,
+    counted_answer_id: counted,
+    answers,
+  },
+});
+
+const list = (mind: string, forks: ForkEntry[], stamp: string): ForkList => ({
+  schemaVersion: 'gamecult.fork.list.v0',
+  mind,
+  stamp,
+  open_count: forks.filter((f) => f.card.status === 'open').length,
+  recorded_count: forks.filter((f) => f.card.status === 'closed').length,
+  forks: [...forks].sort((a, b) => b.card.order - a.card.order),
+  next_cursor: null,
+});
+
+const nibu = (): ForkList => {
+  const sky = card('sky-label', 4, {
+    title: 'Where should the sky label sit on a phone?',
+    context:
+      'The label can ride the horizon or sit in the header. The horizon is prettier; the header never moves.',
+    options: [
+      { id: 'horizon', text: 'On the horizon, over the ridge' },
+      { id: 'header', text: 'In the header, fixed' },
+    ],
+    recommendation: 'header',
+    leans: 'header',
+    flag: 'Blocks the dusk ink question',
+  });
+  const dusk = card('dusk-ink', 3, {
+    title: 'Should the dusk ink follow the sky or the theme?',
+    context:
+      'Names in dusk are readable either way; following the sky is livelier, following the theme is steadier.',
+    options: [
+      { id: 'sky', text: 'Follow the sky' },
+      { id: 'theme', text: 'Follow the theme' },
+      { id: 'both', text: 'Sky by day, theme by night' },
+    ],
+    recommendation: 'sky',
+    depends: ['Where the sky label sits'],
+  });
+  const gutter = card('phone-gutter', 2, {
+    title: 'How wide is the phone gutter?',
+    context: 'A narrow gutter fits more on screen; a wide one is easier to thumb past.',
+    options: [
+      { id: 'narrow', text: 'Narrow' },
+      { id: 'wide', text: 'Wide' },
+    ],
+    recommendation: 'narrow',
+  });
+  const ridge = card('ridge-low-tier', 1, {
+    title: 'Keep the ridge scene at the low tier?',
+    context: 'The ridge costs a little on older phones.',
+    options: [
+      { id: 'keep', text: 'Keep it' },
+      { id: 'drop', text: 'Drop it' },
+    ],
+    recommendation: 'keep',
+    status: 'closed',
+    ruling: 'demo:ruling:ridge-low-tier',
+    ruled_from: ['n1'],
+  });
+  return list(
+    'nibu',
+    [
+      entry(sky),
+      entry(
+        dusk,
+        [
+          answer(dusk, 2, 2, { choice: 'sky' }),
+          answer(dusk, 3, 1, {
+            outcome: 'Revision',
+            of: 'n2',
+            choice: 'both',
+            answerer: 'demo-account-3',
+          }),
+        ],
+        'n2'
+      ),
+      entry(
+        gutter,
+        [answer(gutter, 4, 1, { choice: 'narrow', note: 'Thumbs are smaller than we fear.' })],
+        'n4'
+      ),
+      entry(
+        ridge,
+        [answer(ridge, 1, 12, { choice: 'keep', note: 'It is the best part of the page.' })],
+        'n1'
+      ),
+    ],
+    's41'
+  );
+};
+
+const eureka = (): ForkList => {
+  const window = card('settled-window', 1, {
+    title: 'How long should a Mind keep a settled question on its desk?',
+    context:
+      'Settled questions are listed as rulings. A shorter window keeps the desk light; a longer one keeps context near.',
+    options: [
+      { id: '30d', text: 'Thirty days' },
+      { id: '90d', text: 'Ninety days' },
+      { id: 'always', text: 'Keep them all' },
+    ],
+    recommendation: '30d',
+  });
+  return list('eureka', [entry(window)], 's7');
+};
+
+const SEEDS: Record<string, () => ForkList> = { nibu, eureka };
+
+/** The demo's desk for a Mind, or nothing: a Mind without seeds has not published yet. */
+export const demoDesk = (mind: string): ForkList | undefined => SEEDS[mind]?.();
diff --git a/src/preview-demo/fixtures.ts b/src/preview-demo/fixtures.ts
index 32d3c7a6..18b2fac1 100644
--- a/src/preview-demo/fixtures.ts
+++ b/src/preview-demo/fixtures.ts
@@ -23,6 +23,7 @@ export const USERS: DemoUser[] = [
   { id: `@void:${DEMO_SERVER}`, name: 'Void' },
   { id: `@nibu:${DEMO_SERVER}`, name: 'Nibu' },
   { id: `@visitor:${DEMO_SERVER}`, name: 'Visitor' },
+  { id: `@heimdall:${DEMO_SERVER}`, name: 'Heimdall of the Long Watch, Keeper of the Bridge' },
 ];
 const user = (localpart: string) => `@${localpart}:${DEMO_SERVER}`;
 
@@ -43,6 +44,8 @@ export type DemoRoom = {
   topic?: string;
   members: string[];
   notice?: 'show' | 'study' | 'train';
+  /** The m.room.create `type`. */
+  type?: string;
   parent?: string;
   steward?: { mind: string; repo: string };
   joined: boolean;
@@ -53,6 +56,7 @@ export const ROOT = `!root:${DEMO_SERVER}`;
 export const PROJECTS = `!projects:${DEMO_SERVER}`;
 export const GENERAL = `!general:${DEMO_SERVER}`;
 export const COMMONS = `!commons:${DEMO_SERVER}`;
+export const FILES = `!files:${DEMO_SERVER}`;
 
 const everyone = USERS.map((u) => u.id);
 export const MIND_IDS = [user('eureka'), user('void'), user('nibu')];
@@ -110,8 +114,21 @@ export const ROOMS: DemoRoom[] = [
         pose: 'deadpan',
         minutesAgo: 25,
       },
+      // A long display name: the name pill has to show all of it on a phone.
+      { from: user('heimdall'), body: 'Ok.', pose: 'thinking', minutesAgo: 20 },
     ],
   },
+  {
+    id: FILES,
+    alias: `#files:${DEMO_SERVER}`,
+    name: 'Files',
+    topic: 'The file zone: one thread per Mind, shown as albums.',
+    type: 'org.gamecult.file_zone',
+    members: [ME, ...minds],
+    parent: ROOT,
+    joined: true,
+    lines: [],
+  },
   {
     id: PROJECTS,
     alias: `#projects:${DEMO_SERVER}`,
@@ -299,6 +316,36 @@ export const ROOMS: DemoRoom[] = [
   },
 ];
 
+// The file zone's albums: a thread root per album, one thread reply per file. Media is generated
+// in media.ts: audio by tone frequency, images by gradient color.
+export type DemoAlbum = {
+  mind: string;
+  title: string;
+  minutesAgo: number;
+  files: { kind: 'audio' | 'image'; name: string; seed: number | [number, number, number] }[];
+};
+export const ALBUMS: DemoAlbum[] = [
+  {
+    mind: user('void'),
+    title: 'void',
+    minutesAgo: 90,
+    files: [
+      { kind: 'audio', name: 'low-tone.wav', seed: 220 },
+      { kind: 'audio', name: 'mid-tone.wav', seed: 330 },
+      { kind: 'audio', name: 'high-tone.wav', seed: 440 },
+    ],
+  },
+  {
+    mind: user('nibu'),
+    title: 'nibu',
+    minutesAgo: 30,
+    files: [
+      { kind: 'image', name: 'dusk.png', seed: [200, 90, 60] },
+      { kind: 'image', name: 'lagoon.png', seed: [40, 150, 190] },
+    ],
+  },
+];
+
 // A Mind's canned answer to whatever the visitor types: label and line.
 export const REPLIES: { pose: string; body: string }[] = [
   { pose: 'thinking', body: 'Hm. Let me think about that.' },
diff --git a/src/preview-demo/install.ts b/src/preview-demo/install.ts
index 36990a57..54bddd71 100644
--- a/src/preview-demo/install.ts
+++ b/src/preview-demo/install.ts
@@ -4,8 +4,11 @@
 // only by a build with VITE_PREVIEW_DEMO=1 whose config.json says previewDemo: true (src/index.tsx).
 // Own-origin requests (the app's static files) pass; the demo origin is answered in-page; any
 // other origin is refused, so no real homeserver can be contacted while this is on.
+import { removeFallbackSession } from '../app/state/sessions';
 import { DEMO_ORIGIN } from './fixtures';
 import { createDemoServer, DemoServer } from './server';
+import { demoDesk } from './deskForks';
+import { setDeskSource } from '../app/features/desk/source';
 
 export type Route = 'own' | 'demo' | 'refuse';
 
@@ -27,49 +30,19 @@ const refusal = (what: string, url: string) =>
   new Error(`preview: pretend server only; ${what} to ${url} refused`);
 
 const BANNER_TEXT = 'preview: pretend server. Any password works.';
-const FOREIGN_SESSION_TEXT =
-  'preview: pretend server. A login for another server is stored here and cannot be used.';
 
+// In flow, above the app: body becomes a column and the app root takes the rest, so the banner
+// never covers the room header or the connection strip.
 const showBanner = (text: string) => {
   const el = document.createElement('div');
   el.textContent = text;
   el.setAttribute('role', 'status');
   el.style.cssText =
-    'position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:2147483647;max-width:96vw;' +
-    'padding:0 8px;font:10px/1.5 system-ui,sans-serif;white-space:nowrap;opacity:0.9;color:#1b1b1b;background:#ffc46b;' +
-    'border-radius:0 0 6px 6px;pointer-events:none;text-align:center';
-  document.body.appendChild(el);
-};
-
-// The preview host's CSP sandbox has no allow-forms, so the browser cancels a native form
-// submission before its submit event fires and no login button works. Deliver the event ourselves;
-// nothing is submitted natively. Remove this when the host grants allow-forms to /void/rat-*.
-const deliverSubmitEvents = (doc: Document) => {
-  const submit = (form: HTMLFormElement) =>
-    form.dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }));
-  doc.addEventListener(
-    'click',
-    (e) => {
-      const button = (e.target as Element | null)?.closest?.(
-        'button[type="submit"], input[type="submit"]'
-      );
-      const form = (button as HTMLButtonElement | null)?.form;
-      if (!form || (button as HTMLButtonElement).disabled) return;
-      e.preventDefault();
-      submit(form);
-    },
-    true
-  );
-  doc.addEventListener(
-    'keydown',
-    (e) => {
-      const target = e.target as HTMLInputElement | null;
-      if (e.key !== 'Enter' || e.isComposing || target?.tagName !== 'INPUT' || !target.form) return;
-      e.preventDefault();
-      submit(target.form);
-    },
-    true
-  );
+    'flex:none;padding:2px 8px;font:11px/1.4 system-ui,sans-serif;color:#1b1b1b;background:#ffc46b;text-align:center';
+  const root = document.getElementById('root');
+  document.body.style.cssText += ';display:flex;flex-direction:column';
+  if (root) root.style.cssText += ';flex:1;min-height:0;height:auto';
+  document.body.insertBefore(el, root);
 };
 
 const parseBody = (body: unknown): unknown => {
@@ -100,14 +73,30 @@ export const guardedFetch =
       body: parseBody(raw),
       signal: init?.signal ?? req?.signal ?? undefined,
     });
+    if (out.raw) {
+      return new Response(out.raw.data, {
+        status: out.status,
+        headers: { 'Content-Type': out.raw.type },
+      });
+    }
     return new Response(JSON.stringify(out.body), {
       status: out.status,
       headers: { 'Content-Type': 'application/json' },
     });
   };
 
+// Every preview of this site shares one origin, so one localStorage: a login another preview left
+// (a real homeserver) would make the app connect to that server, which the guard refuses. The
+// demo has one server, so a stored login for any other is dropped before the app reads it.
+export const dropForeignSession = (storage: Storage) => {
+  const base = storage.getItem('cinny_hs_base_url');
+  if (base !== null && base !== DEMO_ORIGIN) removeFallbackSession(storage);
+};
+
 export const installDemo = (win: Window & typeof globalThis = window) => {
+  dropForeignSession(win.localStorage);
   const server = createDemoServer();
+  setDeskSource(demoDesk);
   const { origin } = win.location;
   const realFetch = win.fetch.bind(win);
 
@@ -139,8 +128,6 @@ export const installDemo = (win: Window & typeof globalThis = window) => {
       routeOf(String(url), origin) === 'own' ? realBeacon(url, data) : false;
   }
 
-  deliverSubmitEvents(document);
-  const stored = win.localStorage.getItem('cinny_hs_base_url');
-  showBanner(stored !== null && stored !== DEMO_ORIGIN ? FOREIGN_SESSION_TEXT : BANNER_TEXT);
+  showBanner(BANNER_TEXT);
   return server;
 };
diff --git a/src/preview-demo/media.ts b/src/preview-demo/media.ts
new file mode 100644
index 00000000..cfde5669
--- /dev/null
+++ b/src/preview-demo/media.ts
@@ -0,0 +1,95 @@
+/* eslint-disable no-bitwise */
+// Tiny media for the pretend server's file zone, generated here so the repo holds no binaries.
+export type DemoMedia = { type: string; data: Uint8Array };
+
+const u32 = (n: number): number[] => [(n >>> 24) & 255, (n >>> 16) & 255, (n >>> 8) & 255, n & 255];
+const le = (n: number, bytes: number): number[] =>
+  Array.from({ length: bytes }, (_, i) => (n >>> (8 * i)) & 255);
+
+/** A 0.6 s mono 8 kHz 8-bit WAV: a sine at `hz` with a soft fade. */
+export const wavTone = (hz: number): DemoMedia => {
+  const rate = 8000;
+  const n = Math.round(rate * 0.6);
+  const pcm = Array.from({ length: n }, (_, i) => {
+    const fade = Math.min(1, i / 400, (n - i) / 400);
+    return Math.round(128 + 90 * fade * Math.sin((2 * Math.PI * hz * i) / rate));
+  });
+  const tag = (s: string) => Array.from(s, (c) => c.charCodeAt(0));
+  return {
+    type: 'audio/wav',
+    data: Uint8Array.from([
+      ...tag('RIFF'),
+      ...le(36 + n, 4),
+      ...tag('WAVEfmt '),
+      ...le(16, 4),
+      ...le(1, 2),
+      ...le(1, 2),
+      ...le(rate, 4),
+      ...le(rate, 4),
+      ...le(1, 2),
+      ...le(8, 2),
+      ...tag('data'),
+      ...le(n, 4),
+      ...pcm,
+    ]),
+  };
+};
+
+const crc32 = (bytes: number[]): number => {
+  let c = ~0;
+  bytes.forEach((b) => {
+    c ^= b;
+    for (let k = 0; k < 8; k += 1) c = (c >>> 1) ^ (0xedb88320 & -(c & 1));
+  });
+  return ~c >>> 0;
+};
+
+const chunk = (name: string, data: number[]): number[] => {
+  const body = [...Array.from(name, (c) => c.charCodeAt(0)), ...data];
+  return [...u32(data.length), ...body, ...u32(crc32(body))];
+};
+
+/** A 32 x 32 RGB PNG: a diagonal gradient in `rgb`, zlib "stored" blocks, no compression. */
+export const pngGradient = (rgb: [number, number, number]): DemoMedia => {
+  const size = 32;
+  const raw: number[] = [];
+  for (let y = 0; y < size; y += 1) {
+    raw.push(0);
+    for (let x = 0; x < size; x += 1) {
+      const f = 0.35 + (0.65 * (x + y)) / (2 * size);
+      raw.push(...rgb.map((v) => Math.round(v * f)));
+    }
+  }
+  let a = 1;
+  let b = 0;
+  raw.forEach((v) => {
+    a = (a + v) % 65521;
+    b = (b + a) % 65521;
+  });
+  // One stored block holds up to 65535 bytes; 32 * 97 = 3104 fits.
+  const zlib = [
+    0x78,
+    0x01,
+    1,
+    ...le(raw.length, 2),
+    ...le(~raw.length & 0xffff, 2),
+    ...raw,
+    ...u32(((b << 16) | a) >>> 0),
+  ];
+  return {
+    type: 'image/png',
+    data: Uint8Array.from([
+      137,
+      80,
+      78,
+      71,
+      13,
+      10,
+      26,
+      10,
+      ...chunk('IHDR', [...u32(size), ...u32(size), 8, 2, 0, 0, 0]),
+      ...chunk('IDAT', zlib),
+      ...chunk('IEND', []),
+    ]),
+  };
+};
diff --git a/src/preview-demo/server.test.ts b/src/preview-demo/server.test.ts
index e3cc977e..0b98e90d 100644
--- a/src/preview-demo/server.test.ts
+++ b/src/preview-demo/server.test.ts
@@ -1,10 +1,18 @@
 /* eslint-disable max-classes-per-file, no-promise-executor-return, no-useless-constructor, no-empty-function, no-void, @typescript-eslint/no-non-null-assertion */
 import { afterEach, describe, expect, it, vi } from 'vitest';
-import { ClientEvent, MatrixClient, SyncState, createClient } from 'matrix-js-sdk';
-import { DEMO_ORIGIN, ME, ROOMS, GENERAL, COMMONS } from './fixtures';
-import { guardedFetch, installDemo, routeOf } from './install';
+import {
+  ClientEvent,
+  ClientPrefix,
+  MatrixClient,
+  Method,
+  SyncState,
+  createClient,
+} from 'matrix-js-sdk';
+import { ALBUMS, DEMO_ORIGIN, ME, ROOMS, GENERAL, COMMONS, FILES } from './fixtures';
+import { dropForeignSession, guardedFetch, installDemo, routeOf } from './install';
 import { createDemoServer, DemoServer } from './server';
 import { seedDemoSettings } from './seed';
+import { getFallbackSession } from '../app/state/sessions';
 import { mindOfSender, POSE_KEY, resolvePose } from '../app/components/message/pose/poses';
 import { parseRoomNotice, roomTrainingLine } from '../app/utils/trainingNotice';
 
@@ -29,6 +37,9 @@ const waitFor = <T>(read: () => T | undefined, ms = 5000): Promise<T> =>
     tick();
   });
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type Ev = { event_id: string; content: Record<string, any> };
+
 const live: { server: DemoServer; mx: MatrixClient }[] = [];
 afterEach(() => {
   live.splice(0).forEach(({ server, mx }) => {
@@ -115,7 +126,12 @@ describe('the pretend homeserver through matrix-js-sdk', () => {
       const ev = mx.getRoom(r.id)!.currentState.getStateEvents('org.gamecult.notice', '');
       return [r.name, roomTrainingLine(parseRoomNotice(ev?.getContent())) !== undefined];
     });
-    expect(Object.fromEntries(lines)).toEqual({ General: true, Ratatoskr: false, Huginn: false });
+    expect(Object.fromEntries(lines)).toEqual({
+      General: true,
+      Files: false,
+      Ratatoskr: false,
+      Huginn: false,
+    });
   });
 
   it('sends a message, echoes it once with its transaction id, and a Mind answers with a pose', async () => {
@@ -171,6 +187,56 @@ describe('the pretend homeserver through matrix-js-sdk', () => {
     expect(stewards.filter(Boolean).length).toBe(2);
   });
 
+  it('syncs the file zone as a joined room whose create type marks it', async () => {
+    const { mx } = await syncedClient();
+    const create = mx.getRoom(FILES)!.currentState.getStateEvents('m.room.create', '')!;
+    expect(create.getContent().type).toBe('org.gamecult.file_zone');
+    expect(
+      mx.getRoom(GENERAL)!.currentState.getStateEvents('m.room.create', '')!.getContent().type
+    ).toBeUndefined();
+  });
+
+  it('serves the zone albums through the thread endpoints and their media as bytes', async () => {
+    const { mx } = await syncedClient();
+    const get = (path: string, params?: Record<string, string>) =>
+      mx.http.authedRequest<{ chunk: Ev[] }>(Method.Get, path, params, undefined, {
+        prefix: ClientPrefix.V1,
+      });
+    const roots = (await get(`/rooms/${encodeURIComponent(FILES)}/threads`)).chunk;
+    expect(roots.map((r) => r.content.body).sort()).toEqual(ALBUMS.map((a) => a.title).sort());
+    const counts: Record<string, string[]> = {};
+    await Promise.all(
+      roots.map(async (root: Ev) => {
+        const rel = `/rooms/${encodeURIComponent(FILES)}/relations/${encodeURIComponent(
+          root.event_id
+        )}/m.thread`;
+        const oldest = (await get(rel, { dir: 'f' })).chunk;
+        const newest = (await get(rel)).chunk;
+        expect(newest.map((e: Ev) => e.event_id)).toEqual(
+          oldest.map((e: Ev) => e.event_id).reverse()
+        );
+        counts[root.content.body] = oldest.map((e: Ev) => e.content.msgtype);
+        expect(oldest.every((e: Ev) => e.content['m.relates_to'].event_id === root.event_id)).toBe(
+          true
+        );
+      })
+    );
+    expect(counts).toEqual({
+      void: ['m.audio', 'm.audio', 'm.audio'],
+      nibu: ['m.image', 'm.image'],
+    });
+    const f = guardedFetch(createDemoServer(), PAGE, never as never);
+    const wav = await f(`${DEMO_ORIGIN}/_matrix/client/v1/media/download/demo.invalid/album0file0`);
+    expect(wav.headers.get('content-type')).toBe('audio/wav');
+    expect(new TextDecoder().decode((await wav.arrayBuffer()).slice(0, 4))).toBe('RIFF');
+    const png = await f(`${DEMO_ORIGIN}/_matrix/media/v3/download/demo.invalid/album1file1`);
+    expect(png.headers.get('content-type')).toBe('image/png');
+    expect((await png.arrayBuffer()).byteLength).toBeGreaterThan(100);
+    expect(
+      (await f(`${DEMO_ORIGIN}/_matrix/client/v1/media/download/demo.invalid/nope`)).status
+    ).toBe(404);
+  });
+
   it('answers a long poll with nothing new after its timeout', async () => {
     const server = createDemoServer();
     live.push({ server, mx: clientFor(server) });
@@ -233,11 +299,13 @@ describe('the guard', () => {
       localStorage: {
         getItem: (k: string) => store.get(k) ?? null,
         setItem: (k: string, v: string) => void store.set(k, v),
+        removeItem: (k: string) => void store.delete(k),
       },
     } as unknown as Window & typeof globalThis;
     vi.stubGlobal('document', {
       createElement: () => ({ style: {}, setAttribute: vi.fn() }),
-      body: { appendChild: vi.fn() },
+      getElementById: () => null,
+      body: { style: {}, insertBefore: vi.fn() },
       addEventListener: vi.fn(),
     });
     const server = installDemo(win);
@@ -253,6 +321,59 @@ describe('the guard', () => {
     vi.unstubAllGlobals();
   });
 
+  it('drops a stored login for a real homeserver before the app reads it, keeps the demo one', () => {
+    const SESSION = {
+      cinny_access_token: 'tok',
+      cinny_device_id: 'DEV',
+      cinny_user_id: '@a:b',
+      cinny_hs_base_url: 'https://chat.gamecult.org',
+    };
+    const store = new Map<string, string>(Object.entries({ ...SESSION, settings: '{}' }));
+    const storage = {
+      getItem: (k: string) => store.get(k) ?? null,
+      setItem: (k: string, v: string) => void store.set(k, v),
+      removeItem: (k: string) => void store.delete(k),
+    } as Storage;
+    dropForeignSession(storage);
+    expect(getFallbackSession(storage)).toBeUndefined();
+    expect([...store.keys()]).toEqual(['settings']);
+
+    Object.entries({ ...SESSION, cinny_hs_base_url: DEMO_ORIGIN }).forEach(([k, v]) =>
+      store.set(k, v)
+    );
+    dropForeignSession(storage);
+    expect(getFallbackSession(storage)?.baseUrl).toBe(DEMO_ORIGIN);
+  });
+
+  it('installDemo clears a foreign login so the app starts at the login screen', () => {
+    const store = new Map<string, string>([
+      ['cinny_hs_base_url', 'https://chat.gamecult.org'],
+      ['cinny_access_token', 'tok'],
+      ['cinny_device_id', 'DEV'],
+      ['cinny_user_id', '@a:b'],
+    ]);
+    const win = {
+      location: { origin: PAGE },
+      fetch: never,
+      WebSocket: class {},
+      XMLHttpRequest: { prototype: { open: vi.fn() } },
+      navigator: {},
+      localStorage: {
+        getItem: (k: string) => store.get(k) ?? null,
+        removeItem: (k: string) => void store.delete(k),
+      },
+    } as unknown as Window & typeof globalThis;
+    vi.stubGlobal('document', {
+      createElement: () => ({ style: {}, setAttribute: vi.fn() }),
+      getElementById: () => null,
+      body: { style: {}, insertBefore: vi.fn() },
+    });
+    const server = installDemo(win);
+    live.push({ server, mx: clientFor(server) });
+    expect(store.size).toBe(0);
+    vi.unstubAllGlobals();
+  });
+
   it('seeds pose portraits on for a first visit and keeps what a visitor already chose', () => {
     const fresh = new Map<string, string>();
     seedDemoSettings({
diff --git a/src/preview-demo/server.ts b/src/preview-demo/server.ts
index 33a51b16..ed8cbf46 100644
--- a/src/preview-demo/server.ts
+++ b/src/preview-demo/server.ts
@@ -3,6 +3,7 @@
 // send messages and get a Mind's canned answer. It touches no network and no storage; the
 // fetch guard that routes requests here lives in install.ts.
 import {
+  ALBUMS,
   COMMONS,
   DEMO_DEVICE,
   DEMO_ORIGIN,
@@ -10,14 +11,17 @@ import {
   DEMO_TOKEN,
   DemoEvent,
   DemoRoom,
+  FILES,
   ME,
   MIND_IDS,
   REPLIES,
   ROOMS,
   USERS,
 } from './fixtures';
+import { DemoMedia, pngGradient, wavTone } from './media';
 
-export type DemoResponse = { status: number; body: unknown };
+/** `raw` answers a media download with bytes instead of JSON. */
+export type DemoResponse = { status: number; body: unknown; raw?: DemoMedia };
 export type DemoRequest = { method: string; url: string; body?: unknown; signal?: AbortSignal };
 
 const POSE_KEY = 'org.gamecult.pose';
@@ -79,7 +83,12 @@ export const createDemoServer = (now: () => number = Date.now): DemoServer => {
       mk(
         'm.room.create',
         creator,
-        room.space ? { type: 'm.space', room_version: '10' } : { room_version: '10' },
+        {
+          room_version: '10',
+          ...((room.space ? 'm.space' : room.type)
+            ? { type: room.space ? 'm.space' : room.type }
+            : {}),
+        },
         t0,
         ''
       ),
@@ -159,6 +168,45 @@ export const createDemoServer = (now: () => number = Date.now): DemoServer => {
     [`@eureka:${DEMO_SERVER}`]: ROOMS.filter((r) => r.direct).map((r) => r.id),
   });
 
+  // The file zone's albums live outside the sync timeline: thread roots per room, replies per
+  // root, media by mxc id. The thread endpoints and media downloads answer from these.
+  const threadRoots = new Map<string, DemoEvent[]>();
+  const threadReplies = new Map<string, DemoEvent[]>();
+  const media = new Map<string, DemoMedia>();
+  ALBUMS.forEach((album, a) => {
+    const t0 = now() - album.minutesAgo * 60 * 1000;
+    const root = mk('m.room.message', album.mind, { msgtype: 'm.text', body: album.title }, t0);
+    threadRoots.set(FILES, [...(threadRoots.get(FILES) ?? []), root]);
+    threadReplies.set(
+      root.event_id,
+      album.files.map((f, i) => {
+        const id = `album${a}file${i}`;
+        const m =
+          f.kind === 'audio'
+            ? wavTone(f.seed as number)
+            : pngGradient(f.seed as [number, number, number]);
+        media.set(id, m);
+        return mk(
+          'm.room.message',
+          album.mind,
+          {
+            msgtype: f.kind === 'audio' ? 'm.audio' : 'm.image',
+            body: f.name,
+            url: `mxc://${DEMO_SERVER}/${id}`,
+            info: { mimetype: m.type, size: m.data.length },
+            'm.relates_to': {
+              rel_type: 'm.thread',
+              event_id: root.event_id,
+              is_falling_back: true,
+              'm.in_reply_to': { event_id: root.event_id },
+            },
+          },
+          t0 + (i + 1) * 60 * 1000
+        );
+      })
+    );
+  });
+
   const notify = () => {
     waiters.forEach((w) => w());
     waiters.clear();
@@ -290,6 +338,11 @@ export const createDemoServer = (now: () => number = Date.now): DemoServer => {
     if (p === '/.well-known/matrix/client')
       return ok({ 'm.homeserver': { base_url: DEMO_ORIGIN } });
     if (!p.startsWith('/_matrix/')) return err(404, 'M_NOT_FOUND', 'Not found');
+    g = p.match(/^\/_matrix\/(?:client\/v1\/media|media\/v3)\/download\/[^/]+\/([^/]+)$/);
+    if (g) {
+      const found = media.get(g[1]);
+      return found ? { status: 200, body: null, raw: found } : err(404, 'M_NOT_FOUND', 'No media');
+    }
     const c = p.replace(/^\/_matrix\/client\/(v\d+|r0|unstable)/, '');
     if (p.endsWith('/versions'))
       return ok({ versions: ['v1.1', 'v1.5', 'v1.11'], unstable_features: {} });
@@ -394,6 +447,13 @@ export const createDemoServer = (now: () => number = Date.now): DemoServer => {
     if (g) {
       return ok({ chunk: (stateOf.get(g[1]) ?? []).filter((e) => e.type === 'm.room.member') });
     }
+    g = c.match(/^\/rooms\/([^/]+)\/threads$/);
+    if (g) return ok({ chunk: [...(threadRoots.get(g[1]) ?? [])].reverse() });
+    g = c.match(/^\/rooms\/([^/]+)\/relations\/([^/]+)\/m\.thread$/);
+    if (g) {
+      const oldestFirst = [...(threadReplies.get(g[2]) ?? [])];
+      return ok({ chunk: u.searchParams.get('dir') === 'f' ? oldestFirst : oldestFirst.reverse() });
+    }
     g = c.match(/^\/rooms\/([^/]+)\/messages$/);
     if (g) return ok({ chunk: [], start: 'p0', end: 'p0' });
     g = c.match(/^\/rooms\/([^/]+)\/(?:summary|context\/.+)$/);
diff --git a/src/sky/README.md b/src/sky/README.md
new file mode 100644
index 00000000..1f816a15
--- /dev/null
+++ b/src/sky/README.md
@@ -0,0 +1,105 @@
+# Baked sky
+
+`npm run bake:sky` (`scripts/bake-sky.mjs`) lights two fixed moments with `sun.js`, the single source of
+the sun and the air, and writes `baked.ts`. `baked.midnight`, `baked.noonday` and `baked.scatter` are its
+three keys. Everything here is linear RGB unless a name says `hex`.
+
+## Per sky: `baked.midnight`, `baked.noonday`
+
+| field                    | meaning                                                                                                                                      |
+| ------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------- |
+| `moment`                 | `{ time, lat, lon }` fed to `sun.js` (equinox, 45N, prime meridian; 00:00 and 12:00 UTC)                                                     |
+| `elevation`              | sun elevation in degrees at that moment: -44.6 midnight, +45.2 noonday                                                                       |
+| `sun.elevation_deg`      | the same, for scene code; fade stars by this (and see below for twilight)                                                                    |
+| `sun.azimuth_deg`        | degrees clockwise from north, 0..360                                                                                                         |
+| `sun.color_linear`       | direct sun colour at normal incidence, clear zenith ~ 1; multiply by `max(0, dot(n, toSun))`                                                 |
+| `ambient_linear`         | sky ambient on an upward surface, with a night floor of `AMBIENT_FLOOR` (a moonlit skyglow, not black); daylight is `sun.js`'s own `diffuse` |
+| `horizon_hex`            | colour of the last gradient stop, the horizon                                                                                                |
+| `gradient`               | 7 sRGB hex stops, zenith to horizon                                                                                                          |
+| `tokens`, `bubbles`, ... | theme colours (see `skyTokens.js`)                                                                                                           |
+
+The two skies are single moments. To fade stars through twilight, take the elevation from `sun.js` at the
+viewer's real time (`sunPosition(time, lat, lon).elevation`) rather than from `baked.<sky>.sun`, which only
+ever says -44.6 or +45.2. The scattering table below goes dark at -12 degrees and below (the planet's shadow
+covers every sunlit air path), so a star fade between about -6 and -12 degrees follows it.
+
+## `baked.scatter`: atmospheric scattering for a WebGL2 shader
+
+A Hillaire-style (2020) single-scattering atmosphere, reduced to two small tables. The air is `sun.js`'s:
+`TAU` (its zenith optical depth per channel) is the vertical optical depth here, split into a grey aerosol
+part (0.02) and a Rayleigh part, so the transmittance table equals `exp(-TAU)` at the zenith. Planet radius
+6360 km, atmosphere 100 km, scale heights 8 km (Rayleigh) and 1.2 km (Mie, g = 0.8, albedo 0.9), observer
+100 m above the ground. Single scattering only: no ground bounce, no multiple scattering, no sun disc
+(the consumer draws it from `sun.color_linear`). That makes dusk a little darker than the real thing.
+
+Constants: `planet_radius_km`, `atmosphere_height_km`, `observer_altitude_km`, `extinction_per_km` (RGB at the
+observer, for aerial perspective: `exp(-k * distance_km)`).
+
+### Encoding (both tables)
+
+IEEE 754 half floats (16 bit), little-endian, base64 of the raw bytes, no header. The stored value is
+`value * store_scale` (`store_scale` = 64; it lifts the dark end of twilight clear of the half-float
+subnormals). Exact decode: for a 16-bit word `h`, `e = (h >> 10) & 31`, `m = h & 1023`,
+`half = e == 0 ? m * 2^-24 : (1 + m / 1024) * 2^(e - 15)` (no infinities or NaNs are stored), and
+`value = half / store_scale`. In WebGL2 upload as `RGB16F` / `HALF_FLOAT` from a `Uint16Array` over the
+decoded bytes, and the GPU does the decode: sample, then divide by `store_scale`. Precision is 11 bits
+(about 0.05%): the horizon glow does not step.
+
+### `transmittance`: `width` 32, `height` 1, 3 channels
+
+Transmittance from the observer to space along a view elevation, per channel. Texel `i` is the elevation
+`-4 + 94 * (i / 31)^2` degrees (`viewElevation(i)` in `scatter.js`; the inverse is `viewIndex(deg)`):
+finest at the horizon. Elevations that look at the ground (-4 to about -0.3) are 0. Sample it for the sun's
+direct colour: at the sun's elevation, `sun.color_linear`-like attenuation, redder as it sets.
+
+### `sky_view`: `width` 7, `height` 32, `depth` 12, 3 channels
+
+Sky radiance per steradian for a sun of unit irradiance (multiply by your own sun colour and exposure).
+One 3D texture, `x` fastest:
+
+- `x`: azimuth of the view away from the sun, 0, 30, ... 180 degrees (`azimuth_step_deg`). The sky is
+  symmetric about the sun's vertical plane, so use `abs` of the relative azimuth.
+- `y`: view elevation, same axis as the transmittance table (`viewElevation(i)`).
+- `z`: sun elevation, `sun_elevations_deg` = -18, -12, -8, -5, -2, 0, 3, 8, 15, 25, 45, 90. Between them
+  interpolate linearly; `sunIndex(deg)` in `scatter.js` gives the fractional index.
+
+Element `((z * 32 + y) * 7 + x) * 3 + c` of the decoded array. Texel centres, for linear filtering:
+
+```glsl
+uniform highp sampler3D uSky;   // RGB16F, 7 x 32 x 12, LINEAR, CLAMP_TO_EDGE
+uniform float uSunIndex;        // sunIndex(sunElevationDeg), 0..11, from the CPU
+vec3 skyRadiance(float viewElDeg, float azFromSunDeg) {
+  float y = sqrt(clamp((viewElDeg + 4.0) / 94.0, 0.0, 1.0)) * 31.0;
+  float x = clamp(abs(azFromSunDeg) / 180.0, 0.0, 1.0) * 6.0;
+  return texture(uSky, vec3((x + 0.5) / 7.0, (y + 0.5) / 32.0, (uSunIndex + 0.5) / 12.0)).rgb / 64.0;
+}
+```
+
+Row width is 21 bytes, so set `gl.pixelStorei(gl.UNPACK_ALIGNMENT, 1)` before `texImage3D`.
+
+Size: 16,128 bytes for `sky_view` (21.5 KB as base64) and 192 bytes for `transmittance`; about
+twice the "few KB" of an 8-bit table, the price of not quantising the glow. `scatter.test.ts` pins the
+layout, the encoding, the checksums and a set of physical anchors (blue noon sky, red sunset toward the sun,
+black below the planet's shadow limit).
+
+### `aerial_perspective`: the camera volume for ground seen through the air
+
+After Hillaire, "A Scalable and Production Ready Sky and Atmosphere Rendering Technique", EGSR 2020, section 5.4, and its
+reference code (sebh/UnrealEngineSkyAtmosphere, `RenderCameraVolumePS` in `RenderSkyRayMarching.hlsl`). RGBA half floats
+(same encoding, `store_scale` 64), `width` 7, `height` 96, `depth` 12, 4 channels; one 3D texture, `x` fastest:
+
+- `x`: azimuth of the view ray from the light, 0, 30, ... 180 degrees (as `sky_view`).
+- `y`: `slice * 8 + elevation`: 12 slices, each a block of 8 view elevations, `-50 * (1 - i / 7)^2` degrees (finest at 0,
+  rays at or above the horizon are clamped to 0). Keep the filter inside a block: sample at `(slice * 8 + e + 0.5) / 96`, `e` in 0..7.
+- `z`: light elevation, `sun_elevations_deg`, as `sky_view`. The same volume serves the moon: look up at the moon's elevation.
+- Slice `k` is the far side of `max_km * ((k + 1) / 12)^2` km (the paper's squared distribution; `max_km` 20). Between slices interpolate
+  linearly; below slice 0 fade to zero at the observer, as the reference does for `Slice < 0.5`.
+- RGB: in-scatter luminance per steradian for a light of unit irradiance. A: opacity `1 - mean(rgb transmittance)`, the paper's grey
+  transmittance. Apply as `surface * (1 - A) + L * exposure`.
+
+Follows the paper: the squared slice distribution, the in-scatter integral with each step's extinction integrated analytically
+(`S (1 - exp(-e dt)) / e`), single scattering with Rayleigh and Mie (g 0.8) phase, and the grey opacity in alpha.
+Shortcuts: sun-relative azimuth and elevation instead of screen position; 12 x 8 x 7 texels, not 32 x 32 x 32; path lengths are the
+scene's metres times `distance_scale` (8), because a real atmosphere is nearly clear across a 3 km patch; the ray ignores the ground
+(density held at its ground value, sun visibility tested from the ground sphere); no multi-scattering LUT (the paper's dusk fix);
+observer at 100 m. Units: distances in km, radiance per unit sun irradiance, as `sky_view`. 86 KB as base64.
diff --git a/src/sky/baked.ts b/src/sky/baked.ts
index 15e72c8f..73c93bd5 100644
--- a/src/sky/baked.ts
+++ b/src/sky/baked.ts
@@ -8,6 +8,13 @@ export const baked = {
       lon: 0,
     },
     elevation: -44.579021600011224,
+    sun: {
+      elevation_deg: -44.579021600011224,
+      azimuth_deg: 2.4988773054640205,
+      color_linear: [0, 0, 0],
+    },
+    ambient_linear: [0.018, 0.024, 0.04],
+    horizon_hex: '#484e64',
     gradient: ['#37446a', '#38456a', '#3b4669', '#3d4868', '#414a67', '#444c66', '#484e64'],
     tokens: {
       Background: {
@@ -108,7 +115,7 @@ export const baked = {
       '#677dff',
       '#6a926a',
     ],
-    link: '#609385',
+    link: '#8ad1bd',
   },
   noonday: {
     moment: {
@@ -117,6 +124,13 @@ export const baked = {
       lon: 0,
     },
     elevation: 45.16994813502928,
+    sun: {
+      elevation_deg: 45.16994813502928,
+      azimuth_deg: 182.58737070473103,
+      color_linear: [0.9189659216820631, 0.8444983652129638, 0.6933684802959983],
+    },
+    ambient_linear: [0.07, 0.132, 0.27],
+    horizon_hex: '#e2f4ff',
     gradient: ['#95c6ff', '#9ac9ff', '#a5cfff', '#b3d6ff', '#c2dfff', '#d2e9ff', '#e2f4ff'],
     tokens: {
       Background: {
@@ -219,4 +233,44 @@ export const baked = {
     ],
     link: '#2a4f27',
   },
+  scatter: {
+    planet_radius_km: 6360,
+    atmosphere_height_km: 100,
+    observer_altitude_km: 0.1,
+    extinction_per_km: [0.020271980981493083, 0.02767884208799963, 0.044961518003181586],
+    format: 'half-float',
+    store_scale: 64,
+    view_elevation_deg: {
+      min: -4,
+      max: 90,
+      samples: 32,
+    },
+    transmittance: {
+      width: 32,
+      height: 1,
+      channels: 3,
+      data: 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAArkjBP0wqR02AR145qk9vS4BBtlCITWBGW1EcT3dJ1FE1UN5LL1K9UBdNdVIrUSdOq1KFURlP1lLOUe5P+VILUlRQFlM+UqVQLVNoUupQQFOLUidRUFOpUltRXlPCUohRaVPYUq5Rc1PqUs9Re1P4UupRgVMFUwFShlMPUxRSilMWUyJSjVMcUyxSj1MfUzNSj1MgUzVS',
+    },
+    sky_view: {
+      sun_elevations_deg: [-18, -12, -8, -5, -2, 0, 3, 8, 15, 25, 45, 90],
+      azimuth_step_deg: 30,
+      width: 7,
+      height: 32,
+      depth: 12,
+      channels: 3,
+      data: 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyhRWDusADhBFCV8AUAFcAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABRKEGYE5g40C8wBGQGDAA0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqQ++DQsGtQrbCHkCiABRAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVgq5CZkEmAXWBNoBMgAbAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwX3BIkCOAIMAvUACwAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/AH2ARkB1wC/AFcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwACvAFcASgA1ABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQQAvAA4AFAAIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAHAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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LithKgMmxya1JQYhpSDLHh0ZEBhtFJAMugRDARIADAABAAAA2CqjKp8nYykdKcQlUyXYJCAhQyDUHksa9xmgF0MRkhDfC+ACCAkeA0QAKik1KcAmGigRKC8lPSQOJN8glx+KHvgaRBsxGWsUuhVaEnILVBL6DUoF8CcbKMwlWyZ/JoMk2yLJIncgxR4dHj8b5RstGh4WkhjzFZkQoRbcEzsNNCaKJukkAiU8Jb4joiG2IQUgDx6lHUAbFBzDGoQX2xlCGO0T5RisFqUR6yRDJSIkAiRDJJsitCDZIC0fcB0wHRcbFBwMG0YYsRpEGZYVExqLGIQU5iNHJPQigiIEI6Eh9R8nIGQe5hzEHNYa5xsdG54YHRv1GfkWyBp3GRkWayIGI9shWyHUIc0g0R4sH7EdbxxiHIkaixsHG9EYVBtfGgYYJhsVGmgXRiHQIfEgdSDiIBwg5B1AHhQdChwLHDkaJxvaGukYUBuRGmcYURtxGjIYYCDYIC4ggR8gIAwfKB19HYwcZxt9G+oZxhqeGuwYHBuZGqQYQxuYGokYUx8QIBgfXx4DHxEejhzcHBcc0xr4Gp8ZahpcGuAY0BqBGsMYBhuVGrsYLh7bHggedR0AHj0dDxxWHGMbVhqFGloZExoYGssYehpUGsoYtBp0Gs8YQR3QHSYdtxwsHYscTBvNG7Ya7BkhGhwZwxnVGa8YIxoZGr8YWBo/Gs0YgBz2HGkcGBx8HOwbnRoSGyEakxnNGeQYeRmWGZEYzRnXGagY/Bn8GbkYwxtEHJkbMxvZG/QaDRp4GqQZSBmFGbQYNxlcGXMYfBmTGYkYohm0GZoYxxpmG5gaZBrvGicalxn5GToZChlJGYoY/RgpGVcYMBlSGWcYThlrGXUY/xmAGsoZvhkzGoAZOBmSGeQY2RgZGWgYzBj9GD8Y7hgXGUYYAhkoGU8YYxnOGSkZPhmhGf0Y7hhBGZ4YshjzGE0YphjcGCwYtxjmGCsYwxjvGC8Y8RhLGbAY3xg1GZoYuBgEGWgYlxjYGDoYixjFGCAYkBjFGBoYlBjHGBoYphjzGFwYoRjrGFQYkxjaGEEYhhjIGC0Yfhi8GB8YfBi3GBcYfBi2GBUYgBjCGCkYgBjCGCkYgBjCGCkYgBjCGCkYgBjCGCkYgBjCGCkYgBjCGCkYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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zjJ/Nyg7YELVQnVDVjrRPI4/IDYLOog9WDSaOFo8ETOsN1U7fTIgN9g6YzIJN8Q6YUD1QNtB3jl+PCA/7TXQOVY9PzR8OEM86DJ9NzM7RDLfNqM6HzK8NoQ6YD22PndALDkSPJ4+uTWYOSc9LjRmODI82DJnNyU7KzLANow6/jGVNmQ6yzrKPC0/Zjg+OxU+gjVgOfg8JTRXOCY83jJmNyk7MTLANpE6ADKQNmU6rjhsOxo+YTdoOpM9RDUnOco8ITRNOB08+zJ6Nz47VTLeNq86IzKuNoM6BzclOmM9OjazOSA9/zTtOJs8ITRHOBg8LjOiN2M7mDIYN+c6aTLsNr86pzVQOds8VzUeObo8tjSzOGw8JDREOBU8dzPcN5Y7/TJxNzg71jJNNxg7xDS4OG48qzSmOGE8bTR5OD88JjRDOBM81zMUONg7izPpN6I7cjPTN487KDRDOBM8KDRDOBM8KDRDOBM8KDRDOBM8KDRDOBM8KDRDOBM8KDRDOBM8SSnQLG4wSSnQLG4wSSnQLG4wSSnQLG4wSSnQLG4wSSnQLG4wSSnQLG4waynvLIowaynvLIowaynvLIowaynvLIowaynvLIowaynvLIowaynvLIow3SlULeUw3SlULeUw3SlULeUw3SlULeUw3SlULeUw3SlULeUw3SlULeUwzCooLqIxzCooLqIxzCooLqIxzCooLqIxzCooLqIxzCooLqIxzCooLqIxXCzbLyQzXCzbLyQzXCzbLyQzXCzbLyQzXCzbLyQzXCzbLyQzXCzbLyQz0y4XMnY10y4XMnY10y4XMnY10y4XMnY10y4XMnY10y4XMnY10y4XMnY1ujXnOAo8ujXnOAo8ujXnOAo8ujXnOAo8ujXnOAo8ujXnOAo8ujXnOAo8cD0PPsk7cD0PPsk7cD0PPsk7cD0PPsk7cD0PPsk7cD0PPsk7cD0PPsk7oz2LP8w9oz2LP8w9oz2LP8w9oz2LP8w9oz2LP8w9oz2LP8w9oz2LP8w99TyiPzg/9TyiPzg/9TyiPzg/9TyiPzg/9TyiPzg/9TyiPzg/9TyiPzg/LDwUP/Q/LDwUP/Q/LDwUP/Q/LDwUP/Q/LDwUP/Q/LDwUP/Q/LDwUP/Q/AjtaPhJAAjtaPhJAAjtaPhJAAjtaPhJAAjtaPhJAAjtaPhJAAjtaPhJA9DmnPf0/9DmnPf0/9DmnPf0/9DmnPf0/9DmnPf0/9DmnPf0/9DmnPf0/IzkLPa0/IzkLPa0/IzkLPa0/IzkLPa0/IzkLPa0/IzkLPa0/IzkLPa0/gziKPE4/gziKPE4/gziKPE4/gziKPE4/gziKPE4/gziKPE4/gziKPE4/CTghPPA+CTghPPA+CTghPPA+CTghPPA+CTghPPA+CTghPPA+CTghPPA+VzeZO5s+VzeZO5s+VzeZO5s+VzeZO5s+VzeZO5s+VzeZO5s+VzeZO5s+yjYVO1I+yjYVO1I+yjYVO1I+yjYVO1I+yjYVO1I+yjYVO1I+yjYVO1I+YTavOhc+YTavOhc+YTavOhc+YTavOhc+YTavOhc+YTavOhc+YTavOhc+FjZjOuk9FjZjOuk9FjZjOuk9FjZjOuk9FjZjOuk9FjZjOuk9FjZjOuk95jUsOsg95jUsOsg95jUsOsg95jUsOsg95jUsOsg95jUsOsg95jUsOsg9zzUKOrI9zzUKOrI9zzUKOrI9zzUKOrI9zzUKOrI9zzUKOrI9zzUKOrI90DX5Oac90DX5Oac90DX5Oac90DX5Oac90DX5Oac90DX5Oac90DX5Oac97jX8Oag97jX8Oag97jX8Oag97jX8Oag97jX8Oag97jX8Oag97jX8Oag9MzYVOrQ9MzYVOrQ9MzYVOrQ9MzYVOrQ9MzYVOrQ9MzYVOrQ9MzYVOrQ9sjZMOs89sjZMOs89sjZMOs89sjZMOs89sjZMOs89sjZMOs89sjZMOs89lje2OgE+lje2OgE+lje2OgE+lje2OgE+lje2OgE+lje2OgE+lje2OgE+oTh+O1s+oTh+O1s+oTh+O1s+oTh+O1s+oTh+O1s+oTh+O1s+oTh+O1s+SDqFPAo/SDqFPAo/SDqFPAo/SDqFPAo/SDqFPAo/SDqFPAo/SDqFPAo/2TwfPjZA2TwfPjZA2TwfPjZA2TwfPjZA2TwfPjZA2TwfPjZA2TwfPjZA6z9/QHJB6z9/QHJB6z9/QHJB6z9/QHJB6z9/QHJB6z9/QHJB6z9/QHJBGUGQQVtCGUGQQVtCGUGQQVtCGUGQQVtCGUGQQVtCGUGQQVtCGUGQQVtC',
+    },
+    aerial_perspective: {
+      slices: 12,
+      elevations: 8,
+      elevation_min_deg: -50,
+      max_km: 20,
+      distance_scale: 8,
+      width: 7,
+      height: 96,
+      depth: 12,
+      channels: 4,
+      data: 'AAAAAAAAgjQAAAAAAACCNAAAAAAAAII0AAAAAAAAgjQAAAAAAACCNAAAAAAAAII0AAAAAAAAgjQAAAAAAAB8NAAAAAAAAHw0AAAAAAAAfDQAAAAAAAB8NAAAAAAAAHw0AAAAAAAAfDQAAAAAAAB8NAAAAAAAAHU0AAAAAAAAdTQAAAAAAAB1NAAAAAAAAHU0AAAAAAAAdTQAAAAAAAB1NAAAAAAAAHU0AAAAAAAAbzQAAAAAAABvNAAAAAAAAG80AAAAAAAAbzQAAAAAAABvNAAAAAAAAG80AAAAAAAAbzQAAAAAAABrNAAAAAAAAGs0AAAAAAAAazQAAAAAAABrNAAAAAAAAGs0AAAAAAAAazQAAAAAAABrNAAAAAAAAGg0AAAAAAAAaDQAAAAAAABoNAAAAAAAAGg0AAAAAAAAaDQAAAAAAABoNAAAAAAAAGg0AAAAAAAAZjQAAAAAAABmNAAAAAAAAGY0AAAAAAAAZjQAAAAAAABmNAAAAAAAAGY0AAAAAAAAZjQAAAAAAABlNAAAAAAAAGU0AAAAAAAAZTQAAAAAAABlNAAAAAAAAGU0AAAAAAAAZTQAAAAAAABlNAAAAAAAAI08AAAAAAAAjTwAAAAAAACNPAAAAAAAAI08AAAAAAAAjTwAAAAAAACNPAAAAAAAAI08AAAAAAAAizwAAAAAAACLPAAAAAAAAIs8AAAAAAAAizwAAAAAAACLPAAAAAAAAIs8AAAAAAAAizwAAAAAAACIPAAAAAAAAIg8AAAAAAAAiDwAAAAAAACIPAAAAAAAAIg8AAAAAAAAiDwAAAAAAACIPAAAAAAAAII8AAAAAAAAgjwAAAAAAACCPAAAAAAAAII8AAAAAAAAgjwAAAAAAACCPAAAAAAAAII8AAAAAAAAdTwAAAAAAAB1PAAAAAAAAHU8AAAAAAAAdTwAAAAAAAB1PAAAAAAAAHU8AAAAAAAAdTwAAAAAAABnPAAAAAAAAGc8AAAAAAAAZzwAAAAAAABnPAAAAAAAAGc8AAAAAAAAZzwAAAAAAABnPAAAAAAAAGA8AAAAAAAAYDwAAAAAAABgPAAAAAAAAGA8AAAAAAAAYDwAAAAAAABgPAAAAAAAAGA8AAAAAAAAXTwAAAAAAABdPAAAAAAAAF08AAAAAAAAXTwAAAAAAABdPAAAAAAAAF08AAAAAAAAXTwAAAAAAAATQQAAAAAAABNBAAAAAAAAE0EAAAAAAAATQQAAAAAAABNBAAAAAAAAE0EAAAAAAAATQQAAAAAAABJBAAAAAAAAEkEAAAAAAAASQQAAAAAAABJBAAAAAAAAEkEAAAAAAAASQQAAAAAAABJBAAAAAAAAEEEAAAAAAAAQQQAAAAAAABBBAAAAAAAAEEEAAAAAAAAQQQAAAAAAABBBAAAAAAAAEEEAAAAAAAANQQAAAAAAAA1BAAAAAAAADUEAAAAAAAANQQAAAAAAAA1BAAAAAAAADUEAAAAAAAANQQAAAAAAAAdBAAAAAAAAB0EAAAAAAAAHQQAAAAAAAAdBAAAAAAAAB0EAAAAAAAAHQQAAAAAAAAdBAAAAAAAA9EAAAAAAAAD0QAAAAAAAAPRAAAAAAAAA9EAAAAAAAAD0QAAAAAAAAPRAAAAAAAAA9EAAAAAAAADgQAAAAAAAAOBAAAAAAAAA4EAAAAAAAADgQAAAAAAAAOBAAAAAAAAA4EAAAAAAAADgQAAAAAAAANpAAAAAAAAA2kAAAAAAAADaQAAAAAAAANpAAAAAAAAA2kAAAAAAAADaQAAAAAAAANpAAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAG9EAAAAAAAAb0QAAAAAAABvRAAAAAAAAG9EAAAAAAAAb0QAAAAAAABvRAAAAAAAAG9EAAAAAAAAbUQAAAAAAABtRAAAAAAAAG1EAAAAAAAAbUQAAAAAAABtRAAAAAAAAG1EAAAAAAAAbUQAAAAAAABqRAAAAAAAAGpEAAAAAAAAakQAAAAAAABqRAAAAAAAAGpEAAAAAAAAakQAAAAAAABqRAAAAAAAAGFEAAAAAAAAYUQAAAAAAABhRAAAAAAAAGFEAAAAAAAAYUQAAAAAAABhRAAAAAAAAGFEAAAAAAAASEQAAAAAAABIRAAAAAAAAEhEAAAAAAAASEQAAAAAAABIRAAAAAAAAEhEAAAAAAAASEQAAAAAAAA+RAAAAAAAAD5EAAAAAAAAPkQAAAAAAAA+RAAAAAAAAD5EAAAAAAAAPkQAAAAAAAA+RAAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADIRgAAAAAAAMhGAAAAAAAAyEYAAAAAAADIRgAAAAAAAMhGAAAAAAAAyEYAAAAAAADIRgAAAAAAAMdGAAAAAAAAx0YAAAAAAADHRgAAAAAAAMdGAAAAAAAAx0YAAAAAAADHRgAAAAAAAMdGAAAAAAAAxEYAAAAAAADERgAAAAAAAMRGAAAAAAAAxEYAAAAAAADERgAAAAAAAMRGAAAAAAAAxEYAAAAAAAC7RgAAAAAAALtGAAAAAAAAu0YAAAAAAAC7RgAAAAAAALtGAAAAAAAAu0YAAAAAAAC7RgAAAAAAAJRGAAAAAAAAlEYAAAAAAACURgAAAAAAAJRGAAAAAAAAlEYAAAAAAACURgAAAAAAAJRGAAAAAAAAfUYAAAAAAAB9RgAAAAAAAH1GAAAAAAAAfUYAAAAAAAB9RgAAAAAAAH1GAAAAAAAAfUYAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADBSAAAAAAAAMFIAAAAAAAAwUgAAAAAAADBSAAAAAAAAMFIAAAAAAAAwUgAAAAAAADBSAAAAAAAAMBIAAAAAAAAwEgAAAAAAADASAAAAAAAAMBIAAAAAAAAwEgAAAAAAADASAAAAAAAAMBIAAAAAAAAvEgAAAAAAAC8SAAAAAAAALxIAAAAAAAAvEgAAAAAAAC8SAAAAAAAALxIAAAAAAAAvEgAAAAAAAClSAAAAAAAAKVIAAAAAAAApUgAAAAAAAClSAAAAAAAAKVIAAAAAAAApUgAAAAAAAClSAAAAAAAAI5IAAAAAAAAjkgAAAAAAACOSAAAAAAAAI5IAAAAAAAAjkgAAAAAAACOSAAAAAAAAI5IAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAAR0oAAAAAAABHSgAAAAAAAEdKAAAAAAAAR0oAAAAAAABHSgAAAAAAAEdKAAAAAAAAR0oAAAAAAABGSgAAAAAAAEZKAAAAAAAARkoAAAAAAABGSgAAAAAAAEZKAAAAAAAARkoAAAAAAABGSgAAAAAAAEJKAAAAAAAAQkoAAAAAAABCSgAAAAAAAEJKAAAAAAAAQkoAAAAAAABCSgAAAAAAAEJKAAAAAAAALEoAAAAAAAAsSgAAAAAAACxKAAAAAAAALEoAAAAAAAAsSgAAAAAAACxKAAAAAAAALEoAAAAAAAAESgAAAAAAAARKAAAAAAAABEoAAAAAAAAESgAAAAAAAARKAAAAAAAABEoAAAAAAAAESgAAAAAAAO1LAAAAAAAA7UsAAAAAAADtSwAAAAAAAO1LAAAAAAAA7UsAAAAAAADtSwAAAAAAAO1LAAAAAAAA7EsAAAAAAADsSwAAAAAAAOxLAAAAAAAA7EsAAAAAAADsSwAAAAAAAOxLAAAAAAAA7EsAAAAAAADsSwAAAAAAAOxLAAAAAAAA7EsAAAAAAADsSwAAAAAAAOxLAAAAAAAA7EsAAAAAAADsSwAAAAAAAOtLAAAAAAAA60sAAAAAAADrSwAAAAAAAOtLAAAAAAAA60sAAAAAAADrSwAAAAAAAOtLAAAAAAAA6ksAAAAAAADqSwAAAAAAAOpLAAAAAAAA6ksAAAAAAADqSwAAAAAAAOpLAAAAAAAA6ksAAAAAAADnSwAAAAAAAOdLAAAAAAAA50sAAAAAAADnSwAAAAAAAOdLAAAAAAAA50sAAAAAAADnSwAAAAAAANJLAAAAAAAA0ksAAAAAAADSSwAAAAAAANJLAAAAAAAA0ksAAAAAAADSSwAAAAAAANJLAAAAAAAAmEsAAAAAAACYSwAAAAAAAJhLAAAAAAAAmEsAAAAAAACYSwAAAAAAAJhLAAAAAAAAmEsAAAAAAADTTAAAAAAAANNMAAAAAAAA00wAAAAAAADTTAAAAAAAANNMAAAAAAAA00wAAAAAAADTTAAAAAAAANNMAAAAAAAA00wAAAAAAADTTAAAAAAAANNMAAAAAAAA00wAAAAAAADTTAAAAAAAANNMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0EwAAAAAAADQTAAAAAAAANBMAAAAAAAA0EwAAAAAAADQTAAAAAAAANBMAAAAAAAA0EwAAAAAAADGTAAAAAAAAMZMAAAAAAAAxkwAAAAAAADGTAAAAAAAAMZMAAAAAAAAxkwAAAAAAADGTAAAAAAAAKBMAAAAAAAAoEwAAAAAAACgTAAAAAAAAKBMAAAAAAAAoEwAAAAAAACgTAAAAAAAAKBMAAAAAAAAtU0AAAAAAAC1TQAAAAAAALVNAAAAAAAAtU0AAAAAAAC1TQAAAAAAALVNAAAAAAAAtU0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALJNAAAAAAAAsk0AAAAAAACyTQAAAAAAALJNAAAAAAAAsk0AAAAAAACyTQAAAAAAALJNAAAAAAAAqU0AAAAAAACpTQAAAAAAAKlNAAAAAAAAqU0AAAAAAACpTQAAAAAAAKlNAAAAAAAAqU0AAAAAAAB6TQAAAAAAAHpNAAAAAAAAek0AAAAAAAB6TQAAAAAAAHpNAAAAAAAAek0AAAAAAAB6TQAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACVTgAAAAAAAJVOAAAAAAAAlU4AAAAAAACVTgAAAAAAAJVOAAAAAAAAlU4AAAAAAACVTgAAAAAAAI1OAAAAAAAAjU4AAAAAAACNTgAAAAAAAI1OAAAAAAAAjU4AAAAAAACNTgAAAAAAAI1OAAAAAAAAVk4AAAAAAABWTgAAAAAAAFZOAAAAAAAAVk4AAAAAAABWTgAAAAAAAFZOAAAAAAAAVk4AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB3TwAAAAAAAHdPAAAAAAAAd08AAAAAAAB3TwAAAAAAAHdPAAAAAAAAd08AAAAAAAB3TwAAAAAAAHdPAAAAAAAAd08AAAAAAAB3TwAAAAAAAHdPAAAAAAAAd08AAAAAAAB3TwAAAAAAAHdPAAAAAAAAdk8AAAAAAAB2TwAAAAAAAHZPAAAAAAAAdk8AAAAAAAB2TwAAAAAAAHZPAAAAAAAAdk8AAAAAAABuTwAAAAAAAG5PAAAAAAAAbk8AAAAAAABuTwAAAAAAAG5PAAAAAAAAbk8AAAAAAABuTwAAAAAAAC9PAAAAAAAAL08AAAAAAAAvTwAAAAAAAC9PAAAAAAAAL08AAAAAAAAvTwAAAAAAAC9PAAAAAAAAgjQAAAAAAACCNAAAAAAAAII0AAAAAAAAgjQAAAAAAACCNAAAAAAAAII0AAAAAAAAgjQAAAAAAAB8NAAAAAAAAHw0AAAAAAAAfDQAAAAAAAB8NAAAAAAAAHw0AAAAAAAAfDQAAAAAAAB8NAAAAAAAAHU0AAAAAAAAdTQAAAAAAAB1NAAAAAAAAHU0AAAAAAAAdTQAAAAAAAB1NAAAAAAAAHU0AAAAAAAAbzQAAAAAAABvNAAAAAAAAG80AAAAAAAAbzQAAAAAAABvNAAAAAAAAG80AAAAAAAAbzQAAAAAAABrNAAAAAAAAGs0AAAAAAAAazQAAAAAAABrNAAAAAAAAGs0AAAAAAAAazQAAAAAAABrNAAAAAAAAGg0AAAAAAAAaDQAAAAAAABoNAAAAAAAAGg0AAAAAAAAaDQAAAAAAABoNAAAAAAAAGg0AAAAAAAAZjQAAAAAAABmNAAAAAAAAGY0AAAAAAAAZjQAAAAAAABmNAAAAAAAAGY0AAAAAAAAZjQAAAAAAABlNAAAAAAAAGU0AAAAAAAAZTQAAAAAAABlNAAAAAAAAGU0AAAAAAAAZTQAAAAAAABlNAAAAAAAAI08AAAAAAAAjTwAAAAAAACNPAAAAAAAAI08AAAAAAAAjTwAAAAAAACNPAAAAAAAAI08AAAAAAAAizwAAAAAAACLPAAAAAAAAIs8AAAAAAAAizwAAAAAAACLPAAAAAAAAIs8AAAAAAAAizwAAAAAAACIPAAAAAAAAIg8AAAAAAAAiDwAAAAAAACIPAAAAAAAAIg8AAAAAAAAiDwAAAAAAACIPAAAAAAAAII8AAAAAAAAgjwAAAAAAACCPAAAAAAAAII8AAAAAAAAgjwAAAAAAACCPAAAAAAAAII8AAAAAAAAdTwAAAAAAAB1PAAAAAAAAHU8AAAAAAAAdTwAAAAAAAB1PAAAAAAAAHU8AAAAAAAAdTwAAAAAAABnPAAAAAAAAGc8AAAAAAAAZzwAAAAAAABnPAAAAAAAAGc8AAAAAAAAZzwAAAAAAABnPAAAAAAAAGA8AAAAAAAAYDwAAAAAAABgPAAAAAAAAGA8AAAAAAAAYDwAAAAAAABgPAAAAAAAAGA8AAAAAAAAXTwAAAAAAABdPAAAAAAAAF08AAAAAAAAXTwAAAAAAABdPAAAAAAAAF08AAAAAAAAXTwAAAAAAAATQQAAAAAAABNBAAAAAAAAE0EAAAAA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AAAAAAAA00wAAAAAAADTTAAAAAAAANNMAAAAAAAA00wAAAAAAADTTAAAAAAAANNMAAAAAAAA00wAAAAAAADTTAAAAAAAANNMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0EwAAAAAAADQTAAAAAAAANBMAAAAAAAA0EwAAAAAAADQTAAAAAAAANBMAAAAAAAA0EwAAAAAAADGTAAAAAAAAMZMAAAAAAAAxkwAAAAAAADGTAAAAAAAAMZMAAAAAAAAxkwAAAAAAADGTAAAAAAAAKBMAAAAAAAAoEwAAAAAAACgTAAAAAAAAKBMAAAAAAAAoEwAAAAAAACgTAAAAAAAAKBMAAAAAAAAtU0AAAAAAAC1TQAAAAAAALVNAAAAAAAAtU0AAAAAAAC1TQAAAAAAALVNAAAAAAAAtU0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALJNAAAAAAAAsk0AAAAAAACyTQAAAAAAALJNAAAAAAAAsk0AAAAAAACyTQAAAAAAALJNAAAAAAAAqU0AAAAAAACpTQAAAAAAAKlNAAAAAAAAqU0AAAAAAACpTQAAAAAAAKlNAAAAAAAAqU0AAAAAAAB6TQAAAAAAAHpNAAAAAAAAek0AAAAAAAB6TQAAAAAAAHpNAAAAAAAAek0AAAAAAAB6TQAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACXTgAAAAAAAJdOAAAAAAAAl04AAAAAAACVTgAAAAAAAJVOAAAAAAAAlU4AAAAAAACVTgAAAAAAAJVOAAAAAAAAlU4AAAAAAACVTgAAAAAAAI1OAAAAAAAAjU4AAAAAAACNTgAAAAAAAI1OAAAAAAAAjU4AAAAAAACNTgAAAAAAAI1OAAAAAAAAVk4AAAAAAABWTgAAAAAAAFZOAAAAAAAAVk4AAAAAAABWTgAAAAAAAFZOAAAAAAAAVk4AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB4TwAAAAAAAHhPAAAAAAAAeE8AAAAAAAB3TwAAAAAAAHdPAAAAAAAAd08AAAAAAAB3TwAAAAAAAHdPAAAAAAAAd08AAAAAAAB3TwAAAAAAAHdPAAAAAAAAd08AAAAAAAB3TwAAAAAAAHdPAAAAAAAAd08AAAAAAAB3TwAAAAAAAHdPAAAAAAAAdk8AAAAAAAB2TwAAAAAAAHZPAAAAAAAAdk8AAAAAAAB2TwAAAAAAAHZPAAAAAAAAdk8AAAAAAABuTwAAAAAAAG5PAAAAAAAAbk8AAAAAAABuTwAAAAAAAG5PAAAAAAAAbk8AAAAAAABuTwAAAAAAAC9PAAAAAAAAL08AAAAAAAAvTwAAAAAAAC9PAAAAAAAAL08AAAAAAAAvTwAAAAAAAC9PAAAAAAAAgjQAAAAAAACCNAAAAAAAAII0AAAAAAAAgjQAAAAAAACCNAAAAAAAAII0AAAAAAAAgjQAAAAAAAB8NAAAAAAAAHw0AAAAAAAAfDQAAAAAAAB8NAAAAAAAAHw0AAAAAAAAfDQAAAAAAAB8NAAAAAAAAHU0AAAAAAAAdTQAAAAAAAB1NAAAAAAAAHU0AAAAAAAAdTQAAAAAAAB1NAAAAAAAAHU0AAAAAAAAbzQAAAAAAABvNAAAAAAAAG80AAAAAAAAbzQAAAAAAABvNAAAAAAAAG80AAAAAAAAbzQAAAAAAABrNAAAAAAAAGs0AAAAAAAAazQAAAAAAABrNAAAAAAAAGs0AAAAAAAAazQAAAAAAABrNAAAAAAAAGg0AAAAAAAAaDQAAAAAAABoNAAAAAAAAGg0AAAAAAAAaDQAAAAAAABoNAAAAAAAAGg0AAAAAAAAZjQAAAAAAABmNAAAAAAAAGY0AAAAAAAAZjQAAAAAAABmNAAAAAAAAGY0AAAAAAAAZjQAAAAAAABlNAAAAAAAAGU0AAAAAAAAZTQAAAAAAABlNAAAAAAAAGU0AAAAAAAAZTQAAAAAAABlNAAAAAAAAI08AAAAAAAAjTwAAAAAAACNPAAAAAAAAI08AAAAAAAAjTwAAAAAAACNPAAAAAAAAI08AAAAAAAAizwAAAAAAACLPAAAAAAAAIs8AAAAAAAAizwAAAAAAACLPAAAAAAAAIs8AAAAAAAAizwAAAAAAACIPAAAAAAAAIg8AAAAAAAAiDwAAAAAAACIPAAAAAAAAIg8AAAAAAAAiDwAAAAAAACIPAAAAAAAAII8AAAAAAAAgjwAAAAAAACCPAAAAAAAAII8AAAAAAAAgjwAAAAAAACCPAAAAAAAAII8AAAAAAAAdTwAAAAAAAB1PAAAAAAAAHU8AAAAAAAAdTwAAAAAAAB1PAAAAAAAAHU8AAAAAAAAdTwAAAAAAABnPAAAAAAAAGc8AAAAAAAAZzwAAAAAAABnPAAAAAAAAGc8AAAAAAAAZzwAAAAAAABnPAAAAAAAAGA8AAAAAAAAYDwAAAAAAABgPAAAAAAAAGA8AAAAAAAAYDwAAAAAAABgPAAAAAAAAGA8AAAAAAAAXTwAAAAAAABdPAAAAAAAAF08AAAAAAAAXTwAAAAAAABdPAAAAAAAAF08AAAAAAAAXTwAAAAAAAATQQAAAAAAABNBAAAAAAAAE0EAAAAAAAATQQAAAAAAABNBAAAAAAAAE0EAAAAAAAATQQAAAAAAABJBAAAAAAAAEkEAAAAAAAASQQAAAAAAABJBAAAAAAAAEkEAAAAAAAASQQAAAAAAABJBAAAAAAAAEEEAAAAAAAAQQQAAAAAAABBBAAAAAAAAEEEAAAAAAAAQQQAAAAAAABBBAAAAAAAAEEEAAAAAAAANQQAAAAAAAA1BAAAAAAAADUEAAAAAAAANQQAAAAAAAA1BAAAAAAAADUEAAAAAAAANQQAAAAAAAAdBAAAAAAAAB0EAAAAAAAAHQQAAAAAAAAdBAAAAAAAAB0EAAAAAAAAHQQAAAAAAAAdBAAAAAAAA9EAAAAAAAAD0QAAAAAAAAPRAAAAAAAAA9EAAAAAAAAD0QAAAAAAAAPRAAAAAAAAA9EAAAAAAAADgQAAAAAAAAOBAAAAAAAAA4EAAAAAAAADgQAAAAAAAAOBAAAAAAAAA4EAAAAAAAADgQAAAAAAAANpAAAAAAAAA2kAAAAAAAADaQAAAAAAAANpAAAAAAAAA2kAAAAAAAADaQAAAAAAAANpAAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAG9EAAAAAAAAb0QAAAAAAABvRAAAAAAAAG9EAAAAAAAAb0QAAAAAAABvRAAAAAAAAG9EAAAAAAAAbUQAAAAAAABtRAAAAAAAAG1EAAAAAAAAbUQAAAAAAABtRAAAAAAAAG1EAAAAAAAAbUQAAAAAAABqRAAAAAAAAGpEAAAAAAAAakQAAAAAAABqRAAAAAAAAGpEAAAAAAAAakQAAAAAAABqRAAAAAAAAGFEAAAAAAAAYUQAAAAAAABhRAAAAAAAAGFEAAAAAAAAYUQAAAAAAABhRAAAAAAAAGFEAAAAAAAASEQAAAAAAABIRAAAAAAAAEhEAAAAAAAASEQAAAAAAABIRAAAAAAAAEhEAAAAAAAASEQAAAAAAAA+RAAAAAAAAD5EAAAAAAAAPkQAAAAAAAA+RAAAAAAAAD5EAAAAAAAAPkQAAAAAAAA+RAAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADIRgAAAAAAAMhGAAAAAAAAyEYAAAAAAADIRgAAAAAAAMhGAAAAAAAAyEYAAAAAAADIRgAAAAAAAMdGAAAAAAAAx0YAAAAAAADHRgAAAAAAAMdGAAAAAAAAx0YAAAAAAADHRgAAAAAAAMdGAAAAAAAAxEYAAAAAAADERgAAAAAAAMRGAAAAAAAAxEYAAAAAAADERgAAAAAAAMRGAAAAAAAAxEYAAAAAAAC7RgAAAAAAALtGAAAAAAAAu0YAAAAAAAC7RgAAAAAAALtGAAAAAAAAu0YAAAAAAAC7RgAAAAAAAJRGAAAAAAAAlEYAAAAAAACURgAAAAAAAJRGAAAAAAAAlEYAAAAAAACURgAAAAAAAJRGAAAAAAAAfUYAAAAAAAB9RgAAAAAAAH1GAAAAAAAAfUYAAAAAAAB9RgAAAAAAAH1GAAAAAAAAfUYAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADCSAAAAAAAAMJIAAAAAAAAwkgAAAAAAADBSAAAAAAAAMFIAAAAAAAAwUgAAAAAAADBSAAAAAAAAMFIAAAAAAAAwUgAAAAAAADBSAAAAAAAAMBIAAAAAAAAwEgAAAAAAADASAAAAAAAAMBIAAAAAAAAwEgAAAAAAADASAAAAAAAAMBIAAAAAAAAvEgAAAAAAAC8SAAAAAAAALxIAAAAAAAAvEgAAAAAAAC8SAAAAAAAALxIAAAAAAAAvEgAAAAAAAClSAAAAAAAAKVIAAAAAAAApUgAAAAAAAClSAAAAAAAAKVIAAAAAAAApUgAAAAAAAClSAAAAAAAAI5IAAAAAAAAjkgAAAAAAACOSAAAAAAAAI5IAAAAAAAAjkgAAAAAAACOSAAAAAAAAI5IAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAASEoAAAAAAABISgAAAAAAAEhKAAAAAAAAR0oAAAAAAABHSgAAAAAAAEdKAAAAAAAAR0oAAAAAAABHSgAAAAAAAEdKAAAAAAAAR0oAAAAAAABGSgAAAAAAAEZKAAAAAAAARkoAAAAAAABGSgAAAAAAAEZKAAAAAAAARkoAAAAAAABGSgAAAAAAAEJKAAAAAAAAQkoAAAAAAABCSgAAAAAAAEJKAAAAAAAAQkoAAAAAAABCSgAAAAAAAEJKAAAAAAAALEoAAAAAAAAsSgAAAAAAACxKAAAAAAAALEoAAAAAAAAsSgAAAAAAACxKAAAAAAAALEoAAAAAAAAESgAAAAAAAARKAAAAAAAABEoAAAAAAAAESgAAAAAAAARKAAAAAAAABEoAAAAAAAAESgAAAAAAAO1LAAAAAAAA7UsAAAAAAADtSwAAAAAAAO1LAAAAAAAA7UsAAAAAAADtSwAAAAAAAO1LAAAAAAAA7EsAAAAAAADsSwAAAAAAAOxLAAAAAAAA7EsAAAAAAADsSwAAAAAAAOxLAAAAAAAA7EsAAAAAAADsSwAAAAAAAOxLAAAAAAAA7EsAAAAAAADsSwAAAAAAAOxLAAAAAAAA7EsAAAAAAADsSwAAAAAAAOtLAAAAAAAA60sAAAAAAADrSwAAAAAAAOtLAAAAAAAA60sAAAAAAADrSwAAAAAAAOtLAAAAAAAA6ksAAAAAAADqSwAAAAAAAOpLAAAAAAAA6ksAAAAAAADqSwAAAAAAAOpLAAAAAAAA6ksAAAAAAADnSwAAAAAAAOdLAAAAAAAA50sAAAAAAADnSwAAAAAAAOdLAAAAAAAA50sAAAAAAADnSwAAAAAAANJLAAAAAAAA0ksAAAAAAADSSwAAAAAAANJLAAAAAAAA0ksAAAAAAADSSwAAAAAAANJLAAAAAAAAmEsAAAAAAACYSwAAAAAAAJhLAAAAAAAAmEsAAAAAAACYSwAAAAAAAJhLAAAAAAAAmEsAAAAAAADTTAAAAAAAANNMAAAAAAAA00wAAAAAAADTTAAAAAAAANNMAAAAAAAA00wAAAAAAADTTAAAAAAAANNMAAAAAAAA00wAAAAAAADTTAAAAAAAANNMAAAAAAAA00wAAAAAAADTTAAAAAAAANNMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0EwAAAAAAADQTAAAAAAAANBMAAAAAAAA0EwAAAAAAADQTAAAAAAAANBMAAAAAAAA0EwAAAAAAADGTAAAAAAAAMZMAAAAAAAAxkwAAAAAAADGTAAAAAAAAMZMAAAAAAAAxkwAAAAAAADGTAAAAAAAAKBMAAAAAAAAoEwAAAAAAACgTAAAAAAAAKBMAAAAAAAAoEwAAAAAAACgTAAAAAAAAKBMAAAAAAAAtU0AAAAAAAC1TQAAAAAAALVNAAAAAAAAtU0AAAAAAAC1TQAAAAAAALVNAAAAAAAAtU0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALJNAAAAAAAAsk0AAAAAAACyTQAAAAAAALJNAAAAAAAAsk0AAAAAAACyTQAAAAAAALJNAAAAAAAAqU0AAAAAAACpTQAAAAAAAKlNAAAAAAAAqU0AAAAAAACpTQAAAAAAAKlNAAAAAAAAqU0AAAAAAAB6TQAAAAAAAHpNAAAAAAAAek0AAAAAAAB6TQAAAAAAAHpNAAAAAAAAek0AAAAAAAB6TQAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAA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AAASQQAAAAAAABJBAAAAAAAAEkEAAAAAAAASQQAAAAAAABJBAAAAAAAAEEEAAAAAAAAQQQAAAAAAABBBAAAAAAAAEEEAAAAAAAAQQQAAAAAAABBBAAAAAAAAEEEAAAAAAAANQQAAAAAAAA1BAAAAAAAADUEAAAAAAAANQQAAAAAAAA1BAAAAAAAADUEAAAAAAAANQQAAAAAAAAdBAAAAAAAAB0EAAAAAAAAHQQAAAAAAAAdBAAAAAAAAB0EAAAAAAAAHQQAAAAAAAAdBAAAAAAAA9EAAAAAAAAD0QAAAAAAAAPRAAAAAAAAA9EAAAAAAAAD0QAAAAAAAAPRAAAAAAAAA9EAAAAAAAADgQAAAAAAAAOBAAAAAAAAA4EAAAAAAAADgQAAAAAAAAOBAAAAAAAAA4EAAAAAAAADgQAAAAAAAANpAAAAAAAAA2kAAAAAAAADaQAAAAAAAANpAAAAAAAAA2kAAAAAAAADaQAAAAAAAANpAAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAG9EAAAAAAAAb0QAAAAAAABvRAAAAAAAAG9EAAAAAAAAb0QAAAAAAABvRAAAAAAAAG9EAAAAAAAAbUQAAAAAAABtRAAAAAAAAG1EAAAAAAAAbUQAAAAAAABtRAAAAAAAAG1EAAAAAAAAbUQAAAAAAABqRAAAAAAAAGpEAAAAAAAAakQAAAAAAABqRAAAAAAAAGpEAAAAAAAAakQAAAAAAABqRAAAAAAAAGFEAAAAAAAAYUQAAAAAAABhRAAAAAAAAGFEAAAAAAAAYUQAAAAAAABhRAAAAAAAAGFEAAAAAAAASEQAAAAAAABIRAAAAAAAAEhEAAAAAAAASEQAAAAAAABIRAAAAAAAAEhEAAAAAAAASEQAAAAAAAA+RAAAAAAAAD5EAAAAAAAAPkQAAAAAAAA+RAAAAAAAAD5EAAAAAAAAPkQAAAAAAAA+RAAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlG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AAAAAAAA00wAAAAAAADTTAAAAAAAANNMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0EwAAAAAAADQTAAAAAAAANBMAAAAAAAA0EwAAAAAAADQTAAAAAAAANBMAAAAAAAA0EwAAAAAAADGTAAAAAAAAMZMAAAAAAAAxkwAAAAAAADGTAAAAAAAAMZMAAAAAAAAxkwAAAAAAADGTAAAAAAAAKBMAAAAAAAAoEwAAAAAAACgTAAAAAAAAKBMAAAAAAAAoEwAAAAAAACgTAAAAAAAAKBMAAAAAAAAtU0AAAAAAAC1TQAAAAAAALVNAAAAAAAAtU0AAAAAAAC1TQAAAAAAALVNAAAAAAAAtU0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALJNAAAAAAAAsk0AAAAAAACyTQAAAAAAALJNAAAAAAAAsk0AAAAAAACyTQAAAAAAALJNAAAAAAAAqU0AAAAAAACpTQAAAAAAAKlNAAAAAAAAqU0AAAAAAACpTQAAAAAAAKlNAAAAAAAAqU0AAAAAAAB6TQAAAAAAAHpNAAAAAAAAek0AAAAAAAB6TQAAAAAAAHpNAAAAAAAAek0AAAAAAAB6TQAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAA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AAASQQAAAAAAABJBAAAAAAAAEEEAAAAAAAAQQQAAAAAAABBBAAAAAAAAEEEAAAAAAAAQQQAAAAAAABBBAAAAAAAAEEEAAAAAAAANQQAAAAAAAA1BAAAAAAAADUEAAAAAAAANQQAAAAAAAA1BAAAAAAAADUEAAAAAAAANQQAAAAAAAAdBAAAAAAAAB0EAAAAAAAAHQQAAAAAAAAdBAAAAAAAAB0EAAAAAAAAHQQAAAAAAAAdBAAAAAAAA9EAAAAAAAAD0QAAAAAAAAPRAAAAAAAAA9EAAAAAAAAD0QAAAAAAAAPRAAAAAAAAA9EAAAAAAAADgQAAAAAAAAOBAAAAAAAAA4EAAAAAAAADgQAAAAAAAAOBAAAAAAAAA4EAAAAAAAADgQAAAAAAAANpAAAAAAAAA2kAAAAAAAADaQAAAAAAAANpAAAAAAAAA2kAAAAAAAADaQAAAAAAAANpAAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAHBEAAAAAAAAcEQAAAAAAABwRAAAAAAAAG9EAAAAAAAAb0QAAAAAAABvRAAAAAAAAG9EAAAAAAAAb0QAAAAAAABvRAAAAAAAAG9EAAAAAAAAbUQAAAAAAABtRAAAAAAAAG1EAAAAAAAAbUQAAAAAAABtRAAAAAAAAG1EAAAAAAAAbUQAAAAAAABqRAAAAAAAAGpEAAAAAAAAakQAAAAAAABqRAAAAAAAAGpEAAAAAAAAakQAAAAAAABqRAAAAAAAAGFEAAAAAAAAYUQAAAAAAABhRAAAAAAAAGFEAAAAAAAAYUQAAAAAAABhRAAAAAAAAGFEAAAAAAAASEQAAAAAAABIRAAAAAAAAEhEAAAAAAAASEQAAAAAAABIRAAAAAAAAEhEAAAAAAAASEQAAAAAAAA+RAAAAAAAAD5EAAAAAAAAPkQAAAAAAAA+RAAAAAAAAD5EAAAAAAAAPkQAAAAAAAA+RAAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlGAAAAAAAAyUYAAAAAAADJRgAAAAAAAMlG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AAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0kwAAAAAAADSTAAAAAAAANJMAAAAAAAA0EwAAAAAAADQTAAAAAAAANBMAAAAAAAA0EwAAAAAAADQTAAAAAAAANBMAAAAAAAA0EwAAAAAAADGTAAAAAAAAMZMAAAAAAAAxkwAAAAAAADGTAAAAAAAAMZMAAAAAAAAxkwAAAAAAADGTAAAAAAAAKBMAAAAAAAAoEwAAAAAAACgTAAAAAAAAKBMAAAAAAAAoEwAAAAAAACgTAAAAAAAAKBMAAAAAAAAtU0AAAAAAAC1TQAAAAAAALVNAAAAAAAAtU0AAAAAAAC1TQAAAAAAALVNAAAAAAAAtU0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALRNAAAAAAAAtE0AAAAAAAC0TQAAAAAAALJNAAAAAAAAsk0AAAAAAACyTQAAAAAAALJNAAAAAAAAsk0AAAAAAACyTQAAAAAAALJNAAAAAAAAqU0AAAAAAACpTQAAAAAAAKlNAAAAAAAAqU0AAAAAAACpTQAAAAAAAKlNAAAAAAAAqU0AAAAAAAB6TQAAAAAAAHpNAAAAAAAAek0AAAAAAAB6TQAAAAAAAHpNAAAAAAAAek0AAAAAAAB6TQAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAAAACYTgAAAAAAAJhOAAAAAAAAmE4AAAAA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',
+    },
+  },
 } as const;
diff --git a/src/sky/scatter.js b/src/sky/scatter.js
new file mode 100644
index 00000000..bd12b7e0
--- /dev/null
+++ b/src/sky/scatter.js
@@ -0,0 +1,362 @@
+// Atmospheric scattering tables, baked for a WebGL2 shader (layout: src/sky/README.md).
+// Dependency-free apart from sun.js, so scripts/bake-sky.mjs and the tests run it under plain node.
+//
+//   bakeScatter() -> { transmittance, sky_view, ... } with base64 RGB16F tables (half floats).
+//
+// A Hillaire-style single-scattering model (Rayleigh + Mie, spherical planet, observer 100 m up),
+// reduced to two small tables: the transmittance of the whole atmosphere along a view direction, and
+// the sky's radiance by sun elevation, view elevation and azimuth from the sun. sun.js stays the
+// single source of the air: its zenith optical depths (TAU, per channel) are the vertical optical
+// depth of this atmosphere, split into a grey aerosol part and a Rayleigh part. So the direct sun
+// sun.js returns and the transmittance here agree at the zenith; only the air-mass law differs
+// (Kasten-Young there, the spherical integral here).
+
+import { TAU } from './sun.js';
+
+const RAD = Math.PI / 180;
+const clamp = (x, lo, hi) => Math.min(hi, Math.max(lo, x));
+
+// Geometry (km) and scale heights.
+export const PLANET_RADIUS_KM = 6360;
+export const ATMOSPHERE_HEIGHT_KM = 100;
+export const OBSERVER_ALTITUDE_KM = 0.1;
+const H_RAYLEIGH = 8;
+const H_MIE = 1.2;
+const MIE_ALBEDO = 0.9; // single-scattering albedo of the aerosol (EYEBALLED)
+const MIE_G = 0.8; // Henyey-Greenstein asymmetry (Hillaire 2020)
+const MIE_TAU = 0.02; // grey aerosol vertical optical depth (EYEBALLED); the rest of TAU is Rayleigh
+
+// Vertical optical depth of an exponential layer of scale height H over the atmosphere.
+const column = (H) => H * (1 - Math.exp(-ATMOSPHERE_HEIGHT_KM / H));
+const BETA_RAYLEIGH = TAU.map((tau) => (tau - MIE_TAU) / column(H_RAYLEIGH)); // per km at sea level
+const BETA_MIE_EXT = MIE_TAU / column(H_MIE);
+const BETA_MIE_SCA = BETA_MIE_EXT * MIE_ALBEDO;
+
+// Table axes.
+export const SUN_ELEVATIONS_DEG = [-18, -12, -8, -5, -2, 0, 3, 8, 15, 25, 45, 90];
+export const VIEW_SAMPLES = 32;
+export const AZIMUTH_SAMPLES = 7; // 0, 30, ... 180 degrees from the sun
+export const AZIMUTH_STEP_DEG = 30;
+export const VIEW_MIN_DEG = -4;
+export const VIEW_MAX_DEG = 90;
+// Tables hold IEEE 754 half floats, little-endian, holding value * STORE_SCALE. The scale lifts the
+// dark end (twilight sky radiance is ~1e-4) clear of the half-float subnormals; the brightest
+// stored value, a Mie peak near 0.3 x 64, is far below the format's 65504.
+export const STORE_SCALE = 64;
+
+/** View elevation in degrees of sample index i of VIEW_SAMPLES: finest at the horizon. */
+export const viewElevation = (i) =>
+  VIEW_MIN_DEG + (VIEW_MAX_DEG - VIEW_MIN_DEG) * (i / (VIEW_SAMPLES - 1)) ** 2;
+
+/** Fractional index into SUN_ELEVATIONS_DEG of a sun elevation (clamped to the table): the z texel coordinate. */
+export const sunIndex = (elevationDeg) => {
+  const e = clamp(
+    elevationDeg,
+    SUN_ELEVATIONS_DEG[0],
+    SUN_ELEVATIONS_DEG[SUN_ELEVATIONS_DEG.length - 1]
+  );
+  const k = Math.min(SUN_ELEVATIONS_DEG.findIndex((x) => x > e) - 1, SUN_ELEVATIONS_DEG.length - 2);
+  const i = k < 0 ? SUN_ELEVATIONS_DEG.length - 2 : k;
+  return i + (e - SUN_ELEVATIONS_DEG[i]) / (SUN_ELEVATIONS_DEG[i + 1] - SUN_ELEVATIONS_DEG[i]);
+};
+
+/** Inverse of viewElevation: the fractional sample index of an elevation. */
+export const viewIndex = (elevationDeg) =>
+  Math.sqrt(clamp((elevationDeg - VIEW_MIN_DEG) / (VIEW_MAX_DEG - VIEW_MIN_DEG), 0, 1)) *
+  (VIEW_SAMPLES - 1);
+
+/** Round a non-negative number to the nearest IEEE 754 half float (ties to even); returns its 16 bits. */
+export function toHalf(x) {
+  if (!(x > 0)) return 0;
+  const u = new Uint32Array(new Float32Array([x]).buffer)[0];
+  const exp = ((u >> 23) & 0xff) - 127 + 15;
+  const mant = u & 0x7fffff;
+  if (exp >= 31) return 0x7bff;
+  let half;
+  let rem;
+  let halfway;
+  if (exp <= 0) {
+    if (exp < -10) return 0;
+    const m = mant | 0x800000;
+    const shift = 14 - exp;
+    half = m >> shift;
+    rem = m & ((1 << shift) - 1);
+    halfway = 1 << (shift - 1);
+  } else {
+    half = (exp << 10) | (mant >> 13);
+    rem = mant & 0x1fff;
+    halfway = 0x1000;
+  }
+  return rem > halfway || (rem === halfway && half & 1) ? half + 1 : half;
+}
+
+/** The exact value of 16 half-float bits (finite values only). */
+export const fromHalf = (h) => {
+  const e = (h >> 10) & 31;
+  const m = h & 1023;
+  return e === 0 ? m * 2 ** -24 : (1 + m / 1024) * 2 ** (e - 15);
+};
+
+/** Stored 16 bits of a value, and the value back out of them. */
+export const encode = (v) => toHalf(v * STORE_SCALE);
+export const decode = (h) => fromHalf(h) / STORE_SCALE;
+
+const extinction = (h) => {
+  const r = Math.exp(-h / H_RAYLEIGH);
+  const m = Math.exp(-h / H_MIE);
+  return BETA_RAYLEIGH.map((b) => b * r + BETA_MIE_EXT * m);
+};
+
+// Distance along ray (origin o, unit direction d) to the sphere of radius r centred on the origin
+// of the planet: the far root, or the near root if `near`. Infinity when it misses or is behind.
+function sphereHit(o, d, r, near) {
+  const b = o[0] * d[0] + o[1] * d[1] + o[2] * d[2];
+  const c = o[0] * o[0] + o[1] * o[1] + o[2] * o[2] - r * r;
+  const disc = b * b - c;
+  if (disc < 0) return Infinity;
+  const sq = Math.sqrt(disc);
+  const t = near ? -b - sq : -b + sq;
+  return t > 0 ? t : Infinity;
+}
+
+// Optical depth per channel from p along d to the top of the atmosphere; Infinity if the planet is in the way.
+function opticalDepthToSpace(p, d, steps) {
+  if (sphereHit(p, d, PLANET_RADIUS_KM, true) !== Infinity) return null;
+  const top = sphereHit(p, d, PLANET_RADIUS_KM + ATMOSPHERE_HEIGHT_KM, false);
+  const dt = top / steps;
+  const depth = [0, 0, 0];
+  for (let k = 0; k < steps; k += 1) {
+    const t = (k + 0.5) * dt;
+    const q = [p[0] + d[0] * t, p[1] + d[1] * t, p[2] + d[2] * t];
+    const e = extinction(Math.hypot(...q) - PLANET_RADIUS_KM);
+    for (let c = 0; c < 3; c += 1) depth[c] += e[c] * dt;
+  }
+  return depth;
+}
+
+const observer = [0, PLANET_RADIUS_KM + OBSERVER_ALTITUDE_KM, 0];
+const viewDirection = (elevationDeg, azimuthDeg) => {
+  const e = elevationDeg * RAD;
+  const a = azimuthDeg * RAD;
+  return [Math.cos(e) * Math.cos(a), Math.sin(e), Math.cos(e) * Math.sin(a)];
+};
+const sunDirection = (elevationDeg) => [
+  Math.cos(elevationDeg * RAD),
+  Math.sin(elevationDeg * RAD),
+  0,
+];
+
+/** Transmittance per channel from the observer along an elevation to space; zeros where the ground is in the way. */
+export function transmittance(elevationDeg) {
+  const depth = opticalDepthToSpace(observer, viewDirection(elevationDeg, 0), 64);
+  return depth ? depth.map((x) => Math.exp(-x)) : [0, 0, 0];
+}
+
+const rayleighPhase = (c) => (3 / (16 * Math.PI)) * (1 + c * c);
+const miePhase = (c) =>
+  (1 - MIE_G * MIE_G) / (4 * Math.PI * (1 + MIE_G * MIE_G - 2 * MIE_G * c) ** 1.5);
+
+/**
+ * Sky radiance per channel, per steradian, for a sun of unit irradiance (so the consumer multiplies by
+ * its own sun colour), in a view direction at an elevation and an azimuth measured from the sun.
+ * Single scattering, no ground bounce, no sun disc.
+ */
+export function skyRadiance(sunElevationDeg, viewElevationDeg, azimuthDeg) {
+  const v = viewDirection(viewElevationDeg, azimuthDeg);
+  const s = sunDirection(sunElevationDeg);
+  const cosTheta = v[0] * s[0] + v[1] * s[1] + v[2] * s[2];
+  const pr = rayleighPhase(cosTheta);
+  const pm = miePhase(cosTheta);
+  const ground = sphereHit(observer, v, PLANET_RADIUS_KM, true);
+  const top = sphereHit(observer, v, PLANET_RADIUS_KM + ATMOSPHERE_HEIGHT_KM, false);
+  const end = Math.min(ground, top);
+  const steps = 24;
+  const dt = end / steps;
+  const along = [0, 0, 0];
+  const radiance = [0, 0, 0];
+  for (let k = 0; k < steps; k += 1) {
+    const t = (k + 0.5) * dt;
+    const q = [observer[0] + v[0] * t, observer[1] + v[1] * t, observer[2] + v[2] * t];
+    const h = Math.hypot(...q) - PLANET_RADIUS_KM;
+    const e = extinction(h);
+    for (let c = 0; c < 3; c += 1) along[c] += e[c] * dt;
+    const toSun = opticalDepthToSpace(q, s, 12);
+    if (toSun) {
+      const r = Math.exp(-h / H_RAYLEIGH);
+      const m = Math.exp(-h / H_MIE);
+      for (let c = 0; c < 3; c += 1) {
+        const scatter = BETA_RAYLEIGH[c] * r * pr + BETA_MIE_SCA * m * pm;
+        radiance[c] += Math.exp(-along[c] - toSun[c]) * scatter * dt;
+      }
+    }
+  }
+  return radiance;
+}
+
+// ---- Aerial perspective ------------------------------------------------------------------------------------------
+// After Hillaire, "A Scalable and Production Ready Sky and Atmosphere Rendering Technique", EGSR 2020 (section 5.4, the
+// aerial perspective "camera volume"), and its reference implementation, sebh/UnrealEngineSkyAtmosphere
+// Resources/RenderSkyRayMarching.hlsl `RenderCameraVolumePS`: a volume of AP_SLICES slices whose depth grows with the
+// square of the slice index (`Slice *= Slice`), each texel holding the single-scattered luminance L accumulated along
+// the view ray to that depth, and in alpha the opacity 1 - mean(rgb transmittance) (a grey transmittance, as the paper).
+// Applied to a surface as out = surface * (1 - alpha) + L, with L the in-scatter along that ray.
+//
+// What differs from the paper, and why:
+// - the volume is indexed by the view ray relative to the sun (azimuth from the sun, elevation) and sun elevation, not by
+//   screen position, because the terrain camera turns and the sky tables here are sun-relative too;
+// - the path lengths are the scene's length times AP_DISTANCE_SCALE: a real atmosphere is nearly clear over the 3 km patch,
+//   so the baked path is that many times longer (EYEBALLED); it sets how fast far ridges go to the sky;
+// - the ray ignores the ground: below the observer's altitude the density is held at its ground value, and the sun's
+//   visibility is tested from the ground sphere; the terrain is the ground;
+// - single scattering with the sky tables' own air (no multi-scattering LUT, which the paper adds for dusk);
+// - AP_SLICES = 12 slices, 8 view elevations and 7 azimuths, not 32 x 32 x 32 screen froxels, to stay phone-sized.
+export const AP_SLICES = 12;
+export const AP_ELEVATIONS = 8;
+/** The view elevations the volume holds run from this down to 0 degrees, finest at 0: -AP_ELEVATION_MIN_DEG * (1 - i / 7)^2. */
+export const AP_ELEVATION_MIN_DEG = 50;
+/** Scene metres a slice volume covers: the patch's far corner (about 2.1 km) with margin. */
+export const AP_SCENE_MAX_M = 2500;
+export const AP_DISTANCE_SCALE = 8;
+/** Physical kilometres the last slice stands for. */
+export const AP_MAX_KM = (AP_SCENE_MAX_M * AP_DISTANCE_SCALE) / 1000;
+const AP_SUBSTEPS = 4;
+
+export const apElevation = (i) => -AP_ELEVATION_MIN_DEG * (1 - i / (AP_ELEVATIONS - 1)) ** 2;
+/** Fractional elevation index of a view elevation in degrees (clamped to 0 degrees and below). */
+export const apElevationIndex = (deg) =>
+  (AP_ELEVATIONS - 1) * (1 - Math.sqrt(clamp(-deg / AP_ELEVATION_MIN_DEG, 0, 1)));
+/** Distance in km at the far side of slice k (k = 0 .. AP_SLICES - 1): the squared distribution. */
+export const apSliceKm = (k) => AP_MAX_KM * ((k + 1) / AP_SLICES) ** 2;
+/** Fractional slice index of a distance in km: below 0 the volume fades to nothing at the observer. */
+export const apSliceIndex = (km) => AP_SLICES * Math.sqrt(Math.max(km, 0) / AP_MAX_KM) - 1;
+
+/**
+ * In-scatter luminance per channel (for a sun of unit irradiance) and opacity along a view ray from the observer,
+ * at the far side of each of AP_SLICES slices: [[r, g, b, alpha] x AP_SLICES].
+ */
+export function aerialRay(sunElevationDeg, viewElevationDeg, azimuthDeg) {
+  const v = viewDirection(viewElevationDeg, azimuthDeg);
+  const s = sunDirection(sunElevationDeg);
+  const cosTheta = v[0] * s[0] + v[1] * s[1] + v[2] * s[2];
+  const pr = rayleighPhase(cosTheta);
+  const pm = miePhase(cosTheta);
+  const out = [];
+  const along = [0, 0, 0];
+  const radiance = [0, 0, 0];
+  let from = 0;
+  for (let k = 0; k < AP_SLICES; k += 1) {
+    const to = apSliceKm(k);
+    const dt = (to - from) / AP_SUBSTEPS;
+    for (let j = 0; j < AP_SUBSTEPS; j += 1) {
+      const t = from + (j + 0.5) * dt;
+      let q = [observer[0] + v[0] * t, observer[1] + v[1] * t, observer[2] + v[2] * t];
+      const r = Math.hypot(...q);
+      if (r < PLANET_RADIUS_KM) q = q.map((x) => (x * PLANET_RADIUS_KM) / r);
+      const h = Math.max(r - PLANET_RADIUS_KM, 0);
+      const e = extinction(h);
+      const toSun = opticalDepthToSpace(q, s, 12);
+      const rm = Math.exp(-h / H_RAYLEIGH);
+      const mm = Math.exp(-h / H_MIE);
+      for (let c = 0; c < 3; c += 1) {
+        // The step's own extinction is integrated analytically (Hillaire eq. 6): S (1 - exp(-e dt)) / e.
+        const step = Math.exp(-e[c] * dt);
+        if (toSun) {
+          const scatter = BETA_RAYLEIGH[c] * rm * pr + BETA_MIE_SCA * mm * pm;
+          radiance[c] += Math.exp(-along[c] - toSun[c]) * ((scatter * (1 - step)) / e[c]);
+        }
+        along[c] += e[c] * dt;
+      }
+    }
+    from = to;
+    const mean = along.reduce((a, x) => a + Math.exp(-x), 0) / 3;
+    out.push([...radiance, 1 - mean]);
+  }
+  return out;
+}
+
+const base64 = (halves) => {
+  const bytes = new Uint8Array(halves.length * 2);
+  halves.forEach((h, i) => {
+    bytes[i * 2] = h & 0xff; // little-endian
+    bytes[i * 2 + 1] = h >> 8;
+  });
+  let s = '';
+  for (let i = 0; i < bytes.length; i += 0x8000) {
+    s += String.fromCharCode(...bytes.subarray(i, i + 0x8000));
+  }
+  return btoa(s);
+};
+
+export function bakeScatter() {
+  const view = Array.from({ length: VIEW_SAMPLES }, (_, i) => viewElevation(i));
+
+  const t = new Uint16Array(VIEW_SAMPLES * 3);
+  view.forEach((e, i) => transmittance(e).forEach((v, c) => (t[i * 3 + c] = encode(v))));
+
+  // x = azimuth, y = view elevation, z = sun elevation, three half floats per texel: a 3D texture.
+  const sky = new Uint16Array(SUN_ELEVATIONS_DEG.length * VIEW_SAMPLES * AZIMUTH_SAMPLES * 3);
+  let at = 0;
+  SUN_ELEVATIONS_DEG.forEach((sun) =>
+    view.forEach((e) => {
+      for (let a = 0; a < AZIMUTH_SAMPLES; a += 1) {
+        skyRadiance(sun, e, a * AZIMUTH_STEP_DEG).forEach((v) => {
+          sky[at] = encode(v);
+          at += 1;
+        });
+      }
+    })
+  );
+
+  // x = azimuth from the sun, y = elevation block k * AP_ELEVATIONS + i (slice-major), z = sun elevation: four half floats per texel (L rgb, alpha).
+  const aerial = new Uint16Array(
+    SUN_ELEVATIONS_DEG.length * AP_SLICES * AP_ELEVATIONS * AZIMUTH_SAMPLES * 4
+  );
+  let ap = 0;
+  SUN_ELEVATIONS_DEG.forEach((sun) => {
+    const rays = Array.from({ length: AP_ELEVATIONS }, (_, i) =>
+      Array.from({ length: AZIMUTH_SAMPLES }, (_, a) =>
+        aerialRay(sun, apElevation(i), a * AZIMUTH_STEP_DEG)
+      )
+    );
+    for (let k = 0; k < AP_SLICES; k += 1)
+      for (let i = 0; i < AP_ELEVATIONS; i += 1)
+        for (let a = 0; a < AZIMUTH_SAMPLES; a += 1)
+          rays[i][a][k].forEach((x) => {
+            aerial[ap] = encode(x);
+            ap += 1;
+          });
+  });
+
+  return {
+    planet_radius_km: PLANET_RADIUS_KM,
+    atmosphere_height_km: ATMOSPHERE_HEIGHT_KM,
+    observer_altitude_km: OBSERVER_ALTITUDE_KM,
+    // Extinction per km at the observer, per channel, for aerial perspective: exp(-k * distance_km).
+    extinction_per_km: extinction(OBSERVER_ALTITUDE_KM),
+    format: 'half-float',
+    store_scale: STORE_SCALE,
+    view_elevation_deg: { min: VIEW_MIN_DEG, max: VIEW_MAX_DEG, samples: VIEW_SAMPLES },
+    transmittance: { width: VIEW_SAMPLES, height: 1, channels: 3, data: base64(t) },
+    sky_view: {
+      sun_elevations_deg: SUN_ELEVATIONS_DEG,
+      azimuth_step_deg: AZIMUTH_STEP_DEG,
+      width: AZIMUTH_SAMPLES,
+      height: VIEW_SAMPLES,
+      depth: SUN_ELEVATIONS_DEG.length,
+      channels: 3,
+      data: base64(sky),
+    },
+    aerial_perspective: {
+      slices: AP_SLICES,
+      elevations: AP_ELEVATIONS,
+      elevation_min_deg: -AP_ELEVATION_MIN_DEG,
+      max_km: AP_MAX_KM,
+      distance_scale: AP_DISTANCE_SCALE,
+      width: AZIMUTH_SAMPLES,
+      height: AP_SLICES * AP_ELEVATIONS,
+      depth: SUN_ELEVATIONS_DEG.length,
+      channels: 4,
+      data: base64(aerial),
+    },
+  };
+}
diff --git a/src/sky/scatter.test.ts b/src/sky/scatter.test.ts
new file mode 100644
index 00000000..e0ea9023
--- /dev/null
+++ b/src/sky/scatter.test.ts
@@ -0,0 +1,226 @@
+import { describe, expect, it } from 'vitest';
+import {
+  AP_ELEVATIONS,
+  AP_MAX_KM,
+  AP_SLICES,
+  apElevation,
+  apElevationIndex,
+  apSliceIndex,
+  apSliceKm,
+  aerialRay,
+  AZIMUTH_SAMPLES,
+  AZIMUTH_STEP_DEG,
+  STORE_SCALE,
+  SUN_ELEVATIONS_DEG,
+  VIEW_SAMPLES,
+  bakeScatter,
+  decode,
+  fromHalf,
+  skyRadiance,
+  sunIndex,
+  toHalf,
+  transmittance,
+  viewElevation,
+  viewIndex,
+} from './scatter.js';
+import { TAU } from './sun.js';
+import { baked } from './baked';
+
+const table = (b64: string): Uint16Array => {
+  const bin = atob(b64);
+  const bytes = Uint8Array.from(bin, (c) => c.charCodeAt(0));
+  return new Uint16Array(bytes.buffer);
+};
+// Checksums of the baked halves, so a change to the model or the encoding is a deliberate re-pin.
+const SKY_CHECKSUM = 622927107;
+const TRANS_CHECKSUM = 1498461058;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const scatter = baked.scatter as any;
+const sky = table(scatter.sky_view.data);
+const trans = table(scatter.transmittance.data);
+const sunIndex_ = (deg: number) => SUN_ELEVATIONS_DEG.indexOf(deg);
+// Texel of the sky table: x = azimuth, y = view elevation, z = sun elevation; value = three halves.
+const texel = (s: number, v: number, a: number) =>
+  [0, 1, 2].map((c) => decode(sky[((s * VIEW_SAMPLES + v) * AZIMUTH_SAMPLES + a) * 3 + c]));
+
+describe('half floats', () => {
+  it('round-trip within half precision across the table range, ties to even', () => {
+    [6.1e-5, 1e-4, 0.0123, 0.3, 1, 20, 1000].forEach((x) =>
+      expect(Math.abs(fromHalf(toHalf(x)) - x) / x).toBeLessThan(5.1e-4)
+    );
+    expect(toHalf(0)).toBe(0);
+    expect(toHalf(1)).toBe(0x3c00);
+    expect(toHalf(2 ** -24)).toBe(1); // smallest subnormal
+    expect(toHalf(1 + 2 ** -11)).toBe(0x3c00); // exact tie goes to the even neighbour
+    expect(toHalf(1 + 3 * 2 ** -11)).toBe(0x3c02);
+    expect(fromHalf(0x7bff)).toBe(65504);
+  });
+
+  it('keeps twilight radiance, ~1e-4, within 0.1% thanks to the store scale', () => {
+    const x = 1.234e-4;
+    expect(Math.abs(decode(toHalf(x * STORE_SCALE)) - x) / x).toBeLessThan(1e-3);
+  });
+});
+
+describe('sunIndex', () => {
+  it('is the fractional position of an elevation on the sun axis, clamped to the table', () => {
+    expect(sunIndex(-18)).toBe(0);
+    expect(sunIndex(90)).toBe(SUN_ELEVATIONS_DEG.length - 1);
+    expect(sunIndex(-100)).toBe(0);
+    expect(sunIndex(100)).toBe(SUN_ELEVATIONS_DEG.length - 1);
+    expect(sunIndex(0)).toBe(sunIndex_(0));
+    expect(sunIndex(1.5)).toBeCloseTo(sunIndex_(0) + 0.5, 12); // halfway between 0 and 3
+    expect(sunIndex(35)).toBeCloseTo(sunIndex_(25) + 0.5, 12); // halfway between 25 and 45
+  });
+});
+
+describe('scattering tables', () => {
+  it('are what scripts/bake-sky.mjs would write now (run npm run bake:sky if not)', () => {
+    expect(JSON.parse(JSON.stringify(bakeScatter()))).toEqual(JSON.parse(JSON.stringify(scatter)));
+  });
+
+  it('have the documented layout and size', () => {
+    expect(scatter.format).toBe('half-float');
+    expect(scatter.sky_view).toMatchObject({
+      width: AZIMUTH_SAMPLES,
+      height: VIEW_SAMPLES,
+      depth: SUN_ELEVATIONS_DEG.length,
+      channels: 3,
+      azimuth_step_deg: AZIMUTH_STEP_DEG,
+    });
+    expect(sky.length).toBe(AZIMUTH_SAMPLES * VIEW_SAMPLES * SUN_ELEVATIONS_DEG.length * 3);
+    expect(trans.length).toBe(VIEW_SAMPLES * 3);
+    expect(sky.length * 2).toBe(16128); // bytes: the budget the README states
+  });
+
+  it('pin the view-elevation axis and its inverse', () => {
+    expect(viewElevation(0)).toBe(-4);
+    expect(viewElevation(VIEW_SAMPLES - 1)).toBe(90);
+    expect(viewElevation(6)).toBeCloseTo(-4 + 94 * (6 / 31) ** 2, 10);
+    [0, 5, 6, 17, 31].forEach((i) => expect(viewIndex(viewElevation(i))).toBeCloseTo(i, 9));
+  });
+
+  it('transmittance to space agrees with sun.js at the zenith and falls toward the horizon', () => {
+    const top = VIEW_SAMPLES - 1;
+    [0, 1, 2].forEach((c) =>
+      expect(Math.abs(decode(trans[top * 3 + c]) / Math.exp(-TAU[c]) - 1)).toBeLessThan(0.01)
+    );
+    expect(transmittance(90).map((v, c) => v / Math.exp(-TAU[c]))).toSatisfy((r: number[]) =>
+      r.every((x) => Math.abs(x - 1) < 0.01)
+    );
+    // blue goes first: lower view, lower blue, and redder light at the horizon
+    let prev = Infinity;
+    for (let i = top; i >= 8; i -= 1) {
+      const blue = decode(trans[i * 3 + 2]);
+      expect(blue).toBeLessThanOrEqual(prev);
+      prev = blue;
+    }
+    expect(decode(trans[8 * 3]) / decode(trans[8 * 3 + 2])).toBeGreaterThan(10); // ~2 degrees up: sunset red
+    expect(decode(trans[0])).toBe(0); // -4 degrees looks at the ground
+  });
+
+  it('colour the daytime sky blue, and a low sun redder toward it than away from it', () => {
+    const noon = texel(sunIndex_(45), VIEW_SAMPLES - 1, 0);
+    expect(noon[2]).toBeGreaterThan(noon[1]);
+    expect(noon[1]).toBeGreaterThan(noon[0]);
+    const horizon = Math.round(viewIndex(5));
+    const toward = texel(sunIndex_(3), horizon, 0);
+    const away = texel(sunIndex_(3), horizon, AZIMUTH_SAMPLES - 1);
+    expect(toward[0] / toward[2]).toBeGreaterThan(5);
+    expect(toward[0] / toward[2]).toBeGreaterThan(2 * (away[0] / away[2]));
+    expect(toward[0]).toBeGreaterThan(5 * away[0]); // the glow is around the sun
+  });
+
+  it('fade through twilight to black below the planet-shadow limit', () => {
+    const mid = Math.round(viewIndex(30));
+    const lum = (s: number) => texel(sunIndex_(s), mid, 3).reduce((x, y) => x + y, 0);
+    expect(lum(8)).toBeGreaterThan(lum(3));
+    expect(lum(3)).toBeGreaterThan(lum(-2));
+    expect(lum(-2)).toBeGreaterThan(lum(-5));
+    expect(lum(-5)).toBeGreaterThan(0);
+    expect(lum(-12)).toBe(0);
+    expect(lum(-18)).toBe(0);
+  });
+
+  it('hold the model to half-float precision, with no quantised steps along the horizon glow', () => {
+    // Every table texel off a handful of sampled ones is the model's own value to < 0.2%.
+    [
+      [sunIndex_(3), 6, 0],
+      [sunIndex_(3), 9, 2],
+      [sunIndex_(0), 8, 0],
+      [sunIndex_(45), 20, 3],
+      [sunIndex_(-2), 12, 1],
+    ].forEach(([s, v, a]) => {
+      const direct = skyRadiance(SUN_ELEVATIONS_DEG[s], viewElevation(v), a * AZIMUTH_STEP_DEG);
+      texel(s, v, a).forEach((got, c) => expect(Math.abs(got / direct[c] - 1)).toBeLessThan(2e-3));
+    });
+    // Moving up from the horizon toward the sun, red drops smoothly: distinct, strictly decreasing.
+    const s = sunIndex_(3);
+    const reds = Array.from({ length: 8 }, (_, k) => texel(s, 7 + k, 0)[0]);
+    reds.slice(1).forEach((r, k) => expect(r).toBeLessThan(reds[k]));
+    expect(new Set(reds).size).toBe(reds.length);
+  });
+
+  it('are the same bytes as when pinned', () => {
+    const sum = (a: Uint16Array) => a.reduce((x, y) => (x * 31 + y) % 2147483647, 7);
+    expect([sum(sky), sum(trans)]).toEqual([SKY_CHECKSUM, TRANS_CHECKSUM]);
+  });
+});
+
+describe('aerial perspective volume', () => {
+  const ap = scatter.aerial_perspective;
+
+  it('has the documented layout and size: RGBA half floats, x azimuth, y slice-major elevations, z sun elevation', () => {
+    expect([ap.width, ap.height, ap.depth, ap.channels]).toEqual([
+      AZIMUTH_SAMPLES,
+      AP_SLICES * AP_ELEVATIONS,
+      SUN_ELEVATIONS_DEG.length,
+      4,
+    ]);
+    expect(table(ap.data)).toHaveLength(ap.width * ap.height * ap.depth * 4);
+  });
+
+  it("slices follow the paper's squared distribution, ending at the covered distance", () => {
+    expect(apSliceKm(AP_SLICES - 1)).toBeCloseTo(AP_MAX_KM, 9);
+    expect(apSliceKm(0)).toBeCloseTo(AP_MAX_KM / AP_SLICES ** 2, 9);
+    for (let k = 0; k < AP_SLICES; k += 1) expect(apSliceIndex(apSliceKm(k))).toBeCloseTo(k, 9);
+    expect(apSliceIndex(0)).toBeCloseTo(-1, 9);
+  });
+
+  it('elevations are finest at the horizon and the index inverts them', () => {
+    expect(apElevation(AP_ELEVATIONS - 1)).toBeCloseTo(0, 12);
+    for (let i = 0; i < AP_ELEVATIONS; i += 1)
+      expect(apElevationIndex(apElevation(i))).toBeCloseTo(i, 9);
+    expect(apElevation(AP_ELEVATIONS - 1) - apElevation(AP_ELEVATIONS - 2)).toBeLessThan(
+      apElevation(1) - apElevation(0)
+    );
+  });
+
+  it("opacity grows with path, in-scatter grows with path, and a sun under the planet's shadow scatters nothing", () => {
+    const r = aerialRay(45, -2, 90);
+    for (let k = 1; k < AP_SLICES; k += 1) {
+      expect(r[k][3]).toBeGreaterThan(r[k - 1][3]);
+      expect(r[k][0]).toBeGreaterThan(r[k - 1][0]);
+    }
+    for (const slice of aerialRay(-18, -2, 0)) expect(slice.slice(0, 3)).toEqual([0, 0, 0]);
+  });
+
+  it('is brighter toward a low sun than away, and redder toward it (Rayleigh and Mie phase)', () => {
+    const toward = aerialRay(2, -2, 0)[AP_SLICES - 1];
+    const away = aerialRay(2, -2, 180)[AP_SLICES - 1];
+    expect(toward[0]).toBeGreaterThan(20 * away[0]);
+    expect(toward[0] / toward[2]).toBeGreaterThan(away[0] / away[2]);
+  });
+
+  it('opacity does not depend on the sun, only on the path', () => {
+    expect(aerialRay(45, -2, 0)[5][3]).toBeCloseTo(aerialRay(-18, -2, 90)[5][3], 12);
+  });
+
+  it("the baked table is the model's output: spot texels equal aerialRay, to half-float precision", () => {
+    const t = table(ap.data);
+    const at = (sun: number, slice: number, el: number, az: number, c: number) =>
+      decode(t[((sun * ap.height + slice * AP_ELEVATIONS + el) * ap.width + az) * 4 + c]);
+    const r = aerialRay(SUN_ELEVATIONS_DEG[8], apElevation(6), 60)[7];
+    for (let c = 0; c < 4; c += 1) expect(at(8, 7, 6, 2, c)).toBeCloseTo(r[c], 3);
+  });
+});
diff --git a/src/sky/skyTokens.js b/src/sky/skyTokens.js
index 0df39c33..5152a4fb 100644
--- a/src/sky/skyTokens.js
+++ b/src/sky/skyTokens.js
@@ -1,7 +1,8 @@
 // Midnight Sky and Noonday Sky: theme tokens as albedo x irradiance.
 // Dependency-free apart from sun.js, so scripts/bake-sky.mjs and the tests run it under plain node.
 //
-//   bakeSky('midnight' | 'noonday') -> { moment, elevation, gradient: [hex x GRADIENT_STOPS], tokens }
+//   bakeSky('midnight' | 'noonday') -> { moment, elevation, sun, ambient_linear, horizon_hex,
+//                                        gradient: [hex x GRADIENT_STOPS], tokens, ... }
 //
 // The sky is lit by sun.js at a fixed moment (clear weather: a build-time bake has no feed).
 // A surface is `albedo * irradiance`, where irradiance is the sun and sky on an upward-facing
@@ -18,12 +19,21 @@ const luma = (c) => 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
 export const GRADIENT_STOPS = 7;
 export const AA = 4.5; // WCAG 2.x AA, normal text
 
+// The lightest the Night sky draws behind the page (src/app/features/scene/skyState.ts, `skyBackdrop('night')`; a test in
+// skyTheme.test.ts fails if the two drift). Midnight Sky's link also sits on bare sky, so it must clear AA against this.
+export const NIGHT_SKY_LIGHTEST = 0.081642;
+
 // Where and when the theme is lit. Equinox, 45N on the prime meridian: noon sun at 45 degrees.
 export const MOMENTS = {
   noonday: { time: '2026-09-22T12:00:00Z', lat: 45, lon: 0 },
   midnight: { time: '2026-09-22T00:00:00Z', lat: 45, lon: 0 },
 };
 
+// Lowest ambient a baked sky reports, linear RGB. sun.js's night sky is ~0.004, which is
+// starlight-true but too dark to see by on a screen; this lifts it to a bluish moonlit-skyglow
+// level. Daylight ambient is far above it, so the floor only ever touches the night.
+export const AMBIENT_FLOOR = [0.018, 0.024, 0.04];
+
 // Linear-RGB albedos of the things Yggdrasil is made of. EYEBALLED around measured ranges
 // (dark bark 0.05-0.1, birch bark ~0.6, leaves ~0.05 red/0.15 green/0.03 blue, wet soil ~0.1).
 export const ALBEDO = {
@@ -180,10 +190,10 @@ export function bakeSky(name) {
     bubbles.Own,
   ];
   const readable = (h) => grounds.every((g) => contrast(h, g) >= AA);
-  const fit = (albedo) => {
+  const fit = (albedo, ok = () => true) => {
     let key = 0.5;
     let h = hex(albedo, key);
-    for (let n = 0; n < 80 && !readable(h); n += 1) {
+    for (let n = 0; n < 80 && !(readable(h) && ok(h)); n += 1) {
       key *= dark ? 1.05 : 0.95;
       h = hex(albedo, key);
     }
@@ -193,10 +203,18 @@ export function bakeSky(name) {
   return {
     moment,
     elevation: l.elevation,
+    // Sun for consumers that light a scene themselves: direction in degrees (azimuth clockwise
+    // from north) and the direct light's colour at normal incidence (black while it is below the horizon).
+    sun: { elevation_deg: l.elevation, azimuth_deg: l.azimuth, color_linear: l.direct },
+    ambient_linear: l.diffuse.map((v, i) => Math.max(v, AMBIENT_FLOOR[i])),
+    horizon_hex: gradient[GRADIENT_STOPS - 1], // last stop: the horizon end of the gradient
     gradient,
     tokens,
     bubbles,
-    userColors: PIGMENTS.map(fit),
-    link: fit(dark ? ALBEDO.leafPale : ALBEDO.leaf),
+    userColors: PIGMENTS.map((p) => fit(p)),
+    // The dark link also has to clear AA on the bare Night sky: brightened, in its own hue, until it does.
+    link: dark
+      ? fit(ALBEDO.leafPale, (h) => luminance(h) >= AA * (NIGHT_SKY_LIGHTEST + 0.05) - 0.05)
+      : fit(ALBEDO.leaf),
   };
 }
diff --git a/src/sky/skyTokens.test.ts b/src/sky/skyTokens.test.ts
index 0cd6694c..78a29b03 100644
--- a/src/sky/skyTokens.test.ts
+++ b/src/sky/skyTokens.test.ts
@@ -1,5 +1,6 @@
 import { describe, expect, it } from 'vitest';
-import { AA, bakeSky, contrast } from './skyTokens.js';
+import { AA, AMBIENT_FLOOR, bakeSky, contrast } from './skyTokens.js';
+import { light } from './sun.js';
 import { baked } from './baked';
 
 const names = ['midnight', 'noonday'] as const;
@@ -18,6 +19,37 @@ describe.each(names)('%s sky', (name) => {
     expect(name === 'noonday' ? sky.elevation : -sky.elevation).toBeGreaterThan(40);
   });
 
+  it('carries the sun, an ambient light and a horizon colour for consumers that light a scene', () => {
+    const { sun } = sky;
+    expect(Object.keys(sun).sort()).toEqual(['azimuth_deg', 'color_linear', 'elevation_deg']);
+    expect(sun.elevation_deg).toBe(sky.elevation);
+    expect(sun.color_linear).toHaveLength(3);
+    sun.color_linear.forEach((v: number) => {
+      expect(Number.isFinite(v)).toBe(true);
+      expect(v).toBeGreaterThanOrEqual(0);
+    });
+    expect(sky.ambient_linear).toHaveLength(3);
+    expect(sky.horizon_hex).toMatch(/^#[0-9a-f]{6}$/);
+    expect(sky.horizon_hex).toBe(sky.gradient[sky.gradient.length - 1]);
+  });
+
+  it('puts the sun where Nibu expects it, azimuth clockwise from north', () => {
+    const azimuth: number = sky.sun.azimuth_deg;
+    expect(azimuth).toBeGreaterThanOrEqual(0);
+    expect(azimuth).toBeLessThan(360);
+    expect(Math.abs(azimuth - (name === 'noonday' ? 182.6 : 2.5))).toBeLessThan(1);
+  });
+
+  it('keeps ambient above the night floor and leaves daylight alone', () => {
+    sky.ambient_linear.forEach((v: number, i: number) =>
+      expect(v).toBeGreaterThanOrEqual(AMBIENT_FLOOR[i])
+    );
+    if (name === 'noonday') {
+      sky.ambient_linear.forEach((v: number) => expect(v).toBeGreaterThan(0.05));
+      expect(sky.ambient_linear).toEqual(light(sky.moment).diffuse);
+    }
+  });
+
   it('clears WCAG AA for text on every panel state', () => {
     ['Background', 'Surface', 'SurfaceVariant'].forEach((p) =>
       states.forEach((s) =>
diff --git a/src/sky/sun.js b/src/sky/sun.js
index d66f0f9a..3173eb4d 100644
--- a/src/sky/sun.js
+++ b/src/sky/sun.js
@@ -2,13 +2,14 @@
 // no imports, so a build-time token script and a runtime shader can share it.
 //
 //   light({ time, lat, lon, cloud_cover = 0, precipitation = 0 })
-//     -> { elevation, direct: [r,g,b], diffuse: [r,g,b], wetness }
+//     -> { elevation, azimuth, direct: [r,g,b], diffuse: [r,g,b], wetness }
 //
 //   time           Date, epoch milliseconds, or an ISO string (read as UTC)
 //   lat, lon       degrees, north and east positive
 //   cloud_cover    0..1 (Open-Meteo reports percent: divide by 100)
 //   precipitation  mm/h
 //   elevation      degrees above the horizon, no refraction
+//   azimuth        degrees clockwise from north (0 N, 90 E, 180 S), 0..360, no refraction
 //   direct         sun colour at normal incidence, linear RGB. Clear zenith sun ~ 1.
 //                  The consumer multiplies by max(0, dot(normal, toSun)).
 //   diffuse        sky ambient on an upward surface, linear RGB
@@ -28,8 +29,8 @@ const mix = (a, b, t) => a + (b - a) * t;
 
 const toMs = (time) => (time instanceof Date ? time.getTime() : typeof time === 'string' ? Date.parse(time) : Number(time));
 
-/** Sun elevation in degrees at a UTC moment and place. */
-export function sunElevation(time, lat, lon) {
+/** Sun elevation and azimuth in degrees at a UTC moment and place. Azimuth runs clockwise from north. */
+export function sunPosition(time, lat, lon) {
   const d = toMs(time) / 86400000 - 10957.5; // days since J2000.0 (2000-01-01 12:00 UTC)
   const L = (280.46 + 0.9856474 * d) * RAD; // mean longitude
   const g = (357.528 + 0.9856003 * d) * RAD; // mean anomaly
@@ -41,13 +42,22 @@ export function sunElevation(time, lat, lon) {
   const hourAngle = gmst + lon * RAD - ra;
   const phi = lat * RAD;
   const sinEl = Math.sin(phi) * Math.sin(dec) + Math.cos(phi) * Math.cos(dec) * Math.cos(hourAngle);
-  return Math.asin(clamp(sinEl, -1, 1)) / RAD;
+  // Hour angle is westward-positive, so atan2 gives azimuth from south, westward; +180 turns it into
+  // clockwise from north.
+  const south = Math.atan2(Math.sin(hourAngle), Math.cos(hourAngle) * Math.sin(phi) - Math.tan(dec) * Math.cos(phi));
+  return {
+    elevation: Math.asin(clamp(sinEl, -1, 1)) / RAD,
+    azimuth: (((south / RAD + 180) % 360) + 360) % 360,
+  };
 }
 
+/** Sun elevation in degrees at a UTC moment and place. */
+export const sunElevation = (time, lat, lon) => sunPosition(time, lat, lon).elevation;
+
 // Optical depth of the clear atmosphere at the zenith, per channel (R, G, B).
 // Rayleigh at 650/550/450 nm plus a little ozone and haze (EYEBALLED to keep
 // low sun orange rather than brown).
-const TAU = [0.06, 0.12, 0.26];
+export const TAU = [0.06, 0.12, 0.26];
 
 // Relative air mass, Kasten & Young 1989. Elevation in degrees, >= 0.
 const airMass = (el) => 1 / (Math.sin(el * RAD) + 0.50572 * Math.pow(el + 6.07995, -1.6364));
@@ -62,7 +72,7 @@ const GREY_TINT = [0.95, 1, 1.08]; // cool overcast. EYEBALLED
 const luma = (c) => 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
 
 export function light({ time, lat, lon, cloud_cover = 0, precipitation = 0 }) {
-  const elevation = sunElevation(time, lat, lon);
+  const { elevation, azimuth } = sunPosition(time, lat, lon);
   const cloud = clamp(cloud_cover, 0, 1);
   const rain = Math.max(0, precipitation);
 
@@ -95,5 +105,5 @@ export function light({ time, lat, lon, cloud_cover = 0, precipitation = 0 }) {
   // 0 dry, ~0.63 at 1 mm/h, ~0.98 at 4 mm/h. EYEBALLED.
   const wetness = 1 - Math.exp(-rain);
 
-  return { elevation, direct, diffuse, wetness };
+  return { elevation, azimuth, direct, diffuse, wetness };
 }
diff --git a/src/util/colorMXID.js b/src/util/colorMXID.js
index 95600d29..efebf90c 100644
--- a/src/util/colorMXID.js
+++ b/src/util/colorMXID.js
@@ -10,16 +10,20 @@ function hashCode(str) {
   for (i = 0; i < str.length; i += 1) {
     chr = str.charCodeAt(i);
     // eslint-disable-next-line no-bitwise
-    hash = ((hash << 5) - hash) + chr;
+    hash = (hash << 5) - hash + chr;
     // eslint-disable-next-line no-bitwise
     hash |= 0;
   }
   return Math.abs(hash);
 }
 
+/** Which of the eight user colours (1..8) a user id takes. */
+export function indexColorMXID(userId) {
+  return (hashCode(userId) % 8) + 1;
+}
+
 export function cssColorMXID(userId) {
-  const colorNumber = hashCode(userId) % 8;
-  return `--mx-uc-${colorNumber + 1}`;
+  return `--mx-uc-${indexColorMXID(userId)}`;
 }
 
 export default function colorMXID(userId) {
diff --git a/vite.config.js b/vite.config.js
index 891c8216..e9b67550 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -46,6 +46,10 @@ const copyFiles = {
       src: 'public/poses',
       dest: 'public/',
     },
+    {
+      src: 'public/dings',
+      dest: 'public/',
+    },
   ],
 };