@dubsdotapp/expo 0.2.76 → 0.2.78

package/dist/index.mjs

@@ -1628,18 +1628,18 @@ function ManagedWalletProvider({
 // src/ui/AuthGate.tsx
 import React2, { useState as useState15, useEffect as useEffect10, useRef as useRef4, useCallback as useCallback14 } from "react";
 import {
-  View as View2,
-  Text as Text2,
+  View as View3,
+  Text as Text3,
   TextInput,
-  TouchableOpacity as TouchableOpacity2,
+  TouchableOpacity as TouchableOpacity3,
   ActivityIndicator as ActivityIndicator2,
-  StyleSheet as StyleSheet2,
+  StyleSheet as StyleSheet3,
   Keyboard,
   KeyboardAvoidingView,
   Platform as Platform4,
-  Image as Image2,
+  Image as Image3,
   Animated,
-  ScrollView
+  ScrollView as ScrollView2
 } from "react-native";
 
 // src/hooks/useEvents.ts
@@ -2471,8 +2471,16 @@ function usePushNotifications() {
   };
 }
 
-// src/ui/AuthGate.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+// src/ui/AvatarEditor.tsx
+import {
+  View as View2,
+  Text as Text2,
+  TouchableOpacity as TouchableOpacity2,
+  Image as Image2,
+  ScrollView,
+  StyleSheet as StyleSheet2
+} from "react-native";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var DICEBEAR_STYLES = [
   "adventurer",
   "avataaars",
@@ -2481,12 +2489,143 @@ var DICEBEAR_STYLES = [
   "big-smile",
   "thumbs"
 ];
+var BG_COLORS = [
+  "1a1a2e",
+  "f43f5e",
+  "f97316",
+  "eab308",
+  "22c55e",
+  "3b82f6",
+  "8b5cf6",
+  "ec4899",
+  "06b6d4",
+  "64748b"
+];
 function generateSeed() {
   return Math.random().toString(36).slice(2, 10);
 }
-function getAvatarUrl(style, seed, size = 256) {
-  return `https://api.dicebear.com/9.x/${style}/png?seed=${seed}&size=${size}`;
+function getAvatarUrl(style, seed, bg = "1a1a2e", size = 256) {
+  return `https://api.dicebear.com/9.x/${style}/png?seed=${seed}&backgroundColor=${bg}&size=${size}`;
+}
+function parseAvatarUrl(url) {
+  if (!url) return { style: "adventurer", seed: generateSeed(), bg: "1a1a2e" };
+  try {
+    const match = url.match(/\/\d+\.x\/([^/]+)\/(?:png|svg)\?seed=([^&]+)/);
+    if (match) {
+      const bgMatch = url.match(/backgroundColor=([^&]+)/);
+      return { style: match[1], seed: match[2], bg: bgMatch?.[1] || "1a1a2e" };
+    }
+  } catch {
+  }
+  return { style: "adventurer", seed: generateSeed(), bg: "1a1a2e" };
+}
+function AvatarEditor({
+  style: avatarStyle,
+  seed: avatarSeed,
+  bg: bgColor,
+  onStyleChange,
+  onSeedChange,
+  onBgChange,
+  disabled = false,
+  accentColor
+}) {
+  const t = useDubsTheme();
+  const accent = accentColor || t.accent;
+  return /* @__PURE__ */ jsxs2(View2, { style: styles2.container, children: [
+    /* @__PURE__ */ jsx3(
+      ScrollView,
+      {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles2.row,
+        children: DICEBEAR_STYLES.map((st) => {
+          const isSelected = st === avatarStyle;
+          return /* @__PURE__ */ jsx3(
+            TouchableOpacity2,
+            {
+              onPress: () => onStyleChange(st),
+              activeOpacity: 0.7,
+              disabled,
+              style: [
+                styles2.styleTile,
+                {
+                  borderColor: isSelected ? accent : t.border,
+                  borderWidth: isSelected ? 2 : 1
+                }
+              ],
+              children: /* @__PURE__ */ jsx3(
+                Image2,
+                {
+                  source: { uri: getAvatarUrl(st, avatarSeed, bgColor, 80) },
+                  style: styles2.styleTileImage
+                }
+              )
+            },
+            st
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx3(Text2, { style: [styles2.label, { color: t.textSecondary }], children: "Background Color" }),
+    /* @__PURE__ */ jsx3(
+      ScrollView,
+      {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles2.row,
+        children: BG_COLORS.map((color) => {
+          const isSelected = color === bgColor;
+          return /* @__PURE__ */ jsx3(
+            TouchableOpacity2,
+            {
+              onPress: () => onBgChange(color),
+              activeOpacity: 0.7,
+              disabled,
+              style: [
+                styles2.colorSwatch,
+                { backgroundColor: `#${color}` },
+                isSelected && { borderColor: accent, borderWidth: 2.5 }
+              ]
+            },
+            color
+          );
+        })
+      }
+    )
+  ] });
 }
+var styles2 = StyleSheet2.create({
+  container: {
+    gap: 10
+  },
+  row: {
+    gap: 10
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  styleTile: {
+    width: 72,
+    height: 72,
+    borderRadius: 16,
+    overflow: "hidden"
+  },
+  styleTileImage: {
+    width: "100%",
+    height: "100%"
+  },
+  colorSwatch: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    borderWidth: 1.5,
+    borderColor: "rgba(255,255,255,0.15)"
+  }
+});
+
+// src/ui/AuthGate.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function AuthGate({
   children,
   onSaveToken,
@@ -2553,12 +2692,12 @@ function AuthGate({
     [auth]
   );
   if (phase === "init") {
-    if (renderLoading) return /* @__PURE__ */ jsx3(Fragment2, { children: renderLoading("authenticating") });
-    return /* @__PURE__ */ jsx3(DefaultLoadingScreen, { status: "authenticating", appName, accentColor });
+    if (renderLoading) return /* @__PURE__ */ jsx4(Fragment2, { children: renderLoading("authenticating") });
+    return /* @__PURE__ */ jsx4(DefaultLoadingScreen, { status: "authenticating", appName, accentColor });
   }
   if (auth.status === "authenticated") {
     if (showPushSetup) {
-      return /* @__PURE__ */ jsx3(
+      return /* @__PURE__ */ jsx4(
         PushSetupScreen,
         {
           accentColor,
@@ -2567,8 +2706,8 @@ function AuthGate({
         }
       );
     }
-    return /* @__PURE__ */ jsxs2(AuthContext.Provider, { value: auth, children: [
-      pushEnabled && /* @__PURE__ */ jsx3(PushTokenRestorer, {}),
+    return /* @__PURE__ */ jsxs3(AuthContext.Provider, { value: auth, children: [
+      pushEnabled && /* @__PURE__ */ jsx4(PushTokenRestorer, {}),
       children
     ] });
   }
@@ -2576,9 +2715,9 @@ function AuthGate({
     const isRegistering = auth.status === "registering";
     const regError = auth.status === "error" ? auth.error : null;
     if (renderRegistration) {
-      return /* @__PURE__ */ jsx3(Fragment2, { children: renderRegistration({ onRegister: handleRegister, registering: isRegistering, error: regError, client }) });
+      return /* @__PURE__ */ jsx4(Fragment2, { children: renderRegistration({ onRegister: handleRegister, registering: isRegistering, error: regError, client }) });
     }
-    return /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx4(
       DefaultRegistrationScreen,
       {
         onRegister: handleRegister,
@@ -2591,11 +2730,11 @@ function AuthGate({
     );
   }
   if (auth.status === "error" && auth.error) {
-    if (renderError) return /* @__PURE__ */ jsx3(Fragment2, { children: renderError(auth.error, retry) });
-    return /* @__PURE__ */ jsx3(DefaultErrorScreen, { error: auth.error, onRetry: retry, appName, accentColor });
+    if (renderError) return /* @__PURE__ */ jsx4(Fragment2, { children: renderError(auth.error, retry) });
+    return /* @__PURE__ */ jsx4(DefaultErrorScreen, { error: auth.error, onRetry: retry, appName, accentColor });
   }
-  if (renderLoading) return /* @__PURE__ */ jsx3(Fragment2, { children: renderLoading(auth.status) });
-  return /* @__PURE__ */ jsx3(DefaultLoadingScreen, { status: auth.status, appName, accentColor });
+  if (renderLoading) return /* @__PURE__ */ jsx4(Fragment2, { children: renderLoading(auth.status) });
+  return /* @__PURE__ */ jsx4(DefaultLoadingScreen, { status: auth.status, appName, accentColor });
 }
 function DefaultLoadingScreen({ status, appName, accentColor }) {
   const t = useDubsTheme();
@@ -2610,44 +2749,44 @@ function DefaultLoadingScreen({ status, appName, accentColor }) {
     authenticated: "Ready!",
     error: "Something went wrong"
   };
-  return /* @__PURE__ */ jsx3(View2, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs2(View2, { style: s.centerContent, children: [
-    /* @__PURE__ */ jsxs2(View2, { style: s.brandingSection, children: [
-      /* @__PURE__ */ jsx3(View2, { style: [s.logoCircle, { backgroundColor: accent }], children: /* @__PURE__ */ jsx3(Text2, { style: s.logoText, children: "D" }) }),
-      /* @__PURE__ */ jsx3(Text2, { style: [s.appNameText, { color: t.text }], children: appName })
+  return /* @__PURE__ */ jsx4(View3, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs3(View3, { style: s.centerContent, children: [
+    /* @__PURE__ */ jsxs3(View3, { style: s.brandingSection, children: [
+      /* @__PURE__ */ jsx4(View3, { style: [s.logoCircle, { backgroundColor: accent }], children: /* @__PURE__ */ jsx4(Text3, { style: s.logoText, children: "D" }) }),
+      /* @__PURE__ */ jsx4(Text3, { style: [s.appNameText, { color: t.text }], children: appName })
     ] }),
-    /* @__PURE__ */ jsxs2(View2, { style: s.loadingSection, children: [
-      /* @__PURE__ */ jsx3(ActivityIndicator2, { size: "large", color: accent }),
-      /* @__PURE__ */ jsx3(Text2, { style: [s.statusText, { color: t.textMuted }], children: statusText[status] || "Loading..." })
+    /* @__PURE__ */ jsxs3(View3, { style: s.loadingSection, children: [
+      /* @__PURE__ */ jsx4(ActivityIndicator2, { size: "large", color: accent }),
+      /* @__PURE__ */ jsx4(Text3, { 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__ */ jsx3(View2, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs2(View2, { style: s.spreadContent, children: [
-    /* @__PURE__ */ jsxs2(View2, { style: s.brandingSection, children: [
-      /* @__PURE__ */ jsx3(View2, { style: [s.logoCircle, { backgroundColor: accent }], children: /* @__PURE__ */ jsx3(Text2, { style: s.logoText, children: "D" }) }),
-      /* @__PURE__ */ jsx3(Text2, { style: [s.appNameText, { color: t.text }], children: appName })
+  return /* @__PURE__ */ jsx4(View3, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs3(View3, { style: s.spreadContent, children: [
+    /* @__PURE__ */ jsxs3(View3, { style: s.brandingSection, children: [
+      /* @__PURE__ */ jsx4(View3, { style: [s.logoCircle, { backgroundColor: accent }], children: /* @__PURE__ */ jsx4(Text3, { style: s.logoText, children: "D" }) }),
+      /* @__PURE__ */ jsx4(Text3, { style: [s.appNameText, { color: t.text }], children: appName })
     ] }),
-    /* @__PURE__ */ jsxs2(View2, { style: { gap: 16 }, children: [
-      /* @__PURE__ */ jsx3(View2, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx3(Text2, { style: [s.errorText, { color: t.errorText }], children: error.message }) }),
-      /* @__PURE__ */ jsx3(TouchableOpacity2, { style: [s.primaryBtn, { backgroundColor: accent }], onPress: onRetry, activeOpacity: 0.8, children: /* @__PURE__ */ jsx3(Text2, { style: s.primaryBtnText, children: "Try Again" }) })
+    /* @__PURE__ */ jsxs3(View3, { style: { gap: 16 }, children: [
+      /* @__PURE__ */ jsx4(View3, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx4(Text3, { style: [s.errorText, { color: t.errorText }], children: error.message }) }),
+      /* @__PURE__ */ jsx4(TouchableOpacity3, { style: [s.primaryBtn, { backgroundColor: accent }], onPress: onRetry, activeOpacity: 0.8, children: /* @__PURE__ */ jsx4(Text3, { style: s.primaryBtnText, children: "Try Again" }) })
     ] })
   ] }) });
 }
 function StepIndicator({ currentStep }) {
   const t = useDubsTheme();
   const steps = [0, 1, 2, 3];
-  return /* @__PURE__ */ jsx3(View2, { style: s.stepRow, children: steps.map((i) => /* @__PURE__ */ jsxs2(React2.Fragment, { children: [
-    i > 0 && /* @__PURE__ */ jsx3(View2, { style: [s.stepLine, { backgroundColor: i <= currentStep ? t.success : t.border }] }),
-    /* @__PURE__ */ jsx3(
-      View2,
+  return /* @__PURE__ */ jsx4(View3, { style: s.stepRow, children: steps.map((i) => /* @__PURE__ */ jsxs3(React2.Fragment, { children: [
+    i > 0 && /* @__PURE__ */ jsx4(View3, { style: [s.stepLine, { backgroundColor: i <= currentStep ? t.success : t.border }] }),
+    /* @__PURE__ */ jsx4(
+      View3,
       {
         style: [
           s.stepCircle,
           i < currentStep ? { backgroundColor: t.success } : i === currentStep ? { backgroundColor: t.accent } : { backgroundColor: "transparent", borderWidth: 2, borderColor: t.border }
         ],
-        children: i < currentStep ? /* @__PURE__ */ jsx3(Text2, { style: s.stepCheck, children: "\u2713" }) : /* @__PURE__ */ jsx3(Text2, { style: [s.stepNum, { color: i === currentStep ? "#FFF" : t.textMuted }], children: i + 1 })
+        children: i < currentStep ? /* @__PURE__ */ jsx4(Text3, { style: s.stepCheck, children: "\u2713" }) : /* @__PURE__ */ jsx4(Text3, { style: [s.stepNum, { color: i === currentStep ? "#FFF" : t.textMuted }], children: i + 1 })
       }
     )
   ] }, i)) });
@@ -2665,6 +2804,7 @@ function DefaultRegistrationScreen({
   const [step, setStep] = useState15(0);
   const [avatarSeed, setAvatarSeed] = useState15(generateSeed);
   const [avatarStyle, setAvatarStyle] = useState15("adventurer");
+  const [avatarBg, setAvatarBg] = useState15("1a1a2e");
   const [showStyles, setShowStyles] = useState15(false);
   const [username, setUsername] = useState15("");
   const [referralCode, setReferralCode] = useState15("");
@@ -2673,7 +2813,7 @@ function DefaultRegistrationScreen({
   const debounceRef = useRef4(null);
   const fadeAnim = useRef4(new Animated.Value(1)).current;
   const slideAnim = useRef4(new Animated.Value(0)).current;
-  const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed);
+  const avatarUrl = getAvatarUrl(avatarStyle, avatarSeed, avatarBg);
   useEffect10(() => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     const trimmed = username.trim();
@@ -2717,73 +2857,76 @@ function DefaultRegistrationScreen({
     Keyboard.dismiss();
     onRegister(username.trim(), referralCode.trim() || void 0, avatarUrl);
   };
-  const renderAvatarStep = () => /* @__PURE__ */ jsxs2(View2, { style: s.stepContainer, children: [
-    /* @__PURE__ */ jsxs2(View2, { style: s.stepTop, children: [
-      /* @__PURE__ */ jsx3(Text2, { style: [s.title, { color: t.text }], children: "Choose Your Avatar" }),
-      /* @__PURE__ */ jsx3(Text2, { style: [s.subtitle, { color: t.textMuted }], children: "Pick a look that represents you" }),
-      /* @__PURE__ */ jsx3(StepIndicator, { currentStep: 0 }),
-      /* @__PURE__ */ jsx3(View2, { style: s.avatarCenter, children: /* @__PURE__ */ jsxs2(View2, { style: [s.avatarFrame, { borderColor: accent }], children: [
-        /* @__PURE__ */ jsx3(Image2, { source: { uri: avatarUrl }, style: s.avatarLarge }),
-        /* @__PURE__ */ jsx3(View2, { style: [s.checkBadge, { backgroundColor: t.success }], children: /* @__PURE__ */ jsx3(Text2, { style: s.checkBadgeText, children: "\u2713" }) })
+  const renderAvatarStep = () => /* @__PURE__ */ jsxs3(View3, { style: s.stepContainer, children: [
+    /* @__PURE__ */ jsxs3(View3, { style: s.stepTop, children: [
+      /* @__PURE__ */ jsx4(Text3, { style: [s.title, { color: t.text }], children: "Choose Your Avatar" }),
+      /* @__PURE__ */ jsx4(Text3, { style: [s.subtitle, { color: t.textMuted }], children: "Pick a look that represents you" }),
+      /* @__PURE__ */ jsx4(StepIndicator, { currentStep: 0 }),
+      /* @__PURE__ */ jsx4(View3, { style: s.avatarCenter, children: /* @__PURE__ */ jsxs3(View3, { style: [s.avatarFrame, { borderColor: accent }], children: [
+        /* @__PURE__ */ jsx4(Image3, { source: { uri: avatarUrl }, style: s.avatarLarge }),
+        /* @__PURE__ */ jsx4(View3, { style: [s.checkBadge, { backgroundColor: t.success }], children: /* @__PURE__ */ jsx4(Text3, { style: s.checkBadgeText, children: "\u2713" }) })
       ] }) }),
-      /* @__PURE__ */ jsxs2(View2, { style: s.avatarActions, children: [
-        /* @__PURE__ */ jsx3(
-          TouchableOpacity2,
+      /* @__PURE__ */ jsxs3(View3, { style: s.avatarActions, children: [
+        /* @__PURE__ */ jsx4(
+          TouchableOpacity3,
           {
             style: [s.outlineBtn, { borderColor: t.border }],
             onPress: () => setAvatarSeed(generateSeed()),
             activeOpacity: 0.7,
-            children: /* @__PURE__ */ jsx3(Text2, { style: [s.outlineBtnText, { color: t.text }], children: "\u21BB  Shuffle" })
+            children: /* @__PURE__ */ jsx4(Text3, { style: [s.outlineBtnText, { color: t.text }], children: "\u21BB  Shuffle" })
           }
         ),
-        /* @__PURE__ */ jsx3(
-          TouchableOpacity2,
+        /* @__PURE__ */ jsx4(
+          TouchableOpacity3,
           {
             style: [s.outlineBtn, { borderColor: accent, backgroundColor: accent + "15" }],
             onPress: () => setShowStyles(!showStyles),
             activeOpacity: 0.7,
-            children: /* @__PURE__ */ jsx3(Text2, { style: [s.outlineBtnText, { color: accent }], children: "\u263A  Customize" })
+            children: /* @__PURE__ */ jsx4(Text3, { style: [s.outlineBtnText, { color: accent }], children: "\u263A  Customize" })
           }
         )
       ] }),
-      showStyles && /* @__PURE__ */ jsx3(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: s.styleScroll, children: DICEBEAR_STYLES.map((st) => /* @__PURE__ */ jsx3(
-        TouchableOpacity2,
+      showStyles && /* @__PURE__ */ jsx4(View3, { style: s.styleScroll, children: /* @__PURE__ */ jsx4(
+        AvatarEditor,
         {
-          onPress: () => setAvatarStyle(st),
-          style: [s.styleThumbWrap, { borderColor: st === avatarStyle ? accent : t.border }],
-          children: /* @__PURE__ */ jsx3(Image2, { source: { uri: getAvatarUrl(st, avatarSeed, 80) }, style: s.styleThumb })
-        },
-        st
-      )) })
+          style: avatarStyle,
+          seed: avatarSeed,
+          bg: avatarBg,
+          onStyleChange: setAvatarStyle,
+          onSeedChange: setAvatarSeed,
+          onBgChange: setAvatarBg,
+          accentColor: accent
+        }
+      ) })
     ] }),
-    /* @__PURE__ */ jsx3(View2, { style: s.bottomRow, children: /* @__PURE__ */ jsx3(
-      TouchableOpacity2,
+    /* @__PURE__ */ jsx4(View3, { style: s.bottomRow, children: /* @__PURE__ */ jsx4(
+      TouchableOpacity3,
       {
         style: [s.primaryBtn, { backgroundColor: accent, flex: 1 }],
         onPress: () => animateToStep(1),
         activeOpacity: 0.8,
-        children: /* @__PURE__ */ jsx3(Text2, { style: s.primaryBtnText, children: "Continue  \u203A" })
+        children: /* @__PURE__ */ jsx4(Text3, { style: s.primaryBtnText, children: "Continue  \u203A" })
       }
     ) })
   ] });
-  const renderUsernameStep = () => /* @__PURE__ */ jsxs2(View2, { style: s.stepContainer, children: [
-    /* @__PURE__ */ jsxs2(View2, { style: s.stepTop, children: [
-      /* @__PURE__ */ jsxs2(View2, { style: s.headerRow, children: [
-        /* @__PURE__ */ jsx3(TouchableOpacity2, { onPress: () => animateToStep(0), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, children: /* @__PURE__ */ jsx3(Text2, { style: [s.backChevron, { color: t.text }], children: "\u2039" }) }),
-        /* @__PURE__ */ jsx3(Text2, { style: [s.titleInline, { color: t.text }], children: "Pick a Username" })
+  const renderUsernameStep = () => /* @__PURE__ */ jsxs3(View3, { style: s.stepContainer, children: [
+    /* @__PURE__ */ jsxs3(View3, { style: s.stepTop, children: [
+      /* @__PURE__ */ jsxs3(View3, { style: s.headerRow, children: [
+        /* @__PURE__ */ jsx4(TouchableOpacity3, { onPress: () => animateToStep(0), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, children: /* @__PURE__ */ jsx4(Text3, { style: [s.backChevron, { color: t.text }], children: "\u2039" }) }),
+        /* @__PURE__ */ jsx4(Text3, { style: [s.titleInline, { color: t.text }], children: "Pick a Username" })
       ] }),
-      /* @__PURE__ */ jsx3(Text2, { style: [s.subtitle, { color: t.textMuted }], children: "This is how others will see you" }),
-      /* @__PURE__ */ jsx3(StepIndicator, { currentStep: 1 }),
-      /* @__PURE__ */ jsx3(View2, { style: s.avatarCenter, children: /* @__PURE__ */ jsxs2(View2, { style: [s.avatarFrameSmall, { borderColor: accent }], children: [
-        /* @__PURE__ */ jsx3(Image2, { source: { uri: avatarUrl }, style: s.avatarSmall }),
-        /* @__PURE__ */ jsx3(View2, { style: [s.checkBadgeSm, { backgroundColor: t.success }], children: /* @__PURE__ */ jsx3(Text2, { style: s.checkBadgeTextSm, children: "\u2713" }) })
+      /* @__PURE__ */ jsx4(Text3, { style: [s.subtitle, { color: t.textMuted }], children: "This is how others will see you" }),
+      /* @__PURE__ */ jsx4(StepIndicator, { currentStep: 1 }),
+      /* @__PURE__ */ jsx4(View3, { style: s.avatarCenter, children: /* @__PURE__ */ jsxs3(View3, { style: [s.avatarFrameSmall, { borderColor: accent }], children: [
+        /* @__PURE__ */ jsx4(Image3, { source: { uri: avatarUrl }, style: s.avatarSmall }),
+        /* @__PURE__ */ jsx4(View3, { style: [s.checkBadgeSm, { backgroundColor: t.success }], children: /* @__PURE__ */ jsx4(Text3, { style: s.checkBadgeTextSm, children: "\u2713" }) })
       ] }) }),
-      /* @__PURE__ */ jsxs2(View2, { style: s.inputGroup, children: [
-        /* @__PURE__ */ jsxs2(Text2, { style: [s.inputLabel, { color: t.text }], children: [
+      /* @__PURE__ */ jsxs3(View3, { style: s.inputGroup, children: [
+        /* @__PURE__ */ jsxs3(Text3, { style: [s.inputLabel, { color: t.text }], children: [
           "Username ",
-          /* @__PURE__ */ jsx3(Text2, { style: { color: t.errorText }, children: "*" })
+          /* @__PURE__ */ jsx4(Text3, { style: { color: t.errorText }, children: "*" })
         ] }),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           TextInput,
           {
             style: [s.input, { backgroundColor: t.surface, color: t.text, borderColor: accent }],
@@ -2796,62 +2939,62 @@ function DefaultRegistrationScreen({
             autoFocus: true
           }
         ),
-        checking ? /* @__PURE__ */ jsx3(Text2, { style: [s.hint, { color: t.textDim }], children: "Checking..." }) : availability ? /* @__PURE__ */ jsx3(Text2, { 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__ */ jsx3(Text2, { style: [s.hint, { color: t.textDim }], children: "At least 3 characters" }) : null
+        checking ? /* @__PURE__ */ jsx4(Text3, { style: [s.hint, { color: t.textDim }], children: "Checking..." }) : availability ? /* @__PURE__ */ jsx4(Text3, { 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__ */ jsx4(Text3, { style: [s.hint, { color: t.textDim }], children: "At least 3 characters" }) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsxs2(View2, { style: s.bottomRow, children: [
-      /* @__PURE__ */ jsx3(
-        TouchableOpacity2,
+    /* @__PURE__ */ jsxs3(View3, { style: s.bottomRow, children: [
+      /* @__PURE__ */ jsx4(
+        TouchableOpacity3,
         {
           style: [s.secondaryBtn, { borderColor: t.border }],
           onPress: () => animateToStep(0),
           activeOpacity: 0.7,
-          children: /* @__PURE__ */ jsx3(Text2, { style: [s.secondaryBtnText, { color: t.text }], children: "\u2039  Back" })
+          children: /* @__PURE__ */ jsx4(Text3, { style: [s.secondaryBtnText, { color: t.text }], children: "\u2039  Back" })
         }
       ),
-      /* @__PURE__ */ jsx3(
-        TouchableOpacity2,
+      /* @__PURE__ */ jsx4(
+        TouchableOpacity3,
         {
           style: [s.primaryBtn, { backgroundColor: accent, flex: 1, opacity: canContinueUsername ? 1 : 0.4 }],
           onPress: () => animateToStep(2),
           disabled: !canContinueUsername,
           activeOpacity: 0.8,
-          children: /* @__PURE__ */ jsx3(Text2, { style: s.primaryBtnText, children: "Continue  \u203A" })
+          children: /* @__PURE__ */ jsx4(Text3, { style: s.primaryBtnText, children: "Continue  \u203A" })
         }
       )
     ] })
   ] });
-  const renderReferralStep = () => /* @__PURE__ */ jsxs2(View2, { style: s.stepContainer, children: [
-    /* @__PURE__ */ jsxs2(View2, { style: s.stepTop, children: [
-      /* @__PURE__ */ jsxs2(View2, { style: s.headerRow, children: [
-        /* @__PURE__ */ jsx3(TouchableOpacity2, { onPress: () => animateToStep(1), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, children: /* @__PURE__ */ jsx3(Text2, { style: [s.backChevron, { color: t.text }], children: "\u2039" }) }),
-        /* @__PURE__ */ jsx3(Text2, { style: [s.titleInline, { color: t.text }], children: "Almost There!" })
+  const renderReferralStep = () => /* @__PURE__ */ jsxs3(View3, { style: s.stepContainer, children: [
+    /* @__PURE__ */ jsxs3(View3, { style: s.stepTop, children: [
+      /* @__PURE__ */ jsxs3(View3, { style: s.headerRow, children: [
+        /* @__PURE__ */ jsx4(TouchableOpacity3, { onPress: () => animateToStep(1), hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, children: /* @__PURE__ */ jsx4(Text3, { style: [s.backChevron, { color: t.text }], children: "\u2039" }) }),
+        /* @__PURE__ */ jsx4(Text3, { style: [s.titleInline, { color: t.text }], children: "Almost There!" })
       ] }),
-      /* @__PURE__ */ jsx3(Text2, { style: [s.subtitle, { color: t.textMuted }], children: "Got a referral code? (optional)" }),
-      /* @__PURE__ */ jsx3(StepIndicator, { currentStep: 2 }),
-      /* @__PURE__ */ jsxs2(View2, { style: [s.profileCard, { borderColor: t.border }], children: [
-        /* @__PURE__ */ jsx3(Text2, { style: [s.profileLabel, { color: t.textMuted }], children: "Your Profile" }),
-        /* @__PURE__ */ jsxs2(View2, { style: s.profileRow, children: [
-          /* @__PURE__ */ jsx3(Image2, { source: { uri: avatarUrl }, style: s.profileAvatar }),
-          /* @__PURE__ */ jsxs2(View2, { style: { gap: 4 }, children: [
-            /* @__PURE__ */ jsxs2(Text2, { style: [s.profileUsername, { color: t.text }], children: [
+      /* @__PURE__ */ jsx4(Text3, { style: [s.subtitle, { color: t.textMuted }], children: "Got a referral code? (optional)" }),
+      /* @__PURE__ */ jsx4(StepIndicator, { currentStep: 2 }),
+      /* @__PURE__ */ jsxs3(View3, { style: [s.profileCard, { borderColor: t.border }], children: [
+        /* @__PURE__ */ jsx4(Text3, { style: [s.profileLabel, { color: t.textMuted }], children: "Your Profile" }),
+        /* @__PURE__ */ jsxs3(View3, { style: s.profileRow, children: [
+          /* @__PURE__ */ jsx4(Image3, { source: { uri: avatarUrl }, style: s.profileAvatar }),
+          /* @__PURE__ */ jsxs3(View3, { style: { gap: 4 }, children: [
+            /* @__PURE__ */ jsxs3(Text3, { style: [s.profileUsername, { color: t.text }], children: [
               "@",
               username
             ] }),
-            /* @__PURE__ */ jsxs2(Text2, { style: [s.profileReady, { color: t.success }], children: [
+            /* @__PURE__ */ jsxs3(Text3, { style: [s.profileReady, { color: t.success }], children: [
               "\u2713",
               " Ready to go!"
             ] })
           ] })
         ] })
       ] }),
-      error ? /* @__PURE__ */ jsx3(View2, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx3(Text2, { style: [s.errorText, { color: t.errorText }], children: error.message }) }) : null,
-      /* @__PURE__ */ jsxs2(View2, { style: s.inputGroup, children: [
-        /* @__PURE__ */ jsxs2(Text2, { style: [s.inputLabel, { color: t.text }], children: [
+      error ? /* @__PURE__ */ jsx4(View3, { style: [s.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx4(Text3, { style: [s.errorText, { color: t.errorText }], children: error.message }) }) : null,
+      /* @__PURE__ */ jsxs3(View3, { style: s.inputGroup, children: [
+        /* @__PURE__ */ jsxs3(Text3, { style: [s.inputLabel, { color: t.text }], children: [
           "Referral Code ",
-          /* @__PURE__ */ jsx3(Text2, { style: { color: t.textMuted }, children: "(optional)" })
+          /* @__PURE__ */ jsx4(Text3, { style: { color: t.textMuted }, children: "(optional)" })
         ] }),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           TextInput,
           {
             style: [s.input, { backgroundColor: t.surface, color: t.text, borderColor: t.border }],
@@ -2864,31 +3007,31 @@ function DefaultRegistrationScreen({
             editable: !registering
           }
         ),
-        /* @__PURE__ */ jsxs2(Text2, { style: [s.hint, { color: t.textMuted }], children: [
+        /* @__PURE__ */ jsxs3(Text3, { style: [s.hint, { color: t.textMuted }], children: [
           "\u{1F381}",
           " If a friend invited you, enter their code to give them credit!"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs2(View2, { style: s.bottomRow, children: [
-      /* @__PURE__ */ jsx3(
-        TouchableOpacity2,
+    /* @__PURE__ */ jsxs3(View3, { style: s.bottomRow, children: [
+      /* @__PURE__ */ jsx4(
+        TouchableOpacity3,
         {
           style: [s.secondaryBtn, { borderColor: t.border }],
           onPress: () => animateToStep(1),
           disabled: registering,
           activeOpacity: 0.7,
-          children: /* @__PURE__ */ jsx3(Text2, { style: [s.secondaryBtnText, { color: t.text }], children: "\u2039  Back" })
+          children: /* @__PURE__ */ jsx4(Text3, { style: [s.secondaryBtnText, { color: t.text }], children: "\u2039  Back" })
         }
       ),
-      /* @__PURE__ */ jsx3(
-        TouchableOpacity2,
+      /* @__PURE__ */ jsx4(
+        TouchableOpacity3,
         {
           style: [s.primaryBtn, { backgroundColor: accent, flex: 1, opacity: registering ? 0.7 : 1 }],
           onPress: handleSubmit,
           disabled: registering,
           activeOpacity: 0.8,
-          children: registering ? /* @__PURE__ */ jsx3(ActivityIndicator2, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ jsx3(Text2, { style: s.primaryBtnText, children: "Create Account" })
+          children: registering ? /* @__PURE__ */ jsx4(ActivityIndicator2, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ jsx4(Text3, { style: s.primaryBtnText, children: "Create Account" })
         }
       )
     ] })
@@ -2905,18 +3048,18 @@ function DefaultRegistrationScreen({
         return null;
     }
   };
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     KeyboardAvoidingView,
     {
       style: [s.container, { backgroundColor: t.background }],
       behavior: Platform4.OS === "ios" ? "padding" : void 0,
-      children: /* @__PURE__ */ jsx3(
-        ScrollView,
+      children: /* @__PURE__ */ jsx4(
+        ScrollView2,
         {
           contentContainerStyle: { flexGrow: 1 },
           keyboardShouldPersistTaps: "handled",
           bounces: false,
-          children: /* @__PURE__ */ jsx3(
+          children: /* @__PURE__ */ jsx4(
             Animated.View,
             {
               style: [
@@ -2966,7 +3109,7 @@ function PushSetupScreen({
     "Your pick wins or loses",
     "Final results and rankings"
   ];
-  return /* @__PURE__ */ jsx3(View2, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx4(View3, { style: [s.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs3(
     Animated.View,
     {
       style: [
@@ -2974,37 +3117,37 @@ function PushSetupScreen({
         { opacity: fadeAnim, transform: [{ translateY: slideAnim }] }
       ],
       children: [
-        /* @__PURE__ */ jsxs2(View2, { style: s.stepTop, children: [
-          /* @__PURE__ */ jsx3(Text2, { style: [s.title, { color: t.text }], children: "Enable Notifications" }),
-          /* @__PURE__ */ jsx3(Text2, { style: [s.subtitle, { color: t.textMuted }], children: "Stay in the loop with real-time updates" }),
-          /* @__PURE__ */ jsx3(StepIndicator, { currentStep: 3 }),
-          /* @__PURE__ */ jsx3(View2, { style: pushStyles.iconContainer, children: /* @__PURE__ */ jsx3(View2, { style: [pushStyles.bellCircle, { backgroundColor: accent + "20" }], children: /* @__PURE__ */ jsx3(Text2, { style: [pushStyles.bellIcon, { color: accent }], children: "\u{1F514}" }) }) }),
-          /* @__PURE__ */ jsxs2(View2, { style: pushStyles.benefitsList, children: [
-            /* @__PURE__ */ jsx3(Text2, { style: [pushStyles.benefitsHeader, { color: t.text }], children: "Get real-time updates when:" }),
-            benefits.map((item, i) => /* @__PURE__ */ jsxs2(View2, { style: pushStyles.benefitRow, children: [
-              /* @__PURE__ */ jsx3(View2, { style: [pushStyles.bulletDot, { backgroundColor: accent }] }),
-              /* @__PURE__ */ jsx3(Text2, { style: [pushStyles.benefitText, { color: t.textMuted }], children: item })
+        /* @__PURE__ */ jsxs3(View3, { style: s.stepTop, children: [
+          /* @__PURE__ */ jsx4(Text3, { style: [s.title, { color: t.text }], children: "Enable Notifications" }),
+          /* @__PURE__ */ jsx4(Text3, { style: [s.subtitle, { color: t.textMuted }], children: "Stay in the loop with real-time updates" }),
+          /* @__PURE__ */ jsx4(StepIndicator, { currentStep: 3 }),
+          /* @__PURE__ */ jsx4(View3, { style: pushStyles.iconContainer, children: /* @__PURE__ */ jsx4(View3, { style: [pushStyles.bellCircle, { backgroundColor: accent + "20" }], children: /* @__PURE__ */ jsx4(Text3, { style: [pushStyles.bellIcon, { color: accent }], children: "\u{1F514}" }) }) }),
+          /* @__PURE__ */ jsxs3(View3, { style: pushStyles.benefitsList, children: [
+            /* @__PURE__ */ jsx4(Text3, { style: [pushStyles.benefitsHeader, { color: t.text }], children: "Get real-time updates when:" }),
+            benefits.map((item, i) => /* @__PURE__ */ jsxs3(View3, { style: pushStyles.benefitRow, children: [
+              /* @__PURE__ */ jsx4(View3, { style: [pushStyles.bulletDot, { backgroundColor: accent }] }),
+              /* @__PURE__ */ jsx4(Text3, { style: [pushStyles.benefitText, { color: t.textMuted }], children: item })
             ] }, i))
           ] })
         ] }),
-        /* @__PURE__ */ jsxs2(View2, { style: s.bottomRow, children: [
-          /* @__PURE__ */ jsx3(
-            TouchableOpacity2,
+        /* @__PURE__ */ jsxs3(View3, { style: s.bottomRow, children: [
+          /* @__PURE__ */ jsx4(
+            TouchableOpacity3,
             {
               style: [s.secondaryBtn, { borderColor: t.border }],
               onPress: onComplete,
               activeOpacity: 0.7,
-              children: /* @__PURE__ */ jsx3(Text2, { style: [s.secondaryBtnText, { color: t.textMuted }], children: "Maybe Later" })
+              children: /* @__PURE__ */ jsx4(Text3, { style: [s.secondaryBtnText, { color: t.textMuted }], children: "Maybe Later" })
             }
           ),
-          /* @__PURE__ */ jsx3(
-            TouchableOpacity2,
+          /* @__PURE__ */ jsx4(
+            TouchableOpacity3,
             {
               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__ */ jsx3(ActivityIndicator2, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ jsx3(Text2, { style: s.primaryBtnText, children: "Enable Notifications" })
+              children: push.loading ? /* @__PURE__ */ jsx4(ActivityIndicator2, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ jsx4(Text3, { style: s.primaryBtnText, children: "Enable Notifications" })
             }
           )
         ] })
@@ -3012,7 +3155,7 @@ function PushSetupScreen({
     }
   ) });
 }
-var pushStyles = StyleSheet2.create({
+var pushStyles = StyleSheet3.create({
   iconContainer: { alignItems: "center", marginVertical: 24 },
   bellCircle: { width: 100, height: 100, borderRadius: 50, justifyContent: "center", alignItems: "center" },
   bellIcon: { fontSize: 48 },
@@ -3022,7 +3165,7 @@ var pushStyles = StyleSheet2.create({
   bulletDot: { width: 8, height: 8, borderRadius: 4 },
   benefitText: { fontSize: 16, flex: 1 }
 });
-var s = StyleSheet2.create({
+var s = StyleSheet3.create({
   container: { flex: 1 },
   // Loading / Error
   centerContent: { flex: 1, justifyContent: "center", alignItems: "center", paddingHorizontal: 32, gap: 48 },
@@ -3086,7 +3229,7 @@ var s = StyleSheet2.create({
 });
 
 // src/provider.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var DubsContext = createContext4(null);
 function DubsProvider({
   apiKey,
@@ -3136,7 +3279,7 @@ function DubsProvider({
     themeOverrides.accent = uiConfig.accentColor;
   }
   if (externalWallet) {
-    return /* @__PURE__ */ jsx4(ThemeOverrideProvider, { value: themeOverrides, children: /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5(ThemeOverrideProvider, { value: themeOverrides, children: /* @__PURE__ */ jsx5(
       ExternalWalletProvider,
       {
         client,
@@ -3156,7 +3299,7 @@ function DubsProvider({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx4(ThemeOverrideProvider, { value: themeOverrides, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(ThemeOverrideProvider, { value: themeOverrides, children: /* @__PURE__ */ jsx5(
     ManagedWalletProvider,
     {
       appName: uiConfig.appName || appName,
@@ -3168,7 +3311,7 @@ function DubsProvider({
       tagline: uiConfig.tagline,
       redirectUri,
       appUrl: appUrl || uiConfig.appUrl,
-      children: (adapter) => /* @__PURE__ */ jsx4(
+      children: (adapter) => /* @__PURE__ */ jsx5(
         ManagedInner,
         {
           client,
@@ -3213,7 +3356,7 @@ function ManagedInner({
     () => ({ client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled }),
     [client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled]
   );
-  return /* @__PURE__ */ jsx4(DubsContext.Provider, { value, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(DubsContext.Provider, { value, children: /* @__PURE__ */ jsx5(
     AuthGate,
     {
       onSaveToken: (token) => {
@@ -3257,9 +3400,9 @@ function ExternalWalletProvider({
     [client, wallet, connection, appName, network, disconnect, uiConfig, pushEnabled]
   );
   if (!managed) {
-    return /* @__PURE__ */ jsx4(DubsContext.Provider, { value, children });
+    return /* @__PURE__ */ jsx5(DubsContext.Provider, { value, children });
   }
-  return /* @__PURE__ */ jsx4(DubsContext.Provider, { value, children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(DubsContext.Provider, { value, children: /* @__PURE__ */ jsx5(
     AuthGate,
     {
       onSaveToken: (token) => {
@@ -3290,8 +3433,8 @@ function useAppConfig() {
 
 // src/ui/UserProfileCard.tsx
 import { useMemo as useMemo3 } from "react";
-import { View as View3, Text as Text3, Image as Image3, StyleSheet as StyleSheet3 } from "react-native";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { View as View4, Text as Text4, Image as Image4, StyleSheet as StyleSheet4 } from "react-native";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function truncateAddress(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars)}...${address.slice(-chars)}`;
@@ -3313,16 +3456,16 @@ function UserProfileCard({
     () => ensurePngAvatar(avatarUrl) || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
-  return /* @__PURE__ */ jsxs3(View3, { style: [styles2.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ jsx5(Image3, { source: { uri: imageUri }, style: styles2.avatar }),
-    /* @__PURE__ */ jsxs3(View3, { style: styles2.info, children: [
-      username ? /* @__PURE__ */ jsx5(Text3, { style: [styles2.username, { color: t.text }], children: username }) : null,
-      /* @__PURE__ */ jsx5(Text3, { style: [styles2.address, { color: t.textMuted }], children: truncateAddress(walletAddress) }),
-      memberSince ? /* @__PURE__ */ jsx5(Text3, { style: [styles2.memberSince, { color: t.textDim }], children: formatMemberSince(memberSince) }) : null
+  return /* @__PURE__ */ jsxs4(View4, { style: [styles3.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ jsx6(Image4, { source: { uri: imageUri }, style: styles3.avatar }),
+    /* @__PURE__ */ jsxs4(View4, { style: styles3.info, children: [
+      username ? /* @__PURE__ */ jsx6(Text4, { style: [styles3.username, { color: t.text }], children: username }) : null,
+      /* @__PURE__ */ jsx6(Text4, { style: [styles3.address, { color: t.textMuted }], children: truncateAddress(walletAddress) }),
+      memberSince ? /* @__PURE__ */ jsx6(Text4, { style: [styles3.memberSince, { color: t.textDim }], children: formatMemberSince(memberSince) }) : null
     ] })
   ] });
 }
-var styles2 = StyleSheet3.create({
+var styles3 = StyleSheet4.create({
   card: {
     flexDirection: "row",
     alignItems: "center",
@@ -3357,14 +3500,14 @@ var styles2 = StyleSheet3.create({
 
 // src/ui/SettingsSheet.tsx
 import {
-  View as View4,
-  Text as Text4,
-  ScrollView as ScrollView2,
-  TouchableOpacity as TouchableOpacity3,
+  View as View5,
+  Text as Text5,
+  ScrollView as ScrollView3,
+  TouchableOpacity as TouchableOpacity4,
   ActivityIndicator as ActivityIndicator3,
-  StyleSheet as StyleSheet4
+  StyleSheet as StyleSheet5
 } from "react-native";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function truncateAddress2(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars)}...${address.slice(-chars)}`;
@@ -3381,13 +3524,13 @@ function SettingsSheet({
   loggingOut = false
 }) {
   const t = useDubsTheme();
-  return /* @__PURE__ */ jsxs4(
-    ScrollView2,
+  return /* @__PURE__ */ jsxs5(
+    ScrollView3,
     {
-      style: [styles3.container, { backgroundColor: t.background }],
-      contentContainerStyle: styles3.content,
+      style: [styles4.container, { backgroundColor: t.background }],
+      contentContainerStyle: styles4.content,
       children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           UserProfileCard,
           {
             walletAddress,
@@ -3396,49 +3539,49 @@ function SettingsSheet({
             memberSince
           }
         ),
-        /* @__PURE__ */ jsxs4(View4, { style: [styles3.actionsCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-          onCopyAddress ? /* @__PURE__ */ jsxs4(
-            TouchableOpacity3,
+        /* @__PURE__ */ jsxs5(View5, { style: [styles4.actionsCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+          onCopyAddress ? /* @__PURE__ */ jsxs5(
+            TouchableOpacity4,
             {
-              style: styles3.actionRow,
+              style: styles4.actionRow,
               onPress: onCopyAddress,
               activeOpacity: 0.7,
               children: [
-                /* @__PURE__ */ jsxs4(View4, { style: styles3.actionRowLeft, children: [
-                  /* @__PURE__ */ jsx6(Text4, { style: [styles3.actionLabel, { color: t.text }], children: "Wallet Address" }),
-                  /* @__PURE__ */ jsx6(Text4, { style: [styles3.actionValue, { color: t.textMuted }], children: truncateAddress2(walletAddress) })
+                /* @__PURE__ */ jsxs5(View5, { style: styles4.actionRowLeft, children: [
+                  /* @__PURE__ */ jsx7(Text5, { style: [styles4.actionLabel, { color: t.text }], children: "Wallet Address" }),
+                  /* @__PURE__ */ jsx7(Text5, { style: [styles4.actionValue, { color: t.textMuted }], children: truncateAddress2(walletAddress) })
                 ] }),
-                /* @__PURE__ */ jsx6(Text4, { style: [styles3.copyLabel, { color: t.accent }], children: "Copy" })
+                /* @__PURE__ */ jsx7(Text5, { style: [styles4.copyLabel, { color: t.accent }], children: "Copy" })
               ]
             }
           ) : null,
-          onSupport ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-            onCopyAddress ? /* @__PURE__ */ jsx6(View4, { style: [styles3.separator, { backgroundColor: t.border }] }) : null,
-            /* @__PURE__ */ jsxs4(
-              TouchableOpacity3,
+          onSupport ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+            onCopyAddress ? /* @__PURE__ */ jsx7(View5, { style: [styles4.separator, { backgroundColor: t.border }] }) : null,
+            /* @__PURE__ */ jsxs5(
+              TouchableOpacity4,
               {
-                style: styles3.actionRow,
+                style: styles4.actionRow,
                 onPress: onSupport,
                 activeOpacity: 0.7,
                 children: [
-                  /* @__PURE__ */ jsx6(Text4, { style: [styles3.actionLabel, { color: t.text }], children: "Help & Support" }),
-                  /* @__PURE__ */ jsx6(Text4, { style: [styles3.chevron, { color: t.textMuted }], children: "\u203A" })
+                  /* @__PURE__ */ jsx7(Text5, { style: [styles4.actionLabel, { color: t.text }], children: "Help & Support" }),
+                  /* @__PURE__ */ jsx7(Text5, { style: [styles4.chevron, { color: t.textMuted }], children: "\u203A" })
                 ]
               }
             )
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsx6(
-          TouchableOpacity3,
+        /* @__PURE__ */ jsx7(
+          TouchableOpacity4,
           {
-            style: [styles3.logoutButton, { borderColor: t.live }],
+            style: [styles4.logoutButton, { borderColor: t.live }],
             onPress: onLogout,
             disabled: loggingOut,
             activeOpacity: 0.7,
-            children: loggingOut ? /* @__PURE__ */ jsx6(ActivityIndicator3, { color: t.live, size: "small" }) : /* @__PURE__ */ jsx6(Text4, { style: [styles3.logoutText, { color: t.live }], children: "Log Out" })
+            children: loggingOut ? /* @__PURE__ */ jsx7(ActivityIndicator3, { color: t.live, size: "small" }) : /* @__PURE__ */ jsx7(Text5, { style: [styles4.logoutText, { color: t.live }], children: "Log Out" })
           }
         ),
-        appVersion ? /* @__PURE__ */ jsxs4(Text4, { style: [styles3.version, { color: t.textDim }], children: [
+        appVersion ? /* @__PURE__ */ jsxs5(Text5, { style: [styles4.version, { color: t.textDim }], children: [
           "v",
           appVersion
         ] }) : null
@@ -3446,7 +3589,7 @@ function SettingsSheet({
     }
   );
 }
-var styles3 = StyleSheet4.create({
+var styles4 = StyleSheet5.create({
   container: {
     flex: 1
   },
@@ -3511,43 +3654,20 @@ var styles3 = StyleSheet4.create({
 // src/ui/UserProfileSheet.tsx
 import { useState as useState17, useEffect as useEffect12, useRef as useRef5, useCallback as useCallback16, useMemo as useMemo4 } from "react";
 import {
-  View as View5,
-  Text as Text5,
-  TouchableOpacity as TouchableOpacity4,
+  View as View6,
+  Text as Text6,
+  TouchableOpacity as TouchableOpacity5,
   ActivityIndicator as ActivityIndicator4,
   Modal,
   Animated as Animated2,
-  StyleSheet as StyleSheet5,
+  StyleSheet as StyleSheet6,
   KeyboardAvoidingView as KeyboardAvoidingView2,
   Platform as Platform5,
-  Image as Image4,
-  ScrollView as ScrollView3,
+  Image as Image5,
+  ScrollView as ScrollView4,
   Dimensions
 } from "react-native";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var DICEBEAR_STYLES2 = [
-  "adventurer",
-  "avataaars",
-  "fun-emoji",
-  "bottts",
-  "big-smile",
-  "thumbs"
-];
-function generateSeed2() {
-  return Math.random().toString(36).slice(2, 10);
-}
-function getAvatarUrl2(style, seed, size = 256) {
-  return `https://api.dicebear.com/9.x/${style}/png?seed=${seed}&size=${size}`;
-}
-function parseAvatarUrl(url) {
-  if (!url) return { style: "adventurer", seed: generateSeed2() };
-  try {
-    const match = url.match(/\/\d+\.x\/([^/]+)\/(?:png|svg)\?seed=([^&]+)/);
-    if (match) return { style: match[1], seed: match[2] };
-  } catch {
-  }
-  return { style: "adventurer", seed: generateSeed2() };
-}
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function truncateAddress3(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars)}...${address.slice(-chars)}`;
@@ -3566,12 +3686,14 @@ function UserProfileSheet({
   const parsed = useMemo4(() => parseAvatarUrl(user.avatar), [user.avatar]);
   const [avatarStyle, setAvatarStyle] = useState17(parsed.style);
   const [avatarSeed, setAvatarSeed] = useState17(parsed.seed);
+  const [bgColor, setBgColor] = useState17(parsed.bg);
   const [saving, setSaving] = useState17(false);
   const [error, setError] = useState17(null);
   useEffect12(() => {
     const p = parseAvatarUrl(user.avatar);
     setAvatarStyle(p.style);
     setAvatarSeed(p.seed);
+    setBgColor(p.bg);
   }, [user.avatar]);
   useEffect12(() => {
     Animated2.timing(overlayOpacity, {
@@ -3583,28 +3705,8 @@ function UserProfileSheet({
   useEffect12(() => {
     if (visible) setError(null);
   }, [visible]);
-  const currentAvatarUrl = getAvatarUrl2(avatarStyle, avatarSeed);
-  const handleSelectStyle = useCallback16(
-    async (style) => {
-      const newUrl = getAvatarUrl2(style, avatarSeed);
-      setAvatarStyle(style);
-      setSaving(true);
-      setError(null);
-      try {
-        await client.updateProfile({ avatar: newUrl });
-        onAvatarUpdated?.(newUrl);
-      } catch (err) {
-        setError(err instanceof Error ? err.message : "Failed to update avatar");
-      } finally {
-        setSaving(false);
-      }
-    },
-    [avatarSeed, client, onAvatarUpdated]
-  );
-  const handleShuffle = useCallback16(async () => {
-    const newSeed = generateSeed2();
-    const newUrl = getAvatarUrl2(avatarStyle, newSeed);
-    setAvatarSeed(newSeed);
+  const currentAvatarUrl = getAvatarUrl(avatarStyle, avatarSeed, bgColor);
+  const saveAvatar = useCallback16(async (newUrl) => {
     setSaving(true);
     setError(null);
     try {
@@ -3615,8 +3717,21 @@ function UserProfileSheet({
     } finally {
       setSaving(false);
     }
-  }, [avatarStyle, client, onAvatarUpdated]);
-  return /* @__PURE__ */ jsxs5(
+  }, [client, onAvatarUpdated]);
+  const handleStyleChange = useCallback16((style) => {
+    setAvatarStyle(style);
+    saveAvatar(getAvatarUrl(style, avatarSeed, bgColor));
+  }, [avatarSeed, bgColor, saveAvatar]);
+  const handleShuffle = useCallback16(() => {
+    const newSeed = generateSeed();
+    setAvatarSeed(newSeed);
+    saveAvatar(getAvatarUrl(avatarStyle, newSeed, bgColor));
+  }, [avatarStyle, bgColor, saveAvatar]);
+  const handleBgChange = useCallback16((color) => {
+    setBgColor(color);
+    saveAvatar(getAvatarUrl(avatarStyle, avatarSeed, color));
+  }, [avatarStyle, avatarSeed, saveAvatar]);
+  return /* @__PURE__ */ jsxs6(
     Modal,
     {
       visible,
@@ -3624,123 +3739,101 @@ function UserProfileSheet({
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ jsx7(Animated2.View, { style: [styles4.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx7(TouchableOpacity4, { style: styles4.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(Animated2.View, { style: [styles5.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx8(TouchableOpacity5, { style: styles5.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx8(
           KeyboardAvoidingView2,
           {
-            style: styles4.keyboardView,
+            style: styles5.keyboardView,
             behavior: Platform5.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx7(View5, { style: styles4.sheetPositioner, children: /* @__PURE__ */ jsxs5(View5, { style: [styles4.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ jsx7(View5, { style: styles4.handleRow, children: /* @__PURE__ */ jsx7(View5, { style: [styles4.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs5(View5, { style: styles4.header, children: [
-                /* @__PURE__ */ jsx7(Text5, { style: [styles4.headerTitle, { color: t.text }], children: "Profile" }),
-                /* @__PURE__ */ jsx7(TouchableOpacity4, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx7(Text5, { style: [styles4.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            children: /* @__PURE__ */ jsx8(View6, { style: styles5.sheetPositioner, children: /* @__PURE__ */ jsxs6(View6, { style: [styles5.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx8(View6, { style: styles5.handleRow, children: /* @__PURE__ */ jsx8(View6, { style: [styles5.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs6(View6, { style: styles5.header, children: [
+                /* @__PURE__ */ jsx8(Text6, { style: [styles5.headerTitle, { color: t.text }], children: "Profile" }),
+                /* @__PURE__ */ jsx8(TouchableOpacity5, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx8(Text6, { style: [styles5.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              /* @__PURE__ */ jsxs5(
-                ScrollView3,
+              /* @__PURE__ */ jsxs6(
+                ScrollView4,
                 {
-                  style: styles4.scrollContent,
-                  contentContainerStyle: styles4.scrollContentInner,
+                  style: styles5.scrollContent,
+                  contentContainerStyle: styles5.scrollContentInner,
                   showsVerticalScrollIndicator: false,
                   bounces: false,
                   children: [
-                    /* @__PURE__ */ jsxs5(View5, { style: styles4.avatarSection, children: [
-                      /* @__PURE__ */ jsxs5(View5, { style: [styles4.avatarContainer, { borderColor: t.border }], children: [
-                        /* @__PURE__ */ jsx7(
-                          Image4,
+                    /* @__PURE__ */ jsxs6(View6, { style: styles5.avatarSection, children: [
+                      /* @__PURE__ */ jsxs6(View6, { style: [styles5.avatarContainer, { borderColor: t.border }], children: [
+                        /* @__PURE__ */ jsx8(
+                          Image5,
                           {
                             source: { uri: currentAvatarUrl },
-                            style: styles4.avatar
+                            style: styles5.avatar
                           }
                         ),
-                        saving && /* @__PURE__ */ jsx7(View5, { style: styles4.avatarLoading, children: /* @__PURE__ */ jsx7(ActivityIndicator4, { size: "small", color: "#FFFFFF" }) })
+                        saving && /* @__PURE__ */ jsx8(View6, { style: styles5.avatarLoading, children: /* @__PURE__ */ jsx8(ActivityIndicator4, { size: "small", color: "#FFFFFF" }) })
                       ] }),
-                      user.username ? /* @__PURE__ */ jsx7(Text5, { style: [styles4.username, { color: t.text }], children: user.username }) : null,
-                      /* @__PURE__ */ jsx7(Text5, { style: [styles4.walletAddress, { color: t.textMuted }], children: truncateAddress3(user.walletAddress, 6) })
+                      user.username ? /* @__PURE__ */ jsx8(Text6, { style: [styles5.username, { color: t.text }], children: user.username }) : null,
+                      /* @__PURE__ */ jsx8(Text6, { style: [styles5.walletAddress, { color: t.textMuted }], children: truncateAddress3(user.walletAddress, 6) })
                     ] }),
-                    /* @__PURE__ */ jsxs5(View5, { style: styles4.section, children: [
-                      /* @__PURE__ */ jsxs5(View5, { style: styles4.sectionHeaderRow, children: [
-                        /* @__PURE__ */ jsx7(Text5, { style: [styles4.sectionLabel, { color: t.textSecondary }], children: "Change Avatar" }),
-                        /* @__PURE__ */ jsx7(
-                          TouchableOpacity4,
+                    /* @__PURE__ */ jsxs6(View6, { style: styles5.section, children: [
+                      /* @__PURE__ */ jsxs6(View6, { style: styles5.sectionHeaderRow, children: [
+                        /* @__PURE__ */ jsx8(Text6, { style: [styles5.sectionLabel, { color: t.textSecondary }], children: "Change Avatar" }),
+                        /* @__PURE__ */ jsx8(
+                          TouchableOpacity5,
                           {
-                            style: [styles4.shuffleButton, { borderColor: t.border }],
+                            style: [styles5.shuffleButton, { borderColor: t.border }],
                             onPress: handleShuffle,
                             activeOpacity: 0.7,
                             disabled: saving,
-                            children: /* @__PURE__ */ jsx7(Text5, { style: [styles4.shuffleText, { color: t.accent }], children: "Shuffle" })
+                            children: /* @__PURE__ */ jsx8(Text6, { style: [styles5.shuffleText, { color: t.accent }], children: "Shuffle" })
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ jsx7(
-                        ScrollView3,
+                      /* @__PURE__ */ jsx8(
+                        AvatarEditor,
                         {
-                          horizontal: true,
-                          showsHorizontalScrollIndicator: false,
-                          contentContainerStyle: styles4.stylePickerContent,
-                          children: DICEBEAR_STYLES2.map((style) => {
-                            const isSelected = style === avatarStyle;
-                            return /* @__PURE__ */ jsx7(
-                              TouchableOpacity4,
-                              {
-                                onPress: () => handleSelectStyle(style),
-                                activeOpacity: 0.7,
-                                disabled: saving,
-                                style: [
-                                  styles4.styleTile,
-                                  {
-                                    borderColor: isSelected ? t.accent : t.border,
-                                    borderWidth: isSelected ? 2 : 1
-                                  }
-                                ],
-                                children: /* @__PURE__ */ jsx7(
-                                  Image4,
-                                  {
-                                    source: { uri: getAvatarUrl2(style, avatarSeed, 80) },
-                                    style: styles4.styleTileImage
-                                  }
-                                )
-                              },
-                              style
-                            );
-                          })
+                          style: avatarStyle,
+                          seed: avatarSeed,
+                          bg: bgColor,
+                          onStyleChange: handleStyleChange,
+                          onSeedChange: setAvatarSeed,
+                          onBgChange: handleBgChange,
+                          disabled: saving
                         }
                       )
                     ] }),
-                    error ? /* @__PURE__ */ jsx7(View5, { style: [styles4.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx7(Text5, { style: [styles4.errorText, { color: t.errorText }], children: error }) }) : null,
-                    push.enabled && /* @__PURE__ */ jsxs5(View5, { style: [styles4.notifRow, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                      /* @__PURE__ */ jsxs5(View5, { style: styles4.notifLeft, children: [
-                        /* @__PURE__ */ jsx7(Text5, { style: [styles4.notifLabel, { color: t.text }], children: "Push Notifications" }),
-                        /* @__PURE__ */ jsx7(
-                          Text5,
+                    error ? /* @__PURE__ */ jsx8(View6, { style: [styles5.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx8(Text6, { style: [styles5.errorText, { color: t.errorText }], children: error }) }) : null,
+                    push.enabled && /* @__PURE__ */ jsxs6(View6, { style: [styles5.notifRow, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                      /* @__PURE__ */ jsxs6(View6, { style: styles5.notifLeft, children: [
+                        /* @__PURE__ */ jsx8(Text6, { style: [styles5.notifLabel, { color: t.text }], children: "Push Notifications" }),
+                        /* @__PURE__ */ jsx8(
+                          Text6,
                           {
                             style: [
-                              styles4.notifStatus,
+                              styles5.notifStatus,
                               { color: push.hasPermission ? t.success : t.textMuted }
                             ],
                             children: push.hasPermission ? "Enabled" : "Disabled"
                           }
                         )
                       ] }),
-                      !push.hasPermission && /* @__PURE__ */ jsx7(
-                        TouchableOpacity4,
+                      !push.hasPermission && /* @__PURE__ */ jsx8(
+                        TouchableOpacity5,
                         {
-                          style: [styles4.enableButton, { backgroundColor: t.accent }],
+                          style: [styles5.enableButton, { backgroundColor: t.accent }],
                           onPress: push.register,
                           disabled: push.loading,
                           activeOpacity: 0.8,
-                          children: push.loading ? /* @__PURE__ */ jsx7(ActivityIndicator4, { size: "small", color: "#FFFFFF" }) : /* @__PURE__ */ jsx7(Text5, { style: styles4.enableText, children: "Enable" })
+                          children: push.loading ? /* @__PURE__ */ jsx8(ActivityIndicator4, { size: "small", color: "#FFFFFF" }) : /* @__PURE__ */ jsx8(Text6, { style: styles5.enableText, children: "Enable" })
                         }
                       )
                     ] }),
-                    push.enabled && push.error ? /* @__PURE__ */ jsx7(View5, { style: [styles4.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx7(Text5, { style: [styles4.errorText, { color: t.errorText }], children: push.error.message }) }) : null,
-                    onDisconnect ? /* @__PURE__ */ jsx7(
-                      TouchableOpacity4,
+                    push.enabled && push.error ? /* @__PURE__ */ jsx8(View6, { style: [styles5.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx8(Text6, { style: [styles5.errorText, { color: t.errorText }], children: push.error.message }) }) : null,
+                    onDisconnect ? /* @__PURE__ */ jsx8(
+                      TouchableOpacity5,
                       {
-                        style: [styles4.disconnectButton, { borderColor: t.live }],
+                        style: [styles5.disconnectButton, { borderColor: t.live }],
                         onPress: onDisconnect,
                         activeOpacity: 0.7,
-                        children: /* @__PURE__ */ jsx7(Text5, { style: [styles4.disconnectText, { color: t.live }], children: "Disconnect Wallet" })
+                        children: /* @__PURE__ */ jsx8(Text6, { style: [styles5.disconnectText, { color: t.live }], children: "Disconnect Wallet" })
                       }
                     ) : null
                   ]
@@ -3753,9 +3846,9 @@ function UserProfileSheet({
     }
   );
 }
-var styles4 = StyleSheet5.create({
+var styles5 = StyleSheet6.create({
   overlay: {
-    ...StyleSheet5.absoluteFillObject,
+    ...StyleSheet6.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -3806,7 +3899,6 @@ var styles4 = StyleSheet5.create({
   scrollContentInner: {
     paddingBottom: 8
   },
-  // Avatar
   avatarSection: {
     alignItems: "center",
     paddingTop: 8,
@@ -3822,11 +3914,10 @@ var styles4 = StyleSheet5.create({
   },
   avatar: {
     width: "100%",
-    height: "100%",
-    backgroundColor: "#1a1a2e"
+    height: "100%"
   },
   avatarLoading: {
-    ...StyleSheet5.absoluteFillObject,
+    ...StyleSheet6.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.35)",
     justifyContent: "center",
     alignItems: "center"
@@ -3839,7 +3930,6 @@ var styles4 = StyleSheet5.create({
     fontSize: 13,
     fontFamily: "monospace"
   },
-  // Change Avatar
   section: {
     marginBottom: 20,
     gap: 12
@@ -3863,21 +3953,6 @@ var styles4 = StyleSheet5.create({
     fontSize: 13,
     fontWeight: "600"
   },
-  stylePickerContent: {
-    gap: 10
-  },
-  styleTile: {
-    width: 72,
-    height: 72,
-    borderRadius: 16,
-    overflow: "hidden"
-  },
-  styleTileImage: {
-    width: "100%",
-    height: "100%",
-    backgroundColor: "#1a1a2e"
-  },
-  // Error
   errorBox: {
     marginBottom: 16,
     borderRadius: 12,
@@ -3888,7 +3963,6 @@ var styles4 = StyleSheet5.create({
     fontSize: 13,
     fontWeight: "500"
   },
-  // Push Notifications
   notifRow: {
     flexDirection: "row",
     alignItems: "center",
@@ -3919,7 +3993,6 @@ var styles4 = StyleSheet5.create({
     fontSize: 14,
     fontWeight: "700"
   },
-  // Disconnect
   disconnectButton: {
     height: 52,
     borderRadius: 16,
@@ -3935,8 +4008,8 @@ var styles4 = StyleSheet5.create({
 
 // src/ui/game/GamePoster.tsx
 import { useState as useState18 } from "react";
-import { StyleSheet as StyleSheet6, View as View6, Text as Text6 } from "react-native";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet7, View as View7, Text as Text7 } from "react-native";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function computeCountdown(lockTimestamp) {
   if (!lockTimestamp) return "";
   const ts = typeof lockTimestamp === "string" ? parseInt(lockTimestamp) : lockTimestamp;
@@ -3957,27 +4030,27 @@ function GamePoster({ game, ImageComponent }) {
   const away = opponents[1];
   const countdown = computeCountdown(game.lockTimestamp);
   const isLive = countdown === "LIVE";
-  return /* @__PURE__ */ jsxs6(View6, { style: styles5.container, children: [
-    game.media?.poster ? /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs7(View7, { style: styles6.container, children: [
+    game.media?.poster ? /* @__PURE__ */ jsx9(
       Img,
       {
         source: { uri: game.media.poster },
-        style: styles5.image,
+        style: styles6.image,
         resizeMode: "cover"
       }
-    ) : /* @__PURE__ */ jsx8(View6, { style: [styles5.image, { backgroundColor: t.surface }], children: /* @__PURE__ */ jsxs6(View6, { style: styles5.fallback, children: [
-      /* @__PURE__ */ jsx8(TeamLogoInternal, { url: home?.imageUrl, size: 56, Img }),
-      /* @__PURE__ */ jsx8(Text6, { style: styles5.vs, children: "VS" }),
-      /* @__PURE__ */ jsx8(TeamLogoInternal, { url: away?.imageUrl, size: 56, Img })
+    ) : /* @__PURE__ */ jsx9(View7, { style: [styles6.image, { backgroundColor: t.surface }], children: /* @__PURE__ */ jsxs7(View7, { style: styles6.fallback, children: [
+      /* @__PURE__ */ jsx9(TeamLogoInternal, { url: home?.imageUrl, size: 56, Img }),
+      /* @__PURE__ */ jsx9(Text7, { style: styles6.vs, children: "VS" }),
+      /* @__PURE__ */ jsx9(TeamLogoInternal, { url: away?.imageUrl, size: 56, Img })
     ] }) }),
-    /* @__PURE__ */ jsx8(View6, { style: styles5.overlay }),
-    /* @__PURE__ */ jsxs6(View6, { style: styles5.teamNames, children: [
-      /* @__PURE__ */ jsx8(Text6, { style: styles5.teamNameText, numberOfLines: 1, children: home?.name || "Home" }),
-      /* @__PURE__ */ jsx8(Text6, { style: styles5.teamNameVs, children: "vs" }),
-      /* @__PURE__ */ jsx8(Text6, { style: styles5.teamNameText, numberOfLines: 1, children: away?.name || "Away" })
+    /* @__PURE__ */ jsx9(View7, { style: styles6.overlay }),
+    /* @__PURE__ */ jsxs7(View7, { style: styles6.teamNames, children: [
+      /* @__PURE__ */ jsx9(Text7, { style: styles6.teamNameText, numberOfLines: 1, children: home?.name || "Home" }),
+      /* @__PURE__ */ jsx9(Text7, { style: styles6.teamNameVs, children: "vs" }),
+      /* @__PURE__ */ jsx9(Text7, { style: styles6.teamNameText, numberOfLines: 1, children: away?.name || "Away" })
     ] }),
-    countdown ? /* @__PURE__ */ jsx8(View6, { style: styles5.countdownPill, children: /* @__PURE__ */ jsx8(Text6, { style: [styles5.countdownText, isLive && styles5.countdownLive], children: countdown }) }) : null,
-    /* @__PURE__ */ jsx8(View6, { style: styles5.poolPill, children: /* @__PURE__ */ jsxs6(Text6, { style: styles5.poolText, children: [
+    countdown ? /* @__PURE__ */ jsx9(View7, { style: styles6.countdownPill, children: /* @__PURE__ */ jsx9(Text7, { style: [styles6.countdownText, isLive && styles6.countdownLive], children: countdown }) }) : null,
+    /* @__PURE__ */ jsx9(View7, { style: styles6.poolPill, children: /* @__PURE__ */ jsxs7(Text7, { style: styles6.poolText, children: [
       game.totalPool || 0,
       " SOL"
     ] }) })
@@ -3986,9 +4059,9 @@ function GamePoster({ game, ImageComponent }) {
 function TeamLogoInternal({ url, size, Img }) {
   const [failed, setFailed] = useState18(false);
   if (!url || failed) {
-    return /* @__PURE__ */ jsx8(View6, { style: [styles5.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
+    return /* @__PURE__ */ jsx9(View7, { style: [styles6.logoPlaceholder, { width: size, height: size, borderRadius: size / 2 }] });
   }
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     Img,
     {
       source: { uri: url },
@@ -3998,7 +4071,7 @@ function TeamLogoInternal({ url, size, Img }) {
     }
   );
 }
-var styles5 = StyleSheet6.create({
+var styles6 = StyleSheet7.create({
   container: {
     height: 200,
     borderRadius: 16,
@@ -4006,12 +4079,12 @@ var styles5 = StyleSheet6.create({
     position: "relative"
   },
   image: {
-    ...StyleSheet6.absoluteFillObject,
+    ...StyleSheet7.absoluteFillObject,
     justifyContent: "center",
     alignItems: "center"
   },
   overlay: {
-    ...StyleSheet6.absoluteFillObject,
+    ...StyleSheet7.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.35)"
   },
   fallback: {
@@ -4086,8 +4159,8 @@ var styles5 = StyleSheet6.create({
 
 // src/ui/game/LivePoolsCard.tsx
 import { useMemo as useMemo5 } from "react";
-import { StyleSheet as StyleSheet7, View as View7, Text as Text7 } from "react-native";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet8, View as View8, Text as Text8 } from "react-native";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function LivePoolsCard({
   game,
   shortName,
@@ -4109,29 +4182,29 @@ function LivePoolsCard({
       awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014"
     };
   }, [homePool, awayPool, totalPool]);
-  return /* @__PURE__ */ jsxs7(View7, { style: [styles6.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ jsx9(Text7, { style: [styles6.title, { color: t.text }], children: "Live Pools" }),
-    /* @__PURE__ */ jsxs7(Text7, { style: [styles6.total, { color: t.accent }], children: [
+  return /* @__PURE__ */ jsxs8(View8, { style: [styles7.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ jsx10(Text8, { style: [styles7.title, { color: t.text }], children: "Live Pools" }),
+    /* @__PURE__ */ jsxs8(Text8, { style: [styles7.total, { color: t.accent }], children: [
       totalPool,
       " SOL total"
     ] }),
-    /* @__PURE__ */ jsxs7(View7, { style: styles6.bars, children: [
-      /* @__PURE__ */ jsx9(PoolBar, { name: homeName, amount: homePool, percent: homePercent, color: homeColor, t }),
-      /* @__PURE__ */ jsx9(PoolBar, { name: awayName, amount: awayPool, percent: awayPercent, color: awayColor, t })
+    /* @__PURE__ */ jsxs8(View8, { style: styles7.bars, children: [
+      /* @__PURE__ */ jsx10(PoolBar, { name: homeName, amount: homePool, percent: homePercent, color: homeColor, t }),
+      /* @__PURE__ */ jsx10(PoolBar, { name: awayName, amount: awayPool, percent: awayPercent, color: awayColor, t })
     ] }),
-    /* @__PURE__ */ jsxs7(View7, { style: styles6.oddsRow, children: [
-      /* @__PURE__ */ jsxs7(Text7, { style: [styles6.oddsText, { color: t.textMuted }], children: [
+    /* @__PURE__ */ jsxs8(View8, { style: styles7.oddsRow, children: [
+      /* @__PURE__ */ jsxs8(Text8, { style: [styles7.oddsText, { color: t.textMuted }], children: [
         homeName,
         ": ",
-        /* @__PURE__ */ jsxs7(Text7, { style: { color: t.text, fontWeight: "700" }, children: [
+        /* @__PURE__ */ jsxs8(Text8, { style: { color: t.text, fontWeight: "700" }, children: [
           homeOdds,
           "x"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs7(Text7, { style: [styles6.oddsText, { color: t.textMuted }], children: [
+      /* @__PURE__ */ jsxs8(Text8, { style: [styles7.oddsText, { color: t.textMuted }], children: [
         awayName,
         ": ",
-        /* @__PURE__ */ jsxs7(Text7, { style: { color: t.text, fontWeight: "700" }, children: [
+        /* @__PURE__ */ jsxs8(Text8, { style: { color: t.text, fontWeight: "700" }, children: [
           awayOdds,
           "x"
         ] })
@@ -4140,16 +4213,16 @@ function LivePoolsCard({
   ] });
 }
 function PoolBar({ name, amount, percent, color, t }) {
-  return /* @__PURE__ */ jsxs7(View7, { style: styles6.barRow, children: [
-    /* @__PURE__ */ jsx9(Text7, { style: [styles6.barLabel, { color: t.textSecondary }], numberOfLines: 1, children: name }),
-    /* @__PURE__ */ jsx9(View7, { style: [styles6.barTrack, { backgroundColor: t.border }], children: /* @__PURE__ */ jsx9(View7, { style: [styles6.barFill, { width: `${Math.max(percent, 2)}%`, backgroundColor: color }] }) }),
-    /* @__PURE__ */ jsxs7(Text7, { style: [styles6.barAmount, { color: t.text }], children: [
+  return /* @__PURE__ */ jsxs8(View8, { style: styles7.barRow, children: [
+    /* @__PURE__ */ jsx10(Text8, { style: [styles7.barLabel, { color: t.textSecondary }], numberOfLines: 1, children: name }),
+    /* @__PURE__ */ jsx10(View8, { style: [styles7.barTrack, { backgroundColor: t.border }], children: /* @__PURE__ */ jsx10(View8, { style: [styles7.barFill, { width: `${Math.max(percent, 2)}%`, backgroundColor: color }] }) }),
+    /* @__PURE__ */ jsxs8(Text8, { style: [styles7.barAmount, { color: t.text }], children: [
       amount,
       " SOL"
     ] })
   ] });
 }
-var styles6 = StyleSheet7.create({
+var styles7 = StyleSheet8.create({
   card: { borderRadius: 16, borderWidth: 1, padding: 16 },
   title: { fontSize: 17, fontWeight: "700", marginBottom: 4 },
   total: { fontSize: 14, fontWeight: "600", marginBottom: 14 },
@@ -4165,8 +4238,8 @@ var styles6 = StyleSheet7.create({
 
 // src/ui/game/PickWinnerCard.tsx
 import { useState as useState19, useMemo as useMemo6 } from "react";
-import { StyleSheet as StyleSheet8, View as View8, Text as Text8, TouchableOpacity as TouchableOpacity5 } from "react-native";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet9, View as View9, Text as Text9, TouchableOpacity as TouchableOpacity6 } from "react-native";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function PickWinnerCard({
   game,
   selectedTeam,
@@ -4190,10 +4263,10 @@ 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__ */ jsxs8(View8, { style: [styles7.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ jsx10(Text8, { style: [styles7.title, { color: t.text }], children: "Pick Your Winner" }),
-    /* @__PURE__ */ jsxs8(View8, { style: styles7.row, children: [
-      /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs9(View9, { style: [styles8.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ jsx11(Text9, { style: [styles8.title, { color: t.text }], children: "Pick Your Winner" }),
+    /* @__PURE__ */ jsxs9(View9, { style: styles8.row, children: [
+      /* @__PURE__ */ jsx11(
         TeamOption,
         {
           name: homeName,
@@ -4207,7 +4280,7 @@ function PickWinnerCard({
           t
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         TeamOption,
         {
           name: awayName,
@@ -4238,30 +4311,30 @@ function TeamOption({
   const [imgFailed, setImgFailed] = useState19(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
-  return /* @__PURE__ */ jsxs8(
-    TouchableOpacity5,
+  return /* @__PURE__ */ jsxs9(
+    TouchableOpacity6,
     {
-      style: [styles7.option, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
+      style: [styles8.option, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
       onPress,
       activeOpacity: 0.7,
       children: [
-        showImage ? /* @__PURE__ */ jsx10(Img, { source: { uri: imageUrl }, style: styles7.logo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx10(View8, { style: [styles7.logo, styles7.logoPlaceholder] }),
-        /* @__PURE__ */ jsx10(Text8, { style: [styles7.name, { color: t.text }], numberOfLines: 1, children: name }),
-        /* @__PURE__ */ jsxs8(Text8, { style: [styles7.odds, { color }], children: [
+        showImage ? /* @__PURE__ */ jsx11(Img, { source: { uri: imageUrl }, style: styles8.logo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx11(View9, { style: [styles8.logo, styles8.logoPlaceholder] }),
+        /* @__PURE__ */ jsx11(Text9, { style: [styles8.name, { color: t.text }], numberOfLines: 1, children: name }),
+        /* @__PURE__ */ jsxs9(Text9, { style: [styles8.odds, { color }], children: [
           odds,
           "x"
         ] }),
-        /* @__PURE__ */ jsxs8(Text8, { style: [styles7.bets, { color: t.textMuted }], children: [
+        /* @__PURE__ */ jsxs9(Text9, { style: [styles8.bets, { color: t.textMuted }], children: [
           bets,
           " ",
           bets === 1 ? "bet" : "bets"
         ] }),
-        selected && /* @__PURE__ */ jsx10(View8, { style: [styles7.badge, { backgroundColor: color }], children: /* @__PURE__ */ jsx10(Text8, { style: styles7.badgeText, children: "Selected" }) })
+        selected && /* @__PURE__ */ jsx11(View9, { style: [styles8.badge, { backgroundColor: color }], children: /* @__PURE__ */ jsx11(Text9, { style: styles8.badgeText, children: "Selected" }) })
       ]
     }
   );
 }
-var styles7 = StyleSheet8.create({
+var styles8 = StyleSheet9.create({
   card: { borderRadius: 16, borderWidth: 1, padding: 16 },
   title: { fontSize: 17, fontWeight: "700", marginBottom: 12 },
   row: { flexDirection: "row", gap: 12 },
@@ -4277,8 +4350,8 @@ var styles7 = StyleSheet8.create({
 
 // src/ui/game/PlayersCard.tsx
 import { useState as useState20 } from "react";
-import { StyleSheet as StyleSheet9, View as View9, Text as Text9 } from "react-native";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet10, View as View10, Text as Text10 } from "react-native";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function truncateWallet(addr, chars) {
   if (addr.length <= chars * 2 + 3) return addr;
   return `${addr.slice(0, chars)}...${addr.slice(-chars)}`;
@@ -4298,12 +4371,12 @@ function PlayersCard({
     if (team === "away") return awayColor;
     return drawColor;
   };
-  return /* @__PURE__ */ jsxs9(View9, { style: [styles8.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ jsxs9(Text9, { style: [styles8.title, { color: t.text }], children: [
+  return /* @__PURE__ */ jsxs10(View10, { style: [styles9.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ jsxs10(Text10, { style: [styles9.title, { color: t.text }], children: [
       "Players",
       bettors.length > 0 ? ` (${bettors.length})` : ""
     ] }),
-    bettors.length === 0 ? /* @__PURE__ */ jsx11(Text9, { style: [styles8.empty, { color: t.textMuted }], children: "No players yet \u2014 be the first!" }) : bettors.map((b, i) => /* @__PURE__ */ jsx11(
+    bettors.length === 0 ? /* @__PURE__ */ jsx12(Text10, { style: [styles9.empty, { color: t.textMuted }], children: "No players yet \u2014 be the first!" }) : bettors.map((b, i) => /* @__PURE__ */ jsx12(
       BettorRow,
       {
         bettor: b,
@@ -4328,17 +4401,17 @@ function BettorRow({
   const [imgFailed, setImgFailed] = useState20(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showAvatar = bettor.avatar && !imgFailed;
-  return /* @__PURE__ */ jsxs9(View9, { style: [styles8.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
-    /* @__PURE__ */ jsx11(View9, { style: [styles8.dot, { backgroundColor: dotColor }] }),
-    showAvatar ? /* @__PURE__ */ jsx11(Img, { source: { uri: ensurePngAvatar(bettor.avatar) }, style: styles8.avatar, resizeMode: "cover", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx11(View9, { style: [styles8.avatar, styles8.avatarPlaceholder] }),
-    /* @__PURE__ */ jsx11(View9, { style: styles8.nameCol, children: /* @__PURE__ */ jsx11(Text9, { style: [styles8.username, { color: t.text }], numberOfLines: 1, children: bettor.username || truncateWallet(bettor.wallet, truncateChars) }) }),
-    /* @__PURE__ */ jsxs9(Text9, { style: [styles8.amount, { color: t.textSecondary }], children: [
+  return /* @__PURE__ */ jsxs10(View10, { style: [styles9.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
+    /* @__PURE__ */ jsx12(View10, { style: [styles9.dot, { backgroundColor: dotColor }] }),
+    showAvatar ? /* @__PURE__ */ jsx12(Img, { source: { uri: ensurePngAvatar(bettor.avatar) }, style: styles9.avatar, resizeMode: "cover", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx12(View10, { style: [styles9.avatar, styles9.avatarPlaceholder] }),
+    /* @__PURE__ */ jsx12(View10, { style: styles9.nameCol, children: /* @__PURE__ */ jsx12(Text10, { style: [styles9.username, { color: t.text }], numberOfLines: 1, children: bettor.username || truncateWallet(bettor.wallet, truncateChars) }) }),
+    /* @__PURE__ */ jsxs10(Text10, { style: [styles9.amount, { color: t.textSecondary }], children: [
       bettor.amount,
       " SOL"
     ] })
   ] });
 }
-var styles8 = StyleSheet9.create({
+var styles9 = StyleSheet10.create({
   card: { borderRadius: 16, borderWidth: 1, padding: 16 },
   title: { fontSize: 17, fontWeight: "700", marginBottom: 12 },
   empty: { fontSize: 14, textAlign: "center", paddingVertical: 16 },
@@ -4353,8 +4426,8 @@ var styles8 = StyleSheet9.create({
 
 // src/ui/game/JoinGameButton.tsx
 import { useMemo as useMemo7 } from "react";
-import { StyleSheet as StyleSheet10, View as View10, Text as Text10, TouchableOpacity as TouchableOpacity6, ActivityIndicator as ActivityIndicator5 } from "react-native";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet11, View as View11, Text as Text11, TouchableOpacity as TouchableOpacity7, ActivityIndicator as ActivityIndicator5 } from "react-native";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var STATUS_LABELS = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -4370,30 +4443,30 @@ function JoinGameButton({ game, walletAddress, selectedTeam, status, onJoin }) {
   if (alreadyJoined || game.isLocked || game.isResolved) return null;
   const isJoining = status !== "idle" && status !== "success" && status !== "error";
   const statusLabel = STATUS_LABELS[status] || "";
-  return /* @__PURE__ */ jsxs10(View10, { style: [styles9.bar, { backgroundColor: t.background, borderTopColor: t.border }], children: [
-    /* @__PURE__ */ jsxs10(View10, { style: styles9.buyInRow, children: [
-      /* @__PURE__ */ jsx12(Text10, { style: [styles9.buyInLabel, { color: t.textMuted }], children: "Buy-in" }),
-      /* @__PURE__ */ jsxs10(Text10, { style: [styles9.buyInValue, { color: t.text }], children: [
+  return /* @__PURE__ */ jsxs11(View11, { style: [styles10.bar, { backgroundColor: t.background, borderTopColor: t.border }], children: [
+    /* @__PURE__ */ jsxs11(View11, { style: styles10.buyInRow, children: [
+      /* @__PURE__ */ jsx13(Text11, { style: [styles10.buyInLabel, { color: t.textMuted }], children: "Buy-in" }),
+      /* @__PURE__ */ jsxs11(Text11, { style: [styles10.buyInValue, { color: t.text }], children: [
         game.buyIn,
         " SOL"
       ] })
     ] }),
-    /* @__PURE__ */ jsx12(
-      TouchableOpacity6,
+    /* @__PURE__ */ jsx13(
+      TouchableOpacity7,
       {
-        style: [styles9.button, { backgroundColor: selectedTeam ? t.accent : t.border }],
+        style: [styles10.button, { backgroundColor: selectedTeam ? t.accent : t.border }],
         disabled: !selectedTeam || isJoining,
         onPress: onJoin,
         activeOpacity: 0.8,
-        children: isJoining ? /* @__PURE__ */ jsxs10(View10, { style: styles9.joiningRow, children: [
-          /* @__PURE__ */ jsx12(ActivityIndicator5, { size: "small", color: "#000" }),
-          /* @__PURE__ */ jsx12(Text10, { style: styles9.buttonText, children: statusLabel })
-        ] }) : /* @__PURE__ */ jsx12(Text10, { style: [styles9.buttonText, !selectedTeam && { color: t.textMuted }], children: selectedTeam ? `Join Bet \u2014 ${game.buyIn} SOL` : "Pick a team to bet" })
+        children: isJoining ? /* @__PURE__ */ jsxs11(View11, { style: styles10.joiningRow, children: [
+          /* @__PURE__ */ jsx13(ActivityIndicator5, { size: "small", color: "#000" }),
+          /* @__PURE__ */ jsx13(Text11, { style: styles10.buttonText, children: statusLabel })
+        ] }) : /* @__PURE__ */ jsx13(Text11, { style: [styles10.buttonText, !selectedTeam && { color: t.textMuted }], children: selectedTeam ? `Join Bet \u2014 ${game.buyIn} SOL` : "Pick a team to bet" })
       }
     )
   ] });
 }
-var styles9 = StyleSheet10.create({
+var styles10 = StyleSheet11.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 },
@@ -4406,18 +4479,18 @@ var styles9 = StyleSheet10.create({
 // src/ui/game/CreateCustomGameSheet.tsx
 import { useState as useState21, useEffect as useEffect13, useRef as useRef6, useCallback as useCallback17 } from "react";
 import {
-  View as View11,
-  Text as Text11,
+  View as View12,
+  Text as Text12,
   TextInput as TextInput2,
-  TouchableOpacity as TouchableOpacity7,
+  TouchableOpacity as TouchableOpacity8,
   ActivityIndicator as ActivityIndicator6,
   Modal as Modal2,
   Animated as Animated3,
-  StyleSheet as StyleSheet11,
+  StyleSheet as StyleSheet12,
   KeyboardAvoidingView as KeyboardAvoidingView3,
   Platform as Platform6
 } from "react-native";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var STATUS_LABELS2 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -4516,7 +4589,7 @@ function CreateCustomGameSheet({
   }, [finalAmount, wallet.publicKey, mutation.execute, title, maxPlayers, metadata]);
   const statusLabel = STATUS_LABELS2[mutation.status] || "";
   const playersLabel = playerCount === 2 ? "2 (1v1)" : `${playerCount} players`;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     Modal2,
     {
       visible,
@@ -4524,34 +4597,34 @@ function CreateCustomGameSheet({
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ jsx13(Animated3.View, { style: [styles10.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx13(TouchableOpacity7, { style: styles10.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(Animated3.View, { style: [styles11.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx14(TouchableOpacity8, { style: styles11.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx14(
           KeyboardAvoidingView3,
           {
-            style: styles10.keyboardView,
+            style: styles11.keyboardView,
             behavior: Platform6.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx13(View11, { style: styles10.sheetPositioner, children: /* @__PURE__ */ jsxs11(View11, { style: [styles10.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ jsx13(View11, { style: styles10.handleRow, children: /* @__PURE__ */ jsx13(View11, { style: [styles10.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs11(View11, { style: styles10.header, children: [
-                /* @__PURE__ */ jsx13(Text11, { style: [styles10.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Create Pool" : "New Game" }),
-                /* @__PURE__ */ jsx13(TouchableOpacity7, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx13(Text11, { style: [styles10.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            children: /* @__PURE__ */ jsx14(View12, { style: styles11.sheetPositioner, children: /* @__PURE__ */ jsxs12(View12, { style: [styles11.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx14(View12, { style: styles11.handleRow, children: /* @__PURE__ */ jsx14(View12, { style: [styles11.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs12(View12, { style: styles11.header, children: [
+                /* @__PURE__ */ jsx14(Text12, { style: [styles11.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Create Pool" : "New Game" }),
+                /* @__PURE__ */ jsx14(TouchableOpacity8, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx14(Text12, { style: [styles11.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              !isPoolModeEnabled && /* @__PURE__ */ jsxs11(View11, { style: styles10.section, children: [
-                /* @__PURE__ */ jsx13(Text11, { style: [styles10.sectionLabel, { color: t.textSecondary }], children: "Buy-In Amount" }),
-                /* @__PURE__ */ jsxs11(View11, { style: styles10.chipsRow, children: [
+              !isPoolModeEnabled && /* @__PURE__ */ jsxs12(View12, { style: styles11.section, children: [
+                /* @__PURE__ */ jsx14(Text12, { style: [styles11.sectionLabel, { color: t.textSecondary }], children: "Buy-In Amount" }),
+                /* @__PURE__ */ jsxs12(View12, { style: styles11.chipsRow, children: [
                   presetAmounts.map((amount) => {
                     const active = !isCustom && selectedAmount === amount;
-                    return /* @__PURE__ */ jsx13(
-                      TouchableOpacity7,
+                    return /* @__PURE__ */ jsx14(
+                      TouchableOpacity8,
                       {
                         style: [
-                          styles10.chip,
+                          styles11.chip,
                           { borderColor: active ? t.accent : t.border },
                           active && { backgroundColor: t.accent }
                         ],
                         onPress: () => handlePresetSelect(amount),
                         activeOpacity: 0.8,
-                        children: /* @__PURE__ */ jsxs11(Text11, { style: [styles10.chipText, { color: active ? "#FFFFFF" : t.text }], children: [
+                        children: /* @__PURE__ */ jsxs12(Text12, { style: [styles11.chipText, { color: active ? "#FFFFFF" : t.text }], children: [
                           amount,
                           " SOL"
                         ] })
@@ -4559,24 +4632,24 @@ function CreateCustomGameSheet({
                       amount
                     );
                   }),
-                  /* @__PURE__ */ jsx13(
-                    TouchableOpacity7,
+                  /* @__PURE__ */ jsx14(
+                    TouchableOpacity8,
                     {
                       style: [
-                        styles10.chip,
+                        styles11.chip,
                         { borderColor: isCustom ? t.accent : t.border },
                         isCustom && { backgroundColor: t.accent }
                       ],
                       onPress: handleCustomSelect,
                       activeOpacity: 0.8,
-                      children: /* @__PURE__ */ jsx13(Text11, { style: [styles10.chipText, { color: isCustom ? "#FFFFFF" : t.text }], children: "Custom" })
+                      children: /* @__PURE__ */ jsx14(Text12, { style: [styles11.chipText, { color: isCustom ? "#FFFFFF" : t.text }], children: "Custom" })
                     }
                   )
                 ] }),
-                isCustom && /* @__PURE__ */ jsx13(
+                isCustom && /* @__PURE__ */ jsx14(
                   TextInput2,
                   {
-                    style: [styles10.input, { backgroundColor: t.surface, color: t.text, borderColor: t.accent }],
+                    style: [styles11.input, { backgroundColor: t.surface, color: t.text, borderColor: t.accent }],
                     placeholder: "Enter amount in SOL",
                     placeholderTextColor: t.textDim,
                     keyboardType: "decimal-pad",
@@ -4586,43 +4659,43 @@ function CreateCustomGameSheet({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs11(View11, { style: [styles10.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs11(View11, { style: styles10.summaryRow, children: [
-                  /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryValue, { color: t.text }], children: finalAmount ? `${finalAmount} SOL` : "\u2014" })
+              /* @__PURE__ */ jsxs12(View12, { style: [styles11.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
+                  /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
+                  /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryValue, { color: t.text }], children: finalAmount ? `${finalAmount} SOL` : "\u2014" })
                 ] }),
-                /* @__PURE__ */ jsx13(View11, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs11(View11, { style: styles10.summaryRow, children: [
-                  /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max players" : "Players" }),
-                  /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryValue, { color: t.text }], children: isPoolModeEnabled ? playerCount : playersLabel })
+                /* @__PURE__ */ jsx14(View12, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
+                  /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max players" : "Players" }),
+                  /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryValue, { color: t.text }], children: isPoolModeEnabled ? playerCount : playersLabel })
                 ] }),
-                /* @__PURE__ */ jsx13(View11, { style: [styles10.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs11(View11, { style: styles10.summaryRow, children: [
-                  /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max pot" : "Winner Takes" }),
-                  /* @__PURE__ */ jsxs11(View11, { style: styles10.winnerCol, children: [
-                    /* @__PURE__ */ jsx13(Text11, { style: [styles10.summaryValue, { color: t.success }], children: finalAmount ? `${(finalAmount * playerCount * (1 - fee / 100)).toFixed(4)} SOL` : "\u2014" }),
-                    finalAmount ? /* @__PURE__ */ jsxs11(Text11, { style: [styles10.feeNote, { color: t.textDim }], children: [
+                /* @__PURE__ */ jsx14(View12, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
+                  /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: isPoolModeEnabled ? "Max pot" : "Winner Takes" }),
+                  /* @__PURE__ */ jsxs12(View12, { style: styles11.winnerCol, children: [
+                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryValue, { color: t.success }], children: finalAmount ? `${(finalAmount * playerCount * (1 - fee / 100)).toFixed(4)} SOL` : "\u2014" }),
+                    finalAmount ? /* @__PURE__ */ jsxs12(Text12, { style: [styles11.feeNote, { color: t.textDim }], children: [
                       fee,
                       "% platform fee"
                     ] }) : null
                   ] })
                 ] })
               ] }),
-              mutation.error && /* @__PURE__ */ jsx13(View11, { style: [styles10.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx13(Text11, { style: [styles10.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              /* @__PURE__ */ jsx13(
-                TouchableOpacity7,
+              mutation.error && /* @__PURE__ */ jsx14(View12, { style: [styles11.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx14(Text12, { style: [styles11.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              /* @__PURE__ */ jsx14(
+                TouchableOpacity8,
                 {
                   style: [
-                    styles10.ctaButton,
+                    styles11.ctaButton,
                     { backgroundColor: canCreate ? t.accent : t.border }
                   ],
                   disabled: !canCreate,
                   onPress: handleCreate,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs11(View11, { style: styles10.ctaLoading, children: [
-                    /* @__PURE__ */ jsx13(ActivityIndicator6, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ jsx13(Text11, { style: styles10.ctaText, children: statusLabel })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx13(Text11, { style: styles10.ctaText, children: isPoolModeEnabled ? "Pool Created!" : STATUS_LABELS2.success }) : /* @__PURE__ */ jsx13(Text11, { style: [styles10.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__ */ jsxs12(View12, { style: styles11.ctaLoading, children: [
+                    /* @__PURE__ */ jsx14(ActivityIndicator6, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ jsx14(Text12, { style: styles11.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx14(Text12, { style: styles11.ctaText, children: isPoolModeEnabled ? "Pool Created!" : STATUS_LABELS2.success }) : /* @__PURE__ */ jsx14(Text12, { style: [styles11.ctaText, !canCreate && { opacity: 0.5 }], children: isPoolModeEnabled ? `Create Pool \u2014 ${finalAmount} SOL` : effectiveAmount ? `Create Game \u2014 ${effectiveAmount} SOL` : "Select buy-in amount" })
                 }
               )
             ] }) })
@@ -4632,9 +4705,9 @@ function CreateCustomGameSheet({
     }
   );
 }
-var styles10 = StyleSheet11.create({
+var styles11 = StyleSheet12.create({
   overlay: {
-    ...StyleSheet11.absoluteFillObject,
+    ...StyleSheet12.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -4771,17 +4844,17 @@ var styles10 = StyleSheet11.create({
 // src/ui/game/JoinGameSheet.tsx
 import { useState as useState22, useEffect as useEffect14, useRef as useRef7, useCallback as useCallback18, useMemo as useMemo8 } from "react";
 import {
-  View as View12,
-  Text as Text12,
-  TouchableOpacity as TouchableOpacity8,
+  View as View13,
+  Text as Text13,
+  TouchableOpacity as TouchableOpacity9,
   ActivityIndicator as ActivityIndicator7,
   Modal as Modal3,
   Animated as Animated4,
-  StyleSheet as StyleSheet12,
+  StyleSheet as StyleSheet13,
   KeyboardAvoidingView as KeyboardAvoidingView4,
   Platform as Platform7
 } from "react-native";
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var STATUS_LABELS3 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -4872,7 +4945,7 @@ function JoinGameSheet({
     }
   }, [selectedTeam, wallet.publicKey, mutation.execute, game.gameId, buyIn]);
   const statusLabel = STATUS_LABELS3[mutation.status] || "";
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     Modal3,
     {
       visible,
@@ -4880,22 +4953,22 @@ function JoinGameSheet({
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ jsx14(Animated4.View, { style: [styles11.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx14(TouchableOpacity8, { style: styles11.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(Animated4.View, { style: [styles12.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx15(TouchableOpacity9, { style: styles12.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx15(
           KeyboardAvoidingView4,
           {
-            style: styles11.keyboardView,
+            style: styles12.keyboardView,
             behavior: Platform7.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx14(View12, { style: styles11.sheetPositioner, children: /* @__PURE__ */ jsxs12(View12, { style: [styles11.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ jsx14(View12, { style: styles11.handleRow, children: /* @__PURE__ */ jsx14(View12, { style: [styles11.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs12(View12, { style: styles11.header, children: [
-                /* @__PURE__ */ jsx14(Text12, { style: [styles11.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Join Pool" : "Join Game" }),
-                /* @__PURE__ */ jsx14(TouchableOpacity8, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx14(Text12, { style: [styles11.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            children: /* @__PURE__ */ jsx15(View13, { style: styles12.sheetPositioner, children: /* @__PURE__ */ jsxs13(View13, { style: [styles12.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx15(View13, { style: styles12.handleRow, children: /* @__PURE__ */ jsx15(View13, { style: [styles12.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs13(View13, { style: styles12.header, children: [
+                /* @__PURE__ */ jsx15(Text13, { style: [styles12.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Join Pool" : "Join Game" }),
+                /* @__PURE__ */ jsx15(TouchableOpacity9, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx15(Text13, { style: [styles12.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ jsxs12(View12, { style: styles11.section, children: [
-                /* @__PURE__ */ jsx14(Text12, { style: [styles11.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
-                /* @__PURE__ */ jsxs12(View12, { style: styles11.teamsRow, children: [
-                  /* @__PURE__ */ jsx14(
+              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ jsxs13(View13, { style: styles12.section, children: [
+                /* @__PURE__ */ jsx15(Text13, { style: [styles12.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
+                /* @__PURE__ */ jsxs13(View13, { style: styles12.teamsRow, children: [
+                  /* @__PURE__ */ jsx15(
                     TeamButton,
                     {
                       name: homeName,
@@ -4909,7 +4982,7 @@ function JoinGameSheet({
                       t
                     }
                   ),
-                  /* @__PURE__ */ jsx14(
+                  /* @__PURE__ */ jsx15(
                     TeamButton,
                     {
                       name: awayName,
@@ -4925,64 +4998,64 @@ function JoinGameSheet({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs12(View12, { style: [styles11.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
-                  /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ jsxs12(Text12, { style: [styles11.summaryValue, { color: t.text }], children: [
+              /* @__PURE__ */ jsxs13(View13, { style: [styles12.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
+                  /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
+                  /* @__PURE__ */ jsxs13(Text13, { style: [styles12.summaryValue, { color: t.text }], children: [
                     buyIn,
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx14(View12, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
-                isPoolModeEnabled ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
-                  /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
-                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Players in" }),
-                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryValue, { color: t.text }], children: bettors.length })
+                /* @__PURE__ */ jsx15(View13, { style: [styles12.summarySep, { backgroundColor: t.border }] }),
+                isPoolModeEnabled ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
+                  /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
+                    /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: "Players in" }),
+                    /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryValue, { color: t.text }], children: bettors.length })
                   ] }),
-                  /* @__PURE__ */ jsx14(View12, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
-                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
-                    /* @__PURE__ */ jsxs12(Text12, { style: [styles11.summaryValue, { color: t.success }], children: [
+                  /* @__PURE__ */ jsx15(View13, { style: [styles12.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
+                    /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
+                    /* @__PURE__ */ jsxs13(Text13, { style: [styles12.summaryValue, { color: t.success }], children: [
                       totalPool,
                       " SOL"
                     ] })
                   ] })
-                ] }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
-                  /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
-                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Your side" }),
-                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryValue, { color: t.text }], children: selectedName })
+                ] }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
+                  /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
+                    /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: "Your side" }),
+                    /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryValue, { color: t.text }], children: selectedName })
                   ] }),
-                  /* @__PURE__ */ jsx14(View12, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
-                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
-                    /* @__PURE__ */ jsxs12(Text12, { style: [styles11.summaryValue, { color: t.text }], children: [
+                  /* @__PURE__ */ jsx15(View13, { style: [styles12.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
+                    /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
+                    /* @__PURE__ */ jsxs13(Text13, { style: [styles12.summaryValue, { color: t.text }], children: [
                       poolAfterJoin,
                       " SOL"
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx14(View12, { style: [styles11.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ jsxs12(View12, { style: styles11.summaryRow, children: [
-                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
-                    /* @__PURE__ */ jsx14(Text12, { style: [styles11.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
+                  /* @__PURE__ */ jsx15(View13, { style: [styles12.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
+                    /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
+                    /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
                   ] })
                 ] })
               ] }),
-              alreadyJoined && /* @__PURE__ */ jsx14(View12, { style: [styles11.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ jsx14(Text12, { style: [styles11.errorText, { color: t.textMuted }], children: isPoolModeEnabled ? "You've already joined this pool." : "You've already joined this game." }) }),
-              mutation.error && /* @__PURE__ */ jsx14(View12, { style: [styles11.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx14(Text12, { style: [styles11.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              /* @__PURE__ */ jsx14(
-                TouchableOpacity8,
+              alreadyJoined && /* @__PURE__ */ jsx15(View13, { style: [styles12.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ jsx15(Text13, { style: [styles12.errorText, { color: t.textMuted }], children: isPoolModeEnabled ? "You've already joined this pool." : "You've already joined this game." }) }),
+              mutation.error && /* @__PURE__ */ jsx15(View13, { style: [styles12.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx15(Text13, { style: [styles12.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              /* @__PURE__ */ jsx15(
+                TouchableOpacity9,
                 {
                   style: [
-                    styles11.ctaButton,
+                    styles12.ctaButton,
                     { backgroundColor: canJoin ? t.accent : t.border }
                   ],
                   disabled: !canJoin,
                   onPress: handleJoin,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs12(View12, { style: styles11.ctaLoading, children: [
-                    /* @__PURE__ */ jsx14(ActivityIndicator7, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ jsx14(Text12, { style: styles11.ctaText, children: statusLabel })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx14(Text12, { style: styles11.ctaText, children: isPoolModeEnabled ? "Joined!" : STATUS_LABELS3.success }) : /* @__PURE__ */ jsx14(Text12, { style: [styles11.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__ */ jsxs13(View13, { style: styles12.ctaLoading, children: [
+                    /* @__PURE__ */ jsx15(ActivityIndicator7, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ jsx15(Text13, { style: styles12.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ jsx15(Text13, { style: styles12.ctaText, children: isPoolModeEnabled ? "Joined!" : STATUS_LABELS3.success }) : /* @__PURE__ */ jsx15(Text13, { style: [styles12.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" })
                 }
               )
             ] }) })
@@ -5006,32 +5079,32 @@ function TeamButton({
   const [imgFailed, setImgFailed] = useState22(false);
   const Img = ImageComponent || __require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
-  return /* @__PURE__ */ jsxs12(
-    TouchableOpacity8,
+  return /* @__PURE__ */ jsxs13(
+    TouchableOpacity9,
     {
-      style: [styles11.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
+      style: [styles12.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
       onPress,
       activeOpacity: 0.7,
       children: [
-        showImage ? /* @__PURE__ */ jsx14(Img, { source: { uri: imageUrl }, style: styles11.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx14(View12, { style: [styles11.teamLogo, styles11.teamLogoPlaceholder] }),
-        /* @__PURE__ */ jsx14(Text12, { style: [styles11.teamName, { color: t.text }], numberOfLines: 1, children: name }),
-        /* @__PURE__ */ jsxs12(Text12, { style: [styles11.teamOdds, { color }], children: [
+        showImage ? /* @__PURE__ */ jsx15(Img, { source: { uri: imageUrl }, style: styles12.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx15(View13, { style: [styles12.teamLogo, styles12.teamLogoPlaceholder] }),
+        /* @__PURE__ */ jsx15(Text13, { style: [styles12.teamName, { color: t.text }], numberOfLines: 1, children: name }),
+        /* @__PURE__ */ jsxs13(Text13, { style: [styles12.teamOdds, { color }], children: [
           odds,
           "x"
         ] }),
-        /* @__PURE__ */ jsxs12(Text12, { style: [styles11.teamBets, { color: t.textMuted }], children: [
+        /* @__PURE__ */ jsxs13(Text13, { style: [styles12.teamBets, { color: t.textMuted }], children: [
           bets,
           " ",
           bets === 1 ? "bet" : "bets"
         ] }),
-        selected && /* @__PURE__ */ jsx14(View12, { style: [styles11.teamBadge, { backgroundColor: color }], children: /* @__PURE__ */ jsx14(Text12, { style: styles11.teamBadgeText, children: "Selected" }) })
+        selected && /* @__PURE__ */ jsx15(View13, { style: [styles12.teamBadge, { backgroundColor: color }], children: /* @__PURE__ */ jsx15(Text13, { style: styles12.teamBadgeText, children: "Selected" }) })
       ]
     }
   );
 }
-var styles11 = StyleSheet12.create({
+var styles12 = StyleSheet13.create({
   overlay: {
-    ...StyleSheet12.absoluteFillObject,
+    ...StyleSheet13.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -5182,17 +5255,17 @@ var styles11 = StyleSheet12.create({
 // src/ui/game/ClaimPrizeSheet.tsx
 import { useState as useState23, useEffect as useEffect15, useRef as useRef8, useCallback as useCallback19 } from "react";
 import {
-  View as View13,
-  Text as Text13,
-  TouchableOpacity as TouchableOpacity9,
+  View as View14,
+  Text as Text14,
+  TouchableOpacity as TouchableOpacity10,
   ActivityIndicator as ActivityIndicator8,
   Modal as Modal4,
   Animated as Animated5,
-  StyleSheet as StyleSheet13,
+  StyleSheet as StyleSheet14,
   KeyboardAvoidingView as KeyboardAvoidingView5,
   Platform as Platform8
 } from "react-native";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var STATUS_LABELS4 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -5272,7 +5345,7 @@ function ClaimPrizeSheet({
     }
   }, [wallet.publicKey, mutation.execute, gameId, prizeAmount]);
   const statusLabel = STATUS_LABELS4[mutation.status] || "";
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     Modal4,
     {
       visible,
@@ -5280,54 +5353,54 @@ function ClaimPrizeSheet({
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ jsx15(Animated5.View, { style: [styles12.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx15(TouchableOpacity9, { style: styles12.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(Animated5.View, { style: [styles13.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ jsx16(TouchableOpacity10, { style: styles13.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ jsx16(
           KeyboardAvoidingView5,
           {
-            style: styles12.keyboardView,
+            style: styles13.keyboardView,
             behavior: Platform8.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ jsx15(View13, { style: styles12.sheetPositioner, children: /* @__PURE__ */ jsxs13(View13, { style: [styles12.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ jsx15(View13, { style: styles12.handleRow, children: /* @__PURE__ */ jsx15(View13, { style: [styles12.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ jsxs13(View13, { style: styles12.header, children: [
-                /* @__PURE__ */ jsx15(Text13, { style: [styles12.headerTitle, { color: t.text }], children: showCelebration ? isRefund ? "Refund Claimed!" : "Prize Claimed!" : isRefund ? "Claim Refund" : "Claim Prize" }),
-                /* @__PURE__ */ jsx15(TouchableOpacity9, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx15(Text13, { style: [styles12.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            children: /* @__PURE__ */ jsx16(View14, { style: styles13.sheetPositioner, children: /* @__PURE__ */ jsxs14(View14, { style: [styles13.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ jsx16(View14, { style: styles13.handleRow, children: /* @__PURE__ */ jsx16(View14, { style: [styles13.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ jsxs14(View14, { style: styles13.header, children: [
+                /* @__PURE__ */ jsx16(Text14, { style: [styles13.headerTitle, { color: t.text }], children: showCelebration ? isRefund ? "Refund Claimed!" : "Prize Claimed!" : isRefund ? "Claim Refund" : "Claim Prize" }),
+                /* @__PURE__ */ jsx16(TouchableOpacity10, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ jsx16(Text14, { style: [styles13.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              showCelebration && /* @__PURE__ */ jsxs13(
+              showCelebration && /* @__PURE__ */ jsxs14(
                 Animated5.View,
                 {
                   style: [
-                    styles12.celebrationContainer,
+                    styles13.celebrationContainer,
                     {
                       opacity: celebrationOpacity,
                       transform: [{ scale: celebrationScale }]
                     }
                   ],
                   children: [
-                    /* @__PURE__ */ jsx15(Text13, { style: styles12.celebrationEmoji, children: "\u{1F3C6}" }),
-                    /* @__PURE__ */ jsxs13(Text13, { style: [styles12.celebrationText, { color: t.success }], children: [
+                    /* @__PURE__ */ jsx16(Text14, { style: styles13.celebrationEmoji, children: "\u{1F3C6}" }),
+                    /* @__PURE__ */ jsxs14(Text14, { style: [styles13.celebrationText, { color: t.success }], children: [
                       "+",
                       prizeAmount,
                       " SOL"
                     ] }),
-                    /* @__PURE__ */ jsx15(Text13, { style: [styles12.celebrationSubtext, { color: t.textMuted }], children: isRefund ? "Refund sent to your wallet" : "Winnings sent to your wallet" })
+                    /* @__PURE__ */ jsx16(Text14, { style: [styles13.celebrationSubtext, { color: t.textMuted }], children: isRefund ? "Refund sent to your wallet" : "Winnings sent to your wallet" })
                   ]
                 }
               ),
-              !showCelebration && /* @__PURE__ */ jsxs13(View13, { style: [styles12.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
-                  /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: isRefund ? "Refund" : "Prize" }),
-                  /* @__PURE__ */ jsxs13(Text13, { style: [styles12.summaryValue, { color: t.success }], children: [
+              !showCelebration && /* @__PURE__ */ jsxs14(View14, { style: [styles13.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ jsxs14(View14, { style: styles13.summaryRow, children: [
+                  /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: isRefund ? "Refund" : "Prize" }),
+                  /* @__PURE__ */ jsxs14(Text14, { style: [styles13.summaryValue, { color: t.success }], children: [
                     prizeAmount,
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx15(View13, { style: [styles12.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ jsxs13(View13, { style: styles12.summaryRow, children: [
-                  /* @__PURE__ */ jsx15(Text13, { style: [styles12.summaryLabel, { color: t.textMuted }], children: "Game" }),
-                  /* @__PURE__ */ jsxs13(
-                    Text13,
+                /* @__PURE__ */ jsx16(View14, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ jsxs14(View14, { style: styles13.summaryRow, children: [
+                  /* @__PURE__ */ jsx16(Text14, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Game" }),
+                  /* @__PURE__ */ jsxs14(
+                    Text14,
                     {
-                      style: [styles12.summaryValue, { color: t.text }],
+                      style: [styles13.summaryValue, { color: t.text }],
                       numberOfLines: 1,
                       children: [
                         gameId.slice(0, 8),
@@ -5338,21 +5411,21 @@ function ClaimPrizeSheet({
                   )
                 ] })
               ] }),
-              mutation.error && /* @__PURE__ */ jsx15(View13, { style: [styles12.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx15(Text13, { style: [styles12.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              !showCelebration && /* @__PURE__ */ jsx15(
-                TouchableOpacity9,
+              mutation.error && /* @__PURE__ */ jsx16(View14, { style: [styles13.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ jsx16(Text14, { style: [styles13.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              !showCelebration && /* @__PURE__ */ jsx16(
+                TouchableOpacity10,
                 {
                   style: [
-                    styles12.ctaButton,
+                    styles13.ctaButton,
                     { backgroundColor: canClaim ? t.accent : t.border }
                   ],
                   disabled: !canClaim,
                   onPress: handleClaim,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ jsxs13(View13, { style: styles12.ctaLoading, children: [
-                    /* @__PURE__ */ jsx15(ActivityIndicator8, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ jsx15(Text13, { style: styles12.ctaText, children: statusLabel })
-                  ] }) : /* @__PURE__ */ jsxs13(Text13, { style: [styles12.ctaText, !canClaim && { opacity: 0.5 }], children: [
+                  children: isMutating ? /* @__PURE__ */ jsxs14(View14, { style: styles13.ctaLoading, children: [
+                    /* @__PURE__ */ jsx16(ActivityIndicator8, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ jsx16(Text14, { style: styles13.ctaText, children: statusLabel })
+                  ] }) : /* @__PURE__ */ jsxs14(Text14, { style: [styles13.ctaText, !canClaim && { opacity: 0.5 }], children: [
                     isRefund ? "Claim Refund" : "Claim Prize",
                     " \u2014 ",
                     prizeAmount,
@@ -5360,7 +5433,7 @@ function ClaimPrizeSheet({
                   ] })
                 }
               ),
-              mutation.data?.explorerUrl && /* @__PURE__ */ jsx15(Text13, { style: [styles12.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
+              mutation.data?.explorerUrl && /* @__PURE__ */ jsx16(Text14, { style: [styles13.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
             ] }) })
           }
         )
@@ -5368,9 +5441,9 @@ function ClaimPrizeSheet({
     }
   );
 }
-var styles12 = StyleSheet13.create({
+var styles13 = StyleSheet14.create({
   overlay: {
-    ...StyleSheet13.absoluteFillObject,
+    ...StyleSheet14.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -5494,8 +5567,8 @@ var styles12 = StyleSheet13.create({
 
 // src/ui/game/ClaimButton.tsx
 import { useState as useState24, useMemo as useMemo9, useCallback as useCallback20 } from "react";
-import { StyleSheet as StyleSheet14, Text as Text14, TouchableOpacity as TouchableOpacity10 } from "react-native";
-import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { StyleSheet as StyleSheet15, Text as Text15, TouchableOpacity as TouchableOpacity11 } from "react-native";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function ClaimButton({ gameId, style, onSuccess, onError }) {
   const t = useDubsTheme();
   const { wallet } = useDubs();
@@ -5525,13 +5598,13 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   }
   const label = isRefund ? "Refund" : "Prize";
   if (claimStatus.hasClaimed) {
-    return /* @__PURE__ */ jsx16(
-      TouchableOpacity10,
+    return /* @__PURE__ */ jsx17(
+      TouchableOpacity11,
       {
-        style: [styles13.badge, { borderColor: t.accent }, style],
+        style: [styles14.badge, { borderColor: t.accent }, style],
         activeOpacity: 1,
         disabled: true,
-        children: /* @__PURE__ */ jsxs14(Text14, { style: [styles13.badgeText, { color: t.accent }], children: [
+        children: /* @__PURE__ */ jsxs15(Text15, { style: [styles14.badgeText, { color: t.accent }], children: [
           label,
           " Claimed!"
         ] })
@@ -5541,14 +5614,14 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   if (!isEligible) {
     return null;
   }
-  return /* @__PURE__ */ jsxs14(Fragment5, { children: [
-    /* @__PURE__ */ jsx16(
-      TouchableOpacity10,
+  return /* @__PURE__ */ jsxs15(Fragment5, { children: [
+    /* @__PURE__ */ jsx17(
+      TouchableOpacity11,
       {
-        style: [styles13.button, { backgroundColor: t.accent }, style],
+        style: [styles14.button, { backgroundColor: t.accent }, style],
         activeOpacity: 0.8,
         onPress: () => setSheetVisible(true),
-        children: /* @__PURE__ */ jsxs14(Text14, { style: styles13.buttonText, children: [
+        children: /* @__PURE__ */ jsxs15(Text15, { style: styles14.buttonText, children: [
           "Claim ",
           label,
           " \u2014 ",
@@ -5557,7 +5630,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(
       ClaimPrizeSheet,
       {
         visible: sheetVisible,
@@ -5571,7 +5644,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
     )
   ] });
 }
-var styles13 = StyleSheet14.create({
+var styles14 = StyleSheet15.create({
   button: {
     height: 52,
     borderRadius: 14,