Name the neighbours, from inside the system

A system view could say everything about the star it was inside and nothing
about where that star was. The four nearest catalogue stars are now named
around the edge of it, each with its distance, each a button that flies there
— so a chain of neighbours can be walked without pulling back out to the field
between hops.

These are bearings, not sky positions, and that is the one deliberate
compromise here. A true direction was tried first and does not work: at this
field of view the visible cone is about 30 degrees, so on average one
neighbour in fifteen falls inside the frame — measured, not guessed, at one
label of four in Sol and none at all after a small orbit. What survives the
ring is the half of the direction a viewer can act on, which way to turn to
face it, and the ring reads as instrument rather than as scene because it sits
at a fixed radius. Real distance was never an option: Proxima is 268 000 AU
from Sol, thirteen far planes out, so the distance goes on the type line.

Proximity is answered by a new pure module rather than by a scan. A uniform
grid over the catalogue answers both "the k nearest to this star" and "every
star within n parsecs", the second being what the jump-link graph in the next
PR is built from — one scan per node, and the quadratic would show. Its spec
pins the grid against a brute-force sweep of a pseudo-random cloud, because a
spatial index is an optimisation and never a different answer.

Where the ring meets the HUD, the HUD wins: placement is given the boxes the
readout, the strip and the object card occupy, and slides a name along the
ring until it clears them, or drops it rather than print it half hidden. That
rule is a pure function with its own spec.

Four defects found while verifying this, three of them older than it:

The dock's flex column was pointer-events-auto and as wide as its strip, so
an invisible band above the strip swallowed every click in it — including,
but not only, a neighbour's. The column is transparent now and each surface
opts back in.

The ring was sized against the frame's height alone, which on a phone held
upright put it a viewport and a half wide: no neighbour was reachable on any
portrait screen. It is sized against the shorter side.

Picking a search result reopened the readout, which on a narrow viewport is a
sheet over most of the scene — reopening it onto whatever was just flown to.
Below sm it now folds away.

A selectable label's two lines are adjacent spans, so it announced as
"Sirius2.64 pc"; it carries an explicit label saying what it does.

Verified: build clean, 558/558 unit, 7/7 end-to-end including a new spec that
flies Sol to Barnard's Star by its label, design detector clean, screenshots
at 1440x900 and 390x844 in Sol and Proxima Centauri, and the keyboard path
walked: both names are in the tab order, focusable, with the accent ring.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016jxMkwA2rbicdGxHosecYi

src/styles.css

@@ -154,6 +154,51 @@ body {
   background: color-mix(in oklab, var(--color-accent) 60%, transparent);
 }
 
+/* The quieter voice: a star outside the system the camera is in, named so its direction can be
+ * read without leaving. Dimmed rather than shrunk — at the same size it still reads as a name,
+ * where a smaller one would read as a footnote to the system rather than a place beyond it. */
+.map-label--ghost .map-label-name {
+  /* 65% of the accent over the void is 5.4:1 — a ghost is interactive, so it holds the same
+   * contrast floor as body text rather than the lower one large or decorative text could take. */
+  color: color-mix(in oklab, var(--color-accent) 65%, transparent);
+}
+
+.map-label--ghost .map-label-kind {
+  /* Quieter than the name it belongs to, and still 4.7:1. */
+  color: color-mix(in oklab, var(--color-accent) 60%, transparent);
+}
+
+.map-label--ghost::before {
+  background: color-mix(in oklab, var(--color-accent) 30%, transparent);
+}
+
+/* Selectable labels are buttons: the only ones the pointer can reach, since the layer they
+ * live in is transparent to it. They brighten to full strength on approach, which is the whole
+ * hover affordance — a ghost lighting up is the map saying this one is somewhere to go. */
+.map-label--select {
+  pointer-events: auto;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  padding: 0;
+  font: inherit;
+}
+
+.map-label--select:hover .map-label-name,
+.map-label--select:focus-visible .map-label-name {
+  color: var(--color-accent);
+}
+
+.map-label--select:hover::before,
+.map-label--select:focus-visible::before {
+  background: color-mix(in oklab, var(--color-accent) 60%, transparent);
+}
+
+.map-label--select:focus-visible {
+  outline: 1px solid var(--color-accent);
+  outline-offset: 3px;
+}
+
 /* The mirror: text hangs off the point's left, right-aligned, leader line on its right. */
 .map-label--left {
   margin-left: 0;