Harden gameplay timing and map loading

components/StartGame.tsx

@@ -3,21 +3,8 @@ import { useState } from "react";
 import { useRouter } from "next/navigation";
 import { ArrowRight, Timer, ZoomIn } from "lucide-react";
 import { difficulties, type Difficulty } from "@/shared/protocol";
-export async function api<T = Record<string, unknown>>(
-  path: string,
-  body?: unknown,
-  method = body ? "POST" : "GET",
-): Promise<T> {
-  const res = await fetch("/api/v1/" + path, {
-    signal: AbortSignal.timeout(30000),
-    method,
-    headers: body ? { "Content-Type": "application/json" } : undefined,
-    body: body ? JSON.stringify(body) : undefined,
-  });
-  const data = await res.json();
-  if (!res.ok) throw new Error(data.error || "Request failed");
-  return data;
-}
+import { api } from "@/lib/client-api";
+export { api } from "@/lib/client-api";
 export function StartGame({ datasetId }: { datasetId: string }) {
   const [difficulty, setDifficulty] = useState<Difficulty>("normal"),
     [loading, setLoading] = useState(false),