feat(story): celular CC0 com site vivo na tela, ReelDirector scrub em todas as seções e filmstrip pinado de prints reais

app/components/story/ScrollStory.test.tsx

@@ -65,10 +65,10 @@ describe("ScrollStory", () => {
   });
 
   it("renderiza o reel com 4 cenas, HUD e índice quando o engine liga", async () => {
-    mockMatchMedia(false);
     const { container } = render(<ScrollStory {...props} />);
-    await waitFor(() =>
-      expect(container.querySelector("[data-story]")).toBeInTheDocument(),
+    await waitFor(
+      () => expect(container.querySelector("[data-story]")).toBeInTheDocument(),
+      { timeout: 10000 },
     );
     expect(container.querySelectorAll("[data-story-scene]")).toHaveLength(4);
     expect(container.querySelector("[data-story-index]")).toHaveTextContent("01");
@@ -76,5 +76,5 @@ describe("ScrollStory", () => {
     // count-up é alimentado pela timeline: markup carrega o alvo real
     const num = container.querySelector("[data-story-num]");
     expect(num?.getAttribute("data-story-num-to")).toBe("5");
-  });
+  }, 20000);
 });