@bongos/core 1.24.85 → 1.24.87

package/modules/hall-ui/public/sky-time.js

@@ -0,0 +1,206 @@
+// modules/hall-ui/public/sky-time.js — the hour of the city's sky (task 1005196; ADR 0402,
+// "The city's sky keeps the hour").
+//
+// WHAT THIS IS. The city in the clouds is drawn in one of four key palettes — night, dawn,
+// midday, dusk — or a blend of two neighbours, so the game can show time passing. The four
+// palettes are tokens (style.css, the hall tier: --sky-<key>-<role>); this file reads them
+// off the page once, blends them for the hour, and writes the result back as the
+// --sky-now-<role> tokens on <html>. The painters (city-draw.js, home-city-draw.js) and the
+// sheets (city.css, home-city.css) only ever spend --sky-now-*, so they carry no colour of
+// their own and repaint with no redraw when the hour moves.
+//
+// ART ONLY. These colours paint the scene (sky, cloud, building faces, windows). They are
+// never a control's or a sentence's colour: the hall's chrome, panels and text stay Helm
+// night at every hour (DESIGN.md, "Dawn only in art").
+//
+// THE HOUR SOURCE is one function, hourNow(), and it is an OPEN OWNER DECISION what it
+// should read (the viewer's clock, the project's, a game clock). Until that is settled it
+// is the viewer's local clock. For tests and screenshots it can be pinned, first match wins:
+//   <html data-sky-hour-at="13">     an attribute on the root
+//   ?hour=13                         in the page's query
+//   #hour=13 (or #decide&hour=13)    in the page's hash
+// A value outside 0–24 wraps round the clock; anything that is not a number is ignored.
+//
+// NO MOTION. The palette is set on load and at most once a minute after; nothing animates
+// between two palettes, so there is nothing for prefers-reduced-motion to stop.
+//
+// PURE HALF. blend(), paletteAt(), hourFrom() and wrap() touch no DOM and no clock, so
+// tests/hall_sky_time.mjs runs them in node; read(), apply() and start() are the page half.
+(function (root) {
+  'use strict';
+
+  const KEYS = Object.freeze(['night', 'dawn', 'midday', 'dusk']);
+  // a colour per role, in the order DESIGN.md lists them
+  const ROLES = Object.freeze(['top', 'mid', 'cloud', 'cloud-shade', 'roof', 'lit', 'shade', 'base', 'lamp', 'line']);
+  // a 0–1 strength per number
+  const NUMBERS = Object.freeze(['windows', 'stars']);
+  // Round the clock: a key holds between two stops that name it, and blends to its
+  // neighbour between two that differ. Night holds to 4, dawn is 6, midday holds 12–14,
+  // dusk is 18, and the evening runs down to night at 24.
+  const STOPS = Object.freeze([[0, 'night'], [4, 'night'], [6, 'dawn'], [12, 'midday'], [14, 'midday'], [18, 'dusk'], [24, 'night']]);
+  // the hour each key is shown at, whole (the midpoint of a hold)
+  const KEY_HOURS = Object.freeze({ night: 0, dawn: 6, midday: 13, dusk: 18 });
+  const TICK_MS = 60 * 1000;
+
+  const wrap = (h) => { const n = Number(h); return Number.isFinite(n) ? ((n % 24) + 24) % 24 : 0; };
+
+  // '#rrggbb', 'rgb(r, g, b)' or the browser's 'color(srgb r g b)' → [r, g, b]; null when it is none of them
+  function rgbOf(c) {
+    if (Array.isArray(c)) return c.length >= 3 && c.every((n) => Number.isFinite(Number(n))) ? [Number(c[0]), Number(c[1]), Number(c[2])] : null;
+    const s = String(c == null ? '' : c).trim();
+    let m = /^#([0-9a-f]{6})$/i.exec(s);
+    if (m) { const n = parseInt(m[1], 16); return [(n >> 16) & 255, (n >> 8) & 255, n & 255]; }
+    m = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/i.exec(s);
+    if (m) return [Number(m[1]), Number(m[2]), Number(m[3])];
+    m = /^color\(srgb\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)/i.exec(s);
+    if (m) return [Number(m[1]), Number(m[2]), Number(m[3])].map((n) => n * 255);
+    return null;
+  }
+  const hex2 = (n) => ('0' + Math.max(0, Math.min(255, Math.round(n))).toString(16)).slice(-2);
+  const hexOf = (v) => '#' + hex2(v[0]) + hex2(v[1]) + hex2(v[2]);
+
+  // Which two keys the hour stands between, and how far along (0 at `a`, 1 at `b`).
+  function spanAt(hour) {
+    const h = wrap(hour);
+    for (let i = 1; i < STOPS.length; i++) {
+      if (h <= STOPS[i][0]) {
+        const a = STOPS[i - 1], b = STOPS[i];
+        return { a: a[1], b: b[1], t: b[0] === a[0] ? 0 : (h - a[0]) / (b[0] - a[0]) };
+      }
+    }
+    return { a: 'night', b: 'night', t: 0 };
+  }
+
+  // A LINE is drawn against the cloud (a scaffold, a lane, a plot's edge), so it is light at
+  // night and dark by day, and half-way between the two it would be the cloud's own grey.
+  // So in a span that touches night the line keeps its day colour until the cloud has gone
+  // most of the way dark (LINE_TURN: the share of night at which it starts and ends its
+  // turn), and every other role blends evenly.
+  const LINE_TURN = Object.freeze([0.6, 0.9]);
+  function lineShare(s) {
+    if (s.a === s.b || (s.a !== 'night' && s.b !== 'night')) return s.t;
+    const night = s.b === 'night' ? s.t : 1 - s.t;
+    const turned = Math.max(0, Math.min(1, (night - LINE_TURN[0]) / (LINE_TURN[1] - LINE_TURN[0])));
+    return s.b === 'night' ? turned : 1 - turned;
+  }
+
+  // The palette for an hour from the four key palettes: { top: '#rrggbb', …, windows: 0–1,
+  // stars: 0–1 }. `keys` is { night: { top, mid, …, windows, stars }, dawn: …, … } with each
+  // colour a hex, an rgb() string or an [r, g, b]. A role a key does not carry is left out.
+  function blend(hour, keys) {
+    const s = spanAt(hour), A = (keys && keys[s.a]) || {}, B = (keys && keys[s.b]) || {};
+    const out = {};
+    ROLES.forEach((role) => {
+      const a = rgbOf(A[role]), b = rgbOf(B[role]);
+      if (!a || !b) return;
+      const t = role === 'line' ? lineShare(s) : s.t;
+      out[role] = hexOf(a.map((v, i) => v + (b[i] - v) * t));
+    });
+    NUMBERS.forEach((n) => {
+      const a = Number(A[n]), b = Number(B[n]);
+      if (!Number.isFinite(a) || !Number.isFinite(b)) return;
+      out[n] = Math.round((a + (b - a) * s.t) * 1000) / 1000;
+    });
+    return out;
+  }
+
+  // The pinned hour in a root attribute, a query string or a hash; null when none is a number.
+  function hourFrom(attr, search, hash) {
+    const pick = (v) => (v != null && String(v).trim() !== '' && Number.isFinite(Number(v)) ? wrap(Number(v)) : null);
+    const inQuery = (s) => { const m = /(?:^|[?#&])hour=([^&#]*)/.exec(String(s || '')); return m ? pick(decodeURIComponent(m[1])) : null; };
+    const a = pick(attr);
+    if (a != null) return a;
+    const q = inQuery(search);
+    return q != null ? q : inQuery(hash);
+  }
+
+  // ======================= THE HOUR SOURCE (an open owner decision) =======================
+  // The one place the city learns what time it is: 0–24, fractional. Today: a pinned hour
+  // if the page carries one (see the header), otherwise the viewer's local clock.
+  function hourNow(win) {
+    const w = win || (typeof window !== 'undefined' ? window : null);
+    const doc = w && w.document;
+    const loc = w && w.location;
+    const pinned = hourFrom(doc && doc.documentElement && doc.documentElement.getAttribute ? doc.documentElement.getAttribute('data-sky-hour-at') : null, loc && loc.search, loc && loc.hash);
+    if (pinned != null) return pinned;
+    const d = new Date();
+    return d.getHours() + d.getMinutes() / 60;
+  }
+  // =========================================================================================
+
+  // ---------- the page half ----------
+  // The four key palettes as the page defines them, read once: a colour by letting the
+  // browser compute the token on a hidden probe (sky-draw.js's way), a number off the root.
+  let cached = null;
+  function read(doc) {
+    if (cached) return cached;
+    const d = doc || (typeof document !== 'undefined' ? document : null);
+    if (!d || !d.documentElement || typeof getComputedStyle !== 'function') return null;
+    const host = d.body || d.documentElement;
+    const probe = d.createElement('i');
+    probe.hidden = true;
+    host.appendChild(probe);
+    const rootStyle = getComputedStyle(d.documentElement);
+    const keys = {};
+    let found = 0;
+    KEYS.forEach((key) => {
+      const k = {};
+      ROLES.forEach((role) => {
+        const name = '--sky-' + key + '-' + role;
+        // an undefined token would compute to the inherited colour, so ask the root first
+        if (!String(rootStyle.getPropertyValue(name) || '').trim()) return;
+        probe.style.color = '';
+        probe.style.color = 'var(' + name + ')';
+        const v = rgbOf(getComputedStyle(probe).color);
+        if (v) { k[role] = v; found += 1; }
+      });
+      NUMBERS.forEach((n) => {
+        const v = Number(String(rootStyle.getPropertyValue('--sky-' + key + '-' + n) || '').trim());
+        if (Number.isFinite(v)) k[n] = v;
+      });
+      keys[key] = k;
+    });
+    probe.remove();
+    // a page without the hall's token tier has nothing to blend: leave the sheet's own defaults
+    if (!found) return null;
+    cached = keys;
+    return cached;
+  }
+
+  function paletteAt(hour, doc) { const keys = read(doc); return keys ? blend(hour, keys) : null; }
+
+  // Write the hour's palette onto <html> as --sky-now-<role>, and say which hour it is.
+  let lastHour = null;
+  function apply(doc, hour) {
+    const d = doc || (typeof document !== 'undefined' ? document : null);
+    if (!d || !d.documentElement) return null;
+    const h = hour == null ? hourNow(d.defaultView || null) : wrap(hour);
+    const p = paletteAt(h, d);
+    if (!p) return null;
+    const el = d.documentElement;
+    Object.keys(p).forEach((name) => el.style.setProperty('--sky-now-' + name, String(p[name])));
+    el.setAttribute('data-sky-hour', String(Math.round(h * 10) / 10));
+    lastHour = h;
+    return p;
+  }
+
+  // On load, then at most once a minute (a hidden tab catches up when it is looked at again).
+  let timer = null;
+  function start(doc) {
+    const d = doc || (typeof document !== 'undefined' ? document : null);
+    if (!d || timer) return;
+    apply(d);
+    timer = setInterval(() => { if (!d.hidden) apply(d); }, TICK_MS);
+    if (typeof d.addEventListener === 'function') d.addEventListener('visibilitychange', () => { if (!d.hidden) apply(d); });
+  }
+
+  const api = { KEYS, ROLES, NUMBERS, STOPS, KEY_HOURS, wrap, rgbOf, spanAt, blend, hourFrom, hourNow, read, paletteAt, apply, start, hour: () => (lastHour == null ? hourNow() : lastHour) };
+  if (typeof module === 'object' && module.exports) module.exports = api;
+  if (root) {
+    root.OTBSkyTime = api;
+    if (root.document) {
+      if (root.document.readyState === 'loading') root.document.addEventListener('DOMContentLoaded', () => start(root.document));
+      else start(root.document);
+    }
+  }
+})(typeof window !== 'undefined' ? window : null);

package/modules/hall-ui/public/street.html

@@ -10,7 +10,7 @@
   <!-- The faces (Manrope, JetBrains Mono) come from the branding pack's font
        links, injected into this head by the server like every hall page's
        (tests/hall_tokens.mjs: no hall page hardcodes a web-font stylesheet). -->
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm4d">
   <link rel="stylesheet" href="/builders/street.css?v=2026-11-11-helm">
   <link rel="stylesheet" href="/builders/street-card.css?v=2026-10-04-record1">
   <link rel="stylesheet" href="/builders/street-deck.css?v=2026-10-17-tidy">
@@ -233,7 +233,7 @@
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/gov-living.js?v=2026-10-09-positions1"></script>
 <script src="/builders/gov-feeds.js?v=2026-10-09-living3"></script>
-<script src="/builders/city-draw.js?v=2026-10-17-tidy"></script>
+<script src="/builders/city-draw.js?v=2026-11-11-helm4b"></script>
 <script src="/builders/street-draw.js?v=2026-10-09-living3"></script>
 <script src="/builders/street-card.js?v=2026-10-04-record1"></script>
 <script src="/builders/street-inside.js?v=2026-10-09-living3"></script>

package/modules/hall-ui/public/studio.html

@@ -12,7 +12,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm4d">
   <link rel="stylesheet" href="/builders/studio.css?v=2026-10-09-day">
   <link rel="stylesheet" href="/builders/approval-queue.css?v=2026-09-29-aqfix">
   <link rel="stylesheet" href="/builders/home-gallery.css?v=2026-11-04-studio">

package/modules/hall-ui/public/style.css

@@ -310,11 +310,94 @@
      edge: nothing on a phone, growing to its full step on a desk, with no
      breakpoint. */
   --night-glass: color-mix(in srgb, var(--bg) 72%, transparent);
+  /* THE PLATE ON THE SKY (task 1005196): words and controls that sit on the hour's sky stand
+     on a small plate of the night, sized to what it holds, never on a darkened sky. */
+  --night-plate: color-mix(in srgb, var(--bg) 88%, transparent);
   --line-strong: 1.5px;
   --helm-panel-w: 400px;
   --helm-row:     60px;
   --helm-mark:    60px;
   --helm-inset:   clamp(0px, calc((100vw - var(--helm-panel-w)) * .1), 96px);
+
+  /* THE SKY KEEPS THE HOUR (task 1005196). The city in the clouds is painted in
+     one of four key palettes, or a blend of two neighbours, so the game can
+     show time passing. ART ONLY: these paint the scene (sky, cloud, building
+     faces, windows) and are never a control's or a sentence's colour; the
+     chrome, the panels and the text stay Helm night at every hour. The
+     literals for the four palettes live HERE and nowhere else: a painter or a
+     sheet spends --sky-now-*, which sky-time.js sets to the hour's blend (and
+     which rest at night below, for a page that does not load it).
+     Ten roles: top (the far sky), mid (the sky), cloud (the lit cloud and the
+     light from below), cloud-shade (a cloud's far side), roof / lit / shade
+     (a building's top, its lit face, its shade face), base (what a face fades
+     to where it stands in the cloud), lamp (a lit window, a beacon, a star), line (a drawn
+     line against the cloud: scaffold, crane, lane). Two strengths, 0 to 1:
+     windows (how strongly windows glow) and stars. */
+  --sky-night-top:         #02060c;
+  --sky-night-mid:         #07121f;
+  --sky-night-cloud:       #456780;
+  --sky-night-cloud-shade: #1a3348;
+  --sky-night-roof:        #2a475e;
+  --sky-night-lit:         #10263a;
+  --sky-night-shade:       #081522;
+  --sky-night-base:        #3c5d75;
+  --sky-night-lamp:        #ffe9c9;
+  --sky-night-line:        #8fb3c8;
+  --sky-night-windows:     .95;
+  --sky-night-stars:       1;
+  --sky-dawn-top:          #050d16;
+  --sky-dawn-mid:          #17334a;
+  --sky-dawn-cloud:        #fbe3c8;
+  --sky-dawn-cloud-shade:  #b08e8c;
+  --sky-dawn-roof:         #a9c0cc;
+  --sky-dawn-lit:          #3f5b70;
+  --sky-dawn-shade:        #1f3a50;
+  --sky-dawn-base:         #f0c9ab;
+  --sky-dawn-lamp:         #ffe2c4;
+  --sky-dawn-line:         #2f4b61;
+  --sky-dawn-windows:      .6;
+  --sky-dawn-stars:        .3;
+  --sky-midday-top:         #1d5687;
+  --sky-midday-mid:         #4a90c2;
+  --sky-midday-cloud:       #fff6dc;
+  --sky-midday-cloud-shade: #e8d2a8;
+  --sky-midday-roof:        #fff3d4;
+  --sky-midday-lit:         #dcc79c;
+  --sky-midday-shade:       #7f93a8;
+  --sky-midday-base:        #ffe6b3;
+  --sky-midday-lamp:        #fff6dc;
+  --sky-midday-line:        #2f679a;
+  --sky-midday-windows:     .45;
+  --sky-midday-stars:       0;
+  --sky-dusk-top:          #0a0f24;
+  --sky-dusk-mid:          #2a2552;
+  --sky-dusk-cloud:        #ffc79a;
+  --sky-dusk-cloud-shade:  #a8748a;
+  --sky-dusk-roof:         #c7a3b0;
+  --sky-dusk-lit:          #4a4470;
+  --sky-dusk-shade:        #231f44;
+  --sky-dusk-base:         #f6b596;
+  --sky-dusk-lamp:         #ffe2c4;
+  --sky-dusk-line:         #302b55;
+  --sky-dusk-windows:      .8;
+  --sky-dusk-stars:        .6;
+  /* the hour's palette: night until sky-time.js says otherwise */
+  --sky-now-top:         var(--sky-night-top);
+  --sky-now-mid:         var(--sky-night-mid);
+  --sky-now-cloud:       var(--sky-night-cloud);
+  --sky-now-cloud-shade: var(--sky-night-cloud-shade);
+  --sky-now-roof:        var(--sky-night-roof);
+  --sky-now-lit:         var(--sky-night-lit);
+  --sky-now-shade:       var(--sky-night-shade);
+  --sky-now-base:        var(--sky-night-base);
+  --sky-now-lamp:        var(--sky-night-lamp);
+  --sky-now-line:        var(--sky-night-line);
+  --sky-now-windows:     var(--sky-night-windows);
+  --sky-now-stars:       var(--sky-night-stars);
+  /* two mixes every scene needs: the haze between sky and cloud that distance
+     fades into, and a window's glow at the hour's strength */
+  --sky-now-haze: color-mix(in srgb, var(--sky-now-mid) 55%, var(--sky-now-cloud));
+  --sky-now-glow: color-mix(in srgb, var(--sky-now-lamp) calc(var(--sky-now-windows) * 100%), transparent);
 }
 
 /* ---------- dark theme: the Helm neutrals ----------
@@ -809,7 +892,7 @@ html[data-theme="dark"] .brand-mark__mark { --mark-ink: #e2e1e4; }
   html[data-game="on"] .visor__hint--sheet .visor__dots { display: block; }
   html[data-game="on"] .visor__hint--sheet > :not(.visor__dots) { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
   html[data-game="on"] .visor__main .visor__key { display: none; }
-  html[data-game="on"] .visor__sheet { bottom: calc(var(--visor-inset-bottom) + 80px); max-height: 70vh; }
+  html[data-game="on"] .visor__sheet { bottom: calc(var(--visor-inset-bottom) + 112px); max-height: 60vh; }
 }
 /* task 1004424 (BV2.PS10): THE FOUNDING MARK. A pill in .rank-badge's grammar (same
    height, type and radius) so it sits beside a rank without competing with it; the
@@ -1160,6 +1243,8 @@ html[data-theme="dark"] .gplate__light { display: none; }
   cursor: pointer;
 }
 .upd-pill:hover { border-color: var(--ink-faint); }
+/* in game mode the pill floats over the scene, which by day is a bright sky: it stands on the night */
+html[data-game="on"] .upd-pill:not([data-face="done"]) { background: var(--bg-card); }
 .upd-pill:focus-visible { outline: 0; border-radius: var(--press-radius); }
 .upd-pill__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); flex-shrink: 0; }
 .upd-pill[data-face="held"] .upd-pill__dot { background: var(--ink-faint); }
@@ -1398,6 +1483,38 @@ html[data-embed="on"] .app-foot,
 html[data-embed="on"] .app-topbar { display: none; }
 html[data-embed="on"] .app-body { margin-left: 0; }
 html[data-embed="on"] .app-content { padding-top: 0; }
+/* An embedded screen is a sub-window, so it reads at window size, not page size
+   (the owner, 2026-11-11: "WoW sizing"): everything in it is drawn smaller, and it
+   has no ground of its own, so the options window's glass and the place behind
+   show through. */
+html[data-embed="on"] { zoom: 0.82; }
+html[data-embed="on"], html[data-embed="on"] body { background: transparent; }
+/* THE OPTIONS WINDOW (shell-game.js openOverlay): in game mode the menu opens over
+   the place you are in. The scrim only darkens a little, so the place stays legible;
+   the window is night glass, so its colours carry through. */
+html.opt-window-open { overflow: hidden; }
+.opt-window { position: fixed; inset: 0; z-index: var(--z-modal); display: grid; place-items: center; }
+.opt-window[hidden] { display: none; }
+/* the scrim is the overlay's own ground, so a click on it lands on the dialog root (OTBDialog closes) */
+.opt-window::before { content: ''; position: absolute; inset: 0; background: var(--scrim); opacity: .33; pointer-events: none; }
+.opt-window__box {
+  position: relative; box-sizing: border-box;
+  width: min(1040px, calc(100vw - 32px)); height: min(720px, calc(100vh - 48px));
+  background: color-mix(in srgb, var(--bg) 48%, transparent);
+  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
+  border: var(--line-strong) solid var(--rule);
+  border-radius: var(--press-radius);
+  box-shadow: var(--ds-shadow-pop);
+}
+.opt-window__frame { display: block; width: 100%; height: 100%; border: 0; background: transparent; color-scheme: dark; }
+.opt-window__x {
+  position: absolute; top: var(--ds-space-xs); right: var(--ds-space-xs); z-index: 1;
+  width: 28px; height: 28px; padding: 0; display: grid; place-items: center;
+  font-size: var(--ds-text-2xl); line-height: 1; color: var(--ink-soft);
+  background: transparent; border: var(--line) solid var(--rule-soft); border-radius: var(--press-radius); cursor: pointer;
+}
+.opt-window__x:hover { color: var(--ink); background: var(--glass); }
+.opt-window__x:focus-visible { outline: 0; box-shadow: var(--press-focus); }
 /* Said once on entering, since the choice is remembered and a page can open in it. */
 .fullscreen-hint {
   position: fixed;

package/modules/hall-ui/public/task.html

@@ -8,7 +8,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm4d">
   <!-- The record archetype (shared with idea.html) and this page's own two
        shapes. Promoted out of an inline <style> by task 1003305 — the block was
        the hall's last substantive one and sat at its hall_audit ratchet. -->

package/modules/hall-ui/public/thinking.html

@@ -12,8 +12,8 @@
        links, injected into this head by the server like every hall page's
        (tests/hall_tokens.mjs: no hall page hardcodes a web-font stylesheet).
        The template carried its own Google Fonts link for the same two faces. -->
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
-  <link rel="stylesheet" href="/builders/visor.css?v=2026-11-11-helm3">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm4d">
+  <link rel="stylesheet" href="/builders/visor.css?v=2026-11-11-helm4c">
   <link rel="stylesheet" href="/builders/thinking.css?v=2026-11-10-visor">
 </head>
 <!-- THE SKY (task 1004231 / sky part 3 of 5, goal 1000095; ADR 0331, ADR 0227

package/modules/hall-ui/public/tweak-editor.html

@@ -10,7 +10,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm4d">
   <link rel="stylesheet" href="/builders/tweak-editor.css?v=2026-09-29-tw27-aqfix">
 </head>
 <!-- THE TWEAK EDITOR (task 1004321 / BV2.TW10, goal 1000095; ADR 0341 D4 and

package/modules/hall-ui/public/visor.css

@@ -4,9 +4,10 @@
    Hairlines, not cards: nothing on the glass is a box but the button you press and the key in
    a hint. It shows in game mode only, and it is an overlay, never layout, so the stage under it
    never changes size (ADR 0399 §2.1).
-   IT READS OVER ANY SKY, with no per-hour style: the glass darkens toward its top and bottom
-   edge (--night-glass), every word wears the type halo (--type-halo), every line is drawn over a
-   wider stroke of the night and so is every letter, and a key sits on a chip of the night. Colours, sizes and corners
+   IT READS OVER ANY SKY, with no per-hour style, AND IT DARKENS NONE OF IT (task 1005196: the
+   hour's sky runs to every edge of the view, so the glass has no bands and no vignette). The
+   marks carry themselves: every line is drawn over a wider stroke of the night, a key sits on a chip of
+   the night, and the place, each hint and your credits stand on a small night plate. Colours, sizes and corners
    are the hall tier's tokens; nothing here is typed in. Record: modules/hall-ui/records/visor.md. */
 .visor { display: none; }
 html[data-game="on"] .visor:not([hidden]) {
@@ -14,7 +15,6 @@ html[data-game="on"] .visor:not([hidden]) {
   /* where the glass sits, so a scene's pop-up can keep clear of it (ADR 0399 §2.3) */
   --visor-inset-top: 64px; --visor-inset-bottom: 76px;
   --visor-inset-right: max(var(--ds-space-gutter-narrow), var(--helm-inset)); --visor-inset-left: var(--visor-inset-right);
-  background: linear-gradient(to bottom, var(--night-glass), transparent 128px, transparent calc(100% - 260px), var(--night-glass));
   color: var(--ink); font-family: var(--font-body);
 }
 
@@ -26,17 +26,15 @@ html[data-game="on"] .visor:not([hidden]) {
 .visor__frame--foot { bottom: calc(var(--visor-inset-bottom) - 44px); height: 18px; }
 .visor__frame path { vector-effect: non-scaling-stroke; }
 .visor__line { fill: none; stroke: var(--ink-soft); stroke-opacity: .6; stroke-width: var(--line-strong); }
-.visor__line--under { stroke: var(--night-glass); stroke-opacity: 1; stroke-width: 5px; }
-.visor__dot { fill: var(--ink-soft); stroke: var(--night-glass); stroke-width: var(--line-strong); }
+.visor__line--under { stroke: var(--bg); stroke-opacity: 1; stroke-width: 5px; }
+.visor__dot { fill: var(--ink-soft); stroke: var(--bg); stroke-width: var(--line-strong); }
 .visor__notch, .visor__sight { position: absolute; left: 50%; transform: translate(-50%, -50%); overflow: visible; }
 .visor__notch { top: calc(var(--visor-inset-top) - 36px); width: 12px; height: 9px; }
 .visor__sight { top: 50%; width: 24px; height: 24px; }
 
-/* type over the scene: the halo, and a stroke of the night painted under each letter, the same
-   move as the lines' */
-.visor__place, .visor__who, .visor__hint {
-  text-shadow: var(--type-halo); -webkit-text-stroke: 4px var(--night-glass); paint-order: stroke fill;
-}
+/* type over the scene stands on a small plate of the night, cut like everything pressable and
+   sized to its words: the place, each key hint, and your name and credits. No band, no halo. */
+.visor__place, .visor__who, .visor__hint { background: var(--night-plate); clip-path: var(--cut-path-sm); }
 /* the name voice, for every name on the glass */
 .visor__place, .visor__name, .visor__unit, .visor__main, .visor__hint, .visor__key, .visor__sheet-title, .visor__cap {
   font-family: var(--name-face); font-weight: var(--name-weight); text-transform: var(--name-case);
@@ -46,7 +44,7 @@ html[data-game="on"] .visor:not([hidden]) {
 .visor__place {
   position: absolute; left: 50%; top: calc(var(--visor-inset-top) - 26px); transform: translateX(-50%); margin: 0;
   font-size: var(--ds-text-2xl); letter-spacing: var(--name-space-wide); line-height: 1.2;
-  color: var(--ink-soft); white-space: nowrap;
+  color: var(--ink-soft); white-space: nowrap; padding: 0 var(--ds-space-xs);
 }
 
 /* the foot row: you on the left, the one thing to press in the middle, the key hints on the
@@ -63,7 +61,8 @@ html[data-game="on"] .visor:not([hidden]) {
   flex: none; width: 56px; height: 56px; object-fit: cover; object-position: 50% 12%;
   background: var(--glass-strong); clip-path: var(--cut-path-sm);
 }
-.visor__who { display: flex; flex-direction: column; gap: 2px; }
+/* your name and credits stand in a box of the night, cut like the sprite beside it */
+.visor__who { display: flex; flex-direction: column; gap: 2px; padding: var(--ds-space-hair) var(--ds-space-xs); }
 .visor__name { font-size: var(--ds-text-xs); letter-spacing: var(--name-space); line-height: 1; color: var(--ink-soft); }
 .visor__credits { display: flex; align-items: baseline; gap: var(--ds-space-xs); white-space: nowrap; }
 .visor__num { font-family: var(--name-face); font-size: var(--ds-text-headline); font-weight: 400; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
@@ -88,7 +87,7 @@ html[data-game="on"] .visor:not([hidden]) {
 }
 .visor__hint {
   pointer-events: auto; box-sizing: border-box; display: inline-flex; align-items: center; gap: var(--ds-space-hair);
-  min-height: 44px; padding: 0; background: none; border: 0; border-radius: var(--press-radius);
+  min-height: 44px; padding: 0 var(--ds-space-xs) 0 var(--ds-space-hair); border: 0; border-radius: var(--press-radius);
   color: var(--ink-soft); font-size: var(--ds-text-lg); letter-spacing: var(--name-space-tight); white-space: nowrap;
   text-decoration: none; cursor: pointer;
   transition: color var(--ds-dur-fast) var(--ds-ease);

package/modules/hall-ui/public/watch.html

@@ -11,7 +11,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm4d">
   <!-- The oversight family's sheet (task 1003469): the figure band, the group
        head, the row, the form. Then the page's own: severities, the report
        reader, the grade trend. The attention tiles + tabs come from style.css's

package/modules/hall-ui/public/work.html

@@ -8,7 +8,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm4d">
   <!-- Page-local styles (task 2170) — extracted from the old inline <style>
        block per the hall placement rules; shared pager/count-pill styles now
        live in style.css's hall-kit section. -->

package/modules/hall-ui/records/home-city.md

@@ -208,6 +208,19 @@ So choosing Governing on Home, or opening Home with it chosen, goes to `GovCity.
 (`home-city.js` `streetHop`). In Governing the street's "← Home" link therefore lands back on the street;
 switching craft from the top bar leaves it. Pinned in `tests/home_city_widget.mjs`.
 
+## The city in the clouds, and the hour (task 1005196)
+
+The same city, repainted (owner direction, 2026-11-11; ADR 0402's amendment and `DESIGN.md` "The sky keeps the hour"). Nothing about the layout, the data, the doors or the tips changed.
+
+- **No ground.** The ground plane is gone. A box that stands on the ground (a plinth, the museum's wings, a civic base) fades into the cloud at its foot through the two gradients `city-draw.js` `skyDefs` describes, which this scene puts in its `<defs>`; a box above the ground keeps plain faces. Banks of cloud lie behind the city, a puff at the foot of each tower, and a bank in front (`.hc-cloud--*`, softened by two SVG filters in the scene's own `<defs>`).
+- **No colour is typed in the painter.** `theme()` and `skyTheme()` name the hour's tokens (`--sky-now-*`) and mixes of them; a mode argument is ignored (the hall is dark only). The artists' glass is the pack's `--sea`, a face pin is `--bg-card` and `--ink`, and what waits on you is still the only `--accent`.
+- **The sky runs edge to edge and nothing darkens it** (owner, 2026-11-11). With the bars up, the sky fills the city's panel (`.hc-stage`). In game mode it is the ground of the whole Home view, behind the visor: Home sets the hall's own ground seam (`--plate`, `style.css` `body::before`) to the hour's sky and turns the veil off, and the panel is clear. The light from below is the scene's own (`.hc-svg`, a glow that ends inside the scene), so it sits under the city at any width. What is read on the sky stands on a plate of the night (`--night-plate`): the ladder (two strong hairlines, sized to its rungs) and, in game mode, the greeting; the owner chip and the slider keep their own night surfaces. Tried and dropped: an oval of sky floating in the dark (a spotlight), then a sky that faded to a night stage toward the ladder and the slider (dark edges).
+- **The cloud's shape is `city-draw.js`'s** (`Gov.cloudAt`, `Gov.puffAt`), asked for and never copied; a scene drawn without the Governor City has plain faces and no cloud.
+- **The idea stars follow the hour.** They sit in one group (`.hc-stars`) shown at `--sky-now-stars`: out at night, gone by day. The door under them is there at every hour.
+- **Quiet still reads.** The faded core and museum (`.hc-quiet`) stand at about 60% and part-drained, not 30% and grey, so they read against bright cloud.
+- **The hour** is `sky-time.js` (loaded before the painter): the viewer's clock, or `/?hour=13` to pin it.
+- Pinned by `tests/home_city.mjs` (tokens only, the cloud's place in the draw order) and `tests/hall_sky_time.mjs`.
+
 ## Private areas
 
 A private goal the viewer is neither a member of nor an Archon over still stands as a tower (its counts are structure), but the server sends no title for it or for the ideas tied to it; the drawing labels them "A private area" and "A private idea" (ADR 0112, as the goal map and the sky apply it). Pinned in `tests/home_city.mjs`.

package/modules/hall-ui/records/living-city.md

@@ -57,3 +57,15 @@ The city's plaque and door, the street's header and readings, the deck and the s
 ## Verifying
 
 `node scripts/hall-preview/server.js --port 4620 --fixture-me --rank archon`, then `node modules/ui-design/kit/render.js --page city|street|my-agents` at 1440, 390 and 320 in both modes (restart the harness after editing a page's HTML). The states' expectations are the harness fixtures' (task 1004718 refreshed the ones that went stale when the harness became the real site). Tests: `tests/hall_gov_living.mjs`, `tests/hall_gov_counts.mjs`, `tests/hall_city_living.mjs`, `tests/hall_street_depth.mjs`, `tests/hall_street_deck.mjs`, `tests/hall_buildouts.mjs`, `tests/craft_mode_tallies.mjs`, `tests/hall_gov_real_site.mjs`.
+
+## The city in the clouds, and the hour (task 1005196)
+
+The owner's direction of 2026-11-11: the same single city, made a city in the clouds by art and colour, with the time of day shown as a full round (ADR 0402's amendment; `DESIGN.md` "The sky keeps the hour"). The layout, the buildings, the data, the pins, the plates, the hit targets and the motion are unchanged; the geometry is still the prototype's, path for path (`tests/hall_city.mjs`).
+
+- **No ground.** `cityModel` draws no ground plane and no road fill. The ring road keeps its dashed lane marks (the parcels and the spend conduit run along them), the plaza is a patch of light from below, and a plot keeps its faint outline and grid.
+- **Bases fade into cloud.** `isoBox` gives a box that stands on the ground the fading face (`tone.lg` / `tone.rg`: a gradient, then the plain colour as the fallback for a drawing with no `<defs>`, which is how the street's office drawing still paints). `skyDefs` lists the gradients, one pair per haze share in use; `city.js` puts them in `#cityDefs`.
+- **Cloud and stars are data.** `model.clouds` is two banks behind the city, a row of puffs per depth row (one at each standing building's foot; `city.js` lays each row after its buildings) and three banks in front; `model.stars` is one path. The sheet gives each its sky token; two SVG filters in `city.html` soften the banks. Nothing that moves is blurred.
+- **Haze** now mixes toward `--sky-now-haze` (sky into cloud) instead of the void, at the same shares.
+- **Every colour is the hour's.** `isoTheme()` names `--sky-now-*` tokens and mixes; a mode argument is ignored. Lit windows (`--city-win-lit`) and the dashed window rows are the lamp at the hour's window strength, so they are strongest at night; salmon windows and pins are still the only `--accent`.
+- **What you read stays Helm night, and the sky is never darkened for it.** The frame is the hour's sky to all four edges (no vignette, no bands; the lowest bank of cloud is a shaded cloud, not a dark one). The wordmark, the plaque, the line under the door and the archive note each stand on a small cut plate of the night (`--night-plate`), and in game mode the Update pill is solid night; a moving or settled pin and a pod take a night edge; lanes, cranes and the tally take the hour's `line` colour, which is light at night and dark by day.
+- **The hour** is `sky-time.js`, loaded before `city-draw.js`: the viewer's local clock (an open owner decision), or pinned with `/city?hour=13`, `#hour=13` or `<html data-sky-hour-at="13">`. Set on load and at most once a minute; nothing animates.

package/modules/hall-ui/records/options-menu.md

@@ -24,3 +24,10 @@ The menu is a Helm screen, written from the hall tier's tokens alone (`settings.
 - **Widths:** the panel is `min(--helm-panel-w, 32%)` of the content column; below 860px it stacks above the screen as before. A long label wraps inside its row.
 - **Not built** (the mock shows them on a Controls screen the hall does not have): the key-binding rows, "Reset all keys", and a visible "Back to the city" button. Escape still closes the menu in game mode.
 - **Tests:** `tests/hall_helm.mjs` ("the options menu is a Helm screen"); the kit states in `settings.states.json` render clean at 1440, 390 and 320.
+
+## The options window (owner, 2026-11-11: "WoW sizing, an overlay")
+
+- **In game mode the menu opens over the place, not as a page.** Escape away from the menu, or a click on any link to `/settings` (the visor's Options row, the profile chip), draws one window (`shell-game.js` `openOverlay`, `window.OTBOptionsOverlay`), built on the shared dialog (`OTBDialog.bind`: Escape, scrim, close button, focus trap and return), with the page behind made `inert` while it is up, holding the menu framed with `?embed=1`; the place stays drawn behind it. Escape, the scrim or the × shuts it; `options-menu.js` `close()` shuts the window when it is in one. A page that cannot draw it falls back to the menu page. A plain visit to `/settings` is the page, as before.
+- **Window sized, see-through.** The window is `min(1040px, …) × min(720px, …)` of glass at 48% of the ground with a light blur, over the shared `--scrim` at a third. Every embedded screen is drawn at `zoom: 0.82` with no ground of its own (`style.css`), and the menu inside it takes smaller words (`settings.css`, `html[data-embed="on"]`); a window-high length divides by the zoom (`--opt-vh`).
+- **One review palette.** A framed screen docks no artist palette of its own (`craft-mode.js` `applyDocked`); the page around it has one.
+- **Tests:** `tests/hall_options_menu.mjs` ("away from the menu, Escape opens the options as a window…"), `tests/page_notes_panel.mjs` (the frame docks no panel).

package/modules/hall-ui/records/visor.md

@@ -9,7 +9,7 @@ The glass was redrawn to the owner's mock-up "Cloud city: in the visor, minimal"
 - **What is on the glass.** Two thin arcs (one along the top, one under the foot row), a notch under the top arc, a ring-and-dot sight at the centre, the place in the name voice under the top arc, and one foot row: the sprite in a cut box with the character's name and the credits (white count, ice word); the one accent button, cut corner, with its key; the quiet key hints (a key in a small box and a name, no box round the pair). The compass cells, the side lines, the centre cross and the round pills are gone.
 - **Where each control went.** The main action is the accent button, centred. The character's other actions (after the game-places filter) are key hints on the right; they were rows in the sheet only. **Actions (A)** is demoted from a top-right pill to a key hint and still opens the same sheet, which now stands over the hints. **Options (Esc)** is the last hint, the same link the sheet's last row is. Nothing was removed.
 - **In the mock-up, not built, because the visor has no data for it:** the four progress segments, the marker and name on the building in view (the visor owns no camera, ADR 0399 §2.2), and the party bars with a speaker's name and a Voice key. Each is a scene or a later task handing the visor real data; none is drawn empty.
-- **It reads over any sky, with no per-hour style.** The glass darkens toward its top and bottom edge (`--night-glass`), type wears `--type-halo` and a stroke of the night painted under each letter, every line is drawn twice (a wider night stroke under the ice hairline, `.visor__line--under`), and a key sits on a chip of the night. No new token.
+- **It reads over any sky, with no per-hour style, and it darkens none of it** (task 1005196, owner 2026-11-11: "I don't like how dark the edges of the view are"). The glass paints nothing of its own: the bands of `--night-glass` at its top and bottom edge are gone, and so is the dark halo round its type. The marks carry themselves. The place, each key hint and your name and credits stand on a small cut plate of the night (`--night-plate`, the ground at 88%), sized to the words; every line is drawn twice (a wider solid stroke of the night under the ice hairline, `.visor__line--under`), so an arc is ice on night and a dark line on cream cloud; a key sits on a chip of the night. One new token, `--night-plate`. Tried first and dropped: a 4px night stroke round each letter with no plate, which filled the condensed capitals in.
 - **A phone.** The shared phone block in `style.css` (no breakpoint of the visor's own): the top arc, its notch and the place step aside (the top of a phone is the scene's and the shell's); the foot row stays one line with nothing leaning (the sprite, the count over its word, the accent button whose name may wrap and whose key is left to the sheet, and of the hints only Actions, as three dots on a night chip). Between a phone and a wide desk the hints wrap onto a second line, right-aligned, rather than run into the button.
 - **Scenes.** The top arc, the notch and the place sit inside the top 64px (`--visor-inset-top`), the band the sky already leaves free, so no scene's top row is struck through. Home no longer shifts its greeting row left (there is no pill top-right to clear). The city's door rises above the foot row at every width, because the accent button is centred where the door stood. The sky's `visor-on` offsets are unchanged.
 - **Looking at it.** The stand-in scene in `tests/hall_visor.mjs` over the hall's real sheets; put a bright gradient behind it to check midday.