How to play. The pack is live.

Private repo is first-bucket-studios (with an s). Stills and tape from a live Rockets 22 walk. Foil now turns the ten so the demo is not ten extra clicks.

Author: DigitalCurrensy

HOW-TO-PLAY.md

@@ -0,0 +1,57 @@
+# How to play
+
+Ninety seconds. One pack. One card.
+
+## The loop
+
+1. **Rip the pack.** A franchise, an era, and a luck lane land. New every time.
+2. **Tear the foil.** Ten cards flip. Tap five.
+3. **Lock five.** Eighty-two nights walk from those names. The number on the card is that walk.
+4. **Send the card.** Save the PNG. Copy the walk. The URL is the certificate.
+
+![Home](docs/stills/01-home.jpg)
+
+![Foil](docs/stills/02-foil.jpg)
+
+![The card](docs/stills/03-result.jpg)
+
+![Send](docs/stills/04-tray.jpg)
+
+One pull on tape: [docs/tape/demo.mp4](docs/tape/demo.mp4)
+
+## What each button does
+
+| You click | What happens |
+| --- | --- |
+| **Rip the pack** | Deals a new room. New ten. |
+| **Rip pack** / tap the foil | Tears it. The ten turn. |
+| **Lock five** | Walks 82 nights. |
+| **Send the card** | Opens the tray. |
+| **Save the card** | Downloads `first-bucket-{team}-{wins}.png`. |
+| **Copy the walk** | Copies `/walk/v1.…` so you can paste it. |
+| **Open the walk** | Same five, same nights, forever. |
+
+There is no “copy image.” The file is the card. The URL is the walk.
+
+Save needs a top-level tab. Inside a preview iframe the host may swallow the download — open the walk, then Save.
+
+## House job (optional)
+
+Thunder · Positionless · Even is pinned so one walk never moves:
+
+```
+/walk/v1.OKC.positionless.even.51.chet~dort~hartenstein~jalenw~sga
+```
+
+51–31. Playoff lock. Same five every time. It hangs on The Wall. The door is the live pack.
+
+## What you are sending
+
+- **The PNG** is the lithograph. Night stock. Foil number. Five plates.
+- **The walk URL** is the certificate. Nights recompute from the ids. It is not a replay file.
+
+Paste a walk anywhere. If the host can open `/walk/…`, the card comes back.
+
+## Not this
+
+Not a shop. Not a sportsbook. Not the NBA. Names are game tokens. Read [NOTICE](NOTICE).

README.md

@@ -1,24 +1,28 @@
-# First Bucket Studio
+# First Bucket Studios
 
 **Rip a pack. Five names. Eighty-two nights. Send the card.**
 
-A browser basketball pack. Not a shop. Not a sportsbook. Not the NBA.
+Private repo (log in as DigitalCurrensy):
+
+**https://github.com/DigitalCurrensy/first-bucket-studios**
 
-[MIT](LICENSE). Forks on. [How to copy the loop →](FORK.md)
+Not the older `first-bucket-studio` (no *s*). This one.
+
+A browser basketball pack. Not a shop. Not a sportsbook. Not the NBA.
 
-> Play the live build, then paste the URL at the top of this file before you flip the repo public.
+[MIT](LICENSE) · [How to play](HOW-TO-PLAY.md) · [Fork the loop](FORK.md)
 
 ---
 
 ## How to play
 
-About ninety seconds.
+About ninety seconds. Full sheet: [HOW-TO-PLAY.md](HOW-TO-PLAY.md).
 
 **1. Rip the pack.** A franchise, an era, and a luck lane land. No two pulls match.
 
 ![Home](docs/stills/01-home.jpg)
 
-**2. Tear the foil.** Ten cards, face down.
+**2. Tear the foil.** Ten cards. Tap five.
 
 ![Foil](docs/stills/02-foil.jpg)
 
@@ -32,7 +36,7 @@ About ninety seconds.
 
 Tape of one pull: [docs/tape/demo.mp4](docs/tape/demo.mp4)
 
-### The buttons, in order
+### The buttons
 
 | You click | What it does |
 | --- | --- |
@@ -53,7 +57,7 @@ Thunder · Positionless · Even is pinned as a known certificate:
 /walk/v1.OKC.positionless.even.51.chet~dort~hartenstein~jalenw~sga
 ```
 
-51–31. Playoff lock. Same five every time. It hangs on [The Wall](/wall). The main pack is live.
+51–31. Playoff lock. Same five every time. It hangs on The Wall. The main pack is live.
 
 ---
 

docs/stills/01-home.jpg

@@ -1,5 +1,5 @@
 {
-  "name": "first-bucket-studio",
+  "name": "first-bucket-studios",
   "private": true,
   "license": "MIT",
   "description": "A 90-second basketball pack. Tear the foil. Send the card.",

docs/stills/02-foil.jpg

@@ -0,0 +1,88 @@
+import { chromium } from "playwright";
+import { mkdirSync, readdirSync } from "node:fs";
+import { execSync } from "node:child_process";
+import path from "node:path";
+
+const ROOT = "/workspace";
+const STILLS = path.join(ROOT, "docs/stills");
+const TAPE = path.join(ROOT, "docs/tape");
+const TMP = "/tmp/fbs-tape";
+mkdirSync(STILLS, { recursive: true });
+mkdirSync(TAPE, { recursive: true });
+mkdirSync(TMP, { recursive: true });
+
+const browser = await chromium.launch({
+  args: ["--no-sandbox", "--disable-dev-shm-usage"],
+});
+const context = await browser.newContext({
+  viewport: { width: 1440, height: 900 },
+  deviceScaleFactor: 1,
+  reducedMotion: "reduce",
+  recordVideo: { dir: TMP, size: { width: 1440, height: 900 } },
+});
+await context.route("https://grok.com/**", (route) => route.abort());
+const page = await context.newPage();
+page.setDefaultTimeout(25000);
+
+async function shot(name) {
+  await page.waitForTimeout(220);
+  await page.screenshot({
+    path: path.join(STILLS, name),
+    type: "jpeg",
+    quality: 86,
+  });
+  console.log("still", name, page.url());
+}
+
+await page.goto("http://127.0.0.1:8080/", { waitUntil: "domcontentloaded" });
+await page.waitForSelector("text=Rip the pack. Send the card.");
+await page.waitForSelector(".rip-pack");
+await page.waitForTimeout(400);
+await shot("01-home.jpg");
+
+await page.goto("http://127.0.0.1:8080/games/82-0", { waitUntil: "domcontentloaded" });
+await page.waitForSelector(".rip-pack");
+await page.waitForFunction(() => {
+  const el = document.querySelector(".rip-pack");
+  return Boolean(el && el.getAttribute("aria-label") && !/house prospect/i.test(el.getAttribute("aria-label") || ""));
+});
+await page.waitForTimeout(500);
+await shot("02-foil.jpg");
+
+await page.locator(".rip-pack").click();
+await page.waitForSelector(".pack-grid button");
+await page.waitForTimeout(700);
+
+const cards = page.locator(".pack-grid button");
+const n = await cards.count();
+console.log("cards", n);
+for (let i = 0; i < Math.min(5, n); i++) {
+  await cards.nth(i).click();
+  await page.waitForTimeout(70);
+}
+
+await page.getByRole("button", { name: "Lock five" }).click();
+await page.waitForSelector("text=Send the card");
+await page.waitForTimeout(400);
+await shot("03-result.jpg");
+
+await page.getByRole("button", { name: "Send the card" }).click();
+await page.waitForSelector("text=Save the card");
+await page.waitForTimeout(400);
+await shot("04-tray.jpg");
+
+const walk = await page.locator("input[readonly]").inputValue().catch(() => "");
+console.log("walk", walk);
+
+await context.close();
+await browser.close();
+
+const videos = readdirSync(TMP).filter((f) => f.endsWith(".webm"));
+if (!videos.length) throw new Error("no video");
+const src = path.join(TMP, videos[0]);
+const dest = path.join(TAPE, "demo.mp4");
+execSync(
+  `ffmpeg -y -i ${JSON.stringify(src)} -an -c:v libx264 -pix_fmt yuv420p -crf 26 -preset veryfast -movflags +faststart -vf "fps=24,scale=1280:-2" ${JSON.stringify(dest)}`,
+  { stdio: "inherit" },
+);
+console.log("tape", dest);

docs/stills/03-result.jpg

@@ -195,6 +195,7 @@ export function EightyTwo({ mode, challenge }: { mode: Mode; challenge?: Challen
     if (ripping || ripped) return;
     setRipping(true);
     const reduce = typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    const ids = activePack.map((p) => p.id);
     window.setTimeout(() => {
       setRipped(true);
       setRipping(false);
@@ -203,7 +204,17 @@ export function EightyTwo({ mode, challenge }: { mode: Mode; challenge?: Challen
         setOpen(staged.ten.map((p) => p.id));
         setPicks(staged.five.map((p) => p.id));
         commitWalk(staged.five, staged.walked);
+        return;
       }
+      ids.forEach((id, i) => {
+        window.setTimeout(
+          () => {
+            setOpen((cur) => (cur.includes(id) ? cur : [...cur, id]));
+            ripTick();
+          },
+          reduce ? 0 : i * 70,
+        );
+      });
     }, reduce ? 0 : 480);
   }
 
@@ -317,7 +328,7 @@ export function EightyTwo({ mode, challenge }: { mode: Mode; challenge?: Challen
         ? "Start the corners."
         : wnba
           ? "Forty nights."
-          : "Pull the room. Rip the pack.";
+          : "Rip the pack. Send the card.";
   const lead = cue
     ? "Thunder. Positionless. Tear the foil. Send the card."
     : daily
@@ -326,14 +337,12 @@ export function EightyTwo({ mode, challenge }: { mode: Mode; challenge?: Challen
         ? "The pack deals G/G/F/F/C. The corners have to hold. Then the season walks."
         : wnba
           ? "One pull. A W club, era, luck. Ten face-down. Forty nights. Honest length."
-          : "Pull a franchise, era, and luck. Rip ten face-down. Turn five. Then 82 nights play.";
-
-  const beatHref = wnba ? "/games/wnba" : corners ? "/games/corners" : "/games/82-0";
+          : "A franchise lands. Ten cards. Five names. Eighty-two nights. No two walks match.";
 
   return (
     <div>
       <PageIntro
-        kicker={cue ? "House pack" : daily ? "Daily Bucket" : corners ? "Four corners" : wnba ? "WNBA walk" : "Build an 82-0"}
+        kicker={cue ? "House pack" : daily ? "Daily Bucket" : corners ? "Four corners" : wnba ? "WNBA walk" : "Prospect pack"}
         title={title}
         lead={lead}
         mark={daily ? "daily" : corners ? "corners" : wnba ? "wnba" : "machine"}
@@ -586,12 +595,12 @@ export function EightyTwo({ mode, challenge }: { mode: Mode; challenge?: Challen
               <Button variant="ghost" onClick={copyWalk}>
                 {walkCopied ? "Walk copied" : "Copy walk"}
               </Button>
-              {!cue && (
+              {mode !== "82-0" && !cue && (
                 <Button variant="ghost" onClick={copyLine}>
                   {copied ? "Copied" : "Copy line"}
                 </Button>
               )}
-              {!cue && (
+              {mode !== "82-0" && !cue && (
                 <Button variant="ghost" onClick={copyChallenge}>
                   {challengeCopied ? "Challenge copied" : "Beat it"}
                 </Button>
@@ -601,14 +610,6 @@ export function EightyTwo({ mode, challenge }: { mode: Mode; challenge?: Challen
                   {cue ? "Rip again" : "Pull again"}
                 </Button>
               )}
-              {!cue && (
-                <Link
-                  to={beatHref === "/games/82-0" ? "/games/daily" : "/games/82-0"}
-                  className={cn("inline-flex min-h-11 items-center px-4 text-sm text-muted")}
-                >
-                  {mode === "82-0" ? "Daily Bucket" : "Free build"}
-                </Link>
-              )}
             </div>
           </JobTicket>
           </div>