SoCal, the whole bay, a moon, and gates that actually run

Six agents in parallel, and the two city packs independently reported the same
blocker: `focusRegions` and `coarseFactor` existed on the `City` type and
nothing implemented them. Uniform lattices would have been 2.9M points for
Southern California and 3.7M for the expanded bay. Both packs were unloadable
as written.

`buildAxis` is the answer, and it is honest about its limits: refinement is per
axis, not per rectangle, so a focus region sharpens its whole row *and* its
whole column. Two regions at opposite corners refine nearly everything between
them. Measured, not guessed — the bay went 0.53M points with one region and
1.64M with three, for detail nobody is looking at from a board this wide. One
region each, coarse factor ten, and the builds land at 3.8 s and 2.3 s.

Then three things that were only ever right because San Francisco was the only
city. `maxDistance: 340` and a 170-unit shadow box were constants tuned for a
230-unit board; the bay is 1003 units across and the camera physically could
not retreat far enough to frame it. Fog distances were scene units pinned to
the same assumption. And `minVisibilityM` defaulted to 4.5 km of honest
weather, which over ninety-four kilometres of bay correctly hides three
quarters of it — the night view was a black rectangle for a completely
reasonable reason. All three now derive from the board.

The moon is a real ephemeris and its light is a deliberate lie: 1.15, against a
physical ratio of one to four hundred thousand. What is being reproduced is
what a moonlit night looks like on a screen in a lit room.

The CI gate caught itself, which is the part worth keeping. Port 8431 was
already held by a server from an earlier session, so the boot check polled a
healthy stranger while the process it started died on EADDRINUSE. It now
refuses to run rather than pass.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

index.html

@@ -37,6 +37,16 @@
       .enter:hover { background: #ffc555; }
       .scrub { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.45rem; }
       .scrub input { flex: 1; accent-color: #f2b134; height: 14px; }
+      .cities { display: flex; gap: 3px; }
+      .city { flex: 1; font: inherit; font-size: 11px; padding: 0.35rem; cursor: pointer;
+        border: 0; border-radius: 5px; background: rgba(8,12,16,0.55); color: rgba(255,255,255,0.6);
+        backdrop-filter: blur(6px); }
+      .city:hover { background: rgba(255,255,255,0.14); }
+      .city.active { background: rgba(242,177,52,0.22); color: #ffd68a; }
+      .source { position: fixed; left: 1rem; bottom: 1rem; font-size: 10px;
+        color: rgba(255,255,255,0.4); background: rgba(8,12,16,0.5); padding: 0.25rem 0.5rem;
+        border-radius: 4px; backdrop-filter: blur(6px); }
+      .source.live { color: #7ee08a; }
       .scrub button { font: inherit; font-size: 9px; text-transform: uppercase;
         letter-spacing: 0.08em; padding: 0.15rem 0.35rem; cursor: pointer; border: 0;
         border-radius: 3px; background: rgba(255,255,255,0.13); color: rgba(255,255,255,0.7); }
@@ -54,11 +64,13 @@
           <button id="now" title="follow the wall clock">now</button>
         </div>
       </div>
+      <nav id="cities" class="cities"></nav>
       <button id="enter" class="enter">Enter the office →</button>
       <nav id="chapters"></nav>
       <p class="card" id="blurb"></p>
     </div>
     <div class="card" id="detail" hidden></div>
+    <p id="source" class="source"></p>
     <p id="hint">drag to orbit · scroll to zoom</p>
     <script type="module" src="/src/main.ts"></script>
   </body>