Discard-pile cards enlarge above the pile, like the library's

Tapping a discarded card summoned the corner inspector beneath the
pile's own overlay — same layering trap the card library had. The
pile now enlarges its card centered above itself, FAQ seal included,
dismissed with a tap anywhere.

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

packages/web/src/App.svelte

@@ -32,6 +32,8 @@
   let chatDraft = $state("");
   /** Card whose official FAQ rulings are open. */
   let faqCardId = $state<string | null>(null);
+  /** A discard-pile card enlarged above the pile. */
+  let discardPeek = $state<CardInstance | null>(null);
   let helpTab = $state<"play" | "rules" | "cards" | "about" | "tally">("play");
   let hotseatCount = $state(2);
   let setupName = $state("");
@@ -757,7 +759,7 @@
         </header>
         <div class="discard-grid">
           {#each [...view.discardPile].reverse() as card (card.instanceId)}
-            <Card {card} onclick={() => (peekCard = card)} onfaq={(id) => (faqCardId = id)} />
+            <Card {card} onclick={() => (discardPeek = card)} onfaq={(id) => (faqCardId = id)} />
           {/each}
           {#if view.discardPile.length === 0}
             <span class="discard-empty">Nothing has been cast away yet.</span>
@@ -775,6 +777,15 @@
     </div>
   {/if}
 
+  {#if discardPeek}
+    <div class="big-peek-scrim" role="button" tabindex="-1"
+      onclick={() => (discardPeek = null)} onkeydown={() => {}}>
+      <div class="big-peek">
+        <Card card={discardPeek} onfaq={(id) => (faqCardId = id)} />
+      </div>
+    </div>
+  {/if}
+
   {#if faqCardId}
     <Faq cardId={faqCardId} onclose={() => (faqCardId = null)} />
   {/if}
@@ -1938,6 +1949,20 @@
     font-size: 0.8rem;
     color: #43331f;
   }
+  .big-peek-scrim {
+    position: fixed;
+    inset: 0;
+    background: rgba(10, 12, 16, 0.55);
+    display: grid;
+    place-items: center;
+    z-index: 55;
+  }
+  .big-peek :global(.card) {
+    transform: scale(2.1);
+    cursor: default;
+    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.7);
+  }
+  .big-peek :global(.card:hover) { transform: scale(2.1); }
   .discard-link {
     background: none;
     border: none;