Press-and-hold peeks a segment — the tooltip, for hands without a mouse

The same 450ms hold that peeks a square now works on walls, doors, and
fire walls: the segment's full description (state, lock, hitpoints, the
fire's burn warning) rises in the peek scrim. Shimmering illusions keep
their richer tap modal.

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

packages/web/src/FirewallEdge.svelte

@@ -2,7 +2,21 @@
   // A standing WALL OF FIRE: board furniture, not a flourish — it burns for
   // as long as the spell holds, so the animation is pure CSS on a handful
   // of shapes (no turbulence filters; those are budgeted for one-shot fx).
-  let { x, y, kind }: { x: number; y: number; kind: "V" | "H" } = $props();
+  let { x, y, kind, onpeek }: {
+    x: number; y: number; kind: "V" | "H";
+    /** Press-and-hold (touch has no hover): report what this fire is. */
+    onpeek?: (tip: string) => void;
+  } = $props();
+  const TIP = "a wall of fire — passing through burns for 4";
+  let peekTimer: ReturnType<typeof setTimeout> | null = null;
+  function press() {
+    if (!onpeek) return;
+    peekTimer = setTimeout(() => onpeek?.(TIP), 450);
+  }
+  function release() {
+    if (peekTimer) clearTimeout(peekTimer);
+    peekTimer = null;
+  }
   const uid = $props.id();
   const CELL = 48;
   const WALL = 7;
@@ -42,10 +56,12 @@
   <!-- the burning bar itself, seated on the wall line -->
   {#if kind === "V"}
     <rect x={-WALL / 2} y={-CELL / 2 - 2} width={WALL} height={CELL + 4} rx="3"
-      fill={`url(#fw-bar-${uid})`} class="fw-bar" />
+      fill={`url(#fw-bar-${uid})`} class="fw-bar"
+      role="img" onpointerdown={press} onpointerup={release} onpointerleave={release} />
   {:else}
     <rect x={-CELL / 2 - 2} y={-WALL / 2} width={CELL + 4} height={WALL} rx="3"
-      fill={`url(#fw-bar-${uid})`} class="fw-bar" />
+      fill={`url(#fw-bar-${uid})`} class="fw-bar"
+      role="img" onpointerdown={press} onpointerup={release} onpointerleave={release} />
   {/if}
   <!-- tongues of flame, each licking on its own beat -->
   {#each TONGUES as f (f.t)}