The shell stops deciding how wide a demo's play surface is

PlayYourself capped every demo at the width Wordle needed, so Alert Triage's
analyst screen — tables of transactions and a KYC file — ran in half the page.
The ceiling is now generous and each demo caps itself: wordle's keyboard carries
its own max width, because unconstrained its flex rows stretch to the page and
the keys drift a screen away from the board. Alert Triage 448px -> 896px;
Wordle's keyboard unchanged at 448px.

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

src/demos/wordle/keyboard.tsx

@@ -83,7 +83,9 @@ export function Keyboard({
   const hint = solver.state;
 
   return (
-    <div className="grid gap-1 sm:gap-1.5" style={{ paddingBottom: 'max(0px, var(--safe-bottom))' }}>
+    // Own cap, not the shell's. Unconstrained, these flex rows stretch to the
+    // page and the keys drift a screen away from the board they belong to.
+    <div className="grid w-full max-w-md gap-1 sm:gap-1.5" style={{ paddingBottom: 'max(0px, var(--safe-bottom))' }}>
       {/* The solver, live, on whatever word you picked — not a recording. This
           is the difference between a demo and a video: it answers for boards no
           rollout on this site ever covered. */}