@bongos/core 1.24.81 → 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); }
@@ -1323,13 +1335,14 @@ html[data-fullscreen="on"] .app-topbar {
 }
 html[data-fullscreen="on"] .app-topbar > :not(.topbar-side),
 html[data-fullscreen="on"] .topbar-side > :not(.fullscreen-toggle):not(.upd-pill) { display: none; }
+/* Game mode keeps its full screen: no way back to the bars inside it (task 1005200). */
+html[data-game="on"] .fullscreen-toggle { display: none; }
 /* task 1005191: the Update pill stays with the bars away. Game mode opens every page
    this way, and an update nobody can see is an update nobody takes. */
 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
@@ -1341,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; }
@@ -1374,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;
@@ -1441,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); }
 
@@ -1536,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;
@@ -1543,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;
@@ -1585,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;
@@ -1662,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). */
@@ -1688,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).
@@ -4218,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-helm">
+  <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. -->
@@ -57,10 +57,10 @@
 <!-- The app shell (sidebar + top bar + footer). Dependency-free; runs at parse
      time so the chrome exists before the deferred page scripts execute. -->
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-11-helm"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-view2"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
-<script src="/builders/shell.js?v=2026-11-11-helm"></script>
+<script src="/builders/shell.js?v=2026-11-11-view2"></script>
 <script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>

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-helm">
-  <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
@@ -140,13 +140,13 @@
 </div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-11-helm"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-view2"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
-<script src="/builders/shell.js?v=2026-11-11-helm"></script>
+<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-10-visor"></script>
+<script src="/builders/visor.js?v=2026-11-11-view2"></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-helm">
+  <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
@@ -143,10 +143,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-11-helm"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-view2"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
-<script src="/builders/shell.js?v=2026-11-11-helm"></script>
+<script src="/builders/shell.js?v=2026-11-11-view2"></script>
 <script src="/builders/hall-dialog.js"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/brand-holes.js?v=2026-09-29-aqfix"></script>

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/visor.js

@@ -69,7 +69,13 @@
     var mode = typeof C.current === 'function' ? C.current() : null;
     return ACTIONS[mode] ? mode : null;
   }
-  function actionsFor(id) { return ACTIONS[id] ? ACTIONS[id].slice() : []; }
+  // Game mode reaches only the game's places (task 1005200): an action that opens a classic
+  // page is off the glass until that page has a game version. A tool is always this page's.
+  function inGame(a) {
+    var G = window.OTBShellGame;
+    return !a.href || !G || typeof G.isPlace !== 'function' || G.isPlace(a.href);
+  }
+  function actionsFor(id) { return ACTIONS[id] ? ACTIONS[id].filter(inGame) : []; }
   function credits() {
     var C = craft();
     var me = C && typeof C.me === 'function' ? C.me() : null;

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-helm">
+  <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
@@ -269,10 +269,10 @@
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-11-helm"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-view2"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
-<script src="/builders/shell.js?v=2026-11-11-helm"></script>
+<script src="/builders/shell.js?v=2026-11-11-view2"></script>
 <script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>

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-helm">
+  <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. -->
@@ -172,10 +172,10 @@
 <!-- The app shell (sidebar + top bar + footer). Dependency-free; runs at parse
      time so the chrome exists before the deferred page scripts execute. -->
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-11-helm"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-view2"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
-<script src="/builders/shell.js?v=2026-11-11-helm"></script>
+<script src="/builders/shell.js?v=2026-11-11-view2"></script>
 <script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>

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/game-mode.md

@@ -7,14 +7,15 @@ Covers: every shelled hall page (`shell-game.js`, `shell.js`). Spec: `docs/specs
 - **Game mode is the existing full-screen switch, made hall-wide. There is no second full-screen mode.** The switch was already on every page (task 1004430) but remembered per page, so a reader had to turn it on 33 times. Game mode is one `localStorage` key, `hall-game`; while it is `on`, `shell.js` `storedFullscreen()` answers yes for every page, whatever that page remembers. What hides, the corner button and the Escape hand-off are the shell's, unchanged.
 - **`shell-game.js` holds the mode and nothing else**: `window.OTBShellGame` = `on()`, `set(bool)`, `hint()`. It stamps `html[data-game="on"]` for a sheet or script that wants to read the mode. `shell.js` reads it through a fallback object, so a page without the file is never in game mode. It is its own file because `shell.js` sits on the 1,500-line ratchet; the start screen and options menu (R03, R04) are expected to grow here, not in `shell.js`.
 - **Load order**: `shell-game.js` before `shell-trail.js` / `craft-mode.js` / `shell.js`, loaded the same way (deferred or not) as the shell on that page. Test-pinned.
-- **Leaving is for this page load only.** In game mode the corner button brings the bars back (Escape did too until task 1005144; it opens the options menu now), and nothing is written: the next page opens without them again, and a page's own `hall-fullscreen:<page>` memory is never overwritten. Turning game mode off (`set(false)`) hands each page back what it remembered. `OTBShell.setFullscreen(null)` is the "re-read what should show" call `set()` uses.
+- **Game or classic, never both (task 1005200, owner 2026-11-11).** Inside game mode there is no way back to the bars: the corner button is hidden (`style.css`) and does nothing if pressed, Escape opens the options menu, and the "how to leave" line is never shown. The only switch is Options → Preferences → View (`settings-view.js`), plus the chooser at every sign-in (`records/start-screen.md`). A page's own `hall-fullscreen:<page>` memory is still never overwritten, so switching to classic hands each page back what it remembered.
+- **Game mode reaches only the game's places** (`shell-game.js` `PLACES`: home, city, goal-map, thinking, atlas, settings, profile). Any other hall page `location.replace`s to the city on load, and so does switching to game on one. A screen embedded in the options menu is exempt. The visor drops an action whose `href` is not a place (`visor.js` `inGame`). A page joins `PLACES` when it has a game version.
+- **The choice is kept on the account**: `GET/PATCH /api/bongos/me/hall-view` (`modules/builder-settings/hall-view-prefs.js`, key `hall_view` in `behavior_prefs`, null = never chosen). `hall-game` in localStorage is only the copy a page paints from; `sync()` reads the account on every page load and switches if another browser changed it.
 - **No page may opt out.** `<body data-fullscreen-switch="off">` would keep that page's sidebar in game mode; the test fails on one. A new hall page needs `#app-topbar` and the `shell-game.js` tag, like the rest.
-- **The "how to leave" line shows once per tab in game mode** (`sessionStorage 'hall-game-hint'`), not on every page load. Outside game mode the shell's rule is unchanged.
-- **How it is turned on today**: `?game=on` / `?game=off` on any hall URL, or `OTBShellGame.set()`. Nothing in the hall's interface sets it yet; the start screen (R03) is where that lands.
+- **`?game=on` / `?game=off` are gone** (task 1005200): the address no longer switches the view.
 
 ## For the tasks after this one
 
 - A HUD or options menu that wants Escape must call `preventDefault()` on the press. `shell.js` `onFullscreenKey` waits one tick before leaving so a listener added after it still wins.
-- Since R04 (task 1005144, ADR 0401) the last Escape in game mode opens the options menu (`shell-game.js` `onEscape`), and on the menu it closes it again. The corner button is still the way back to the bars.
+- Since R04 (task 1005144, ADR 0401) the last Escape in game mode opens the options menu (`shell-game.js` `onEscape`), and on the menu it closes it again. Since task 1005200 there is no way back to the bars inside game mode.
 
 Tests: `tests/hall_fullscreen.mjs` (the eight `game mode:` cases run the real `shell-game.js` + `shell.js`), and the script lists in `tests/hall_city.mjs`, `tests/hall_street.mjs`, `tests/hall_my_agents.mjs`, `tests/goal_map_page.mjs`.

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/modules/hall-ui/records/start-screen.md

@@ -23,3 +23,7 @@ Covers: Home (`shell-game.js` `start()`, `shell-game.css`, the hand-off in `welc
 - New art for the start screen (the city in the clouds) is task 1005196; `welcome-boot.js` still hands in the welcome's painting.
 
 Tests: `tests/hall_start_screen.mjs` (the hand-off and pure parts in a vm; both screens, the panel's place at desk and phone widths, the segments, Quit, the no-city and reduced-motion paths in a real browser).
+
+## The view chooser (task 1005200, owner 2026-11-11)
+
+Every sign-in now opens on a chooser before the start screen: **Game** or **Classic**, each with one line saying what it is. The view chosen last time (the browser's `hall-game` copy) is marked "Last time", lit with the accent on its edge, and focused, so Enter keeps it. Game goes on to the start screen as before; Classic closes the screen and the hall is as it always was. Either choice is saved to the account (`PATCH /api/bongos/me/hall-view`). The Extras list lost The docs: it is not a game place. Tests: `tests/hall_start_screen.mjs`.

package/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@bongos/core",
-  "version": "1.24.81",
+  "version": "1.24.83",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@bongos/core",
-      "version": "1.24.81",
+      "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.81",
+  "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",