diff --git a/packages/web/src/App.svelte b/packages/web/src/App.svelte
index bf09be3..9c8d3b9 100644
--- a/packages/web/src/App.svelte
+++ b/packages/web/src/App.svelte
@@ -21,6 +21,14 @@
   let showHelp = $state(false);
   /** The finished game whose victory fanfare has been dismissed. */
   let victorySeen = $state(false);
+  /** The fireworks get the stage before the modal takes it. */
+  let victoryCurtain = $state(false);
+  $effect(() => {
+    if (view?.phase === "finished" && view.winner && !victoryCurtain) {
+      const t = setTimeout(() => (victoryCurtain = true), 2400);
+      return () => clearTimeout(t);
+    }
+  });
   /** Quiet mode: skip the attack announcement modal (device preference). */
   let noFanfare = $state(localStorage.getItem("wizwar-no-fanfare") === "1");
   function setFanfare(announce: boolean) {
@@ -949,7 +957,7 @@
     <Help initialTab={helpTab} stats={net.stats} onstats={() => net.requestStats()} onclose={() => (showHelp = false)} />
   {/if}
 
-  {#if view?.phase === "finished" && view.winner && !victorySeen}
+  {#if view?.phase === "finished" && view.winner && victoryCurtain && !victorySeen}
     <div class="scrim attack-scrim" role="alertdialog" aria-label="the game is won">
       <div class="attack-notice victory-notice">
         <div class="victory-trophy">🏆</div>