The workshop row learns to wrap

The lobby's automaton row was a no-wrap inline-flex: at card width the
"seat a" label collapsed to a vertical sliver and the MYSTERY button
ran clean off the paper. The row now wraps centered within the card
and the label holds one line.

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

packages/web/src/App.svelte

@@ -1110,7 +1110,7 @@
         {#if net.you === net.hostId}
           {#if net.players.length < 6}
             <span class="bot-row">
-              ⚙ seat a
+              <span class="bot-label">⚙ seat a</span>
               <select class="tier-pick" bind:value={botTier} aria-label="automaton difficulty">
                 <option value="apprentice">apprentice</option>
                 <option value="adept">adept</option>
@@ -2126,12 +2126,16 @@
     padding: 0.1rem 0.25rem;
   }
   .bot-row {
-    display: inline-flex;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
     align-items: center;
     gap: 0.35rem;
+    max-width: 100%;
     font-size: 0.85rem;
     color: #6b5a41;
   }
+  .bot-label { white-space: nowrap; }
   .discard-link {
     background: none;
     border: none;