Fable will fix it! Pt 3

frontend/src/components/SceneSetupPhase.svelte

@@ -1,6 +1,7 @@
 <script>
     import { onMount } from 'svelte';
     import { apiRequest } from '../lib/api';
+    import { displayName } from '../lib/cards';
 
     export let state;
 
@@ -49,7 +50,19 @@
 <div class="scene-setup-view text-center">
     <h2>Scene Setup (Scene #{state.game.current_scene_number})</h2>
     <p class="description">Select your role for the upcoming scene. There must be at least one Pi-Rat and one Deep player. If you played the Deep in the last scene, you must play a Pi-Rat this scene!</p>
-    
+
+    {#if state.game.current_scene_number === 1}
+        <div class="glass-panel" style="max-width: 700px; margin: 0 auto 1.5rem; padding: 1rem 1.5rem; border: 1px dashed var(--gold); border-radius: 8px; background: rgba(212, 175, 55, 0.08); text-align: left;">
+            <h4 style="color: var(--gold); margin: 0 0 0.5rem 0; font-family: var(--font-heading);">🚢 First Scene Framing</h4>
+            <p class="info-text" style="margin: 0; font-size: 0.95rem;">
+                The first scene must establish that the Pi-Rats are <strong>on a ship they can steal</strong> (or have an immediate opportunity to steal one). <strong>Don't start far from water!</strong>
+                {#if state.player.role === 'deep'}
+                    <br/><span style="color: var(--gold);">You're playing the Deep — once the scene starts, describe where the crew is and what ship is ripe for the taking before calling any Challenges.</span>
+                {/if}
+            </p>
+        </div>
+    {/if}
+
     <div class="setup-grid">
         <!-- Role Selection Card -->
         <div class="card glass-panel role-selection-card">
@@ -93,7 +106,7 @@
             <div class="roster-list" id="scene-roster-list">
                 {#each state.players as p}
                     <div class="roster-item">
-                        <span class="player-name">{p.name} <span class="text-sm text-gray-400">(Rank {p.rank})</span></span>
+                        <span class="player-name">{displayName(p)} <span class="text-sm text-gray-400">(Rank {p.rank})</span></span>
                         {#if p.role === 'pirat'}
                             <span class="role-badge pirat">Pi-Rat</span>
                         {:else if p.role === 'deep'}