@bongos/core 1.24.82 → 1.24.83

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

@@ -182,7 +182,12 @@
   --line:        var(--ds-line);
   --radius:      var(--ds-radius-panel);
   --radius-sm:   var(--ds-radius-tile);
-  --radius-pill: var(--ds-radius-pill);
+  /* HELM DRAWS NO PILL (task 1005194, ADR 0402). The name stays, because some
+     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. */
+  --radius-pill: 0px;
 
   /* ---- the shell's metrics. --topbar-h stays under the kit's 80px top-bar
           floor; --sidebar-w IS the rail, because v3 pins the rail at every
@@ -1126,19 +1131,26 @@ html[data-theme="dark"] .gplate__light { display: none; }
   min-width: 28px;
   padding: 0 11px 0 9px;
   border: 1px solid var(--rule);
-  border-radius: var(--radius-pill);
-  background: var(--bg-card);
+  border-radius: var(--press-radius);
+  /* Helm (task 1005194): it is pressed, so it is cut, in the name voice; the cut
+     clips an outline, so its focus is the inset ring */
+  clip-path: var(--cut-path-sm);
+  --focus-ring: var(--press-focus);
+  background: var(--press-fill);
   color: var(--ink);
   font: inherit;
-  font-size: 12px;
-  font-weight: 500;
+  font-family: var(--name-face);
+  font-size: var(--ds-text-xs);
+  font-weight: var(--name-weight);
+  letter-spacing: var(--name-space-tight);
+  text-transform: var(--name-case);
   line-height: 1;
   white-space: nowrap;
   flex-shrink: 0;
   cursor: pointer;
 }
 .upd-pill:hover { border-color: var(--ink-faint); }
-.upd-pill:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.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); }
 .upd-pill[data-face="done"] { background: var(--accent); border-color: var(--accent); color: var(--accent-on); }
@@ -1331,7 +1343,6 @@ html[data-fullscreen="on"] .upd-pill {
   pointer-events: auto;
   min-height: 36px;
   margin-right: 8px;
-  box-shadow: var(--shadow-pop);
 }
 /* task 1004430: the way back must read on ANY ground. The hall's glass is
    near-clear, so over the black sky in the light theme it was a dark glyph on
@@ -1343,13 +1354,22 @@ html[data-fullscreen="on"] .fullscreen-toggle {
   gap: 6px;
   padding: 0 14px 0 10px;
   color: var(--ink);
-  background: var(--bg-card);
-  box-shadow: 0 0 0 1px var(--rule), 0 4px 16px rgba(0, 0, 0, .35);
-  font-size: 13px;
-  font-weight: 500;
+  /* Helm (task 1005194): the cut corner on the press fill inside one hairline, in
+     the name voice. The fill is opaque, so it still reads on any ground. */
+  background: var(--press-fill);
+  border: var(--line) solid var(--rule);
+  border-radius: var(--press-radius);
+  clip-path: var(--cut-path-sm);
+  --focus-ring: var(--press-focus);
+  font-family: var(--name-face);
+  font-size: var(--ds-text-xs);
+  font-weight: var(--name-weight);
+  letter-spacing: var(--name-space-tight);
+  text-transform: var(--name-case);
   white-space: nowrap;
 }
-/* A phone has no room for the words; the round button keeps its card tone. */
+html[data-fullscreen="on"] .fullscreen-toggle:focus-visible { outline: 0; border-radius: var(--press-radius); }
+/* A phone has no room for the words; the button keeps its fill. */
 @media (max-width: 640px) {
   html[data-fullscreen="on"] .fullscreen-toggle { width: 36px; padding: 0; }
   .fullscreen-toggle__label { display: none; }
@@ -1376,7 +1396,7 @@ html[data-embed="on"] .app-content { padding-top: 0; }
   z-index: var(--z-topbar);
   max-width: min(320px, calc(100vw - 24px));
   padding: 8px 12px;
-  border-radius: 10px;
+  border-radius: var(--press-radius);
   background: var(--bg-card);
   color: var(--ink);
   font-size: 13px;
@@ -1443,12 +1463,12 @@ html[data-embed="on"] .app-content { padding-top: 0; }
    (signing out). The sprites are pixel art, so they scale by whole pixels. */
 .craft-sprite { display: block; image-rendering: pixelated; object-fit: contain; }
 .craft-switch__me { padding: 0 10px 0 4px; color: var(--ink); }
-/* The chip is the figure's head: the portrait cropped round its top third. */
+/* The chip is the figure's head: the portrait cropped to its top third. */
 .craft-sprite--chip { width: 26px; height: 26px; border-radius: var(--radius-pill); object-fit: cover; object-position: 50% 22%; }
 /* Character creation: each door is the owner's portrait — the figure on its plinth
    in the torch-lit hall — filling the top of the door, the words beneath it. */
 .craft-plinth { display: block; overflow: hidden; }
-.craft-sprite--door { width: 100%; height: auto; aspect-ratio: 250 / 290; transition: transform 200ms cubic-bezier(.2, .7, .3, 1); }
+.craft-sprite--door { width: 100%; height: auto; aspect-ratio: 250 / 290; transition: transform var(--ds-dur-base) var(--ds-ease); }
 .craft-door--character:hover .craft-sprite--door,
 .craft-door--character:focus-visible .craft-sprite--door { transform: scale(1.03); }
 
@@ -1538,6 +1558,12 @@ html.setup-gate-open { overflow: hidden; }
 .setup-gate__foot { margin: 24px 0 0; font-size: 14px; }
 .setup-gate__foot a { color: var(--ink-soft); }
 @media (max-width: 640px) { .setup-gate__panel { padding: 28px 20px 20px; border-radius: 18px; } }
+/* THE PICKER IN HELM (task 1005194, ADR 0402). Two screens share these rules. The session
+   picker ("What are you doing now?") is a square night panel over the scrim. Character
+   creation (.craft-picker--create) is a whole screen, not a box: the night itself, the
+   title centred in the name voice, three tall doors, the one line at the foot. A door is
+   pressable, so it is cut; the door the hall suggests is the one thing lit. A cut clips an
+   outline, so a door's focus is the inset ring (--press-focus). */
 .craft-picker {
   position: fixed;
   inset: 0;
@@ -1545,27 +1571,36 @@ html.setup-gate-open { overflow: hidden; }
   display: flex;
   align-items: flex-start;
   justify-content: center;
-  padding: max(24px, 8vh) 16px 24px;
+  padding: max(var(--ds-space-md), 8vh) var(--ds-space-sm) var(--ds-space-md);
   overflow-y: auto;
   background: var(--scrim);
 }
+.craft-picker--create { background: var(--bg); }
 .craft-picker__panel {
   position: relative;
   width: min(1120px, 100%);
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  gap: 12px;
-  padding: 40px 44px 30px;
-  border-radius: 22px;
+  gap: var(--ds-space-xs);
+  padding: var(--ds-space-lg) var(--ds-space-lg) var(--ds-space-md);
   background: var(--bg-card);
   color: var(--ink);
-  box-shadow: 0 0 0 1px var(--glass-edge), 0 24px 64px rgba(0, 0, 0, .35);
+  border: var(--line-strong) solid var(--rule);
+  box-shadow: var(--ds-shadow-pop);
+}
+.craft-picker__panel--create {
+  padding: 0;
+  gap: var(--ds-space-sm);
+  background: none;
+  border: 0;
+  box-shadow: none;
+  text-align: center;
 }
 .craft-picker__close {
   position: absolute;
-  top: 14px;
-  right: 14px;
+  top: var(--ds-space-sm);
+  right: var(--ds-space-sm);
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1587,44 +1622,88 @@ html.setup-gate-open { overflow: hidden; }
   text-transform: var(--label-case);
   color: var(--ink-faint);
 }
+.craft-picker__panel--create .craft-picker__eyebrow { color: var(--ink-soft); }
 .craft-picker__title {
   margin: 0;
-  font-family: var(--font-display);
-  font-size: clamp(28px, 4vw, 40px);
-  font-weight: 300;
-  letter-spacing: -0.03em;
+  font-family: var(--name-face);
+  font-size: var(--ds-text-headline);
+  font-weight: var(--name-weight);
+  letter-spacing: var(--name-space-tight);
+  text-transform: var(--name-case);
   line-height: 1.15;
+  text-wrap: balance;
+  color: var(--ink);
 }
-.craft-picker__lede { margin: 0 0 16px; font-size: 16px; line-height: 1.5; color: var(--ink-soft); }
+.craft-picker__panel--create .craft-picker__title { letter-spacing: var(--name-space-wide); text-shadow: var(--name-glow); }
+.craft-picker__lede { margin: 0 0 var(--ds-space-sm); font-size: var(--ds-text-xl); line-height: 1.5; color: var(--ink-soft); }
+/* character creation says its one line at the foot, under the doors; the words and the
+   dialog's aria-describedby are where they were */
+.craft-picker__panel--create .craft-picker__lede { order: 3; margin: var(--ds-space-sm) 0 0; }
+.craft-picker__panel--create .craft-picker__error { order: 4; }
 .craft-picker__doors {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 16px;
+  gap: var(--ds-space-sm);
 }
+.craft-picker__panel--create .craft-picker__doors { gap: var(--ds-space-md); margin-top: var(--ds-space-md); }
 .craft-door {
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  gap: 8px;
-  padding: 0 0 20px;
+  gap: var(--ds-space-hair);
+  padding: 0 0 var(--ds-space-md);
   overflow: hidden;
   border: 0;
-  border-radius: 14px;
-  background: var(--bg);
-  color: var(--ink);
+  border-radius: var(--press-radius);
+  clip-path: var(--cut-path);
+  position: relative;
+  background: var(--night-glass);
+  color: var(--ink-soft);
   font: inherit;
   text-align: left;
   cursor: pointer;
-  box-shadow: inset 0 0 0 1px var(--glass-edge);
-  transition: transform 200ms cubic-bezier(.2, .7, .3, 1), box-shadow 200ms;
-}
-.craft-door:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--rule); }
-.craft-door:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
-.craft-door--pre { box-shadow: inset 0 0 0 2px var(--accent); }
-.craft-door__head { display: flex; align-items: center; gap: 10px; padding: 10px 20px 0; }
-.craft-door__icon { width: 20px; height: 20px; flex-shrink: 0; }
-.craft-door__name { font-size: 20px; font-weight: 500; letter-spacing: -0.02em; }
-.craft-door__line { padding: 0 20px; font-size: 14px; line-height: 1.45; color: var(--ink-soft); }
+  box-shadow: inset 0 0 0 var(--line-strong) var(--rule);
+  transition: background-color var(--ds-dur-fast) var(--ds-ease), box-shadow var(--ds-dur-fast) var(--ds-ease);
+}
+/* the door's edge again, over what it holds: an inset shadow sits under a portrait
+   that fills the door, so the hairline, the suggested door's edge and the focus ring
+   would all stop at the picture */
+.craft-door::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inherit; }
+.craft-door:hover { background: var(--glass); box-shadow: inset 0 0 0 var(--line-strong) var(--ink-faint); }
+/* the door the hall suggests: the accent's wash inside the accent's edge */
+.craft-door--pre, .craft-door--pre:hover { background: var(--accent-tint); box-shadow: inset 0 0 0 2px var(--accent); }
+.craft-door:focus-visible { outline: 0; border-radius: var(--press-radius); box-shadow: var(--press-focus); }
+.craft-door__head { display: flex; align-items: center; gap: var(--ds-space-xs); padding: var(--ds-space-xs) var(--ds-space-md) 0; }
+.craft-door__icon { width: 20px; height: 20px; flex-shrink: 0; color: var(--ink); }
+.craft-door__name {
+  font-family: var(--name-face);
+  font-size: var(--ds-text-4xl);
+  font-weight: var(--name-weight);
+  letter-spacing: var(--name-space-tight);
+  text-transform: var(--name-case);
+  line-height: 1;
+  color: var(--ink);
+}
+.craft-door--pre .craft-door__name { font-weight: var(--name-weight-lit); }
+.craft-door__line { padding: 0 var(--ds-space-md); font-size: var(--ds-text-lg); line-height: 1.45; color: var(--ink-soft); }
+/* a character's door: the portrait fills the top under the cut, the name is the largest
+   thing on it, and the door under the keyboard names the key that takes it */
+.craft-door--character { gap: var(--ds-space-xs); }
+.craft-door--character .craft-door__head { flex-wrap: wrap; padding-top: var(--ds-space-sm); }
+.craft-door--character .craft-door__name { font-size: var(--ds-text-headline); letter-spacing: var(--name-space); }
+.craft-door--character .craft-door__line { font-size: var(--ds-text-2xl); }
+.craft-door--character:focus-visible .craft-door__head::after {
+  content: "Enter";
+  padding: 2px var(--ds-space-hair);
+  background: var(--accent);
+  color: var(--accent-on);
+  font-family: var(--name-face);
+  font-size: var(--ds-text-md);
+  font-weight: var(--name-weight-lit);
+  letter-spacing: var(--label-space);
+  text-transform: var(--name-case);
+  line-height: 1.2;
+}
 .craft-art {
   position: relative;
   display: block;
@@ -1664,22 +1743,22 @@ html.setup-gate-open { overflow: hidden; }
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
-  gap: 12px 24px;
-  margin-top: 14px;
-  padding-top: 18px;
-  border-top: 1px solid var(--rule-soft);
+  gap: var(--ds-space-xs) var(--ds-space-md);
+  margin-top: var(--ds-space-sm);
+  padding-top: var(--ds-space-sm);
+  border-top: var(--line) solid var(--rule-soft);
 }
 .craft-picker__again {
   display: inline-flex;
   align-items: center;
-  gap: 10px;
+  gap: var(--ds-space-xs);
   min-height: 24px;
-  font-size: 14px;
+  font-size: var(--ds-text-md);
   color: var(--ink-soft);
   cursor: pointer;
 }
 .craft-picker__again input { width: 18px; height: 18px; margin: 0; accent-color: var(--accent); }
-.craft-picker__hint { font-size: 13px; color: var(--ink-faint); }
+.craft-picker__hint { font-size: var(--ds-text-sm); color: var(--ink-faint); }
 .craft-picker__close:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
 /* task 1004685 (prototype): Governing is a held seat, so a builder with none sees
    three doors, not four (craft-mode.js stamps the count). */
@@ -1690,20 +1769,22 @@ html.setup-gate-open { overflow: hidden; }
   .craft-picker__doors { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
 @media (max-width: 640px) {
-  .craft-picker { padding: 12px; }
-  .craft-picker__panel { padding: 28px 18px 20px; gap: 8px; border-radius: 18px; }
-  .craft-picker__doors { grid-template-columns: minmax(0, 1fr); gap: 10px; }
-  .craft-door { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 0; padding: 0 0 14px; }
+  .craft-picker { padding: var(--ds-space-xs); }
+  .craft-picker--create { padding: var(--ds-space-md) var(--ds-space-xs); }
+  .craft-picker__panel { padding: var(--ds-space-md) var(--ds-space-sm) var(--ds-space-sm); gap: var(--ds-space-hair); }
+  .craft-picker__panel--create { padding: 0; }
+  .craft-picker__doors, .craft-picker__panel--create .craft-picker__doors { grid-template-columns: minmax(0, 1fr); gap: var(--ds-space-xs); }
+  .craft-door { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 0; padding: 0 0 var(--ds-space-sm); clip-path: var(--cut-path-sm); }
   .craft-art { flex: 0 0 100%; height: 96px; }
   .craft-art__city { top: -8px; }
-  .craft-door__head { padding: 10px 16px 0; }
-  .craft-door__name { font-size: 18px; }
-  .craft-door__line { flex: 0 0 100%; padding: 0 16px; box-sizing: border-box; }
+  .craft-door__head { padding: var(--ds-space-xs) var(--ds-space-sm) 0; }
+  .craft-door__line { flex: 0 0 100%; padding: 0 var(--ds-space-sm); box-sizing: border-box; }
   /* A phone stacks the three as rows: the portrait on the left, the words beside it. */
-  .craft-door.craft-door--character { display: grid; grid-template-columns: 86px minmax(0, 1fr); grid-template-rows: auto 1fr; align-content: start; gap: 4px 14px; padding: 0; }
+  .craft-door.craft-door--character { display: grid; grid-template-columns: 86px minmax(0, 1fr); grid-template-rows: auto 1fr; align-content: start; gap: 4px var(--ds-space-sm); padding: 0; }
   .craft-plinth { grid-row: 1 / span 2; width: 86px; }
-  .craft-door.craft-door--character > .craft-door__head { padding: 12px 14px 0 0; }
-  .craft-door.craft-door--character > .craft-door__line { padding: 0 14px 12px 0; }
+  .craft-door.craft-door--character > .craft-door__head { padding: var(--ds-space-xs) var(--ds-space-sm) 0 0; }
+  .craft-door.craft-door--character > .craft-door__line { padding: 0 var(--ds-space-sm) var(--ds-space-xs) 0; font-size: var(--ds-text-lg); }
+  .craft-door--character .craft-door__name { font-size: var(--ds-text-5xl); letter-spacing: var(--name-space-tight); }
 }
 
 /* THE CRAFT MODE LOOKS (task 1004495; direction docs/design/craft-mode-direction.md).
@@ -4220,10 +4301,15 @@ html[data-door="out"] #hall-main { width: 100%; }
   color: var(--accent-ink);
   background: var(--accent-tint);
   border: 0;
-  border-radius: var(--radius-pill);
+  border-radius: var(--press-radius);
+  /* Helm (task 1005194): a chip is pressed, so it takes the small cut and the
+     inset focus ring */
+  clip-path: var(--cut-path-sm);
+  --focus-ring: var(--press-focus);
   cursor: pointer;
 }
 .chip:hover { color: var(--ink); }
+.chip:focus-visible { outline: 0; border-radius: var(--press-radius); }
 
 /* tab strip — the .setup__tab idiom in the .setup__toggle frame, promoted */
 /* A tab strip is hairlines, not a segmented box: one rule under the row and a

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

@@ -38,7 +38,7 @@ html[data-game="on"] .visor:not([hidden]) {
 .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-deep); }
+.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; }
@@ -72,7 +72,7 @@ html[data-game="on"] .visor:not([hidden]) {
   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;
 }
-.visor__row:hover { color: var(--accent-deep); }
+.visor__row:hover { color: var(--accent-ink); }
 .visor__row--hint { cursor: default; color: var(--ink-soft); }
 .visor__row--hint:hover { color: var(--ink-soft); }
 

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

@@ -38,6 +38,15 @@ Covers: every shelled hall page (`craft-mode.js`, `shell.js`, `style.css`), and
 - **Always-present tabs widened** (owner, 2026-10-03): `ALWAYS_TABS` is Builders, Collab and Profile, so every mode keeps the You and Community groups.
 - **Governing's header tallies** (task 1004563): `applyTallies()` draws "needs you N · moving M" right after the eyebrow, Governing only, hidden at <=960px (below that they squeezed the jump button under its own label, measured at 800px). Needs you is `GET /blockers?limit=1`'s `page.total`; moving is `GET /moving` (lifecycle, tasks `active` + `confirmed`, owner 2026-10-08), a count in SQL so the page never pulls task rows. Read once per page; a figure that cannot be read is LEFT OUT, never drawn as 0. The warm dot marks needs-you only above zero. It toggles the `hidden` ATTRIBUTE, never `.hidden =` (the nav gate owns that property; `tests/craft_mode_nav.mjs`). Pinned by `tests/craft_mode_tallies.mjs`.
 
+## The pickers in Helm (task 1005194, ADR 0402)
+
+- **Character creation is a screen, not a box**: the night itself (`.craft-picker--create` on `--bg`), the title centred in the name voice, three tall doors, and the one line at the foot. The line is the same `#craft-picker-lede` the dialog is described by; CSS `order` moves it under the doors, the markup and words are unchanged.
+- **A door is pressed, so it is cut** (`--cut-path`; the small cut on a phone, where the three stack as rows). The owner's portrait fills the top of the door under the cut; the name is the largest thing on it, in the name voice. The door the hall suggests (`.craft-door--pre`) is the one thing lit: the accent wash inside the accent edge. The door under the keyboard shows the inset ring and names its key ("Enter", a CSS label, as the start screen's Start does).
+- **The edge is drawn twice.** A door's hairline, the suggested edge and the focus ring are inset shadows, and a portrait that fills the door would cover them, so `.craft-door::after` repeats the door's `box-shadow` over its contents.
+- **The session picker** ("What are you doing now?") shares the rules: a square night panel with the strong hairline over the scrim, the title in the name voice, cut doors. Its four scenes (`.craft-art`) are untouched.
+- **Not taken from the mock:** the two outer doors' perspective tilt (pixel art resamples badly under a 3D transform), the mark above the title, and the "Lands in …" line (no such words exist; the line under each name is still `CHARACTER_LINES`).
+- **Tests:** `tests/hall_helm.mjs` ("character select is a Helm screen"); `tests/character_creation.mjs` still runs the behaviour.
+
 ## The paintbrush (task 1004497)
 
 - **Artist carries the palette and the paintbrush** (and the lightbulb, below): the palette (a feedback doc, `page-notes.js`, record `page-notes.md`) and the paintbrush (`paintbrush.js`). Both are `TOOLS` entries in `craft-mode.js` and load their own script on first press.

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

@@ -13,3 +13,14 @@ Every setting and configuration is reached from one vertical, grouped menu with
 - **Left the sidebar:** My agents, Project settings, Permissions, Modules (and their glyphs). The palette's agent rows open the menu; its Government rows are gone.
 - **Tests:** `tests/hall_options_menu.mjs` (the catalogue, gates, search, addresses, both redirect maps, the embedded page, game-mode Escape); `tests/hall_fullscreen.mjs` (Escape in game mode); `tests/market_watch_pages.mjs` (the settings panel in the frame).
 - **Known:** sounds are switched off (task 1004554), so the Sound entry shows its note, not a toggle.
+
+## The Helm look (task 1005194, ADR 0402)
+
+The menu is a Helm screen, written from the hall tier's tokens alone (`settings.css` types in no colour or corner for it). Words, order, addresses, keys and aria are unchanged.
+
+- **The menu** is one night panel (`--night-glass`) closed left and right by the strong ice hairline. The search is the hall's one field (`controls.css`), on the glass. An entry is a full-width row in the name voice on a soft hairline; the open entry is the accent bar under its dark ink; a group head is an ice label. Focus is the inset ring (`--press-focus`), so it reads on the accent bar too.
+- **The open screen** carries its name over the strong hairline: `options-menu.js` `nameScreen()` writes the open entry's own label into `#opt-screen` (a `<p aria-hidden="true">`; the rail's `aria-current` link and each frame's `aria-label` already say it). Settings' own sections are rows on soft hairlines, not cards, with their titles in the name voice. A frame sits under the name and still fills the column to the window's foot.
+- **Full screen and game mode:** the panel runs the window's full height from the top edge and names itself (`.opt-title`, the nav's own label, hidden while the top bar is up because the bar already says it). The pull to the top edge is the 60px the shell leaves a plain page above its content (`style.css`, `data-fullscreen-plain`); if that changes, change `.opt-rail`'s `margin-top` with it.
+- **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.

package/package-lock.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.24.82",
+  "version": "1.24.83",
   "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

@@ -11595,5 +11595,11 @@
       "id": "1005200",
       "text": "The hall now has two separate views, Game and Classic, and never mixes them. You choose one each time you sign in and can switch only in Options. Game mode stays full screen and only opens the game's places."
     }
+  ],
+  "1.24.83": [
+    {
+      "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"
+    }
   ]
 }

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.82'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.24.83'; // 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');

package/tests/design_tokens_shared.mjs

@@ -133,13 +133,17 @@ test('the landing, hub, status and raise pages link it before their own sheet',
 
 test('the hall\'s old token names still resolve — each alias names a defined --ds-* token', () => {
   const style = decomment(read('modules', 'hall-ui', 'public', 'style.css'));
-  const want = ['--line', '--radius', '--radius-sm', '--radius-pill', '--sp-hair', '--sp-xs', '--sp-sm', '--sp-md', '--sp-lg', '--sp-xl',
+  const want = ['--line', '--radius', '--radius-sm', '--sp-hair', '--sp-xs', '--sp-sm', '--sp-md', '--sp-lg', '--sp-xl',
     '--shadow-pop', '--z-progress', '--z-topbar', '--z-sidebar', '--z-scrim', '--z-drawer', '--z-modal', '--z-diagram-full', '--label-size'];
   for (const n of want) {
     const m = style.match(new RegExp(`${n}\\s*:\\s*var\\((--ds-[\\w-]+)\\)`));
     assert.ok(m, `${n} is an alias onto the shared sheet`);
     assert.ok(ROOT_TOKENS[m[1]], `${n} → ${m[1]} is defined in tokens.css`);
   }
+  // --radius-pill left the aliases with Helm (task 1005194, ADR 0402): the hall draws no pill,
+  // so its tier sets the name to a square corner; the shared --ds-radius-pill is untouched.
+  assert.match(style, /--radius-pill: 0px;/, 'the hall has no pill');
+  assert.equal(ROOT_TOKENS['--ds-radius-pill'], '999px', 'the shared pill is still a pill for every other surface');
   // the four-step --space-* scale still rides the --sp-* aliases
   for (const n of ['--space-1', '--space-2', '--space-3', '--space-4']) assert.match(style, new RegExp(`${n}\\s*:\\s*var\\(--sp-`));
 });

package/tests/hall_controls.mjs

@@ -161,7 +161,7 @@ test('primary is the 46–48px door; the row size and the text button keep the 2
   }
   const field = sharedRule('select');
   assert.ok(px(prop(field, 'min-height')) >= 24, 'the field clears the floor');
-  assert.equal(prop(field, 'border-radius'), 'var(--radius-pill)', 'a field is a pill too');
+  assert.equal(prop(field, 'border-radius'), 'var(--radius-pill)', 'a field spends the pill name: a pill on the status page, square in the hall, whose tier sets --radius-pill to 0px (tests/hall_helm.mjs)');
 });
 
 // ── 3. AA, measured, in both modes ───────────────────────────────────────────