diff --git a/packages/web/src/App.svelte b/packages/web/src/App.svelte
index da48038..b0063eb 100644
--- a/packages/web/src/App.svelte
+++ b/packages/web/src/App.svelte
@@ -3436,6 +3436,15 @@
             {#if selectedCard?.cardId === "teleport" && pendingTeleport}
               <button class="stamp tiny primary" onclick={confirmTeleport}>teleport!</button>
             {/if}
+            {#if selectedCard && isNumberCard(selectedCard.cardId)}
+              {@const needsAdd = view.turn.numberPlayedForMovement}
+              {@const haveAdd = view.yourHand.some((c) => c.cardId === "add")}
+              {#if !(needsAdd && !haveAdd)}
+                <button class="stamp tiny primary" onclick={playNumberForMovement}>
+                  Play for +{cardDef(selectedCard.cardId).value} movement{needsAdd ? " (spends your Add)" : ""}
+                </button>
+              {/if}
+            {/if}
             <button class="hint-cancel dock-cancel" onclick={clearSelection}>cancel</button>
           </div>
         {/if}
@@ -4398,6 +4407,10 @@
     margin: auto;
   }
   .paper-rail { display: flex; flex-direction: column; gap: 0.75rem; min-width: 0; }
+  /* While a card is aimed or an attack answered, its panel leads the
+   * column: on a short screen the banner, the coaching, and the
+   * scoresheet would otherwise push it below the fold of a scrolling rail. */
+  .paper-rail > .cast-panel { order: -1; }
 
   .slip {
     background: #e9e1cb;