Fable will fix it!

frontend/src/components/GameOverPhase.svelte

@@ -0,0 +1,50 @@
+<script>
+    export let state;
+
+    $: pirats = state.players;
+    $: crewDone = state.game.completed_crew_1 && state.game.completed_crew_2 && state.game.completed_crew_3;
+</script>
+
+<div class="dashboard-container" style="max-width: 800px; margin: 0 auto; padding: 2rem;">
+    <div class="card glass-panel" style="text-align: center; padding: 2rem;">
+        <h1 style="font-family: var(--font-heading); color: var(--gold);">🎉 The Story Has Ended!</h1>
+        <p class="section-desc" style="font-size: 1.1rem;">
+            The Pi-Rats of {state.game.crew_name || 'the crew'} party til they pass out in a pile.
+            Tell one last tale of how your Pi-Rat is remembered!
+        </p>
+
+        <div class="sheet-group" style="text-align: left; margin-top: 2rem;">
+            <h3 style="color: var(--gold);">Crew Objectives</h3>
+            <div class="objectives-checklist">
+                <label class="checkbox-label"><input type="checkbox" checked={state.game.completed_crew_1} disabled> <span>Steal a Ship</span></label>
+                <label class="checkbox-label"><input type="checkbox" checked={state.game.completed_crew_2} disabled> <span>Choose a Captain</span></label>
+                <label class="checkbox-label"><input type="checkbox" checked={state.game.completed_crew_3} disabled> <span>Commit Piracy</span></label>
+            </div>
+            {#if crewDone}
+                <p class="success-text">A complete pirate legend! ⭐</p>
+            {:else}
+                <p class="info-text">Some deeds were left undone... a tale for the next crew.</p>
+            {/if}
+        </div>
+
+        <div class="sheet-group" style="text-align: left; margin-top: 1.5rem;">
+            <h3 style="color: var(--gold);">The Crew</h3>
+            {#each pirats as p}
+                <div style="background: rgba(0,0,0,0.2); padding: 0.75rem; border-radius: 6px; margin-bottom: 0.5rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.5rem;">
+                    <span>
+                        {#if p.is_ghost}👻{:else if p.is_dead}💀{:else}🐀{/if}
+                        <strong>{p.name}</strong> (Rank {p.rank})
+                        {#if p.id === state.game.captain_player_id}<span style="color: var(--gold);"> ⭐ Captain</span>{/if}
+                    </span>
+                    <span style="font-size: 0.85rem; color: var(--text-muted);">
+                        {p.completed_personal_1 ? '🔫 Gat' : '— no gat'} ·
+                        {p.completed_personal_2 ? '📛 Named' : '— nameless'} ·
+                        {p.completed_personal_3 ? '⚰️ Story complete' : '⛵ Still sailing'}
+                    </span>
+                </div>
+            {/each}
+        </div>
+
+        <p class="info-text" style="margin-top: 2rem;">Want more? Get the full game "The Magical Land of Yeld" at YeldStuff.com!</p>
+    </div>
+</div>