The workshops wear the masthead, with the door marked

The token, flourish, and eyes workshops opened as bare rooms with no
way back. The masthead now heads each, wordmark linking home, with
the table, the clips, and the other workshops a tap away.

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

packages/web/src/App.svelte

@@ -1621,12 +1621,24 @@
 
 <svelte:window onkeydown={onBoardKey} />
 
-{#if fpvWorkshop}
+{#if fpvWorkshop || tokenWorkshop || fxWorkshop}
+  <!-- The workshops are back rooms: the masthead still says where the door is. -->
+  <header class="masthead workshop-mast">
+    <a class="mast-title mast-home" href="/">Wiz-War</a>
+    <span class="mast-sub">{fpvWorkshop ? "the eyes workshop" : tokenWorkshop ? "the token workshop" : "the flourish workshop"}</span>
+    <a class="mast-leave" href="/">← back to the table</a>
+    <a class="mast-leave" href="/clips">the clips</a>
+    <a class="mast-leave mast-help-solo" href="/?tokens">tokens</a>
+    <a class="mast-leave" href="/?fx">flourishes</a>
+    <a class="mast-leave" href="/?fpv">eyes</a>
+  </header>
+  {#if fpvWorkshop}
     <FpvWorkshop />
-{:else if tokenWorkshop}
+  {:else if tokenWorkshop}
     <TokenGallery />
-{:else if fxWorkshop}
+  {:else}
     <FxGallery />
+  {/if}
 {:else}
 <div class="table">
   <header class="masthead">
@@ -3304,6 +3316,9 @@
     cursor: pointer;
   }
   .mast-leave:hover { color: #d8d2c0; }
+  .workshop-mast { margin: 0 1rem 0; }
+  .mast-home { text-decoration: none; }
+  .mast-home:hover { color: #fff; }
   .mast-help-solo { margin-left: auto; }
   .hotseat-row { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; justify-content: center; margin-top: 1.3rem; }
   .hotseat-exp { margin-top: 0.4rem; margin-bottom: 0; font-size: 0.85rem; }