Add ROM upload, local table library, engine bump, and UX/responsiveness fixes

- Bump @valknar/vpinball-wasm to 0.3.2 (PinMAME ROM support, MsgBox fix)
- Add optional PinMAME ROM .zip upload alongside .vpx tables
- Persist uploaded tables/ROMs in IndexedDB so users don't have to
  re-upload on later visits, with a library list on the landing page
- Fix Insert Coin key mismatch with the engine's real coin-door gating
  (now bound to 4, matching the shared table scripts) and surface it
  in the controls legend and "Tap to Start" hint
- Make the landing page, staging panel, and in-game HUD responsive for
  portrait phone widths; drop the landscape hint since portrait plays fine
- Replace the separate STATS HUD toggle with an FPS row in the info panel

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01N9JmzRBZenapVkFWjw9jmG

components/landing/AttractHero.tsx

@@ -4,18 +4,33 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import Button, { buttonClassName } from "@/components/ui/Button";
 import FileDropZone, { VPX_FILE_INPUT_ID } from "@/components/FileDropZone";
+import TableStaging from "./TableStaging";
 import { setPendingTable } from "@/lib/pinball/tableSelectionStore";
 
 export default function AttractHero() {
   const router = useRouter();
   const [error, setError] = useState<string | null>(null);
+  const [stagedFile, setStagedFile] = useState<File | null>(null);
 
   const handleFile = (file: File) => {
     setError(null);
-    setPendingTable(file);
+    setStagedFile(file);
+  };
+
+  const handlePlay = (romFile: File | undefined, saveToLibrary: boolean) => {
+    if (!stagedFile) return;
+    setPendingTable({ kind: "upload", vpxFile: stagedFile, romFile, saveToLibrary });
     router.push("/play");
   };
 
+  if (stagedFile) {
+    return (
+      <div className="w-full max-w-4xl">
+        <TableStaging vpxFile={stagedFile} onPlay={handlePlay} onCancel={() => setStagedFile(null)} />
+      </div>
+    );
+  }
+
   return (
     <FileDropZone onFile={handleFile} onError={setError} className="w-full max-w-4xl">
       <div className="relative overflow-hidden rounded-t-3xl rounded-b-lg border-2 border-chrome/40 bg-ash shadow-2xl">
@@ -37,9 +52,9 @@ export default function AttractHero() {
           }}
         />
 
-        <div className="relative flex flex-col items-center gap-6 px-8 py-20 text-center sm:py-28">
+        <div className="relative flex flex-col items-center gap-6 px-4 py-14 text-center sm:px-8 sm:py-28">
           <p className="font-mono text-xs tracking-[0.3em] text-arc">WEBASSEMBLY · WEBGL2 · REAL .VPX TABLES</p>
-          <h1 className="font-display text-6xl font-black leading-none tracking-wide text-paper sm:text-8xl">
+          <h1 className="font-display text-5xl font-black leading-none tracking-wide text-paper sm:text-8xl">
             VPINBALL
           </h1>
           <p className="max-w-md font-body text-chrome">