The opening roll-off steps into the light

First wizard was never random: createGame has always rolled a die
per player from the seed, re-rolling ties, and the gameStarted event
carried every pip — straight into a log line that said only "X goes
first." Now the table sees the ceremony: a dice modal as the boards
flip, one row per wizard, the trophy on the high roll, a note when
tied wizards rolled again — in online games and hotseat alike. The
chronicle line keeps the full roll-off too. Pure presentation; the
dice were always honest.

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

packages/web/src/net.svelte.ts

@@ -25,7 +25,12 @@ export function spellName(cardId: string): string {
 
 export function humanize(e: GameEvent): string | null {
   switch (e.type) {
-    case "gameStarted": return `Game started — ${e.players.join(", ")}. ${e.firstPlayer} goes first.`;
+    case "gameStarted": {
+      const rolloff = e.players
+        .map((p) => `${p} 🎲 ${(e.dieRolls[p] ?? []).join(", ")}`)
+        .join(" · ");
+      return `Game started. The roll-off: ${rolloff} — ${e.firstPlayer} goes first.`;
+    }
     case "turnStarted": return `— ${e.player}'s turn (round ${e.round}) —`;
     case "turnSkipped": return `${e.player} loses a turn.`;
     case "extraTurnStarted": return `${e.player} takes an extra turn!`;
@@ -246,6 +251,8 @@ class Net {
   /** Moves you haven't watched yet in the current room. */
   missedMoves = $state(0);
   /** A catch-up reel delivered by the server. */
+  /** The opening roll-off, shown once as the boards flip. */
+  openingRolls = $state<{ rolls: Record<string, number[]>; first: string; players: string[] } | null>(null);
   catchUp = $state<{ seq: number; actor: string; events: GameEvent[]; view: GameView; chat?: { player: string; text: string }[] }[] | null>(null);
   private seen: Record<string, number> = loadSeen();
   private currentSeq = 0;
@@ -327,6 +334,9 @@ class Net {
           let talk = 0;
           for (const e of msg.events as GameEvent[]) {
             if (e.type === "tableTalk") talk++;
+            if (e.type === "gameStarted") {
+              this.openingRolls = { rolls: e.dieRolls, first: e.firstPlayer, players: e.players };
+            }
             const line = humanize(e);
             if (line) this.log = [...this.log, line];
           }