Forward rides above the glass, back below it

The strides map to the space they move you through: step-forward
centered in the top bezel, step-back centered in the bottom, matching
the hand's instinct from the old edge chevrons.

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

packages/web/src/LiveFirstPerson.svelte

@@ -419,6 +419,7 @@
     <!-- The bezel: instruments live in the frame, never on the glass —
          every canvas pixel is target. -->
     <div class="bezel-top">
+      <span class="bezel-zone">
         {#if possessed}
           <span class="ride-label">riding the {possessed.kind.replace(/-/g, " ")}</span>
           <span class="ride-stats">{Math.max(0, possessed.movesPerTurn - possessed.movementUsed)} moves{possessed.attackUsed ? "" : " · claws ready"}</span>
@@ -430,7 +431,13 @@
             </button>
           {/each}
         {/if}
-      <span class="bezel-spacer"></span>
+      </span>
+      <span class="bezel-zone bezel-center">
+        {#if canStride}
+          <button class="drive stride" onclick={() => manualStride(false)} aria-label="step forward">︿ forward</button>
+        {/if}
+      </span>
+      <span class="bezel-zone bezel-right">
         {#if withYou.length > 0}
           <span class="feet-label">sharing your square</span>
           {#each withYou as body (body.id)}
@@ -441,6 +448,7 @@
           {/each}
         {/if}
         <button class="live-fp-hide" onclick={onhide} title="hide (re-enable in preferences)">✕</button>
+      </span>
     </div>
     <div class="bezel-mid">
       <button class="drive" onclick={() => manualTurn(-1)} aria-label="turn left">‹</button>
@@ -476,7 +484,6 @@
       </span>
       <span class="bezel-zone bezel-center">
         {#if canStride}
-          <button class="drive stride" onclick={() => manualStride(false)} aria-label="step forward">︿ forward</button>
           <button class="drive stride" onclick={() => manualStride(true)} aria-label="step back">﹀ back</button>
         {/if}
       </span>