@bongos/core 1.24.83 → 1.24.84

package/modules/hall-ui/public/roster.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-helm2">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
   <!-- task 1003441: the identity cell (avatar, name, login). It was shared with
        the cross-project /people page until task 1003444 deleted it. -->
   <link rel="stylesheet" href="/builders/roster.css">

package/modules/hall-ui/public/settings.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-helm2">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
   <!-- The PANEL archetype (task 1003308): the row, the switch, the field, the
        chip control and the family's voices, shared with profile and pair.
        settings.css then holds only what this page

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-helm2">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
   <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">

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-helm2">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
   <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

@@ -186,7 +186,7 @@
      seventy rules across the page sheets spell it, but in the hall it is a
      square corner: a field, a tag, a chip, a toggle and a toast are square
      inside one hairline, and only what you press is cut (--cut-path). A thing
-     that must be round (a portrait in the visor) says --ds-radius-pill. */
+     that must be round says --ds-radius-pill. */
   --radius-pill: 0px;
 
   /* ---- the shell's metrics. --topbar-h stays under the kit's 80px top-bar
@@ -790,16 +790,26 @@ html[data-theme="dark"] .brand-mark__mark { --mark-ink: #e2e1e4; }
   .founding-band { flex-wrap: wrap; row-gap: 2px; padding: 8px 16px; }
   .founding-band__desc { display: none; }
   .founding-band__stage { margin-left: 0; white-space: normal; }
-  /* task 1005148, the visor (visor.css): the top of a phone belongs to the scene and the shell’s
-     corner buttons, so the compass and the place line step aside and all three pills share the
-     bottom row: the main action, Actions (its dots and key only), the sprite with the credits. */
-  html[data-game="on"] .visor:not([hidden]) { --visor-inset-right: var(--ds-space-gutter-narrow); --visor-inset-left: var(--ds-space-gutter-narrow); --visor-inset-bottom: 40px; }
-  html[data-game="on"] .visor__place, html[data-game="on"] .visor__cell, html[data-game="on"] .visor__mark { display: none; }
-  html[data-game="on"] .visor__pill--actions { top: auto; right: auto; left: 50%; bottom: var(--visor-inset-bottom); transform: translateX(-50%); padding: 0 var(--ds-space-xs); }
-  html[data-game="on"] .visor__pill--actions > span:not(.visor__dots) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
-  html[data-game="on"] .visor__sheet { top: auto; bottom: calc(var(--visor-inset-bottom) + 56px); right: var(--visor-inset-right); max-height: 70vh; }
-  html[data-game="on"] .visor__me .visor__name { display: none; }
-  html[data-game="on"] .visor__me { padding: 4px var(--ds-space-xs) 4px 4px; }
+  /* tasks 1005148 and 1005195, the visor (visor.css): the top of a phone belongs to the scene
+     and the shell’s corner buttons, so the top arc, its notch and the place all step aside. The foot row keeps its three parts in one line and nothing leans: the sprite
+     with the count over its word, the one accent button (its name may take two lines; its key is in the sheet), and of
+     the key hints only Actions, as its dots (every other hint is a row in its sheet). */
+  html[data-game="on"] #visor { --visor-inset-bottom: 52px; }
+  html[data-game="on"] .visor__place, html[data-game="on"] .visor__notch, html[data-game="on"] .visor__frame--top, html[data-game="on"] .visor__name { display: none; }
+  html[data-game="on"] .visor__foot { grid-template-columns: auto minmax(0, 1fr) auto; column-gap: var(--ds-space-hair); }
+  html[data-game="on"] .visor__me, html[data-game="on"] .visor__hints { transform: none; }
+  html[data-game="on"] .visor__me { gap: var(--ds-space-hair); }
+  html[data-game="on"] .visor__sprite { width: 36px; height: 36px; }
+  html[data-game="on"] .visor__num { font-size: var(--ds-text-4xl); }
+  html[data-game="on"] .visor__credits { flex-direction: column; align-items: flex-start; gap: 2px; }
+  html[data-game="on"] .visor__unit { font-size: var(--ds-text-2xs); line-height: 1; }
+  html[data-game="on"] .visor__main { min-width: 0; overflow-wrap: anywhere; min-height: 48px; padding: var(--ds-space-hair) var(--ds-space-xs); gap: var(--ds-space-hair); font-size: var(--ds-text-xl); clip-path: var(--cut-path-sm); }
+  html[data-game="on"] .visor__hint:not([data-visor-sheet]) { display: none; }
+  html[data-game="on"] .visor__hint--sheet { min-width: 44px; justify-content: center; }
+  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; }
 }
 /* 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

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-helm2">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
   <!-- 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-helm2">
-  <link rel="stylesheet" href="/builders/visor.css?v=2026-11-11-helm2">
+  <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/thinking.css?v=2026-11-10-visor">
 </head>
 <!-- THE SKY (task 1004231 / sky part 3 of 5, goal 1000095; ADR 0331, ADR 0227
@@ -146,7 +146,7 @@
 <script src="/builders/shell.js?v=2026-11-11-view2"></script>
 <script src="/builders/hall-dialog.js"></script>
 <!-- task 1005148: the visor (glass over the scene, game mode only; ADR 0399), after the shell and hall-dialog.js -->
-<script src="/builders/visor.js?v=2026-11-11-view2"></script>
+<script src="/builders/visor.js?v=2026-11-11-helm3"></script>
 <script src="/builders/palette.js" defer></script>
 
 <script src="/builders/idea-objects.js?v=2026-09-27-split"></script>

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-helm2">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
   <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

@@ -1,80 +1,141 @@
-/* visor.css — the first-person visor (task 1005148, visor.js; ADR 0399). Glass over the scene:
-   the frame lines, the place, three pills and the actions sheet. 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).
-   Colours are the hall's tokens; the frame is hairline ink, never a glow (DESIGN.md: no
-   near-black-plus-neon HUD). Record: modules/hall-ui/records/visor.md. */
+/* visor.css — the first-person visor (task 1005148, visor.js; ADR 0399), in the Helm look: the
+   minimal visor (task 1005195, ADR 0402). Glass over the scene: two thin arcs, the place in the
+   name voice, and one foot row (your credits, the one accent button, a quiet row of key hints).
+   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
+   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]) {
   display: block; position: fixed; inset: 0; z-index: 4; pointer-events: none;
   /* 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-right: 40px; --visor-inset-bottom: 76px; --visor-inset-left: 40px;
+  --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);
 }
 
-/* the frame: stretched over the stage, every stroke one hairline at any size */
-.visor__frame { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
+/* the frame: each arc is stretched across the stage, every stroke one hairline at any size. The
+   top arc, its notch and the place all sit inside the top inset, above where a scene starts its
+   own top row; the foot arc runs under the foot row. */
+.visor__frame { position: absolute; left: 0; width: 100%; overflow: visible; }
+.visor__frame--top { top: calc(var(--visor-inset-top) - 50px); height: 42px; }
+.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(--rule); stroke-width: var(--ds-line); }
-.visor__line--side { stroke: var(--rule-soft); }
-.visor__cell { fill: color-mix(in srgb, var(--ink) 12%, transparent); stroke: var(--rule); stroke-width: var(--ds-line); }
-.visor__mark { fill: var(--accent); stroke: none; }
+.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__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; }
 
-/* the place, under the compass */
+/* 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;
+}
+/* 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);
+}
+
+/* the place, under the top arc */
 .visor__place {
-  position: absolute; left: 50%; top: max(9.5%, 84px); transform: translateX(-50%); margin: 0;
-  font-family: var(--font-mono); font-size: var(--ds-text-2xs); letter-spacing: .14em; text-transform: uppercase;
+  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;
 }
 
-/* the pills: the only parts of the glass that take a pointer */
-.visor__pill, .visor__me {
-  position: absolute; pointer-events: auto; box-sizing: border-box;
-  display: inline-flex; align-items: center; gap: var(--ds-space-xs);
-  min-height: 46px; padding: 0 var(--ds-space-sm);
-  background: var(--bg-card); color: var(--ink); border: var(--ds-line) solid var(--rule);
-  border-radius: var(--ds-radius-pill); font: inherit; font-size: var(--ds-text-sm); text-decoration: none;
+/* the foot row: you on the left, the one thing to press in the middle, the key hints on the
+   right. The two side groups lean in a little, as the glass curves. */
+.visor__foot {
+  position: absolute; left: var(--visor-inset-left); right: var(--visor-inset-right); bottom: var(--visor-inset-bottom);
+  display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; column-gap: var(--ds-space-sm);
+}
+.visor__me {
+  justify-self: start; display: flex; align-items: center; gap: var(--ds-space-sm);
+  transform: perspective(900px) rotateY(16deg); transform-origin: left center;
+}
+.visor__sprite {
+  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; }
+.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; }
+.visor__unit { font-size: var(--ds-text-md); letter-spacing: var(--name-space); color: var(--ink-soft); }
+
+/* the one accent button: the cut corner, the dark ink, the key that takes it */
+.visor__main {
+  pointer-events: auto; box-sizing: border-box; justify-self: center;
+  display: inline-flex; align-items: center; justify-content: space-between; gap: var(--ds-space-sm);
+  min-height: 56px; padding: var(--ds-space-hair) var(--ds-space-sm) var(--ds-space-hair) var(--ds-space-md);
+  background: var(--accent); color: var(--accent-on); border: 0; border-radius: var(--press-radius); clip-path: var(--cut-path);
+  font-size: var(--ds-text-3xl); font-weight: var(--name-weight-lit); letter-spacing: var(--name-space-tight); line-height: 1.1;
+  text-decoration: none; cursor: pointer; transition: background-color var(--ds-dur-fast) var(--ds-ease);
+}
+.visor__main:hover { background: var(--accent-lift); color: var(--accent-on); text-decoration: none; }
+
+/* the key hints: a key and a name, no box round the pair. The only other parts of the glass
+   that take a pointer. */
+.visor__hints {
+  justify-self: end; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 0 var(--ds-space-md);
+  transform: perspective(900px) rotateY(-16deg); transform-origin: right center;
+}
+.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);
+  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);
+}
+.visor__hint:hover { color: var(--ink); text-decoration: none; }
+.visor__hint[hidden] { display: none; }
+/* Actions on a phone: three dots on the same chip of the night a key sits on (style.css shows it) */
+.visor__dots {
+  display: none; box-sizing: content-box; width: 14px; height: 4px; padding: 10px 5px; border: var(--line-strong) solid currentColor;
+  background: radial-gradient(circle, currentColor 1.5px, transparent 2px) 0 0 / 5px 4px repeat-x content-box, var(--bg);
 }
-.visor__pill { cursor: pointer; }
-.visor__pill:hover { border-color: var(--ink-faint); }
-.visor__pill:focus-visible, .visor__row:focus-visible, .visor__close:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
-.visor__pill--main { left: var(--visor-inset-left); bottom: var(--visor-inset-bottom); background: var(--accent); color: var(--accent-on); border-color: var(--accent); font-weight: 500; }
-.visor__pill--main:hover { border-color: var(--accent-lift); }
-.visor__pill--actions { right: var(--visor-inset-right); top: var(--visor-inset-top); }
-.visor__pill[hidden] { display: none; }
-.visor__dots { width: 14px; height: 4px; background: radial-gradient(circle, currentColor 1.5px, transparent 2px) 0 0 / 5px 4px repeat-x; }
-.visor__me { right: var(--visor-inset-right); bottom: var(--visor-inset-bottom); padding: 4px var(--ds-space-sm) 4px 4px; pointer-events: none; }
-.visor__sprite { width: 38px; height: 38px; border-radius: var(--ds-radius-pill); object-fit: cover; object-position: 50% 12%; background: var(--bg-deep); }
-.visor__who { display: flex; flex-direction: column; line-height: 1.2; }
-.visor__name { font-weight: 500; }
-.visor__credits { font-size: var(--ds-text-2xs); color: var(--ink-soft); font-variant-numeric: tabular-nums; }
 .visor__key {
-  font-family: var(--font-mono); font-size: var(--ds-text-2xs); line-height: 1; padding: 3px 5px;
-  border: var(--ds-line) solid currentColor; border-radius: var(--ds-radius-pill); opacity: .75;
+  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex: none;
+  min-width: 24px; height: 24px; padding: 0 5px;
+  border: var(--line-strong) solid currentColor; background: var(--bg);
+  font-size: var(--ds-text-sm); letter-spacing: 0; line-height: 1; text-shadow: none; -webkit-text-stroke: 0;
 }
+.visor__main .visor__key { background: none; }
+/* a cut corner clips an outline, so every control here takes the inset two-tone ring */
+.visor__main:focus-visible, .visor__hint:focus-visible, .visor__row:focus-visible, .visor__close:focus-visible { outline: 0; border-radius: var(--press-radius); box-shadow: var(--press-focus); }
 
-/* the sheet: above the scene's pop-ups, under the modals (ADR 0399 §2.3 layer 4) */
+/* the sheet: above the scene's pop-ups, under the modals (ADR 0399 §2.3 layer 4). The night
+   panel between two strong hairlines, standing over the hints that opened it, clear of the foot
+   row even when the hints have wrapped onto a second line. */
 .visor__sheet {
-  position: absolute; right: var(--visor-inset-right); top: var(--visor-inset-top); z-index: 1;
+  position: absolute; right: var(--visor-inset-right); bottom: calc(var(--visor-inset-bottom) + 100px); z-index: 1;
   pointer-events: auto; box-sizing: border-box; width: min(18rem, calc(100vw - 2 * var(--ds-space-gutter-narrow)));
-  max-height: calc(100% - var(--visor-inset-top) - var(--visor-inset-bottom)); overflow-y: auto;
-  padding: var(--ds-space-sm); background: var(--bg-card); border: var(--ds-line) solid var(--rule);
-  border-radius: var(--ds-radius-panel); box-shadow: var(--ds-shadow-pop);
+  max-height: calc(100% - var(--visor-inset-top) - var(--visor-inset-bottom) - 100px); overflow-y: auto;
+  padding: var(--ds-space-sm); background: var(--bg-card);
+  border: 0 solid var(--rule); border-left-width: var(--line-strong); border-right-width: var(--line-strong);
 }
 .visor__sheet-head { display: flex; align-items: center; justify-content: space-between; }
-.visor__sheet-title { margin: 0; font-size: var(--ds-text-md); font-weight: 500; }
-.visor__close { min-width: 32px; min-height: 32px; background: none; border: 0; color: var(--ink-soft); cursor: pointer; }
-.visor__cap { margin: var(--ds-space-xs) 0 2px; font-family: var(--font-mono); font-size: var(--ds-text-2xs); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-soft); }
+.visor__sheet-title { margin: 0; font-size: var(--ds-text-xl); letter-spacing: var(--name-space); color: var(--ink); }
+.visor__close { min-width: 32px; min-height: 32px; padding: 0; background: none; border: 0; color: var(--ink-soft); cursor: pointer; }
+.visor__cap { margin: var(--ds-space-xs) 0 2px; font-size: var(--ds-text-xs); letter-spacing: var(--name-space); color: var(--ink-soft); }
 .visor__rows { list-style: none; margin: 0; padding: 0; }
 .visor__rows + .visor__rows { margin-top: var(--ds-space-xs); }
 .visor__row {
   display: flex; align-items: center; justify-content: space-between; gap: var(--ds-space-xs);
-  box-sizing: border-box; width: 100%; min-height: 36px; padding: 0 2px;
+  box-sizing: border-box; width: 100%; min-height: 40px; padding: 0 2px;
   background: none; border: 0; border-top: var(--ds-line) solid var(--rule-soft);
-  color: var(--ink); font: inherit; font-size: var(--ds-text-sm); text-align: left; text-decoration: none; cursor: pointer;
+  color: var(--ink); font: inherit; font-size: var(--ds-text-md); text-align: left; text-decoration: none; cursor: pointer;
 }
 .visor__row:hover { color: var(--accent-ink); }
 .visor__row--hint { cursor: default; color: var(--ink-soft); }
 .visor__row--hint:hover { color: var(--ink-soft); }
+.visor__sheet .visor__key { color: var(--ink-soft); background: none; }
 
 /* a phone (640px and narrower): the rules live in style.css’s shared phone block, so the
    visor adds no breakpoint of its own (the design-count ratchet). */

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

@@ -1,19 +1,21 @@
 // visor.js — the first-person visor: glass over the scene (task 1005148, BONGOS-V3 R08,
 // goal 1000142, criterion `you-are-a-character-in-first-person`). Built to ADR 0399.
 //
-// What is on the glass (the design the owner agreed on 2026-11-10, task 1005148):
-//   - the frame: thin curved visor lines at the top, the bottom and both sides, a small
-//     centre cross, and a compass of nine slanted cells along the top line with the one
-//     salmon marker under its centre. Drawn once as SVG; it is ornament, never a control.
-//   - the place, in a mono line under the compass ("THE SKY", "GOVERNOR CITY", …).
-//   - bottom-left: your character's main action, the one accent pill, with its key.
-//   - bottom-right: your sprite (third person) with your character's name and your credits
+// What is on the glass (the minimal visor, Helm look 3, task 1005195; first built in task
+// 1005148):
+//   - the frame: two thin arcs, one along the top of the glass and one under the foot row,
+//     a small notch under the top arc and a ring-and-dot sight at the centre. Drawn as SVG;
+//     it is ornament, never a control.
+//   - the place, in the name voice under the top arc ("THE SKY", "GOVERNOR CITY", …).
+//   - the foot row. Left: your sprite (third person), your character's name and your credits
 //     (builders.total_credits — credits only, never a payout; the spec's "does not exist").
-//   - top-right: "Actions" (key A), which opens the sheet: your character's actions, then
-//     the keys of the place you are in, then Options on Escape.
+//     Centre: your character's main action, the one accent button, with its key. Right: the
+//     quiet key hints, no boxes: your other actions, "Actions" (key A), which opens the
+//     sheet (your character's actions, then the keys of the place you are in, then Options
+//     on Escape), and Options itself.
 //
 // The rules it keeps (ADR 0399):
-//   - one overlay, #visor, with pointer-events: none; only its pills take a pointer, so a
+//   - one overlay, #visor, with pointer-events: none; only its controls take a pointer, so a
 //     drag, a wheel or a click on the world reaches the scene unchanged (§2.1).
 //   - no camera: a scene registers itself once with OTBVisor.scene({ name, place, actions,
 //     keys }) and a movement action calls the scene's own function (§2.2). A page with no
@@ -34,7 +36,7 @@
 
   // ---------- each character's actions ----------
   // `href` opens a page the hall already has; `tool` opens one of craft-mode's tools on
-  // this page. The first is the character's main action (the accent pill).
+  // this page. The first is the character's main action (the accent button).
   var ACTIONS = {
     artisan: [
       { id: 'claim', label: 'Claim a task', key: 'c', href: '/work' },
@@ -112,23 +114,33 @@
   // ---------- drawing ----------
   var root = null, sheet = null, returnFocus = null;
   var NS = 'http://www.w3.org/2000/svg';
-  // The frame is drawn in a 1000×1000 box stretched over the stage (preserveAspectRatio
-  // none), with non-scaling strokes so every line stays one hairline at any size.
+  // Every mark is drawn twice: a wider stroke of the night under the ice hairline, so the
+  // line reads over a midday sky as well as at night (visor.css .visor__line--under).
+  function twice(shape) { return shape.replace('class="', 'class="visor__line--under ') + shape; }
+  function svgOpen(cls, box, stretch) {
+    return '<svg class="' + cls + '" viewBox="' + box + '"' + (stretch ? ' preserveAspectRatio="none"' : '') + ' aria-hidden="true" focusable="false" xmlns="' + NS + '">';
+  }
+  // The two arcs are each a 1000×100 box stretched across the stage (preserveAspectRatio
+  // none), with non-scaling strokes so each stays one hairline at any size. The notch and the
+  // sight are drawn at their own size, so neither is ever stretched.
   function frameSvg() {
-    var cells = '';
-    for (var i = -4; i <= 4; i++) {
-      var x = 500 + i * 38, y = 30 + Math.pow(i / 4, 2) * 14, s = i * 2;
-      cells += '<path class="visor__cell" d="M' + (x - 15) + ' ' + (y + 4 - s / 2) + 'l30 ' + s + 'l-6 15l-30 ' + (-s) + 'z"/>';
-    }
-    return '<svg class="visor__frame" viewBox="0 0 1000 1000" preserveAspectRatio="none" aria-hidden="true" focusable="false" xmlns="' + NS + '">' +
-      '<path class="visor__line" d="M0 120Q500 -10 1000 120"/>' +
-      '<path class="visor__line" d="M0 880Q500 1010 1000 880"/>' +
-      '<path class="visor__line visor__line--side" d="M18 120Q4 500 18 880M982 120Q996 500 982 880"/>' +
-      '<path class="visor__line" d="M490 500h-12M510 500h12M500 490v-14M500 510v14"/>' +
-      cells + '<path class="visor__mark" d="M494 76l6 9l6 -9z"/>' +
-    '</svg>';
+    return svgOpen('visor__frame visor__frame--top', '0 0 1000 100', true) + twice('<path class="visor__line" d="M76 100Q500 -100 924 100"/>') + '</svg>' +
+      svgOpen('visor__frame visor__frame--foot', '0 0 1000 100', true) + twice('<path class="visor__line" d="M76 0Q500 200 924 0"/>') + '</svg>' +
+      svgOpen('visor__notch', '0 0 12 9') + twice('<path class="visor__line" d="M0 0l6 9l6 -9"/>') + '</svg>' +
+      svgOpen('visor__sight', '0 0 24 24') + twice('<circle class="visor__line" cx="12" cy="12" r="11"/>') + '<circle class="visor__dot" cx="12" cy="12" r="2"/></svg>';
   }
   function keyHtml(k) { k = String(k); return '<kbd class="visor__key">' + esc(k.length === 1 ? k.toUpperCase() : k) + '</kbd>'; }
+  // The count and its unit are two spans, so the number can be white and the word ice; the
+  // text between them is still creditsText's, word for word.
+  function creditsHtml(n) {
+    var t = creditsText(n), at = t.lastIndexOf(' ');
+    if (at < 0) return esc(t);
+    return '<span class="visor__num">' + esc(t.slice(0, at)) + '</span> <span class="visor__unit">' + esc(t.slice(at + 1)) + '</span>';
+  }
+  // A quiet key hint: the key in its small box, then the name. No box round the pair.
+  function hintHtml(a) {
+    return '<a class="visor__hint" data-visor-act="' + esc(a.id) + '" ' + actionAttrs(a) + '>' + keyHtml(a.key) + '<span>' + esc(a.label) + '</span></a>';
+  }
   function actionAttrs(a) {
     return a.href ? 'href="' + esc(hallHref(a.href)) + '"' : 'href="#" role="button"';
   }
@@ -138,14 +150,19 @@
     var n = credits();
     return frameSvg() +
       (scene.place ? '<p class="visor__place">' + esc(scene.place) + '</p>' : '') +
-      '<a class="visor__pill visor__pill--main" data-visor-act="' + esc(main.id) + '" ' + actionAttrs(main) + '>' +
-        '<span>' + esc(main.label) + '</span>' + keyHtml(main.key) + '</a>' +
-      '<button class="visor__pill visor__pill--actions" type="button" data-visor-sheet aria-expanded="false" aria-controls="visor-sheet">' +
-        '<span class="visor__dots" aria-hidden="true"></span><span>Actions</span>' + keyHtml(SHEET_KEY) + '</button>' +
-      '<div class="visor__me">' +
-        (sprite ? '<img class="visor__sprite" src="' + esc(sprite) + '" alt="" width="250" height="290" decoding="async">' : '') +
-        '<span class="visor__who"><span class="visor__name">' + esc(NAMES[id]) + '</span>' +
-        '<span class="visor__credits" data-visor-credits>' + esc(creditsText(n)) + '</span></span>' +
+      '<div class="visor__foot">' +
+        '<div class="visor__me">' +
+          (sprite ? '<img class="visor__sprite" src="' + esc(sprite) + '" alt="" width="250" height="290" decoding="async">' : '') +
+          '<span class="visor__who"><span class="visor__name">' + esc(NAMES[id]) + '</span>' +
+          '<span class="visor__credits" data-visor-credits>' + creditsHtml(n) + '</span></span>' +
+        '</div>' +
+        '<a class="visor__main" data-visor-act="' + esc(main.id) + '" ' + actionAttrs(main) + '>' +
+          '<span>' + esc(main.label) + '</span>' + keyHtml(main.key) + '</a>' +
+        '<div class="visor__hints">' + acts.slice(1).map(hintHtml).join('') +
+          '<button class="visor__hint visor__hint--sheet" type="button" data-visor-sheet aria-expanded="false" aria-controls="visor-sheet">' +
+            '<span class="visor__dots" aria-hidden="true"></span>' + keyHtml(SHEET_KEY) + '<span>Actions</span></button>' +
+          '<a class="visor__hint visor__hint--options" href="' + esc(hallHref('/settings')) + '">' + keyHtml('Esc') + '<span>Options</span></a>' +
+        '</div>' +
       '</div>';
   }
   function sheetHtml(id) {

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-helm2">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
   <!-- 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-helm2">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm3">
   <!-- 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/visor.md

@@ -2,9 +2,21 @@
 
 Covers: `visor.js` + `visor.css`, loaded on Home, `/city`, `/goal-map` and `/thinking`, and the three scene registrations (`sky-interaction.js`, `city.js`, `home-city.js`). Spec: `docs/specs/bongos-v3-game-conversion.md` C2 `you-are-a-character-in-first-person`. Game mode itself is in `game-mode.md`.
 
-## What it settled
+## The minimal visor (Helm look 3, task 1005195)
 
-- **The look the owner agreed (2026-11-10, five mock-up rounds).** A quiet layout with "hairline instruments" from the helmet round: thin curved visor lines across the top, bottom and both sides, a small centre cross, and a compass of nine slanted cells along the top line with the one salmon marker under its centre. No tracker or radar (tried and dropped), no clipped corners: the pills stay round (DESIGN.md "pill or nothing"). No glow (DESIGN.md's rejected near-black-plus-neon HUD). The frame is one SVG in a 1000×1000 box stretched over the stage with non-scaling strokes, so it is a hairline at every size.
+The glass was redrawn to the owner's mock-up "Cloud city: in the visor, minimal". Look and layout only: every action, key, id, aria attribute, copy string and data source in `visor.js` is as task 1005148 left it. Where this section and the older bullets below disagree about the look or where a part sits, this section is current.
+
+- **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.
+- **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.
+
+## What it settled (task 1005148)
+
+- **The first look (2026-11-10, five mock-up rounds; replaced by the minimal visor above).** A quiet layout with "hairline instruments" from the helmet round: thin curved visor lines across the top, bottom and both sides, a small centre cross, and a compass of nine slanted cells along the top line with the one salmon marker under its centre. No tracker or radar (tried and dropped), no clipped corners: the pills stay round (DESIGN.md "pill or nothing"). No glow (DESIGN.md's rejected near-black-plus-neon HUD). The frame is one SVG in a 1000×1000 box stretched over the stage with non-scaling strokes, so it is a hairline at every size.
 - **What sits where.** Bottom-left: the character's main action, the one accent pill, with its key. Bottom-right: the sprite (task 1005147's art, `OTBCraftMode.spriteSrc`) with the character's name and the credit count (`/me` `builder.total_credits` through `OTBCraftMode.me()`; credits only, never a payout). Top-right: Actions (key A), which opens the sheet: the character's actions, then "This place" (the scene's own actions and keys), then Options on Escape. A place line under the compass names the scene; the sky leaves it empty because its own heading names it.
 - **Each character's actions** (`ACTIONS`): Artisan Claim a task C (`/work`), Blockers B, Goal sky G, Your thinking T. Artist Review this page R, Edit its words E, Write an idea I (the three craft-mode tools, through `OTBCraftMode.openTool`), Studio S. Patron Board room O, Governor city V, Blockers B, Watch W. Every one is a page or tool the hall already has; the visor gates nothing, and the server's rank checks answer exactly as before (ADR 0399 §2.5). No key a scene binds is reused (the sky's L 0 / ?, the gallery's F, the palette's K, the city card's digits, arrows and Tab).
 - **Glass, not layout (ADR 0399 §2.1).** `#visor` is `position: fixed` with `pointer-events: none`; only the pills and the sheet take a pointer. A drag across a frame line pans the sky (test-pinned).

package/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@bongos/core",
-  "version": "1.24.83",
+  "version": "1.24.84",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@bongos/core",
-      "version": "1.24.83",
+      "version": "1.24.84",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "express": "^4.21.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.24.83",
+  "version": "1.24.84",
   "description": "Cloud Bongos — the AI-first build platform core (GDS + platform surfaces + module system), installed as a versioned dependency (ADR 0108).",
   "license": "AGPL-3.0-or-later",
   "main": "src/platform-server.js",

package/release-notes.json

@@ -11601,5 +11601,11 @@
       "id": "1005194",
       "text": "The options menu and the choose-your-character screen now wear the Helm look: a night panel with wide capital rows, and three tall cut-corner doors with the real characters. Fields and tags across the hall are squared to match"
     }
+  ],
+  "1.24.84": [
+    {
+      "id": "1005195",
+      "text": "The in-game visor is now minimal: two thin arcs, the place name, your credits, one salmon button for the current action and a quiet row of key hints. It stays readable over a bright daytime sky as well as at night."
+    }
   ]
 }

package/src/module-api.js

@@ -81,7 +81,7 @@ const { sleep } = require('./sleep');
 // MAJOR (see allowBoxScope below): passes the request through untouched.
 function deprecatedNoopMiddleware(_req, _res, next) { next(); }
 
-const CORE_VERSION = '1.24.83'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.24.84'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
 
 // A namespaced logger so a module's log lines are attributable + consistent.
 // Usage: const log = api.logger('discord'); log.info('mounted');