@dubsdotapp/expo 0.2.53 → 0.2.55

package/dist/index.js

@@ -72,6 +72,7 @@ __export(index_exports, {
   useHasClaimed: () => useHasClaimed,
   useJoinGame: () => useJoinGame,
   useNetworkGames: () => useNetworkGames,
+  usePushNotifications: () => usePushNotifications,
   useUFCFightCard: () => useUFCFightCard,
   useUFCFighterDetail: () => useUFCFighterDetail
 });
@@ -531,6 +532,21 @@ var DubsClient = class {
     );
     this._token = null;
   }
+  // ── Push Notifications ──
+  async registerPushToken(params) {
+    await this.request(
+      "POST",
+      "/push/expo-token",
+      params
+    );
+  }
+  async unregisterPushToken(token) {
+    await this.request(
+      "DELETE",
+      "/push/expo-token",
+      { token }
+    );
+  }
   // ── Error Utilities ──
   async parseError(error) {
     const res = await this.request(
@@ -605,7 +621,7 @@ function createSecureStoreStorage() {
 }
 
 // src/provider.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/ui/theme.ts
 var import_react = require("react");
@@ -1663,8 +1679,8 @@ function ManagedWalletProvider({
 }
 
 // src/ui/AuthGate.tsx
-var import_react16 = __toESM(require("react"));
-var import_react_native6 = require("react-native");
+var import_react17 = __toESM(require("react"));
+var import_react_native7 = require("react-native");
 
 // src/hooks/useEvents.ts
 var import_react3 = require("react");
@@ -2329,6 +2345,126 @@ function useUFCFighterDetail(athleteId) {
   return { data, loading, error, refetch: fetchData };
 }
 
+// src/hooks/usePushNotifications.ts
+var import_react16 = require("react");
+var import_react_native6 = require("react-native");
+function usePushNotifications() {
+  const { client, appName } = useDubs();
+  const channelId = (0, import_react16.useMemo)(() => appName.toLowerCase().replace(/[^a-z0-9-]/g, ""), [appName]);
+  const [hasPermission, setHasPermission] = (0, import_react16.useState)(false);
+  const [expoPushToken, setExpoPushToken] = (0, import_react16.useState)(null);
+  const [loading, setLoading] = (0, import_react16.useState)(false);
+  const [error, setError] = (0, import_react16.useState)(null);
+  const registering = (0, import_react16.useRef)(false);
+  const getNotificationsModule = (0, import_react16.useCallback)(() => {
+    try {
+      return require("expo-notifications");
+    } catch {
+      return null;
+    }
+  }, []);
+  const getDeviceName = (0, import_react16.useCallback)(() => {
+    try {
+      const Device = require("expo-device");
+      return Device.deviceName || null;
+    } catch {
+      return null;
+    }
+  }, []);
+  const setupAndroidChannels = (0, import_react16.useCallback)((Notifications) => {
+    if (import_react_native6.Platform.OS === "android") {
+      Notifications.setNotificationChannelAsync(channelId || "default", {
+        name: appName || "Default",
+        importance: Notifications.AndroidImportance?.MAX ?? 4,
+        vibrationPattern: [0, 250, 250, 250]
+      }).catch(() => {
+      });
+    }
+  }, [channelId, appName]);
+  const registerTokenWithServer = (0, import_react16.useCallback)(async (token) => {
+    const deviceName = getDeviceName();
+    await client.registerPushToken({
+      token,
+      platform: import_react_native6.Platform.OS,
+      deviceName: deviceName || void 0
+    });
+  }, [client, getDeviceName]);
+  const register = (0, import_react16.useCallback)(async () => {
+    if (registering.current) return false;
+    registering.current = true;
+    setLoading(true);
+    setError(null);
+    try {
+      const Notifications = getNotificationsModule();
+      if (!Notifications) {
+        throw new Error("expo-notifications is not installed");
+      }
+      const { status: existingStatus } = await Notifications.getPermissionsAsync();
+      let finalStatus = existingStatus;
+      if (existingStatus !== "granted") {
+        const { status } = await Notifications.requestPermissionsAsync();
+        finalStatus = status;
+      }
+      if (finalStatus !== "granted") {
+        setHasPermission(false);
+        setLoading(false);
+        registering.current = false;
+        return false;
+      }
+      setHasPermission(true);
+      const tokenResult = await Notifications.getExpoPushTokenAsync();
+      const token = tokenResult.data;
+      setExpoPushToken(token);
+      await registerTokenWithServer(token);
+      setupAndroidChannels(Notifications);
+      setLoading(false);
+      registering.current = false;
+      return true;
+    } catch (err) {
+      const e = err instanceof Error ? err : new Error(String(err));
+      setError(e);
+      setLoading(false);
+      registering.current = false;
+      console.error("[usePushNotifications] Registration error:", e.message);
+      return false;
+    }
+  }, [getNotificationsModule, registerTokenWithServer, setupAndroidChannels]);
+  const unregister = (0, import_react16.useCallback)(async () => {
+    if (!expoPushToken) return;
+    try {
+      await client.unregisterPushToken(expoPushToken);
+      setExpoPushToken(null);
+    } catch (err) {
+      console.error("[usePushNotifications] Unregister error:", err);
+    }
+  }, [client, expoPushToken]);
+  const restoreIfGranted = (0, import_react16.useCallback)(async () => {
+    try {
+      const Notifications = getNotificationsModule();
+      if (!Notifications) return;
+      const { status } = await Notifications.getPermissionsAsync();
+      if (status !== "granted") return;
+      setHasPermission(true);
+      const tokenResult = await Notifications.getExpoPushTokenAsync();
+      const token = tokenResult.data;
+      setExpoPushToken(token);
+      await registerTokenWithServer(token);
+      setupAndroidChannels(Notifications);
+    } catch (err) {
+      console.log("[usePushNotifications] Restore skipped:", err instanceof Error ? err.message : err);
+    }
+  }, [getNotificationsModule, registerTokenWithServer, setupAndroidChannels]);
+  return {
+    hasPermission,
+    expoPushToken,
+    loading,
+    error,
+    register,
+    unregister,
+    restoreIfGranted
+  };
+}
+
 // src/ui/AuthGate.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var DICEBEAR_STYLES = [
@@ -2357,9 +2493,11 @@ function AuthGate({
 }) {
   const { client } = useDubs();
   const auth = useAuth();
-  const [phase, setPhase] = (0, import_react16.useState)("init");
-  const [registrationPhase, setRegistrationPhase] = (0, import_react16.useState)(false);
-  (0, import_react16.useEffect)(() => {
+  const [phase, setPhase] = (0, import_react17.useState)("init");
+  const [registrationPhase, setRegistrationPhase] = (0, import_react17.useState)(false);
+  const [showPushSetup, setShowPushSetup] = (0, import_react17.useState)(false);
+  const [isRestoredSession, setIsRestoredSession] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
     let cancelled = false;
     (async () => {
       try {
@@ -2369,6 +2507,7 @@ function AuthGate({
           const restored = await auth.restoreSession(savedToken);
           if (cancelled) return;
           if (restored) {
+            setIsRestoredSession(true);
             setPhase("active");
             return;
           }
@@ -2385,18 +2524,23 @@ function AuthGate({
       cancelled = true;
     };
   }, []);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (auth.status === "needsRegistration") setRegistrationPhase(true);
   }, [auth.status]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
+    if (auth.status === "authenticated" && registrationPhase && !isRestoredSession) {
+      setShowPushSetup(true);
+    }
+  }, [auth.status, registrationPhase, isRestoredSession]);
+  (0, import_react17.useEffect)(() => {
     if (auth.token) onSaveToken(auth.token);
   }, [auth.token]);
-  const retry = (0, import_react16.useCallback)(() => {
+  const retry = (0, import_react17.useCallback)(() => {
     setRegistrationPhase(false);
     auth.reset();
     auth.authenticate();
   }, [auth]);
-  const handleRegister = (0, import_react16.useCallback)(
+  const handleRegister = (0, import_react17.useCallback)(
     (username, referralCode, avatarUrl) => {
       auth.register(username, referralCode, avatarUrl);
     },
@@ -2407,7 +2551,20 @@ function AuthGate({
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DefaultLoadingScreen, { status: "authenticating", appName, accentColor });
   }
   if (auth.status === "authenticated") {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AuthContext.Provider, { value: auth, children });
+    if (showPushSetup) {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        PushSetupScreen,
+        {
+          accentColor,
+          appName,
+          onComplete: () => setShowPushSetup(false)
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(AuthContext.Provider, { value: auth, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PushTokenRestorer, {}),
+      children
+    ] });
   }
   if (registrationPhase) {
     const isRegistering = auth.status === "registering";
@@ -2447,44 +2604,44 @@ function DefaultLoadingScreen({ status, appName, accentColor }) {
     authenticated: "Ready!",
     error: "Something went wrong"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.centerContent, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.brandingSection, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [s.logoCircle, { backgroundColor: accent }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: s.logoText, children: "D" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.appNameText, { color: t.text }], children: appName })
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.centerContent, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.brandingSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: [s.logoCircle, { backgroundColor: accent }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: s.logoText, children: "D" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.appNameText, { color: t.text }], children: appName })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.loadingSection, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.ActivityIndicator, { size: "large", color: accent }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.statusText, { color: t.textMuted }], children: statusText[status] || "Loading..." })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.loadingSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.ActivityIndicator, { size: "large", color: accent }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.statusText, { color: t.textMuted }], children: statusText[status] || "Loading..." })
     ] })
   ] }) });
 }
 function DefaultErrorScreen({ error, onRetry, appName, accentColor }) {
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.spreadContent, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.brandingSection, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [s.logoCircle, { backgroundColor: accent }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: s.logoText, children: "D" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.appNameText, { color: t.text }], children: appName })
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.spreadContent, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.brandingSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: [s.logoCircle, { backgroundColor: accent }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: s.logoText, children: "D" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.appNameText, { color: t.text }], children: appName })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: { gap: 16 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.errorText, { color: t.errorText }], children: error.message }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.TouchableOpacity, { style: [s.primaryBtn, { backgroundColor: accent }], onPress: onRetry, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: s.primaryBtnText, children: "Try Again" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.errorText, { color: t.errorText }], children: error.message }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.TouchableOpacity, { style: [s.primaryBtn, { backgroundColor: accent }], onPress: onRetry, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: s.primaryBtnText, children: "Try Again" }) })
     ] })
   ] }) });
 }
 function StepIndicator({ currentStep }) {
   const t = useDubsTheme();
   const steps = [0, 1, 2, 3];
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: s.stepRow, children: steps.map((i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react16.default.Fragment, { children: [
-    i > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [s.stepLine, { backgroundColor: i <= currentStep ? t.success : t.border }] }),
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: s.stepRow, children: steps.map((i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react17.default.Fragment, { children: [
+    i > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: [s.stepLine, { backgroundColor: i <= currentStep ? t.success : t.border }] }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_native6.View,
+      import_react_native7.View,
       {
         style: [
           s.stepCircle,
           i < currentStep ? { backgroundColor: t.success } : i === currentStep ? { backgroundColor: t.accent } : { backgroundColor: "transparent", borderWidth: 2, borderColor: t.border }
         ],
-        children: i < currentStep ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: s.stepCheck, children: "\u2713" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.stepNum, { color: i === currentStep ? "#FFF" : t.textMuted }], children: i + 1 })
+        children: i < currentStep ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: s.stepCheck, children: "\u2713" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.stepNum, { color: i === currentStep ? "#FFF" : t.textMuted }], children: i + 1 })
       }
     )
   ] }, i)) });
@@ -2499,19 +2656,19 @@ function DefaultRegistrationScreen({
 }) {
   const t = useDubsTheme();
   const accent = accentColor || t.accent;
-  const [step, setStep] = (0, import_react16.useState)(0);
-  const [avatarSeed, setAvatarSeed] = (0, import_react16.useState)(generateSeed);
-  const [avatarStyle, setAvatarStyle] = (0, import_react16.useState)("adventurer");
-  const [showStyles, setShowStyles] = (0, import_react16.useState)(false);
-  const [username, setUsername] = (0, import_react16.useState)("");
-  const [referralCode, setReferralCode] = (0, import_react16.useState)("");
-  const [checking, setChecking] = (0, import_react16.useState)(false);
-  const [availability, setAvailability] = (0, import_react16.useState)(null);
-  const debounceRef = (0, import_react16.useRef)(null);
-  const fadeAnim = (0, import_react16.useRef)(new import_react_native6.Animated.Value(1)).current;
-  const slideAnim = (0, import_react16.useRef)(new import_react_native6.Animated.Value(0)).current;
+  const [step, setStep] = (0, import_react17.useState)(0);
+  const [avatarSeed, setAvatarSeed] = (0, import_react17.useState)(generateSeed);
+  const [avatarStyle, setAvatarStyle] = (0, import_react17.useState)("adventurer");
+  const [showStyles, setShowStyles] = (0, import_react17.useState)(false);
+  const [username, setUsername] = (0, import_react17.useState)("");
+  const [referralCode, setReferralCode] = (0, import_react17.useState)("");
+  const [checking, setChecking] = (0, import_react17.useState)(false);
+  const [availability, setAvailability] = (0, import_react17.useState)(null);
+  const debounceRef = (0, import_react17.useRef)(null);
+  const fadeAnim = (0, import_react17.useRef)(new import_react_native7.Animated.Value(1)).current;
+  const slideAnim = (0, import_react17.useRef)(new import_react_native7.Animated.Value(0)).current;
   const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     const trimmed = username.trim();
     if (trimmed.length < 3) {
@@ -2534,94 +2691,94 @@ function DefaultRegistrationScreen({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, [username, client]);
-  const animateToStep = (0, import_react16.useCallback)((newStep) => {
+  const animateToStep = (0, import_react17.useCallback)((newStep) => {
     const dir = newStep > step ? 1 : -1;
-    import_react_native6.Keyboard.dismiss();
-    import_react_native6.Animated.parallel([
-      import_react_native6.Animated.timing(fadeAnim, { toValue: 0, duration: 120, useNativeDriver: true }),
-      import_react_native6.Animated.timing(slideAnim, { toValue: -dir * 40, duration: 120, useNativeDriver: true })
+    import_react_native7.Keyboard.dismiss();
+    import_react_native7.Animated.parallel([
+      import_react_native7.Animated.timing(fadeAnim, { toValue: 0, duration: 120, useNativeDriver: true }),
+      import_react_native7.Animated.timing(slideAnim, { toValue: -dir * 40, duration: 120, useNativeDriver: true })
     ]).start(() => {
       setStep(newStep);
       slideAnim.setValue(dir * 40);
-      import_react_native6.Animated.parallel([
-        import_react_native6.Animated.timing(fadeAnim, { toValue: 1, duration: 200, useNativeDriver: true }),
-        import_react_native6.Animated.timing(slideAnim, { toValue: 0, duration: 200, useNativeDriver: true })
+      import_react_native7.Animated.parallel([
+        import_react_native7.Animated.timing(fadeAnim, { toValue: 1, duration: 200, useNativeDriver: true }),
+        import_react_native7.Animated.timing(slideAnim, { toValue: 0, duration: 200, useNativeDriver: true })
       ]).start();
     });
   }, [step, fadeAnim, slideAnim]);
   const canContinueUsername = username.trim().length >= 3 && availability?.available === true && !checking;
   const handleSubmit = () => {
-    import_react_native6.Keyboard.dismiss();
+    import_react_native7.Keyboard.dismiss();
     onRegister(username.trim(), referralCode.trim() || void 0, avatarUrl);
   };
-  const renderAvatarStep = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.stepContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.stepTop, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.title, { color: t.text }], children: "Choose Your Avatar" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.subtitle, { color: t.textMuted }], children: "Pick a look that represents you" }),
+  const renderAvatarStep = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.stepContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.stepTop, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.title, { color: t.text }], children: "Choose Your Avatar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.subtitle, { color: t.textMuted }], children: "Pick a look that represents you" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StepIndicator, { currentStep: 0 }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: s.avatarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: [s.avatarFrame, { borderColor: accent }], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Image, { source: { uri: avatarUrl }, style: s.avatarLarge }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [s.checkBadge, { backgroundColor: t.success }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: s.checkBadgeText, children: "\u2713" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: s.avatarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: [s.avatarFrame, { borderColor: accent }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Image, { source: { uri: avatarUrl }, style: s.avatarLarge }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: [s.checkBadge, { backgroundColor: t.success }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: s.checkBadgeText, children: "\u2713" }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.avatarActions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.avatarActions, children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_react_native6.TouchableOpacity,
+          import_react_native7.TouchableOpacity,
           {
             style: [s.outlineBtn, { borderColor: t.border }],
             onPress: () => setAvatarSeed(generateSeed()),
             activeOpacity: 0.7,
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.outlineBtnText, { color: t.text }], children: "\u21BB  Shuffle" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.outlineBtnText, { color: t.text }], children: "\u21BB  Shuffle" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_react_native6.TouchableOpacity,
+          import_react_native7.TouchableOpacity,
           {
             style: [s.outlineBtn, { borderColor: accent, backgroundColor: accent + "15" }],
             onPress: () => setShowStyles(!showStyles),
             activeOpacity: 0.7,
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.outlineBtnText, { color: accent }], children: "\u263A  Customize" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.outlineBtnText, { color: accent }], children: "\u263A  Customize" })
           }
         )
       ] }),
-      showStyles && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: s.styleScroll, children: DICEBEAR_STYLES.map((st) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native6.TouchableOpacity,
+      showStyles && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: s.styleScroll, children: DICEBEAR_STYLES.map((st) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native7.TouchableOpacity,
         {
           onPress: () => setAvatarStyle(st),
           style: [s.styleThumbWrap, { borderColor: st === avatarStyle ? accent : t.border }],
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Image, { source: { uri: getAvatarUrl(st, avatarSeed, 80) }, style: s.styleThumb })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Image, { source: { uri: getAvatarUrl(st, avatarSeed, 80) }, style: s.styleThumb })
         },
         st
       )) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: s.bottomRow, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_native6.TouchableOpacity,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: s.bottomRow, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_native7.TouchableOpacity,
       {
         style: [s.primaryBtn, { backgroundColor: accent, flex: 1 }],
         onPress: () => animateToStep(1),
         activeOpacity: 0.8,
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: s.primaryBtnText, children: "Continue  \u203A" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: s.primaryBtnText, children: "Continue  \u203A" })
       }
     ) })
   ] });
-  const renderUsernameStep = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.stepContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.stepTop, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.headerRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.TouchableOpacity, { onPress: () => animateToStep(0), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.backChevron, { color: t.text }], children: "\u2039" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.titleInline, { color: t.text }], children: "Pick a Username" })
+  const renderUsernameStep = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.stepContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.stepTop, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.headerRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.TouchableOpacity, { onPress: () => animateToStep(0), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.backChevron, { color: t.text }], children: "\u2039" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.titleInline, { color: t.text }], children: "Pick a Username" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.subtitle, { color: t.textMuted }], children: "This is how others will see you" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.subtitle, { color: t.textMuted }], children: "This is how others will see you" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StepIndicator, { currentStep: 1 }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: s.avatarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: [s.avatarFrameSmall, { borderColor: accent }], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Image, { source: { uri: avatarUrl }, style: s.avatarSmall }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [s.checkBadgeSm, { backgroundColor: t.success }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: s.checkBadgeTextSm, children: "\u2713" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: s.avatarCenter, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: [s.avatarFrameSmall, { borderColor: accent }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Image, { source: { uri: avatarUrl }, style: s.avatarSmall }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: [s.checkBadgeSm, { backgroundColor: t.success }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: s.checkBadgeTextSm, children: "\u2713" }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.inputGroup, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.Text, { style: [s.inputLabel, { color: t.text }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.inputGroup, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.Text, { style: [s.inputLabel, { color: t.text }], children: [
           "Username ",
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: { color: t.errorText }, children: "*" })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: { color: t.errorText }, children: "*" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_react_native6.TextInput,
+          import_react_native7.TextInput,
           {
             style: [s.input, { backgroundColor: t.surface, color: t.text, borderColor: accent }],
             placeholder: "Enter username",
@@ -2633,63 +2790,63 @@ function DefaultRegistrationScreen({
             autoFocus: true
           }
         ),
-        checking ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.hint, { color: t.textDim }], children: "Checking..." }) : availability ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.hint, { color: availability.available ? t.success : t.errorText }], children: availability.available ? "\u2713 Available!" : availability.reason || "Username taken" }) : username.trim().length > 0 && username.trim().length < 3 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.hint, { color: t.textDim }], children: "At least 3 characters" }) : null
+        checking ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.hint, { color: t.textDim }], children: "Checking..." }) : availability ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.hint, { color: availability.available ? t.success : t.errorText }], children: availability.available ? "\u2713 Available!" : availability.reason || "Username taken" }) : username.trim().length > 0 && username.trim().length < 3 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.hint, { color: t.textDim }], children: "At least 3 characters" }) : null
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.bottomRow, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.bottomRow, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native6.TouchableOpacity,
+        import_react_native7.TouchableOpacity,
         {
           style: [s.secondaryBtn, { borderColor: t.border }],
           onPress: () => animateToStep(0),
           activeOpacity: 0.7,
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.secondaryBtnText, { color: t.text }], children: "\u2039  Back" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.secondaryBtnText, { color: t.text }], children: "\u2039  Back" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native6.TouchableOpacity,
+        import_react_native7.TouchableOpacity,
         {
           style: [s.primaryBtn, { backgroundColor: accent, flex: 1, opacity: canContinueUsername ? 1 : 0.4 }],
           onPress: () => animateToStep(2),
           disabled: !canContinueUsername,
           activeOpacity: 0.8,
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: s.primaryBtnText, children: "Continue  \u203A" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: s.primaryBtnText, children: "Continue  \u203A" })
         }
       )
     ] })
   ] });
-  const renderReferralStep = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.stepContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.stepTop, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.headerRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.TouchableOpacity, { onPress: () => animateToStep(1), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.backChevron, { color: t.text }], children: "\u2039" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.titleInline, { color: t.text }], children: "Almost There!" })
+  const renderReferralStep = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.stepContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.stepTop, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.headerRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.TouchableOpacity, { onPress: () => animateToStep(1), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.backChevron, { color: t.text }], children: "\u2039" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.titleInline, { color: t.text }], children: "Almost There!" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.subtitle, { color: t.textMuted }], children: "Got a referral code? (optional)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.subtitle, { color: t.textMuted }], children: "Got a referral code? (optional)" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StepIndicator, { currentStep: 2 }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: [s.profileCard, { borderColor: t.border }], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.profileLabel, { color: t.textMuted }], children: "Your Profile" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.profileRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Image, { source: { uri: avatarUrl }, style: s.profileAvatar }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: { gap: 4 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.Text, { style: [s.profileUsername, { color: t.text }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: [s.profileCard, { borderColor: t.border }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.profileLabel, { color: t.textMuted }], children: "Your Profile" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.profileRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Image, { source: { uri: avatarUrl }, style: s.profileAvatar }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: { gap: 4 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.Text, { style: [s.profileUsername, { color: t.text }], children: [
               "@",
               username
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.Text, { style: [s.profileReady, { color: t.success }], children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.Text, { style: [s.profileReady, { color: t.success }], children: [
               "\u2713",
               " Ready to go!"
             ] })
           ] })
         ] })
       ] }),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.errorText, { color: t.errorText }], children: error.message }) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.inputGroup, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.Text, { style: [s.inputLabel, { color: t.text }], children: [
+      error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.errorText, { color: t.errorText }], children: error.message }) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.inputGroup, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.Text, { style: [s.inputLabel, { color: t.text }], children: [
           "Referral Code ",
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: { color: t.textMuted }, children: "(optional)" })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: { color: t.textMuted }, children: "(optional)" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_react_native6.TextInput,
+          import_react_native7.TextInput,
           {
             style: [s.input, { backgroundColor: t.surface, color: t.text, borderColor: t.border }],
             placeholder: "Enter referral code",
@@ -2701,31 +2858,31 @@ function DefaultRegistrationScreen({
             editable: !registering
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.Text, { style: [s.hint, { color: t.textMuted }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.Text, { style: [s.hint, { color: t.textMuted }], children: [
           "\u{1F381}",
           " If a friend invited you, enter their code to give them credit!"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: s.bottomRow, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.bottomRow, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native6.TouchableOpacity,
+        import_react_native7.TouchableOpacity,
         {
           style: [s.secondaryBtn, { borderColor: t.border }],
           onPress: () => animateToStep(1),
           disabled: registering,
           activeOpacity: 0.7,
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [s.secondaryBtnText, { color: t.text }], children: "\u2039  Back" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.secondaryBtnText, { color: t.text }], children: "\u2039  Back" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native6.TouchableOpacity,
+        import_react_native7.TouchableOpacity,
         {
           style: [s.primaryBtn, { backgroundColor: accent, flex: 1, opacity: registering ? 0.7 : 1 }],
           onPress: handleSubmit,
           disabled: registering,
           activeOpacity: 0.8,
-          children: registering ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.ActivityIndicator, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: s.primaryBtnText, children: "Create Account" })
+          children: registering ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.ActivityIndicator, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: s.primaryBtnText, children: "Create Account" })
         }
       )
     ] })
@@ -2743,18 +2900,18 @@ function DefaultRegistrationScreen({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react_native6.KeyboardAvoidingView,
+    import_react_native7.KeyboardAvoidingView,
     {
       style: [s.container, { backgroundColor: t.background }],
-      behavior: import_react_native6.Platform.OS === "ios" ? "padding" : void 0,
+      behavior: import_react_native7.Platform.OS === "ios" ? "padding" : void 0,
       children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native6.ScrollView,
+        import_react_native7.ScrollView,
         {
           contentContainerStyle: { flexGrow: 1 },
           keyboardShouldPersistTaps: "handled",
           bounces: false,
           children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_react_native6.Animated.View,
+            import_react_native7.Animated.View,
             {
               style: [
                 { flex: 1 },
@@ -2768,7 +2925,98 @@ function DefaultRegistrationScreen({
     }
   );
 }
-var s = import_react_native6.StyleSheet.create({
+function PushTokenRestorer() {
+  const push = usePushNotifications();
+  const restored = (0, import_react17.useRef)(false);
+  (0, import_react17.useEffect)(() => {
+    if (restored.current) return;
+    restored.current = true;
+    push.restoreIfGranted();
+  }, []);
+  return null;
+}
+function PushSetupScreen({
+  accentColor,
+  appName,
+  onComplete
+}) {
+  const t = useDubsTheme();
+  const accent = accentColor || t.accent;
+  const push = usePushNotifications();
+  const fadeAnim = (0, import_react17.useRef)(new import_react_native7.Animated.Value(0)).current;
+  const slideAnim = (0, import_react17.useRef)(new import_react_native7.Animated.Value(30)).current;
+  (0, import_react17.useEffect)(() => {
+    import_react_native7.Animated.parallel([
+      import_react_native7.Animated.timing(fadeAnim, { toValue: 1, duration: 300, useNativeDriver: true }),
+      import_react_native7.Animated.timing(slideAnim, { toValue: 0, duration: 300, useNativeDriver: true })
+    ]).start();
+  }, [fadeAnim, slideAnim]);
+  const handleEnable = async () => {
+    await push.register();
+    onComplete();
+  };
+  const benefits = [
+    "A fight you picked on goes LIVE",
+    "Your pick wins or loses",
+    "Final results and rankings"
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_react_native7.Animated.View,
+    {
+      style: [
+        s.stepContainer,
+        { opacity: fadeAnim, transform: [{ translateY: slideAnim }] }
+      ],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.stepTop, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.title, { color: t.text }], children: "Enable Notifications" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.subtitle, { color: t.textMuted }], children: "Stay in the loop with real-time updates" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StepIndicator, { currentStep: 3 }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: pushStyles.iconContainer, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: [pushStyles.bellCircle, { backgroundColor: accent + "20" }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [pushStyles.bellIcon, { color: accent }], children: "\u{1F514}" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: pushStyles.benefitsList, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [pushStyles.benefitsHeader, { color: t.text }], children: "Get real-time updates when:" }),
+            benefits.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: pushStyles.benefitRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.View, { style: [pushStyles.bulletDot, { backgroundColor: accent }] }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [pushStyles.benefitText, { color: t.textMuted }], children: item })
+            ] }, i))
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native7.View, { style: s.bottomRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_react_native7.TouchableOpacity,
+            {
+              style: [s.secondaryBtn, { borderColor: t.border }],
+              onPress: onComplete,
+              activeOpacity: 0.7,
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: [s.secondaryBtnText, { color: t.textMuted }], children: "Maybe Later" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_react_native7.TouchableOpacity,
+            {
+              style: [s.primaryBtn, { backgroundColor: accent, flex: 1, opacity: push.loading ? 0.7 : 1 }],
+              onPress: handleEnable,
+              disabled: push.loading,
+              activeOpacity: 0.8,
+              children: push.loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.ActivityIndicator, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native7.Text, { style: s.primaryBtnText, children: "Enable Notifications" })
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+var pushStyles = import_react_native7.StyleSheet.create({
+  iconContainer: { alignItems: "center", marginVertical: 24 },
+  bellCircle: { width: 100, height: 100, borderRadius: 50, justifyContent: "center", alignItems: "center" },
+  bellIcon: { fontSize: 48 },
+  benefitsList: { paddingHorizontal: 24, gap: 12, marginTop: 8 },
+  benefitsHeader: { fontSize: 17, fontWeight: "700", marginBottom: 4 },
+  benefitRow: { flexDirection: "row", alignItems: "center", gap: 12 },
+  bulletDot: { width: 8, height: 8, borderRadius: 4 },
+  benefitText: { fontSize: 16, flex: 1 }
+});
+var s = import_react_native7.StyleSheet.create({
   container: { flex: 1 },
   // Loading / Error
   centerContent: { flex: 1, justifyContent: "center", alignItems: "center", paddingHorizontal: 32, gap: 48 },
@@ -2833,7 +3081,7 @@ var s = import_react_native6.StyleSheet.create({
 
 // src/provider.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var DubsContext = (0, import_react17.createContext)(null);
+var DubsContext = (0, import_react18.createContext)(null);
 function DubsProvider({
   apiKey,
   children,
@@ -2855,11 +3103,11 @@ function DubsProvider({
   const baseUrl = baseUrlOverride || config.baseUrl;
   const rpcUrl = rpcUrlOverride || config.rpcUrl;
   const cluster = config.cluster;
-  const client = (0, import_react17.useMemo)(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
-  const connection = (0, import_react17.useMemo)(() => new import_web34.Connection(rpcUrl, { commitment: "confirmed" }), [rpcUrl]);
-  const storage = (0, import_react17.useMemo)(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
-  const [uiConfig, setUiConfig] = (0, import_react17.useState)(null);
-  (0, import_react17.useEffect)(() => {
+  const client = (0, import_react18.useMemo)(() => new DubsClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+  const connection = (0, import_react18.useMemo)(() => new import_web34.Connection(rpcUrl, { commitment: "confirmed" }), [rpcUrl]);
+  const storage = (0, import_react18.useMemo)(() => tokenStorage || createSecureStoreStorage(), [tokenStorage]);
+  const [uiConfig, setUiConfig] = (0, import_react18.useState)(null);
+  (0, import_react18.useEffect)(() => {
     client.getAppConfig().then((config2) => {
       console.log("[DubsProvider] UI config loaded:", JSON.stringify(config2));
       setUiConfig(config2);
@@ -2940,11 +3188,11 @@ function ManagedInner({
   children
 }) {
   const managedDisconnect = useDisconnect();
-  const disconnect = (0, import_react17.useCallback)(async () => {
+  const disconnect = (0, import_react18.useCallback)(async () => {
     client.setToken(null);
     await managedDisconnect?.();
   }, [client, managedDisconnect]);
-  const value = (0, import_react17.useMemo)(
+  const value = (0, import_react18.useMemo)(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig }),
     [client, wallet, connection, appName, network, disconnect, uiConfig]
   );
@@ -2980,13 +3228,13 @@ function ExternalWalletProvider({
   uiConfig,
   children
 }) {
-  const disconnect = (0, import_react17.useCallback)(async () => {
+  const disconnect = (0, import_react18.useCallback)(async () => {
     client.setToken(null);
     await storage.deleteItem(STORAGE_KEYS.JWT_TOKEN).catch(() => {
     });
     await wallet.disconnect?.();
   }, [client, storage, wallet]);
-  const value = (0, import_react17.useMemo)(
+  const value = (0, import_react18.useMemo)(
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig }),
     [client, wallet, connection, appName, network, disconnect, uiConfig]
   );
@@ -3011,20 +3259,20 @@ function ExternalWalletProvider({
   ) });
 }
 function useDubs() {
-  const ctx = (0, import_react17.useContext)(DubsContext);
+  const ctx = (0, import_react18.useContext)(DubsContext);
   if (!ctx) {
     throw new Error("useDubs must be used within a <DubsProvider>");
   }
   return ctx;
 }
 function useAppConfig() {
-  const ctx = (0, import_react17.useContext)(DubsContext);
+  const ctx = (0, import_react18.useContext)(DubsContext);
   return ctx?.uiConfig || {};
 }
 
 // src/ui/UserProfileCard.tsx
-var import_react18 = require("react");
-var import_react_native7 = require("react-native");
+var import_react19 = require("react");
+var import_react_native8 = require("react-native");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function truncateAddress(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
@@ -3043,20 +3291,20 @@ function UserProfileCard({
   memberSince
 }) {
   const t = useDubsTheme();
-  const imageUri = (0, import_react18.useMemo)(
+  const imageUri = (0, import_react19.useMemo)(
     () => avatarUrl || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native7.View, { style: [styles2.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native7.Image, { source: { uri: imageUri }, style: styles2.avatar }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native7.View, { style: styles2.info, children: [
-      username ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native7.Text, { style: [styles2.username, { color: t.text }], children: username }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native7.Text, { style: [styles2.address, { color: t.textMuted }], children: truncateAddress(walletAddress) }),
-      memberSince ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native7.Text, { style: [styles2.memberSince, { color: t.textDim }], children: formatMemberSince(memberSince) }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native8.View, { style: [styles2.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.Image, { source: { uri: imageUri }, style: styles2.avatar }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native8.View, { style: styles2.info, children: [
+      username ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.Text, { style: [styles2.username, { color: t.text }], children: username }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.Text, { style: [styles2.address, { color: t.textMuted }], children: truncateAddress(walletAddress) }),
+      memberSince ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.Text, { style: [styles2.memberSince, { color: t.textDim }], children: formatMemberSince(memberSince) }) : null
     ] })
   ] });
 }
-var styles2 = import_react_native7.StyleSheet.create({
+var styles2 = import_react_native8.StyleSheet.create({
   card: {
     flexDirection: "row",
     alignItems: "center",
@@ -3090,7 +3338,7 @@ var styles2 = import_react_native7.StyleSheet.create({
 });
 
 // src/ui/SettingsSheet.tsx
-var import_react_native8 = require("react-native");
+var import_react_native9 = require("react-native");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function truncateAddress2(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
@@ -3109,7 +3357,7 @@ function SettingsSheet({
 }) {
   const t = useDubsTheme();
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    import_react_native8.ScrollView,
+    import_react_native9.ScrollView,
     {
       style: [styles3.container, { backgroundColor: t.background }],
       contentContainerStyle: styles3.content,
@@ -3123,49 +3371,49 @@ function SettingsSheet({
             memberSince
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native8.View, { style: [styles3.actionsCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native9.View, { style: [styles3.actionsCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
           onCopyAddress ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-            import_react_native8.TouchableOpacity,
+            import_react_native9.TouchableOpacity,
             {
               style: styles3.actionRow,
               onPress: onCopyAddress,
               activeOpacity: 0.7,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native8.View, { style: styles3.actionRowLeft, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native8.Text, { style: [styles3.actionLabel, { color: t.text }], children: "Wallet Address" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native8.Text, { style: [styles3.actionValue, { color: t.textMuted }], children: truncateAddress2(walletAddress) })
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native9.View, { style: styles3.actionRowLeft, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native9.Text, { style: [styles3.actionLabel, { color: t.text }], children: "Wallet Address" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native9.Text, { style: [styles3.actionValue, { color: t.textMuted }], children: truncateAddress2(walletAddress) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native8.Text, { style: [styles3.copyLabel, { color: t.accent }], children: "Copy" })
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native9.Text, { style: [styles3.copyLabel, { color: t.accent }], children: "Copy" })
               ]
             }
           ) : null,
           onSupport ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-            onCopyAddress ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native8.View, { style: [styles3.separator, { backgroundColor: t.border }] }) : null,
+            onCopyAddress ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native9.View, { style: [styles3.separator, { backgroundColor: t.border }] }) : null,
             /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-              import_react_native8.TouchableOpacity,
+              import_react_native9.TouchableOpacity,
               {
                 style: styles3.actionRow,
                 onPress: onSupport,
                 activeOpacity: 0.7,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native8.Text, { style: [styles3.actionLabel, { color: t.text }], children: "Help & Support" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native8.Text, { style: [styles3.chevron, { color: t.textMuted }], children: "\u203A" })
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native9.Text, { style: [styles3.actionLabel, { color: t.text }], children: "Help & Support" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native9.Text, { style: [styles3.chevron, { color: t.textMuted }], children: "\u203A" })
                 ]
               }
             )
           ] }) : null
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_react_native8.TouchableOpacity,
+          import_react_native9.TouchableOpacity,
           {
             style: [styles3.logoutButton, { borderColor: t.live }],
             onPress: onLogout,
             disabled: loggingOut,
             activeOpacity: 0.7,
-            children: loggingOut ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native8.ActivityIndicator, { color: t.live, size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native8.Text, { style: [styles3.logoutText, { color: t.live }], children: "Log Out" })
+            children: loggingOut ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native9.ActivityIndicator, { color: t.live, size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native9.Text, { style: [styles3.logoutText, { color: t.live }], children: "Log Out" })
           }
         ),
-        appVersion ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native8.Text, { style: [styles3.version, { color: t.textDim }], children: [
+        appVersion ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native9.Text, { style: [styles3.version, { color: t.textDim }], children: [
           "v",
           appVersion
         ] }) : null
@@ -3173,7 +3421,7 @@ function SettingsSheet({
     }
   );
 }
-var styles3 = import_react_native8.StyleSheet.create({
+var styles3 = import_react_native9.StyleSheet.create({
   container: {
     flex: 1
   },
@@ -3236,8 +3484,8 @@ var styles3 = import_react_native8.StyleSheet.create({
 });
 
 // src/ui/game/GamePoster.tsx
-var import_react19 = require("react");
-var import_react_native9 = require("react-native");
+var import_react20 = require("react");
+var import_react_native10 = require("react-native");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function computeCountdown(lockTimestamp) {
   if (!lockTimestamp) return "";
@@ -3259,7 +3507,7 @@ function GamePoster({ game, ImageComponent }) {
   const away = opponents[1];
   const countdown = computeCountdown(game.lockTimestamp);
   const isLive = countdown === "LIVE";
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native9.View, { style: styles4.container, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native10.View, { style: styles4.container, children: [
     game.media?.poster ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       Img,
       {
@@ -3267,28 +3515,28 @@ function GamePoster({ game, ImageComponent }) {
         style: styles4.image,
         resizeMode: "cover"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native9.View, { style: [styles4.image, { backgroundColor: t.surface }], children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native9.View, { style: styles4.fallback, children: [
+    ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native10.View, { style: [styles4.image, { backgroundColor: t.surface }], children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native10.View, { style: styles4.fallback, children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TeamLogoInternal, { url: home?.imageUrl, size: 56, Img }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native9.Text, { style: styles4.vs, children: "VS" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native10.Text, { style: styles4.vs, children: "VS" }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TeamLogoInternal, { url: away?.imageUrl, size: 56, Img })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native9.View, { style: styles4.overlay }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native9.View, { style: styles4.teamNames, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native9.Text, { style: styles4.teamNameText, numberOfLines: 1, children: home?.name || "Home" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native9.Text, { style: styles4.teamNameVs, children: "vs" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native9.Text, { style: styles4.teamNameText, numberOfLines: 1, children: away?.name || "Away" })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native10.View, { style: styles4.overlay }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native10.View, { style: styles4.teamNames, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native10.Text, { style: styles4.teamNameText, numberOfLines: 1, children: home?.name || "Home" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native10.Text, { style: styles4.teamNameVs, children: "vs" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native10.Text, { style: styles4.teamNameText, numberOfLines: 1, children: away?.name || "Away" })
     ] }),
-    countdown ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native9.View, { style: styles4.countdownPill, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native9.Text, { style: [styles4.countdownText, isLive && styles4.countdownLive], children: countdown }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native9.View, { style: styles4.poolPill, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native9.Text, { style: styles4.poolText, children: [
+    countdown ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native10.View, { style: styles4.countdownPill, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native10.Text, { style: [styles4.countdownText, isLive && styles4.countdownLive], children: countdown }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native10.View, { style: styles4.poolPill, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native10.Text, { style: styles4.poolText, children: [
       game.totalPool || 0,
       " SOL"
     ] }) })
   ] });
 }
 function TeamLogoInternal({ url, size, Img }) {
-  const [failed, setFailed] = (0, import_react19.useState)(false);
+  const [failed, setFailed] = (0, import_react20.useState)(false);
   if (!url || failed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native9.View, { style: [styles4.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native10.View, { style: [styles4.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     Img,
@@ -3300,7 +3548,7 @@ function TeamLogoInternal({ url, size, Img }) {
     }
   );
 }
-var styles4 = import_react_native9.StyleSheet.create({
+var styles4 = import_react_native10.StyleSheet.create({
   container: {
     height: 200,
     borderRadius: 16,
@@ -3308,12 +3556,12 @@ var styles4 = import_react_native9.StyleSheet.create({
     position: "relative"
   },
   image: {
-    ...import_react_native9.StyleSheet.absoluteFillObject,
+    ...import_react_native10.StyleSheet.absoluteFillObject,
     justifyContent: "center",
     alignItems: "center"
   },
   overlay: {
-    ...import_react_native9.StyleSheet.absoluteFillObject,
+    ...import_react_native10.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.35)"
   },
   fallback: {
@@ -3387,8 +3635,8 @@ var styles4 = import_react_native9.StyleSheet.create({
 });
 
 // src/ui/game/LivePoolsCard.tsx
-var import_react20 = require("react");
-var import_react_native10 = require("react-native");
+var import_react21 = require("react");
+var import_react_native11 = require("react-native");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function LivePoolsCard({
   game,
@@ -3403,7 +3651,7 @@ function LivePoolsCard({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const totalPool = game.totalPool || 0;
-  const { homePercent, awayPercent, homeOdds, awayOdds } = (0, import_react20.useMemo)(() => {
+  const { homePercent, awayPercent, homeOdds, awayOdds } = (0, import_react21.useMemo)(() => {
     return {
       homePercent: totalPool > 0 ? homePool / totalPool * 100 : 50,
       awayPercent: totalPool > 0 ? awayPool / totalPool * 100 : 50,
@@ -3411,29 +3659,29 @@ function LivePoolsCard({
       awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014"
     };
   }, [homePool, awayPool, totalPool]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native10.View, { style: [styles5.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native10.Text, { style: [styles5.title, { color: t.text }], children: "Live Pools" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native10.Text, { style: [styles5.total, { color: t.accent }], children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native11.View, { style: [styles5.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native11.Text, { style: [styles5.title, { color: t.text }], children: "Live Pools" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native11.Text, { style: [styles5.total, { color: t.accent }], children: [
       totalPool,
       " SOL total"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native10.View, { style: styles5.bars, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native11.View, { style: styles5.bars, children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PoolBar, { name: homeName, amount: homePool, percent: homePercent, color: homeColor, t }),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PoolBar, { name: awayName, amount: awayPool, percent: awayPercent, color: awayColor, t })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native10.View, { style: styles5.oddsRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native10.Text, { style: [styles5.oddsText, { color: t.textMuted }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native11.View, { style: styles5.oddsRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native11.Text, { style: [styles5.oddsText, { color: t.textMuted }], children: [
         homeName,
         ": ",
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native10.Text, { style: { color: t.text, fontWeight: "700" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native11.Text, { style: { color: t.text, fontWeight: "700" }, children: [
           homeOdds,
           "x"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native10.Text, { style: [styles5.oddsText, { color: t.textMuted }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native11.Text, { style: [styles5.oddsText, { color: t.textMuted }], children: [
         awayName,
         ": ",
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native10.Text, { style: { color: t.text, fontWeight: "700" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native11.Text, { style: { color: t.text, fontWeight: "700" }, children: [
           awayOdds,
           "x"
         ] })
@@ -3442,16 +3690,16 @@ function LivePoolsCard({
   ] });
 }
 function PoolBar({ name, amount, percent, color, t }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native10.View, { style: styles5.barRow, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native10.Text, { style: [styles5.barLabel, { color: t.textSecondary }], numberOfLines: 1, children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native10.View, { style: [styles5.barTrack, { backgroundColor: t.border }], children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native10.View, { style: [styles5.barFill, { width: `${Math.max(percent, 2)}%`, backgroundColor: color }] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native10.Text, { style: [styles5.barAmount, { color: t.text }], children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native11.View, { style: styles5.barRow, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native11.Text, { style: [styles5.barLabel, { color: t.textSecondary }], numberOfLines: 1, children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native11.View, { style: [styles5.barTrack, { backgroundColor: t.border }], children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native11.View, { style: [styles5.barFill, { width: `${Math.max(percent, 2)}%`, backgroundColor: color }] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native11.Text, { style: [styles5.barAmount, { color: t.text }], children: [
       amount,
       " SOL"
     ] })
   ] });
 }
-var styles5 = import_react_native10.StyleSheet.create({
+var styles5 = import_react_native11.StyleSheet.create({
   card: { borderRadius: 16, borderWidth: 1, padding: 16 },
   title: { fontSize: 17, fontWeight: "700", marginBottom: 4 },
   total: { fontSize: 14, fontWeight: "600", marginBottom: 14 },
@@ -3466,8 +3714,8 @@ var styles5 = import_react_native10.StyleSheet.create({
 });
 
 // src/ui/game/PickWinnerCard.tsx
-var import_react21 = require("react");
-var import_react_native11 = require("react-native");
+var import_react22 = require("react");
+var import_react_native12 = require("react-native");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function PickWinnerCard({
   game,
@@ -3484,7 +3732,7 @@ function PickWinnerCard({
   const totalPool = game.totalPool || 0;
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
-  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react21.useMemo)(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react22.useMemo)(() => ({
     homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
     awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
     homeBets: bettors.filter((b) => b.team === "home").length,
@@ -3492,9 +3740,9 @@ function PickWinnerCard({
   }), [totalPool, homePool, awayPool, bettors]);
   const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native11.View, { style: [styles6.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native11.Text, { style: [styles6.title, { color: t.text }], children: "Pick Your Winner" }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native11.View, { style: styles6.row, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native12.View, { style: [styles6.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native12.Text, { style: [styles6.title, { color: t.text }], children: "Pick Your Winner" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native12.View, { style: styles6.row, children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         TeamOption,
         {
@@ -3537,33 +3785,33 @@ function TeamOption({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react21.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react22.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    import_react_native11.TouchableOpacity,
+    import_react_native12.TouchableOpacity,
     {
       style: [styles6.option, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
       onPress,
       activeOpacity: 0.7,
       children: [
-        showImage ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Img, { source: { uri: imageUrl }, style: styles6.logo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native11.View, { style: [styles6.logo, styles6.logoPlaceholder] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native11.Text, { style: [styles6.name, { color: t.text }], numberOfLines: 1, children: name }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native11.Text, { style: [styles6.odds, { color }], children: [
+        showImage ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Img, { source: { uri: imageUrl }, style: styles6.logo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native12.View, { style: [styles6.logo, styles6.logoPlaceholder] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native12.Text, { style: [styles6.name, { color: t.text }], numberOfLines: 1, children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native12.Text, { style: [styles6.odds, { color }], children: [
           odds,
           "x"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native11.Text, { style: [styles6.bets, { color: t.textMuted }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native12.Text, { style: [styles6.bets, { color: t.textMuted }], children: [
           bets,
           " ",
           bets === 1 ? "bet" : "bets"
         ] }),
-        selected && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native11.View, { style: [styles6.badge, { backgroundColor: color }], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native11.Text, { style: styles6.badgeText, children: "Selected" }) })
+        selected && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native12.View, { style: [styles6.badge, { backgroundColor: color }], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native12.Text, { style: styles6.badgeText, children: "Selected" }) })
       ]
     }
   );
 }
-var styles6 = import_react_native11.StyleSheet.create({
+var styles6 = import_react_native12.StyleSheet.create({
   card: { borderRadius: 16, borderWidth: 1, padding: 16 },
   title: { fontSize: 17, fontWeight: "700", marginBottom: 12 },
   row: { flexDirection: "row", gap: 12 },
@@ -3578,8 +3826,8 @@ var styles6 = import_react_native11.StyleSheet.create({
 });
 
 // src/ui/game/PlayersCard.tsx
-var import_react22 = require("react");
-var import_react_native12 = require("react-native");
+var import_react23 = require("react");
+var import_react_native13 = require("react-native");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function truncateWallet(addr, chars) {
   if (addr.length <= chars * 2 + 3) return addr;
@@ -3600,12 +3848,12 @@ function PlayersCard({
     if (team === "away") return awayColor;
     return drawColor;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native12.View, { style: [styles7.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native12.Text, { style: [styles7.title, { color: t.text }], children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native13.View, { style: [styles7.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native13.Text, { style: [styles7.title, { color: t.text }], children: [
       "Players",
       bettors.length > 0 ? ` (${bettors.length})` : ""
     ] }),
-    bettors.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native12.Text, { style: [styles7.empty, { color: t.textMuted }], children: "No players yet \u2014 be the first!" }) : bettors.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    bettors.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native13.Text, { style: [styles7.empty, { color: t.textMuted }], children: "No players yet \u2014 be the first!" }) : bettors.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       BettorRow,
       {
         bettor: b,
@@ -3627,20 +3875,20 @@ function BettorRow({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react22.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react23.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showAvatar = bettor.avatar && !imgFailed;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native12.View, { style: [styles7.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native12.View, { style: [styles7.dot, { backgroundColor: dotColor }] }),
-    showAvatar ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Img, { source: { uri: bettor.avatar }, style: styles7.avatar, resizeMode: "cover", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native12.View, { style: [styles7.avatar, styles7.avatarPlaceholder] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native12.View, { style: styles7.nameCol, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native12.Text, { style: [styles7.username, { color: t.text }], numberOfLines: 1, children: bettor.username || truncateWallet(bettor.wallet, truncateChars) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native12.Text, { style: [styles7.amount, { color: t.textSecondary }], children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native13.View, { style: [styles7.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native13.View, { style: [styles7.dot, { backgroundColor: dotColor }] }),
+    showAvatar ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Img, { source: { uri: bettor.avatar }, style: styles7.avatar, resizeMode: "cover", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native13.View, { style: [styles7.avatar, styles7.avatarPlaceholder] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native13.View, { style: styles7.nameCol, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native13.Text, { style: [styles7.username, { color: t.text }], numberOfLines: 1, children: bettor.username || truncateWallet(bettor.wallet, truncateChars) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_native13.Text, { style: [styles7.amount, { color: t.textSecondary }], children: [
       bettor.amount,
       " SOL"
     ] })
   ] });
 }
-var styles7 = import_react_native12.StyleSheet.create({
+var styles7 = import_react_native13.StyleSheet.create({
   card: { borderRadius: 16, borderWidth: 1, padding: 16 },
   title: { fontSize: 17, fontWeight: "700", marginBottom: 12 },
   empty: { fontSize: 14, textAlign: "center", paddingVertical: 16 },
@@ -3654,8 +3902,8 @@ var styles7 = import_react_native12.StyleSheet.create({
 });
 
 // src/ui/game/JoinGameButton.tsx
-var import_react23 = require("react");
-var import_react_native13 = require("react-native");
+var import_react24 = require("react");
+var import_react_native14 = require("react-native");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var STATUS_LABELS = {
   building: "Building transaction...",
@@ -3665,37 +3913,37 @@ var STATUS_LABELS = {
 };
 function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
   const t = useDubsTheme();
-  const alreadyJoined = (0, import_react23.useMemo)(() => {
+  const alreadyJoined = (0, import_react24.useMemo)(() => {
     if (!walletAddress) return false;
     return (game.bettors || []).some((b) => b.wallet === walletAddress);
   }, [game.bettors, walletAddress]);
   if (alreadyJoined || game.isLocked || game.isResolved) return null;
   const isJoining = status !== "idle" && status !== "success" && status !== "error";
   const statusLabel = STATUS_LABELS[status] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native13.View, { style: [styles8.bar, { backgroundColor: t.background, borderTopColor: t.border }], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native13.View, { style: styles8.buyInRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native13.Text, { style: [styles8.buyInLabel, { color: t.textMuted }], children: "Buy-in" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native13.Text, { style: [styles8.buyInValue, { color: t.text }], children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native14.View, { style: [styles8.bar, { backgroundColor: t.background, borderTopColor: t.border }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native14.View, { style: styles8.buyInRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native14.Text, { style: [styles8.buyInLabel, { color: t.textMuted }], children: "Buy-in" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native14.Text, { style: [styles8.buyInValue, { color: t.text }], children: [
         game.buyIn,
         " SOL"
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      import_react_native13.TouchableOpacity,
+      import_react_native14.TouchableOpacity,
       {
         style: [styles8.button, { backgroundColor: selectedTeam ? t.accent : t.border }],
         disabled: !selectedTeam || isJoining,
         onPress: onJoin,
         activeOpacity: 0.8,
-        children: isJoining ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native13.View, { style: styles8.joiningRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native13.ActivityIndicator, { size: "small", color: "#000" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native13.Text, { style: styles8.buttonText, children: statusLabel })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native13.Text, { style: [styles8.buttonText, !selectedTeam && { color: t.textMuted }], children: selectedTeam ? `Join Bet \u2014 ${game.buyIn} SOL` : "Pick a team to bet" })
+        children: isJoining ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native14.View, { style: styles8.joiningRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native14.ActivityIndicator, { size: "small", color: "#000" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native14.Text, { style: styles8.buttonText, children: statusLabel })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native14.Text, { style: [styles8.buttonText, !selectedTeam && { color: t.textMuted }], children: selectedTeam ? `Join Bet \u2014 ${game.buyIn} SOL` : "Pick a team to bet" })
       }
     )
   ] });
 }
-var styles8 = import_react_native13.StyleSheet.create({
+var styles8 = import_react_native14.StyleSheet.create({
   bar: { position: "absolute", bottom: 0, left: 0, right: 0, paddingHorizontal: 16, paddingTop: 12, paddingBottom: 36, borderTopWidth: 1 },
   buyInRow: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", marginBottom: 10 },
   buyInLabel: { fontSize: 13 },
@@ -3706,8 +3954,8 @@ var styles8 = import_react_native13.StyleSheet.create({
 });
 
 // src/ui/game/CreateCustomGameSheet.tsx
-var import_react24 = require("react");
-var import_react_native14 = require("react-native");
+var import_react25 = require("react");
+var import_react_native15 = require("react-native");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var STATUS_LABELS2 = {
   building: "Building transaction...",
@@ -3732,18 +3980,18 @@ function CreateCustomGameSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useCreateCustomGame();
-  const [selectedAmount, setSelectedAmount] = (0, import_react24.useState)(null);
-  const [customAmount, setCustomAmount] = (0, import_react24.useState)("");
-  const [isCustom, setIsCustom] = (0, import_react24.useState)(false);
-  const overlayOpacity = (0, import_react24.useRef)(new import_react_native14.Animated.Value(0)).current;
-  (0, import_react24.useEffect)(() => {
-    import_react_native14.Animated.timing(overlayOpacity, {
+  const [selectedAmount, setSelectedAmount] = (0, import_react25.useState)(null);
+  const [customAmount, setCustomAmount] = (0, import_react25.useState)("");
+  const [isCustom, setIsCustom] = (0, import_react25.useState)(false);
+  const overlayOpacity = (0, import_react25.useRef)(new import_react_native15.Animated.Value(0)).current;
+  (0, import_react25.useEffect)(() => {
+    import_react_native15.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (visible) {
       setSelectedAmount(defaultAmount ?? null);
       setCustomAmount("");
@@ -3751,7 +3999,7 @@ function CreateCustomGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -3760,23 +4008,23 @@ function CreateCustomGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
-  const handlePresetSelect = (0, import_react24.useCallback)((amount) => {
+  const handlePresetSelect = (0, import_react25.useCallback)((amount) => {
     setSelectedAmount(amount);
     setIsCustom(false);
     setCustomAmount("");
     onAmountChange?.(amount);
   }, [onAmountChange]);
-  const handleCustomSelect = (0, import_react24.useCallback)(() => {
+  const handleCustomSelect = (0, import_react25.useCallback)(() => {
     setIsCustom(true);
     setSelectedAmount(null);
     onAmountChange?.(null);
   }, [onAmountChange]);
-  const handleCustomAmountChange = (0, import_react24.useCallback)((text) => {
+  const handleCustomAmountChange = (0, import_react25.useCallback)((text) => {
     const cleaned = text.replace(/[^0-9.]/g, "").replace(/(\..*?)\..*/g, "$1");
     setCustomAmount(cleaned);
     const parsed = parseFloat(cleaned);
@@ -3791,7 +4039,7 @@ function CreateCustomGameSheet({
   const winnerTakes = pot * (1 - fee / 100);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canCreate = finalAmount !== null && finalAmount > 0 && !isMutating && mutation.status !== "success";
-  const handleCreate = (0, import_react24.useCallback)(async () => {
+  const handleCreate = (0, import_react25.useCallback)(async () => {
     if (!finalAmount || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -3808,32 +4056,32 @@ function CreateCustomGameSheet({
   const statusLabel = STATUS_LABELS2[mutation.status] || "";
   const playersLabel = playerCount === 2 ? "2 (1v1)" : `${playerCount} players`;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    import_react_native14.Modal,
+    import_react_native15.Modal,
     {
       visible,
       animationType: "slide",
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Animated.View, { style: [styles9.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.TouchableOpacity, { style: styles9.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Animated.View, { style: [styles9.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.TouchableOpacity, { style: styles9.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_react_native14.KeyboardAvoidingView,
+          import_react_native15.KeyboardAvoidingView,
           {
             style: styles9.keyboardView,
-            behavior: import_react_native14.Platform.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.View, { style: styles9.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.View, { style: [styles9.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.View, { style: styles9.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.View, { style: [styles9.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.View, { style: styles9.header, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: [styles9.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Create Pool" : "New Game" }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: [styles9.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            behavior: import_react_native15.Platform.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.View, { style: styles9.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.View, { style: [styles9.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.View, { style: styles9.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.View, { style: [styles9.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.View, { style: styles9.header, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: [styles9.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Create Pool" : "New Game" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: [styles9.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              !isPoolModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.View, { style: styles9.section, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: [styles9.sectionLabel, { color: t.textSecondary }], children: "Buy-In Amount" }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.View, { style: styles9.chipsRow, children: [
+              !isPoolModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.View, { style: styles9.section, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: [styles9.sectionLabel, { color: t.textSecondary }], children: "Buy-In Amount" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.View, { style: styles9.chipsRow, children: [
                   presetAmounts.map((amount) => {
                     const active = !isCustom && selectedAmount === amount;
                     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                      import_react_native14.TouchableOpacity,
+                      import_react_native15.TouchableOpacity,
                       {
                         style: [
                           styles9.chip,
@@ -3842,7 +4090,7 @@ function CreateCustomGameSheet({
                         ],
                         onPress: () => handlePresetSelect(amount),
                         activeOpacity: 0.8,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.Text, { style: [styles9.chipText, { color: active ? "#FFFFFF" : t.text }], children: [
+                        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.Text, { style: [styles9.chipText, { color: active ? "#FFFFFF" : t.text }], children: [
                           amount,
                           " SOL"
                         ] })
@@ -3851,7 +4099,7 @@ function CreateCustomGameSheet({
                     );
                   }),
                   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                    import_react_native14.TouchableOpacity,
+                    import_react_native15.TouchableOpacity,
                     {
                       style: [
                         styles9.chip,
@@ -3860,12 +4108,12 @@ function CreateCustomGameSheet({
                       ],
                       onPress: handleCustomSelect,
                       activeOpacity: 0.8,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: [styles9.chipText, { color: isCustom ? "#FFFFFF" : t.text }], children: "Custom" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: [styles9.chipText, { color: isCustom ? "#FFFFFF" : t.text }], children: "Custom" })
                     }
                   )
                 ] }),
                 isCustom && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                  import_react_native14.TextInput,
+                  import_react_native15.TextInput,
                   {
                     style: [styles9.input, { backgroundColor: t.surface, color: t.text, borderColor: t.accent }],
                     placeholder: "Enter amount in SOL",
@@ -3877,31 +4125,31 @@ function CreateCustomGameSheet({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.View, { style: [styles9.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.View, { style: styles9.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: [styles9.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: [styles9.summaryValue, { color: t.text }], children: finalAmount ? `${finalAmount} SOL` : "\u2014" })
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.View, { style: [styles9.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.View, { style: styles9.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: [styles9.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: [styles9.summaryValue, { color: t.text }], children: finalAmount ? `${finalAmount} SOL` : "\u2014" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.View, { style: [styles9.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.View, { style: styles9.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: [styles9.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max players" : "Players" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: [styles9.summaryValue, { color: t.text }], children: isPoolModeEnabled ? playerCount : playersLabel })
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.View, { style: [styles9.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.View, { style: styles9.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: [styles9.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max players" : "Players" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: [styles9.summaryValue, { color: t.text }], children: isPoolModeEnabled ? playerCount : playersLabel })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.View, { style: [styles9.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.View, { style: styles9.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: [styles9.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max pot" : "Winner Takes" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.View, { style: styles9.winnerCol, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: [styles9.summaryValue, { color: t.success }], children: finalAmount ? `${(finalAmount * playerCount * (1 - fee / 100)).toFixed(4)} SOL` : "\u2014" }),
-                    finalAmount ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.Text, { style: [styles9.feeNote, { color: t.textDim }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.View, { style: [styles9.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.View, { style: styles9.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: [styles9.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max pot" : "Winner Takes" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.View, { style: styles9.winnerCol, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: [styles9.summaryValue, { color: t.success }], children: finalAmount ? `${(finalAmount * playerCount * (1 - fee / 100)).toFixed(4)} SOL` : "\u2014" }),
+                    finalAmount ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.Text, { style: [styles9.feeNote, { color: t.textDim }], children: [
                       fee,
                       "% platform fee"
                     ] }) : null
                   ] })
                 ] })
               ] }),
-              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.View, { style: [styles9.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: [styles9.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.View, { style: [styles9.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: [styles9.errorText, { color: t.errorText }], children: mutation.error.message }) }),
               /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                import_react_native14.TouchableOpacity,
+                import_react_native15.TouchableOpacity,
                 {
                   style: [
                     styles9.ctaButton,
@@ -3910,10 +4158,10 @@ function CreateCustomGameSheet({
                   disabled: !canCreate,
                   onPress: handleCreate,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.View, { style: styles9.ctaLoading, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: styles9.ctaText, children: statusLabel })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: styles9.ctaText, children: isPoolModeEnabled ? "Pool Created!" : STATUS_LABELS2.success }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.Text, { style: [styles9.ctaText, !canCreate && { opacity: 0.5 }], children: isPoolModeEnabled ? `Create Pool \u2014 ${finalAmount} SOL` : effectiveAmount ? `Create Game \u2014 ${effectiveAmount} SOL` : "Select buy-in amount" })
+                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native15.View, { style: styles9.ctaLoading, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: styles9.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: styles9.ctaText, children: isPoolModeEnabled ? "Pool Created!" : STATUS_LABELS2.success }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native15.Text, { style: [styles9.ctaText, !canCreate && { opacity: 0.5 }], children: isPoolModeEnabled ? `Create Pool \u2014 ${finalAmount} SOL` : effectiveAmount ? `Create Game \u2014 ${effectiveAmount} SOL` : "Select buy-in amount" })
                 }
               )
             ] }) })
@@ -3923,9 +4171,9 @@ function CreateCustomGameSheet({
     }
   );
 }
-var styles9 = import_react_native14.StyleSheet.create({
+var styles9 = import_react_native15.StyleSheet.create({
   overlay: {
-    ...import_react_native14.StyleSheet.absoluteFillObject,
+    ...import_react_native15.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -4060,8 +4308,8 @@ var styles9 = import_react_native14.StyleSheet.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
-var import_react25 = require("react");
-var import_react_native15 = require("react-native");
+var import_react26 = require("react");
+var import_react_native16 = require("react-native");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var STATUS_LABELS3 = {
   building: "Building transaction...",
@@ -4086,22 +4334,22 @@ function JoinGameSheet({
   const { wallet } = useDubs();
   const mutation = useJoinGame();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
-  const [selectedTeam, setSelectedTeam] = (0, import_react25.useState)(null);
-  const overlayOpacity = (0, import_react25.useRef)(new import_react_native15.Animated.Value(0)).current;
-  (0, import_react25.useEffect)(() => {
-    import_react_native15.Animated.timing(overlayOpacity, {
+  const [selectedTeam, setSelectedTeam] = (0, import_react26.useState)(null);
+  const overlayOpacity = (0, import_react26.useRef)(new import_react_native16.Animated.Value(0)).current;
+  (0, import_react26.useEffect)(() => {
+    import_react_native16.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (visible) {
       setSelectedTeam(isPoolModeEnabled ? "home" : isCustomGame ? "away" : null);
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -4110,7 +4358,7 @@ function JoinGameSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -4121,7 +4369,7 @@ function JoinGameSheet({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const buyIn = game.buyIn;
-  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react25.useMemo)(() => ({
+  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react26.useMemo)(() => ({
     homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
     awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
     homeBets: bettors.filter((b) => b.team === "home").length,
@@ -4133,14 +4381,14 @@ function JoinGameSheet({
   const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
   const selectedName = selectedTeam === "home" ? homeName : selectedTeam === "away" ? awayName : "\u2014";
-  const alreadyJoined = (0, import_react25.useMemo)(() => {
+  const alreadyJoined = (0, import_react26.useMemo)(() => {
     if (!wallet.publicKey) return false;
     const addr = wallet.publicKey.toBase58();
     return bettors.some((b) => b.wallet === addr);
   }, [bettors, wallet.publicKey]);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = selectedTeam !== null && !isMutating && mutation.status !== "success" && !alreadyJoined;
-  const handleJoin = (0, import_react25.useCallback)(async () => {
+  const handleJoin = (0, import_react26.useCallback)(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -4154,28 +4402,28 @@ function JoinGameSheet({
   }, [selectedTeam, wallet.publicKey, mutation.execute, game.gameId, buyIn]);
   const statusLabel = STATUS_LABELS3[mutation.status] || "";
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    import_react_native15.Modal,
+    import_react_native16.Modal,
     {
       visible,
       animationType: "slide",
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Animated.View, { style: [styles10.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.TouchableOpacity, { style: styles10.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Animated.View, { style: [styles10.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.TouchableOpacity, { style: styles10.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          import_react_native15.KeyboardAvoidingView,
+          import_react_native16.KeyboardAvoidingView,
           {
             style: styles10.keyboardView,
-            behavior: import_react_native15.Platform.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: styles10.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: [styles10.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: styles10.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.header, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Join Pool" : "Join Game" }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            behavior: import_react_native16.Platform.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.View, { style: styles10.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: [styles10.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.View, { style: styles10.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.View, { style: [styles10.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: styles10.header, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Join Pool" : "Join Game" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.section, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.teamsRow, children: [
+              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: styles10.section, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: styles10.teamsRow, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                     TeamButton,
                     {
@@ -4206,52 +4454,52 @@ function JoinGameSheet({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: [styles10.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.Text, { style: [styles10.summaryValue, { color: t.text }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: [styles10.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: styles10.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.Text, { style: [styles10.summaryValue, { color: t.text }], children: [
                     buyIn,
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.View, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
                 isPoolModeEnabled ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Players in" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryValue, { color: t.text }], children: bettors.length })
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: styles10.summaryRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Players in" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.summaryValue, { color: t.text }], children: bettors.length })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.Text, { style: [styles10.summaryValue, { color: t.success }], children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.View, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: styles10.summaryRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.Text, { style: [styles10.summaryValue, { color: t.success }], children: [
                       totalPool,
                       " SOL"
                     ] })
                   ] })
                 ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Your side" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryValue, { color: t.text }], children: selectedName })
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: styles10.summaryRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Your side" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.summaryValue, { color: t.text }], children: selectedName })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.Text, { style: [styles10.summaryValue, { color: t.text }], children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.View, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: styles10.summaryRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.Text, { style: [styles10.summaryValue, { color: t.text }], children: [
                       poolAfterJoin,
                       " SOL"
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.View, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: styles10.summaryRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
                   ] })
                 ] })
               ] }),
-              alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.errorText, { color: t.textMuted }], children: isPoolModeEnabled ? "You've already joined this pool." : "You've already joined this game." }) }),
-              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.View, { style: [styles10.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.errorText, { color: t.textMuted }], children: isPoolModeEnabled ? "You've already joined this pool." : "You've already joined this game." }) }),
+              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.View, { style: [styles10.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.errorText, { color: t.errorText }], children: mutation.error.message }) }),
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                import_react_native15.TouchableOpacity,
+                import_react_native16.TouchableOpacity,
                 {
                   style: [
                     styles10.ctaButton,
@@ -4260,10 +4508,10 @@ function JoinGameSheet({
                   disabled: !canJoin,
                   onPress: handleJoin,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.View, { style: styles10.ctaLoading, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: styles10.ctaText, children: statusLabel })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: styles10.ctaText, children: isPoolModeEnabled ? "Joined!" : STATUS_LABELS3.success }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.ctaText, !canJoin && { opacity: 0.5 }], children: alreadyJoined ? "Already Joined" : isPoolModeEnabled ? `Join Pool \u2014 ${buyIn} SOL` : selectedTeam ? `Join Game \u2014 ${buyIn} SOL` : "Pick a side to join" })
+                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.View, { style: styles10.ctaLoading, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: styles10.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: styles10.ctaText, children: isPoolModeEnabled ? "Joined!" : STATUS_LABELS3.success }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.ctaText, !canJoin && { opacity: 0.5 }], children: alreadyJoined ? "Already Joined" : isPoolModeEnabled ? `Join Pool \u2014 ${buyIn} SOL` : selectedTeam ? `Join Game \u2014 ${buyIn} SOL` : "Pick a side to join" })
                 }
               )
             ] }) })
@@ -4284,35 +4532,35 @@ function TeamButton({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react25.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react26.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    import_react_native15.TouchableOpacity,
+    import_react_native16.TouchableOpacity,
     {
       style: [styles10.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
       onPress,
       activeOpacity: 0.7,
       children: [
-        showImage ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Img, { source: { uri: imageUrl }, style: styles10.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.teamLogo, styles10.teamLogoPlaceholder] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: [styles10.teamName, { color: t.text }], numberOfLines: 1, children: name }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.Text, { style: [styles10.teamOdds, { color }], children: [
+        showImage ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Img, { source: { uri: imageUrl }, style: styles10.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.View, { style: [styles10.teamLogo, styles10.teamLogoPlaceholder] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: [styles10.teamName, { color: t.text }], numberOfLines: 1, children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.Text, { style: [styles10.teamOdds, { color }], children: [
           odds,
           "x"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native15.Text, { style: [styles10.teamBets, { color: t.textMuted }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react_native16.Text, { style: [styles10.teamBets, { color: t.textMuted }], children: [
           bets,
           " ",
           bets === 1 ? "bet" : "bets"
         ] }),
-        selected && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.View, { style: [styles10.teamBadge, { backgroundColor: color }], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native15.Text, { style: styles10.teamBadgeText, children: "Selected" }) })
+        selected && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.View, { style: [styles10.teamBadge, { backgroundColor: color }], children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native16.Text, { style: styles10.teamBadgeText, children: "Selected" }) })
       ]
     }
   );
 }
-var styles10 = import_react_native15.StyleSheet.create({
+var styles10 = import_react_native16.StyleSheet.create({
   overlay: {
-    ...import_react_native15.StyleSheet.absoluteFillObject,
+    ...import_react_native16.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -4461,8 +4709,8 @@ var styles10 = import_react_native15.StyleSheet.create({
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-var import_react26 = require("react");
-var import_react_native16 = require("react-native");
+var import_react27 = require("react");
+var import_react_native17 = require("react-native");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var STATUS_LABELS4 = {
   building: "Building transaction...",
@@ -4482,18 +4730,18 @@ function ClaimPrizeSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useClaim();
-  const overlayOpacity = (0, import_react26.useRef)(new import_react_native16.Animated.Value(0)).current;
-  const celebrationScale = (0, import_react26.useRef)(new import_react_native16.Animated.Value(0)).current;
-  const celebrationOpacity = (0, import_react26.useRef)(new import_react_native16.Animated.Value(0)).current;
-  const [showCelebration, setShowCelebration] = (0, import_react26.useState)(false);
-  (0, import_react26.useEffect)(() => {
-    import_react_native16.Animated.timing(overlayOpacity, {
+  const overlayOpacity = (0, import_react27.useRef)(new import_react_native17.Animated.Value(0)).current;
+  const celebrationScale = (0, import_react27.useRef)(new import_react_native17.Animated.Value(0)).current;
+  const celebrationOpacity = (0, import_react27.useRef)(new import_react_native17.Animated.Value(0)).current;
+  const [showCelebration, setShowCelebration] = (0, import_react27.useState)(false);
+  (0, import_react27.useEffect)(() => {
+    import_react_native17.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (visible) {
       mutation.reset();
       setShowCelebration(false);
@@ -4501,17 +4749,17 @@ function ClaimPrizeSheet({
       celebrationOpacity.setValue(0);
     }
   }, [visible]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowCelebration(true);
-      import_react_native16.Animated.parallel([
-        import_react_native16.Animated.spring(celebrationScale, {
+      import_react_native17.Animated.parallel([
+        import_react_native17.Animated.spring(celebrationScale, {
           toValue: 1,
           tension: 50,
           friction: 6,
           useNativeDriver: true
         }),
-        import_react_native16.Animated.timing(celebrationOpacity, {
+        import_react_native17.Animated.timing(celebrationOpacity, {
           toValue: 1,
           duration: 300,
           useNativeDriver: true
@@ -4524,14 +4772,14 @@ function ClaimPrizeSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canClaim = !isMutating && mutation.status !== "success" && !!wallet.publicKey;
-  const handleClaim = (0, import_react26.useCallback)(async () => {
+  const handleClaim = (0, import_react27.useCallback)(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -4544,27 +4792,27 @@ function ClaimPrizeSheet({
   }, [wallet.publicKey, mutation.execute, gameId, prizeAmount]);
   const statusLabel = STATUS_LABELS4[mutation.status] || "";
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-    import_react_native16.Modal,
+    import_react_native17.Modal,
     {
       visible,
       animationType: "slide",
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Animated.View, { style: [styles11.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.TouchableOpacity, { style: styles11.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.Animated.View, { style: [styles11.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.TouchableOpacity, { style: styles11.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_react_native16.KeyboardAvoidingView,
+          import_react_native17.KeyboardAvoidingView,
           {
             style: styles11.keyboardView,
-            behavior: import_react_native16.Platform.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.View, { style: styles11.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.View, { style: [styles11.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.View, { style: styles11.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.View, { style: [styles11.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.View, { style: styles11.header, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.headerTitle, { color: t.text }], children: showCelebration ? isRefund ? "Refund Claimed!" : "Prize Claimed!" : isRefund ? "Claim Refund" : "Claim Prize" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            behavior: import_react_native17.Platform.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.View, { style: styles11.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native17.View, { style: [styles11.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.View, { style: styles11.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.View, { style: [styles11.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native17.View, { style: styles11.header, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.Text, { style: [styles11.headerTitle, { color: t.text }], children: showCelebration ? isRefund ? "Refund Claimed!" : "Prize Claimed!" : isRefund ? "Claim Refund" : "Claim Prize" }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.Text, { style: [styles11.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
               showCelebration && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-                import_react_native16.Animated.View,
+                import_react_native17.Animated.View,
                 {
                   style: [
                     styles11.celebrationContainer,
@@ -4574,29 +4822,29 @@ function ClaimPrizeSheet({
                     }
                   ],
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: styles11.celebrationEmoji, children: "\u{1F3C6}" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.Text, { style: [styles11.celebrationText, { color: t.success }], children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.Text, { style: styles11.celebrationEmoji, children: "\u{1F3C6}" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native17.Text, { style: [styles11.celebrationText, { color: t.success }], children: [
                       "+",
                       prizeAmount,
                       " SOL"
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.celebrationSubtext, { color: t.textMuted }], children: isRefund ? "Refund sent to your wallet" : "Winnings sent to your wallet" })
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.Text, { style: [styles11.celebrationSubtext, { color: t.textMuted }], children: isRefund ? "Refund sent to your wallet" : "Winnings sent to your wallet" })
                   ]
                 }
               ),
-              !showCelebration && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.View, { style: [styles11.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.View, { style: styles11.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.summaryLabel, { color: t.textMuted }], children: isRefund ? "Refund" : "Prize" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.Text, { style: [styles11.summaryValue, { color: t.success }], children: [
+              !showCelebration && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native17.View, { style: [styles11.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native17.View, { style: styles11.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.Text, { style: [styles11.summaryLabel, { color: t.textMuted }], children: isRefund ? "Refund" : "Prize" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native17.Text, { style: [styles11.summaryValue, { color: t.success }], children: [
                     prizeAmount,
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.View, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.View, { style: styles11.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Game" }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.View, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native17.View, { style: styles11.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.Text, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Game" }),
                   /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-                    import_react_native16.Text,
+                    import_react_native17.Text,
                     {
                       style: [styles11.summaryValue, { color: t.text }],
                       numberOfLines: 1,
@@ -4609,9 +4857,9 @@ function ClaimPrizeSheet({
                   )
                 ] })
               ] }),
-              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.View, { style: [styles11.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.View, { style: [styles11.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.Text, { style: [styles11.errorText, { color: t.errorText }], children: mutation.error.message }) }),
               !showCelebration && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                import_react_native16.TouchableOpacity,
+                import_react_native17.TouchableOpacity,
                 {
                   style: [
                     styles11.ctaButton,
@@ -4620,10 +4868,10 @@ function ClaimPrizeSheet({
                   disabled: !canClaim,
                   onPress: handleClaim,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.View, { style: styles11.ctaLoading, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: styles11.ctaText, children: statusLabel })
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native16.Text, { style: [styles11.ctaText, !canClaim && { opacity: 0.5 }], children: [
+                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native17.View, { style: styles11.ctaLoading, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.Text, { style: styles11.ctaText, children: statusLabel })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_native17.Text, { style: [styles11.ctaText, !canClaim && { opacity: 0.5 }], children: [
                     isRefund ? "Claim Refund" : "Claim Prize",
                     " \u2014 ",
                     prizeAmount,
@@ -4631,7 +4879,7 @@ function ClaimPrizeSheet({
                   ] })
                 }
               ),
-              mutation.data?.explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native16.Text, { style: [styles11.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
+              mutation.data?.explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_native17.Text, { style: [styles11.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
             ] }) })
           }
         )
@@ -4639,9 +4887,9 @@ function ClaimPrizeSheet({
     }
   );
 }
-var styles11 = import_react_native16.StyleSheet.create({
+var styles11 = import_react_native17.StyleSheet.create({
   overlay: {
-    ...import_react_native16.StyleSheet.absoluteFillObject,
+    ...import_react_native17.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -4764,17 +5012,17 @@ var styles11 = import_react_native16.StyleSheet.create({
 });
 
 // src/ui/game/ClaimButton.tsx
-var import_react27 = require("react");
-var import_react_native17 = require("react-native");
+var import_react28 = require("react");
+var import_react_native18 = require("react-native");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function ClaimButton({ gameId, style, onSuccess, onError }) {
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const game = useGame(gameId);
   const claimStatus = useHasClaimed(gameId);
-  const [sheetVisible, setSheetVisible] = (0, import_react27.useState)(false);
+  const [sheetVisible, setSheetVisible] = (0, import_react28.useState)(false);
   const walletAddress = wallet.publicKey?.toBase58() ?? null;
-  const myBet = (0, import_react27.useMemo)(() => {
+  const myBet = (0, import_react28.useMemo)(() => {
     if (!walletAddress || !game.data?.bettors) return null;
     return game.data.bettors.find((b) => b.wallet === walletAddress) ?? null;
   }, [walletAddress, game.data?.bettors]);
@@ -4783,7 +5031,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   const isWinner = isResolved && myBet != null && myBet.team === game.data?.winnerSide;
   const isEligible = myBet != null && isResolved && (isWinner || isRefund);
   const prizeAmount = isRefund ? myBet?.amount ?? 0 : game.data?.totalPool ?? 0;
-  const handleSuccess = (0, import_react27.useCallback)(
+  const handleSuccess = (0, import_react28.useCallback)(
     (result) => {
       claimStatus.refetch();
       onSuccess?.(result);
@@ -4797,12 +5045,12 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   const label = isRefund ? "Refund" : "Prize";
   if (claimStatus.hasClaimed) {
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_react_native17.TouchableOpacity,
+      import_react_native18.TouchableOpacity,
       {
         style: [styles12.badge, { borderColor: t.accent }, style],
         activeOpacity: 1,
         disabled: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native17.Text, { style: [styles12.badgeText, { color: t.accent }], children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native18.Text, { style: [styles12.badgeText, { color: t.accent }], children: [
           label,
           " Claimed!"
         ] })
@@ -4814,12 +5062,12 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_react_native17.TouchableOpacity,
+      import_react_native18.TouchableOpacity,
       {
         style: [styles12.button, { backgroundColor: t.accent }, style],
         activeOpacity: 0.8,
         onPress: () => setSheetVisible(true),
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native17.Text, { style: styles12.buttonText, children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native18.Text, { style: styles12.buttonText, children: [
           "Claim ",
           label,
           " \u2014 ",
@@ -4842,7 +5090,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
     )
   ] });
 }
-var styles12 = import_react_native17.StyleSheet.create({
+var styles12 = import_react_native18.StyleSheet.create({
   button: {
     height: 52,
     borderRadius: 14,
@@ -4912,6 +5160,7 @@ var styles12 = import_react_native17.StyleSheet.create({
   useHasClaimed,
   useJoinGame,
   useNetworkGames,
+  usePushNotifications,
   useUFCFightCard,
   useUFCFighterDetail
 });