@dubsdotapp/expo 0.5.11 → 0.5.13

package/dist/index.js

@@ -37,6 +37,7 @@ __export(index_exports, {
   ConnectWalletButton: () => ConnectWalletButton,
   ConnectWalletScreen: () => ConnectWalletScreen,
   CreateCustomGameSheet: () => CreateCustomGameSheet,
+  CreateGameSheet: () => CreateGameSheet,
   DEFAULT_BASE_URL: () => DEFAULT_BASE_URL,
   DEFAULT_RPC_URL: () => DEFAULT_RPC_URL,
   DubsApiError: () => DubsApiError,
@@ -5342,8 +5343,8 @@ var styles12 = import_react_native18.StyleSheet.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
-var import_react34 = require("react");
-var import_react_native20 = require("react-native");
+var import_react35 = require("react");
+var import_react_native21 = require("react-native");
 
 // src/ui/game/SolSlider.tsx
 var import_react33 = require("react");
@@ -5534,8 +5535,90 @@ var styles13 = import_react_native19.StyleSheet.create({
   }
 });
 
-// src/ui/game/JoinGameSheet.tsx
+// src/ui/game/TeamButton.tsx
+var import_react34 = require("react");
+var import_react_native20 = require("react-native");
 var import_jsx_runtime17 = require("react/jsx-runtime");
+function TeamButton({
+  name,
+  imageUrl,
+  odds,
+  bets,
+  color,
+  selected,
+  onPress,
+  ImageComponent,
+  t
+}) {
+  const [imgFailed, setImgFailed] = (0, import_react34.useState)(false);
+  const Img = ImageComponent || require("react-native").Image;
+  const showImage = imageUrl && !imgFailed;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    import_react_native20.TouchableOpacity,
+    {
+      style: [styles14.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
+      onPress,
+      activeOpacity: 0.7,
+      children: [
+        showImage ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Img, { source: { uri: imageUrl }, style: styles14.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.teamLogo, styles14.teamLogoPlaceholder] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.teamName, { color: t.text }], numberOfLines: 1, children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.teamOdds, { color }], children: [
+          odds,
+          "x"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.teamBets, { color: t.textMuted }], children: [
+          bets,
+          " ",
+          bets === 1 ? "bet" : "bets"
+        ] }),
+        selected && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.teamBadge, { backgroundColor: color }], children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: styles14.teamBadgeText, children: "Selected" }) })
+      ]
+    }
+  );
+}
+var styles14 = import_react_native20.StyleSheet.create({
+  teamOption: {
+    flex: 1,
+    borderWidth: 2,
+    borderRadius: 16,
+    padding: 16,
+    alignItems: "center",
+    gap: 8
+  },
+  teamLogo: {
+    width: 48,
+    height: 48,
+    borderRadius: 24
+  },
+  teamLogoPlaceholder: {
+    backgroundColor: "rgba(128,128,128,0.2)"
+  },
+  teamName: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  teamOdds: {
+    fontSize: 20,
+    fontWeight: "800"
+  },
+  teamBets: {
+    fontSize: 12
+  },
+  teamBadge: {
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 4,
+    marginTop: 4
+  },
+  teamBadgeText: {
+    color: "#FFF",
+    fontSize: 12,
+    fontWeight: "700"
+  }
+});
+
+// src/ui/game/JoinGameSheet.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var STATUS_LABELS3 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -5570,20 +5653,20 @@ function JoinGameSheet({
   const { wallet } = useDubs();
   const mutation = useJoinGame();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
-  const [selectedTeam, setSelectedTeam] = (0, import_react34.useState)(null);
-  const [wager, setWager] = (0, import_react34.useState)(game.buyIn);
-  const [showSuccess, setShowSuccess] = (0, import_react34.useState)(false);
-  const overlayOpacity = (0, import_react34.useRef)(new import_react_native20.Animated.Value(0)).current;
-  const successScale = (0, import_react34.useRef)(new import_react_native20.Animated.Value(0)).current;
-  const successOpacity = (0, import_react34.useRef)(new import_react_native20.Animated.Value(0)).current;
-  (0, import_react34.useEffect)(() => {
-    import_react_native20.Animated.timing(overlayOpacity, {
+  const [selectedTeam, setSelectedTeam] = (0, import_react35.useState)(null);
+  const [wager, setWager] = (0, import_react35.useState)(game.buyIn);
+  const [showSuccess, setShowSuccess] = (0, import_react35.useState)(false);
+  const overlayOpacity = (0, import_react35.useRef)(new import_react_native21.Animated.Value(0)).current;
+  const successScale = (0, import_react35.useRef)(new import_react_native21.Animated.Value(0)).current;
+  const successOpacity = (0, import_react35.useRef)(new import_react_native21.Animated.Value(0)).current;
+  (0, import_react35.useEffect)(() => {
+    import_react_native21.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (visible) {
       setSelectedTeam(isPoolModeEnabled ? "home" : isCustomGame ? "away" : null);
       setWager(game.buyIn);
@@ -5593,24 +5676,24 @@ function JoinGameSheet({
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowSuccess(true);
       onSuccess?.(mutation.data);
       onJoinSuccess?.(mutation.data);
-      import_react_native20.Animated.parallel([
-        import_react_native20.Animated.spring(successScale, { toValue: 1, friction: 4, tension: 80, useNativeDriver: true }),
-        import_react_native20.Animated.timing(successOpacity, { toValue: 1, duration: 300, useNativeDriver: true })
+      import_react_native21.Animated.parallel([
+        import_react_native21.Animated.spring(successScale, { toValue: 1, friction: 4, tension: 80, useNativeDriver: true }),
+        import_react_native21.Animated.timing(successOpacity, { toValue: 1, duration: 300, useNativeDriver: true })
       ]).start();
       const timer = setTimeout(() => {
-        import_react_native20.Animated.timing(successOpacity, { toValue: 0, duration: 300, useNativeDriver: true }).start(() => {
+        import_react_native21.Animated.timing(successOpacity, { toValue: 0, duration: 300, useNativeDriver: true }).start(() => {
           onDismiss();
         });
       }, 2500);
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -5622,7 +5705,7 @@ function JoinGameSheet({
   const awayPool = game.awayPool || 0;
   const buyIn = game.buyIn;
   const poolAfterJoin = totalPool + wager;
-  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react34.useMemo)(() => {
+  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react35.useMemo)(() => {
     const newPool = totalPool + wager;
     return {
       homeOdds: homePool > 0 ? (newPool / (homePool + (selectedTeam === "home" ? wager : 0))).toFixed(2) : "\u2014",
@@ -5635,7 +5718,7 @@ function JoinGameSheet({
   const potentialWinnings = selectedOdds !== "\u2014" ? formatSol(parseFloat(selectedOdds) * wager) : "\u2014";
   const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
-  const myBet = (0, import_react34.useMemo)(() => {
+  const myBet = (0, import_react35.useMemo)(() => {
     if (!wallet.publicKey) return null;
     const addr = wallet.publicKey.toBase58();
     return bettors.find((b) => b.wallet === addr) ?? null;
@@ -5643,7 +5726,7 @@ function JoinGameSheet({
   const alreadyJoined = myBet !== null;
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = selectedTeam !== null && !isMutating && mutation.status !== "success" && !alreadyJoined;
-  const handleJoin = (0, import_react34.useCallback)(async () => {
+  const handleJoin = (0, import_react35.useCallback)(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5656,57 +5739,57 @@ function JoinGameSheet({
     }
   }, [selectedTeam, wallet.publicKey, mutation.execute, game.gameId, wager]);
   const statusLabel = STATUS_LABELS3[mutation.status] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-    import_react_native20.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    import_react_native21.Modal,
     {
       visible,
       animationType: "slide",
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Animated.View, { style: [styles14.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.TouchableOpacity, { style: styles14.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        showSuccess && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: styles14.successOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Animated.View, { style: [styles14.successContent, { opacity: successOpacity, transform: [{ scale: successScale }] }], children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: styles14.successEmoji, children: "\u{1F389}" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: styles14.successTitle, children: "You're in!" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: styles14.successSub, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Animated.View, { style: [styles15.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.TouchableOpacity, { style: styles15.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        showSuccess && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: styles15.successOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Animated.View, { style: [styles15.successContent, { opacity: successOpacity, transform: [{ scale: successScale }] }], children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: styles15.successEmoji, children: "\u{1F389}" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: styles15.successTitle, children: "You're in!" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: styles15.successSub, children: [
             formatSol(wager),
             " SOL on ",
             selectedTeam === "home" ? homeName : awayName
           ] })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          import_react_native20.KeyboardAvoidingView,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_react_native21.KeyboardAvoidingView,
           {
-            style: styles14.keyboardView,
-            behavior: import_react_native20.Platform.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: styles14.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: [styles14.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: styles14.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.header, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Join Pool" : "Join Game" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            style: styles15.keyboardView,
+            behavior: import_react_native21.Platform.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: styles15.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: [styles15.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: styles15.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.header, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Join Pool" : "Join Game" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              bettors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.bettorsSection, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.bettorsLabel, { color: t.textMuted }], children: [
+              bettors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.bettorsSection, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: [styles15.bettorsLabel, { color: t.textMuted }], children: [
                   bettors.length,
                   " ",
                   bettors.length === 1 ? "player" : "players",
                   " in this game"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.bettorsRow, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.bettorsRow, children: [
                   bettors.slice(0, 6).map((b, i) => {
                     const pngUrl = toPng(b.avatar);
-                    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.bettorCircle, { backgroundColor: ["#EF4444", "#3B82F6", "#22C55E", "#F59E0B", "#A855F7", "#EC4899"][i % 6] }], children: pngUrl ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Image, { source: { uri: pngUrl }, style: styles14.bettorImg }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: styles14.bettorInitial, children: (b.username ?? b.wallet).charAt(0).toUpperCase() }) }, b.wallet);
+                    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.bettorCircle, { backgroundColor: ["#EF4444", "#3B82F6", "#22C55E", "#F59E0B", "#A855F7", "#EC4899"][i % 6] }], children: pngUrl ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Image, { source: { uri: pngUrl }, style: styles15.bettorImg }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: styles15.bettorInitial, children: (b.username ?? b.wallet).charAt(0).toUpperCase() }) }, b.wallet);
                   }),
-                  bettors.length > 6 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.bettorCircle, { backgroundColor: "#2C2C2E" }], children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: styles14.bettorOverflow, children: [
+                  bettors.length > 6 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.bettorCircle, { backgroundColor: "#2C2C2E" }], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: styles15.bettorOverflow, children: [
                     "+",
                     bettors.length - 6
                   ] }) })
                 ] })
               ] }),
-              !isCustomGame && !isPoolModeEnabled && !alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.section, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.teamsRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              !isCustomGame && !isPoolModeEnabled && !alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.section, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.teamsRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     TeamButton,
                     {
                       name: homeName,
@@ -5723,7 +5806,7 @@ function JoinGameSheet({
                       t
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     TeamButton,
                     {
                       name: awayName,
@@ -5742,52 +5825,52 @@ function JoinGameSheet({
                   )
                 ] })
               ] }),
-              alreadyJoined && myBet && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: [styles14.myBetCard, { backgroundColor: (myBet.team === "home" ? homeColor : awayColor) + "15", borderColor: myBet.team === "home" ? homeColor : awayColor }], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.myBetLabel, { color: myBet.team === "home" ? homeColor : awayColor }], children: "YOUR BET" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.myBetTeam, { color: t.text }], children: myBet.team === "home" ? homeName : awayName }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.myBetAmount, { color: t.textMuted }], children: [
+              alreadyJoined && myBet && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: [styles15.myBetCard, { backgroundColor: (myBet.team === "home" ? homeColor : awayColor) + "15", borderColor: myBet.team === "home" ? homeColor : awayColor }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.myBetLabel, { color: myBet.team === "home" ? homeColor : awayColor }], children: "YOUR BET" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.myBetTeam, { color: t.text }], children: myBet.team === "home" ? homeName : awayName }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: [styles15.myBetAmount, { color: t.textMuted }], children: [
                   formatSol(myBet.amount),
                   " SOL"
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: [styles14.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Your wager" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.summaryValue, { color: t.text }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: [styles15.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Your wager" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: [styles15.summaryValue, { color: t.text }], children: [
                     formatSol(wager),
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.summarySep, { backgroundColor: t.border }] }),
-                isPoolModeEnabled ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Players in" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryValue, { color: t.text }], children: bettors.length })
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
+                isPoolModeEnabled ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.summaryRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Players in" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.summaryValue, { color: t.text }], children: bettors.length })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.summaryValue, { color: t.success }], children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.summaryRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: [styles15.summaryValue, { color: t.success }], children: [
                       formatSol(totalPool),
                       " SOL"
                     ] })
                   ] })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.summaryValue, { color: t.text }], children: [
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.summaryRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: [styles15.summaryValue, { color: t.text }], children: [
                       formatSol(poolAfterJoin),
                       " SOL"
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.summaryRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
                   ] })
                 ] })
               ] }),
-              selectedTeam && !isPoolModeEnabled && !alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              selectedTeam && !isPoolModeEnabled && !alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 SolSlider,
                 {
                   value: wager,
@@ -5799,22 +5882,22 @@ function JoinGameSheet({
                   onTick: onSliderTick
                 }
               ),
-              alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.errorText, { color: t.textMuted }], children: isPoolModeEnabled ? "You've already joined this pool." : "You've already joined this game." }) }),
-              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                import_react_native20.TouchableOpacity,
+              alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.errorText, { color: t.textMuted }], children: isPoolModeEnabled ? "You've already joined this pool." : "You've already joined this game." }) }),
+              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                import_react_native21.TouchableOpacity,
                 {
                   style: [
-                    styles14.ctaButton,
+                    styles15.ctaButton,
                     { backgroundColor: canJoin ? t.accent : t.border }
                   ],
                   disabled: !canJoin,
                   onPress: handleJoin,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.ctaLoading, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: styles14.ctaText, children: statusLabel })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: styles14.ctaText, children: isPoolModeEnabled ? "Joined!" : STATUS_LABELS3.success }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.ctaText, !canJoin && { opacity: 0.5 }], children: alreadyJoined ? "Already Joined" : isPoolModeEnabled ? `Join Pool \u2014 ${formatSol(wager)} SOL` : selectedTeam ? `Join Game \u2014 ${formatSol(wager)} SOL` : "Pick a side to join" })
+                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.ctaLoading, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: styles15.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: styles15.ctaText, children: isPoolModeEnabled ? "Joined!" : STATUS_LABELS3.success }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.ctaText, !canJoin && { opacity: 0.5 }], children: alreadyJoined ? "Already Joined" : isPoolModeEnabled ? `Join Pool \u2014 ${formatSol(wager)} SOL` : selectedTeam ? `Join Game \u2014 ${formatSol(wager)} SOL` : "Pick a side to join" })
                 }
               )
             ] }) })
@@ -5824,46 +5907,9 @@ function JoinGameSheet({
     }
   );
 }
-function TeamButton({
-  name,
-  imageUrl,
-  odds,
-  bets,
-  color,
-  selected,
-  onPress,
-  ImageComponent,
-  t
-}) {
-  const [imgFailed, setImgFailed] = (0, import_react34.useState)(false);
-  const Img = ImageComponent || require("react-native").Image;
-  const showImage = imageUrl && !imgFailed;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-    import_react_native20.TouchableOpacity,
-    {
-      style: [styles14.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
-      onPress,
-      activeOpacity: 0.7,
-      children: [
-        showImage ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Img, { source: { uri: imageUrl }, style: styles14.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.teamLogo, styles14.teamLogoPlaceholder] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.teamName, { color: t.text }], numberOfLines: 1, children: name }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.teamOdds, { color }], children: [
-          odds,
-          "x"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.teamBets, { color: t.textMuted }], children: [
-          bets,
-          " ",
-          bets === 1 ? "bet" : "bets"
-        ] }),
-        selected && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: [styles14.teamBadge, { backgroundColor: color }], children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: styles14.teamBadgeText, children: "Selected" }) })
-      ]
-    }
-  );
-}
-var styles14 = import_react_native20.StyleSheet.create({
+var styles15 = import_react_native21.StyleSheet.create({
   overlay: {
-    ...import_react_native20.StyleSheet.absoluteFillObject,
+    ...import_react_native21.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -5946,7 +5992,7 @@ var styles14 = import_react_native20.StyleSheet.create({
   },
   // Success overlay
   successOverlay: {
-    ...import_react_native20.StyleSheet.absoluteFillObject,
+    ...import_react_native21.StyleSheet.absoluteFillObject,
     zIndex: 100,
     alignItems: "center",
     justifyContent: "center",
@@ -6051,52 +6097,13 @@ var styles14 = import_react_native20.StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     gap: 10
-  },
-  // Team button styles
-  teamOption: {
-    flex: 1,
-    borderWidth: 2,
-    borderRadius: 16,
-    padding: 16,
-    alignItems: "center",
-    gap: 8
-  },
-  teamLogo: {
-    width: 48,
-    height: 48,
-    borderRadius: 24
-  },
-  teamLogoPlaceholder: {
-    backgroundColor: "rgba(128,128,128,0.2)"
-  },
-  teamName: {
-    fontSize: 15,
-    fontWeight: "700"
-  },
-  teamOdds: {
-    fontSize: 20,
-    fontWeight: "800"
-  },
-  teamBets: {
-    fontSize: 12
-  },
-  teamBadge: {
-    borderRadius: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 4,
-    marginTop: 4
-  },
-  teamBadgeText: {
-    color: "#FFF",
-    fontSize: 12,
-    fontWeight: "700"
   }
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-var import_react35 = require("react");
-var import_react_native21 = require("react-native");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_react36 = require("react");
+var import_react_native22 = require("react-native");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var STATUS_LABELS4 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -6115,18 +6122,18 @@ function ClaimPrizeSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useClaim();
-  const overlayOpacity = (0, import_react35.useRef)(new import_react_native21.Animated.Value(0)).current;
-  const celebrationScale = (0, import_react35.useRef)(new import_react_native21.Animated.Value(0)).current;
-  const celebrationOpacity = (0, import_react35.useRef)(new import_react_native21.Animated.Value(0)).current;
-  const [showCelebration, setShowCelebration] = (0, import_react35.useState)(false);
-  (0, import_react35.useEffect)(() => {
-    import_react_native21.Animated.timing(overlayOpacity, {
+  const overlayOpacity = (0, import_react36.useRef)(new import_react_native22.Animated.Value(0)).current;
+  const celebrationScale = (0, import_react36.useRef)(new import_react_native22.Animated.Value(0)).current;
+  const celebrationOpacity = (0, import_react36.useRef)(new import_react_native22.Animated.Value(0)).current;
+  const [showCelebration, setShowCelebration] = (0, import_react36.useState)(false);
+  (0, import_react36.useEffect)(() => {
+    import_react_native22.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (visible) {
       mutation.reset();
       setShowCelebration(false);
@@ -6134,17 +6141,17 @@ function ClaimPrizeSheet({
       celebrationOpacity.setValue(0);
     }
   }, [visible]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowCelebration(true);
-      import_react_native21.Animated.parallel([
-        import_react_native21.Animated.spring(celebrationScale, {
+      import_react_native22.Animated.parallel([
+        import_react_native22.Animated.spring(celebrationScale, {
           toValue: 1,
           tension: 50,
           friction: 6,
           useNativeDriver: true
         }),
-        import_react_native21.Animated.timing(celebrationOpacity, {
+        import_react_native22.Animated.timing(celebrationOpacity, {
           toValue: 1,
           duration: 300,
           useNativeDriver: true
@@ -6157,14 +6164,14 @@ function ClaimPrizeSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
   }, [mutation.status, mutation.error]);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canClaim = !isMutating && mutation.status !== "success" && !!wallet.publicKey;
-  const handleClaim = (0, import_react35.useCallback)(async () => {
+  const handleClaim = (0, import_react36.useCallback)(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -6176,62 +6183,62 @@ function ClaimPrizeSheet({
     }
   }, [wallet.publicKey, mutation.execute, gameId, prizeAmount]);
   const statusLabel = STATUS_LABELS4[mutation.status] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-    import_react_native21.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    import_react_native22.Modal,
     {
       visible,
       animationType: "slide",
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Animated.View, { style: [styles15.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.TouchableOpacity, { style: styles15.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-          import_react_native21.KeyboardAvoidingView,
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Animated.View, { style: [styles16.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.TouchableOpacity, { style: styles16.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          import_react_native22.KeyboardAvoidingView,
           {
-            style: styles15.keyboardView,
-            behavior: import_react_native21.Platform.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: styles15.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: [styles15.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: styles15.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.header, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.headerTitle, { color: t.text }], children: showCelebration ? isRefund ? "Refund Claimed!" : "Prize Claimed!" : isRefund ? "Claim Refund" : "Claim Prize" }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            style: styles16.keyboardView,
+            behavior: import_react_native22.Platform.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.View, { style: styles16.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.View, { style: [styles16.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.View, { style: styles16.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.View, { style: [styles16.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.View, { style: styles16.header, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: [styles16.headerTitle, { color: t.text }], children: showCelebration ? isRefund ? "Refund Claimed!" : "Prize Claimed!" : isRefund ? "Claim Refund" : "Claim Prize" }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: [styles16.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              showCelebration && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-                import_react_native21.Animated.View,
+              showCelebration && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                import_react_native22.Animated.View,
                 {
                   style: [
-                    styles15.celebrationContainer,
+                    styles16.celebrationContainer,
                     {
                       opacity: celebrationOpacity,
                       transform: [{ scale: celebrationScale }]
                     }
                   ],
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: styles15.celebrationEmoji, children: "\u{1F3C6}" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: [styles15.celebrationText, { color: t.success }], children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: styles16.celebrationEmoji, children: "\u{1F3C6}" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.Text, { style: [styles16.celebrationText, { color: t.success }], children: [
                       "+",
                       prizeAmount,
                       " SOL"
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.celebrationSubtext, { color: t.textMuted }], children: isRefund ? "Refund sent to your wallet" : "Winnings sent to your wallet" })
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: [styles16.celebrationSubtext, { color: t.textMuted }], children: isRefund ? "Refund sent to your wallet" : "Winnings sent to your wallet" })
                   ]
                 }
               ),
-              !showCelebration && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: [styles15.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.summaryLabel, { color: t.textMuted }], children: isRefund ? "Refund" : "Prize" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: [styles15.summaryValue, { color: t.success }], children: [
+              !showCelebration && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.View, { style: [styles16.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.View, { style: styles16.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: [styles16.summaryLabel, { color: t.textMuted }], children: isRefund ? "Refund" : "Prize" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.Text, { style: [styles16.summaryValue, { color: t.success }], children: [
                     prizeAmount,
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.summaryLabel, { color: t.textMuted }], children: "Game" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-                    import_react_native21.Text,
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.View, { style: [styles16.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.View, { style: styles16.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: [styles16.summaryLabel, { color: t.textMuted }], children: "Game" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                    import_react_native22.Text,
                     {
-                      style: [styles15.summaryValue, { color: t.text }],
+                      style: [styles16.summaryValue, { color: t.text }],
                       numberOfLines: 1,
                       children: [
                         gameId.slice(0, 8),
@@ -6242,21 +6249,21 @@ function ClaimPrizeSheet({
                   )
                 ] })
               ] }),
-              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.View, { style: [styles15.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              !showCelebration && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                import_react_native21.TouchableOpacity,
+              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.View, { style: [styles16.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: [styles16.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              !showCelebration && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                import_react_native22.TouchableOpacity,
                 {
                   style: [
-                    styles15.ctaButton,
+                    styles16.ctaButton,
                     { backgroundColor: canClaim ? t.accent : t.border }
                   ],
                   disabled: !canClaim,
                   onPress: handleClaim,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.View, { style: styles15.ctaLoading, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: styles15.ctaText, children: statusLabel })
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: [styles15.ctaText, !canClaim && { opacity: 0.5 }], children: [
+                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.View, { style: styles16.ctaLoading, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: styles16.ctaText, children: statusLabel })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.Text, { style: [styles16.ctaText, !canClaim && { opacity: 0.5 }], children: [
                     isRefund ? "Claim Refund" : "Claim Prize",
                     " \u2014 ",
                     prizeAmount,
@@ -6264,7 +6271,7 @@ function ClaimPrizeSheet({
                   ] })
                 }
               ),
-              mutation.data?.explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
+              mutation.data?.explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: [styles16.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
             ] }) })
           }
         )
@@ -6272,9 +6279,9 @@ function ClaimPrizeSheet({
     }
   );
 }
-var styles15 = import_react_native21.StyleSheet.create({
+var styles16 = import_react_native22.StyleSheet.create({
   overlay: {
-    ...import_react_native21.StyleSheet.absoluteFillObject,
+    ...import_react_native22.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -6397,17 +6404,17 @@ var styles15 = import_react_native21.StyleSheet.create({
 });
 
 // src/ui/game/ClaimButton.tsx
-var import_react36 = require("react");
-var import_react_native22 = require("react-native");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_react37 = require("react");
+var import_react_native23 = require("react-native");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function ClaimButton({ gameId, style, onSuccess, onError }) {
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const game = useGame(gameId);
   const claimStatus = useHasClaimed(gameId);
-  const [sheetVisible, setSheetVisible] = (0, import_react36.useState)(false);
+  const [sheetVisible, setSheetVisible] = (0, import_react37.useState)(false);
   const walletAddress = wallet.publicKey?.toBase58() ?? null;
-  const myBet = (0, import_react36.useMemo)(() => {
+  const myBet = (0, import_react37.useMemo)(() => {
     if (!walletAddress || !game.data?.bettors) return null;
     return game.data.bettors.find((b) => b.wallet === walletAddress) ?? null;
   }, [walletAddress, game.data?.bettors]);
@@ -6416,7 +6423,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   const isWinner = isResolved && myBet != null && myBet.team === game.data?.winnerSide;
   const isEligible = myBet != null && isResolved && (isWinner || isRefund);
   const prizeAmount = isRefund ? myBet?.amount ?? 0 : game.data?.totalPool ?? 0;
-  const handleSuccess = (0, import_react36.useCallback)(
+  const handleSuccess = (0, import_react37.useCallback)(
     (result) => {
       claimStatus.refetch();
       onSuccess?.(result);
@@ -6429,13 +6436,13 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   }
   const label = isRefund ? "Refund" : "Prize";
   if (claimStatus.hasClaimed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_react_native22.TouchableOpacity,
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_react_native23.TouchableOpacity,
       {
-        style: [styles16.badge, { borderColor: t.accent }, style],
+        style: [styles17.badge, { borderColor: t.accent }, style],
         activeOpacity: 1,
         disabled: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.Text, { style: [styles16.badgeText, { color: t.accent }], children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.Text, { style: [styles17.badgeText, { color: t.accent }], children: [
           label,
           " Claimed!"
         ] })
@@ -6445,14 +6452,14 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   if (!isEligible) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_react_native22.TouchableOpacity,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_react_native23.TouchableOpacity,
       {
-        style: [styles16.button, { backgroundColor: t.accent }, style],
+        style: [styles17.button, { backgroundColor: t.accent }, style],
         activeOpacity: 0.8,
         onPress: () => setSheetVisible(true),
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.Text, { style: styles16.buttonText, children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.Text, { style: styles17.buttonText, children: [
           "Claim ",
           label,
           " \u2014 ",
@@ -6461,7 +6468,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       ClaimPrizeSheet,
       {
         visible: sheetVisible,
@@ -6475,7 +6482,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
     )
   ] });
 }
-var styles16 = import_react_native22.StyleSheet.create({
+var styles17 = import_react_native23.StyleSheet.create({
   button: {
     height: 52,
     borderRadius: 14,
@@ -6503,9 +6510,9 @@ var styles16 = import_react_native22.StyleSheet.create({
 });
 
 // src/ui/game/EnterArcadePoolSheet.tsx
-var import_react37 = require("react");
-var import_react_native23 = require("react-native");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_react38 = require("react");
+var import_react_native24 = require("react-native");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var STATUS_LABELS5 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -6524,20 +6531,20 @@ function EnterArcadePoolSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useEnterArcadePool();
-  const overlayOpacity = (0, import_react37.useRef)(new import_react_native23.Animated.Value(0)).current;
-  (0, import_react37.useEffect)(() => {
-    import_react_native23.Animated.timing(overlayOpacity, {
+  const overlayOpacity = (0, import_react38.useRef)(new import_react_native24.Animated.Value(0)).current;
+  (0, import_react38.useEffect)(() => {
+    import_react_native24.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (visible) {
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -6546,7 +6553,7 @@ function EnterArcadePoolSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -6558,7 +6565,7 @@ function EnterArcadePoolSheet({
   const potSol = (pool.buy_in_lamports * Number(totalBuyIns) / 1e9).toFixed(4);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = !isMutating && mutation.status !== "success";
-  const handleJoin = (0, import_react37.useCallback)(async () => {
+  const handleJoin = (0, import_react38.useCallback)(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute(pool.id);
@@ -6570,76 +6577,76 @@ function EnterArcadePoolSheet({
   const headerTitle = isRejoin ? "Play Again" : "Join Pool";
   const ctaLabel = isRejoin ? `Play Again \u2014 ${buyInSol} SOL` : `Join Pool \u2014 ${buyInSol} SOL`;
   const successLabel = isRejoin ? "Lives refilled!" : "Joined!";
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-    import_react_native23.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    import_react_native24.Modal,
     {
       visible,
       animationType: "slide",
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Animated.View, { style: [styles17.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.TouchableOpacity, { style: styles17.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-          import_react_native23.KeyboardAvoidingView,
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Animated.View, { style: [styles18.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.TouchableOpacity, { style: styles18.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_react_native24.KeyboardAvoidingView,
           {
-            style: styles17.keyboardView,
-            behavior: import_react_native23.Platform.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.View, { style: styles17.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: [styles17.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.View, { style: styles17.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.View, { style: [styles17.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: styles17.header, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.headerTitle, { color: t.text }], children: headerTitle }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            style: styles18.keyboardView,
+            behavior: import_react_native24.Platform.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: styles18.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: [styles18.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: styles18.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: [styles18.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: styles18.header, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.headerTitle, { color: t.text }], children: headerTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.poolName, { color: t.textSecondary }], children: pool.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: [styles17.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: styles17.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.Text, { style: [styles17.summaryValue, { color: t.text }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.poolName, { color: t.textSecondary }], children: pool.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: [styles18.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: styles18.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.Text, { style: [styles18.summaryValue, { color: t.text }], children: [
                     buyInSol,
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.View, { style: [styles17.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: styles17.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.summaryLabel, { color: t.textMuted }], children: "Players in" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.summaryValue, { color: t.text }], children: totalPlayers })
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: [styles18.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: styles18.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.summaryLabel, { color: t.textMuted }], children: "Players in" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.summaryValue, { color: t.text }], children: totalPlayers })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.View, { style: [styles17.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: styles17.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.Text, { style: [styles17.summaryValue, { color: t.success }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: [styles18.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: styles18.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.Text, { style: [styles18.summaryValue, { color: t.success }], children: [
                     potSol,
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.View, { style: [styles17.summarySep, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: styles17.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.summaryLabel, { color: t.textMuted }], children: "Lives" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.summaryValue, { color: t.text }], children: pool.max_lives })
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: [styles18.summarySep, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: styles18.summaryRow, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.summaryLabel, { color: t.textMuted }], children: "Lives" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.summaryValue, { color: t.text }], children: pool.max_lives })
                 ] }),
-                topScore > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.View, { style: [styles17.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: styles17.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.summaryLabel, { color: t.textMuted }], children: "Top score" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.summaryValue, { color: t.text }], children: topScore })
+                topScore > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: [styles18.summarySep, { backgroundColor: t.border }] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: styles18.summaryRow, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.summaryLabel, { color: t.textMuted }], children: "Top score" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.summaryValue, { color: t.text }], children: topScore })
                   ] })
                 ] })
               ] }),
-              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.View, { style: [styles17.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                import_react_native23.TouchableOpacity,
+              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: [styles18.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                import_react_native24.TouchableOpacity,
                 {
                   style: [
-                    styles17.ctaButton,
+                    styles18.ctaButton,
                     { backgroundColor: canJoin ? t.accent : t.border }
                   ],
                   disabled: !canJoin,
                   onPress: handleJoin,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: styles17.ctaLoading, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: styles17.ctaText, children: statusLabel })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: styles17.ctaText, children: successLabel }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.ctaText, !canJoin && { opacity: 0.5 }], children: ctaLabel })
+                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: styles18.ctaLoading, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: styles18.ctaText, children: statusLabel })
+                  ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: styles18.ctaText, children: successLabel }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.ctaText, !canJoin && { opacity: 0.5 }], children: ctaLabel })
                 }
               )
             ] }) })
@@ -6649,9 +6656,9 @@ function EnterArcadePoolSheet({
     }
   );
 }
-var styles17 = import_react_native23.StyleSheet.create({
+var styles18 = import_react_native24.StyleSheet.create({
   overlay: {
-    ...import_react_native23.StyleSheet.absoluteFillObject,
+    ...import_react_native24.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: { flex: 1 },
@@ -6709,14 +6716,14 @@ var styles17 = import_react_native23.StyleSheet.create({
 });
 
 // src/ui/game/ArcadeLeaderboardSheet.tsx
-var import_react38 = require("react");
-var import_react_native24 = require("react-native");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_react39 = require("react");
+var import_react_native25 = require("react-native");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function RankLabel({ index }) {
-  if (index === 0) return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: styles18.rankEmoji, children: "\u{1F947}" });
-  if (index === 1) return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: styles18.rankEmoji, children: "\u{1F948}" });
-  if (index === 2) return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: styles18.rankEmoji, children: "\u{1F949}" });
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: styles18.rankNum, children: index + 1 });
+  if (index === 0) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: styles19.rankEmoji, children: "\u{1F947}" });
+  if (index === 1) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: styles19.rankEmoji, children: "\u{1F948}" });
+  if (index === 2) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: styles19.rankEmoji, children: "\u{1F949}" });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: styles19.rankNum, children: index + 1 });
 }
 function ArcadeLeaderboardSheet({
   visible,
@@ -6726,92 +6733,92 @@ function ArcadeLeaderboardSheet({
 }) {
   const t = useDubsTheme();
   const { pool, leaderboard, stats, loading, refetch } = useArcadePool(poolId);
-  const overlayOpacity = (0, import_react38.useRef)(new import_react_native24.Animated.Value(0)).current;
-  (0, import_react38.useEffect)(() => {
-    import_react_native24.Animated.timing(overlayOpacity, {
+  const overlayOpacity = (0, import_react39.useRef)(new import_react_native25.Animated.Value(0)).current;
+  (0, import_react39.useEffect)(() => {
+    import_react_native25.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (visible) refetch();
   }, [visible]);
   const renderItem = ({ item, index }) => {
     const isMe = highlightWallet && item.wallet_address === highlightWallet;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-      import_react_native24.View,
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      import_react_native25.View,
       {
         style: [
-          styles18.row,
+          styles19.row,
           { backgroundColor: isMe ? `${t.accent}18` : index % 2 === 0 ? t.surface : "transparent" },
           isMe ? { borderWidth: 1, borderColor: t.accent } : void 0
         ],
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: styles18.rankCol, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RankLabel, { index }) }),
-          item.avatar ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Image, { source: { uri: ensurePngAvatar(item.avatar) }, style: styles18.avatar }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: [styles18.avatar, { backgroundColor: t.border }] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: styles18.nameCol, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.name, { color: t.text }], numberOfLines: 1, children: item.username || `${item.wallet_address.slice(0, 4)}...${item.wallet_address.slice(-4)}` }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.Text, { style: [styles18.lives, { color: t.textMuted }], children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.View, { style: styles19.rankCol, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RankLabel, { index }) }),
+          item.avatar ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Image, { source: { uri: ensurePngAvatar(item.avatar) }, style: styles19.avatar }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.View, { style: [styles19.avatar, { backgroundColor: t.border }] }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_native25.View, { style: styles19.nameCol, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: [styles19.name, { color: t.text }], numberOfLines: 1, children: item.username || `${item.wallet_address.slice(0, 4)}...${item.wallet_address.slice(-4)}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_native25.Text, { style: [styles19.lives, { color: t.textMuted }], children: [
               item.lives_used,
               " ",
               item.lives_used === 1 ? "life" : "lives",
               " used"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.score, { color: t.accent }], children: item.best_score })
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: [styles19.score, { color: t.accent }], children: item.best_score })
         ]
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-    import_react_native24.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    import_react_native25.Modal,
     {
       visible,
       animationType: "slide",
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Animated.View, { style: [styles18.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.TouchableOpacity, { style: styles18.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          import_react_native24.KeyboardAvoidingView,
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Animated.View, { style: [styles19.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.TouchableOpacity, { style: styles19.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          import_react_native25.KeyboardAvoidingView,
           {
-            style: styles18.keyboardView,
-            behavior: import_react_native24.Platform.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: styles18.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: [styles18.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: styles18.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: [styles18.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: styles18.header, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.headerTitle, { color: t.text }], children: "Leaderboard" }),
-                  pool && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.poolName, { color: t.textMuted }], children: pool.name })
+            style: styles19.keyboardView,
+            behavior: import_react_native25.Platform.OS === "ios" ? "padding" : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.View, { style: styles19.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_native25.View, { style: [styles19.sheet, { backgroundColor: t.background }], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.View, { style: styles19.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.View, { style: [styles19.handle, { backgroundColor: t.textMuted }] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_native25.View, { style: styles19.header, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_native25.View, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: [styles19.headerTitle, { color: t.text }], children: "Leaderboard" }),
+                  pool && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: [styles19.poolName, { color: t.textMuted }], children: pool.name })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: [styles19.closeButton, { color: t.textMuted }], children: "\u2715" }) })
               ] }),
-              stats && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: [styles18.statsBar, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: styles18.statItem, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.statValue, { color: t.text }], children: stats.total_entries }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.statLabel, { color: t.textMuted }], children: "Players" })
+              stats && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_native25.View, { style: [styles19.statsBar, { backgroundColor: t.surface, borderColor: t.border }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_native25.View, { style: styles19.statItem, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: [styles19.statValue, { color: t.text }], children: stats.total_entries }),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: [styles19.statLabel, { color: t.textMuted }], children: "Players" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: [styles18.statDivider, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: styles18.statItem, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.statValue, { color: t.accent }], children: stats.top_score }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.statLabel, { color: t.textMuted }], children: "Top Score" })
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.View, { style: [styles19.statDivider, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_native25.View, { style: styles19.statItem, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: [styles19.statValue, { color: t.accent }], children: stats.top_score }),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: [styles19.statLabel, { color: t.textMuted }], children: "Top Score" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: [styles18.statDivider, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native24.View, { style: styles18.statItem, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.statValue, { color: t.text }], children: Math.round(stats.avg_score) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.statLabel, { color: t.textMuted }], children: "Avg Score" })
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.View, { style: [styles19.statDivider, { backgroundColor: t.border }] }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_native25.View, { style: styles19.statItem, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: [styles19.statValue, { color: t.text }], children: Math.round(stats.avg_score) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: [styles19.statLabel, { color: t.textMuted }], children: "Avg Score" })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                import_react_native24.FlatList,
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                import_react_native25.FlatList,
                 {
                   data: leaderboard,
                   renderItem,
                   keyExtractor: (item) => String(item.id),
-                  style: styles18.list,
-                  contentContainerStyle: styles18.listContent,
-                  ListEmptyComponent: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.View, { style: styles18.emptyState, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.emptyText, { color: t.textMuted }], children: loading ? "Loading..." : "No scores yet" }) })
+                  style: styles19.list,
+                  contentContainerStyle: styles19.listContent,
+                  ListEmptyComponent: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.View, { style: styles19.emptyState, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native25.Text, { style: [styles19.emptyText, { color: t.textMuted }], children: loading ? "Loading..." : "No scores yet" }) })
                 }
               )
             ] }) })
@@ -6821,9 +6828,9 @@ function ArcadeLeaderboardSheet({
     }
   );
 }
-var styles18 = import_react_native24.StyleSheet.create({
+var styles19 = import_react_native25.StyleSheet.create({
   overlay: {
-    ...import_react_native24.StyleSheet.absoluteFillObject,
+    ...import_react_native25.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: { flex: 1 },
@@ -6879,6 +6886,233 @@ var styles18 = import_react_native24.StyleSheet.create({
   emptyState: { paddingVertical: 40, alignItems: "center" },
   emptyText: { fontSize: 14, fontWeight: "600" }
 });
+
+// src/ui/game/CreateGameSheet.tsx
+var import_react40 = require("react");
+var import_react_native26 = require("react-native");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var STATUS_LABELS6 = {
+  building: "Building transaction...",
+  signing: "Approve in wallet...",
+  confirming: "Confirming...",
+  success: "Game Created!"
+};
+function formatSol2(n) {
+  return parseFloat(n.toFixed(9)).toString();
+}
+function CreateGameSheet({
+  visible,
+  onDismiss,
+  event,
+  homeColor = "#3B82F6",
+  awayColor = "#EF4444",
+  onSuccess,
+  onError,
+  onTeamSelect,
+  onCreateSuccess,
+  onSliderTick,
+  maxWager = 1,
+  shortName
+}) {
+  const t = useDubsTheme();
+  const { wallet } = useDubs();
+  const mutation = useCreateGame();
+  const [selectedTeam, setSelectedTeam] = (0, import_react40.useState)(null);
+  const [wager, setWager] = (0, import_react40.useState)(0.01);
+  const [showSuccess, setShowSuccess] = (0, import_react40.useState)(false);
+  const overlayOpacity = (0, import_react40.useRef)(new import_react_native26.Animated.Value(0)).current;
+  const successScale = (0, import_react40.useRef)(new import_react_native26.Animated.Value(0)).current;
+  const successOpacity = (0, import_react40.useRef)(new import_react_native26.Animated.Value(0)).current;
+  (0, import_react40.useEffect)(() => {
+    import_react_native26.Animated.timing(overlayOpacity, {
+      toValue: visible ? 1 : 0,
+      duration: 250,
+      useNativeDriver: true
+    }).start();
+  }, [visible]);
+  (0, import_react40.useEffect)(() => {
+    if (visible) {
+      setSelectedTeam(null);
+      setWager(0.01);
+      setShowSuccess(false);
+      successScale.setValue(0);
+      successOpacity.setValue(0);
+      mutation.reset();
+    }
+  }, [visible]);
+  (0, import_react40.useEffect)(() => {
+    if (mutation.status === "success" && mutation.data) {
+      setShowSuccess(true);
+      onSuccess?.(mutation.data);
+      onCreateSuccess?.(mutation.data);
+      import_react_native26.Animated.parallel([
+        import_react_native26.Animated.spring(successScale, { toValue: 1, friction: 4, tension: 80, useNativeDriver: true }),
+        import_react_native26.Animated.timing(successOpacity, { toValue: 1, duration: 300, useNativeDriver: true })
+      ]).start();
+      const timer = setTimeout(() => {
+        import_react_native26.Animated.timing(successOpacity, { toValue: 0, duration: 300, useNativeDriver: true }).start(() => {
+          onDismiss();
+        });
+      }, 2500);
+      return () => clearTimeout(timer);
+    }
+  }, [mutation.status, mutation.data]);
+  (0, import_react40.useEffect)(() => {
+    if (mutation.status === "error" && mutation.error) {
+      onError?.(mutation.error);
+    }
+  }, [mutation.status, mutation.error]);
+  const opponents = event.opponents || [];
+  const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
+  const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
+  const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
+  const canCreate = selectedTeam !== null && !isMutating && mutation.status !== "success";
+  const handleCreate = (0, import_react40.useCallback)(async () => {
+    if (!selectedTeam || !wallet.publicKey) return;
+    try {
+      await mutation.execute({
+        id: event.id,
+        playerWallet: wallet.publicKey.toBase58(),
+        teamChoice: selectedTeam,
+        wagerAmount: wager
+      });
+    } catch {
+    }
+  }, [selectedTeam, wallet.publicKey, mutation.execute, event.id, wager]);
+  const statusLabel = STATUS_LABELS6[mutation.status] || "";
+  const startTime = event.startTime ? new Date(event.startTime) : null;
+  const timeLabel = startTime ? startTime.toLocaleDateString("en-US", { weekday: "short", month: "short", day: "numeric" }) + " at " + startTime.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" }) : "TBD";
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.Modal, { visible, animationType: "slide", transparent: true, onRequestClose: onDismiss, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Animated.View, { style: [styles20.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.TouchableOpacity, { style: styles20.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
+    showSuccess && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.View, { style: styles20.successOverlay, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.Animated.View, { style: [styles20.successContent, { opacity: successOpacity, transform: [{ scale: successScale }] }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: styles20.successEmoji, children: "\u{1F3AF}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: styles20.successTitle, children: "Game Created!" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.Text, { style: styles20.successSub, children: [
+        formatSol2(wager),
+        " SOL on ",
+        selectedTeam === "home" ? homeName : awayName
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.KeyboardAvoidingView, { style: styles20.keyboardView, behavior: import_react_native26.Platform.OS === "ios" ? "padding" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.View, { style: styles20.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.View, { style: [styles20.sheet, { backgroundColor: t.background }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.View, { style: styles20.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.View, { style: [styles20.handle, { backgroundColor: t.textMuted }] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.View, { style: styles20.header, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.View, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: [styles20.headerTitle, { color: t.text }], children: "Create Game" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: [styles20.headerSub, { color: t.textMuted }], children: timeLabel })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: [styles20.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.View, { style: styles20.section, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: [styles20.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.View, { style: styles20.teamsRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            TeamButton,
+            {
+              name: homeName,
+              imageUrl: opponents[0]?.imageUrl,
+              odds: "\u2014",
+              bets: 0,
+              color: homeColor,
+              selected: selectedTeam === "home",
+              onPress: () => {
+                setSelectedTeam("home");
+                onTeamSelect?.("home");
+              },
+              t
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            TeamButton,
+            {
+              name: awayName,
+              imageUrl: opponents[1]?.imageUrl,
+              odds: "\u2014",
+              bets: 0,
+              color: awayColor,
+              selected: selectedTeam === "away",
+              onPress: () => {
+                setSelectedTeam("away");
+                onTeamSelect?.("away");
+              },
+              t
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.View, { style: [styles20.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.View, { style: styles20.summaryRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: [styles20.summaryLabel, { color: t.textMuted }], children: "Your wager" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.Text, { style: [styles20.summaryValue, { color: t.text }], children: [
+            formatSol2(wager),
+            " SOL"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.View, { style: [styles20.summarySep, { backgroundColor: t.border }] }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.View, { style: styles20.summaryRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: [styles20.summaryLabel, { color: t.textMuted }], children: "You're the first" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: [styles20.summaryValue, { color: t.success }], children: "Set the odds" })
+        ] })
+      ] }),
+      selectedTeam && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        SolSlider,
+        {
+          value: wager,
+          min: 0.01,
+          max: maxWager,
+          step: 0.01,
+          accentColor: selectedTeam === "home" ? homeColor : awayColor,
+          onValueChange: setWager,
+          onTick: onSliderTick
+        }
+      ),
+      mutation.error && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.View, { style: [styles20.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: [styles20.errorText, { color: t.errorText }], children: mutation.error.message }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        import_react_native26.TouchableOpacity,
+        {
+          style: [styles20.ctaButton, { backgroundColor: canCreate ? t.accent : t.border }],
+          disabled: !canCreate,
+          onPress: handleCreate,
+          activeOpacity: 0.8,
+          children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_native26.View, { style: styles20.ctaLoading, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: styles20.ctaText, children: statusLabel })
+          ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: styles20.ctaText, children: "Game Created!" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native26.Text, { style: [styles20.ctaText, !canCreate && { opacity: 0.5 }], children: selectedTeam ? `Create Game \u2014 ${formatSol2(wager)} SOL` : "Pick a side to start" })
+        }
+      )
+    ] }) }) })
+  ] });
+}
+var styles20 = import_react_native26.StyleSheet.create({
+  overlay: { ...import_react_native26.StyleSheet.absoluteFillObject, backgroundColor: "rgba(0,0,0,0.5)" },
+  overlayTap: { flex: 1 },
+  keyboardView: { flex: 1, justifyContent: "flex-end" },
+  sheetPositioner: { justifyContent: "flex-end" },
+  sheet: { borderTopLeftRadius: 24, borderTopRightRadius: 24, paddingHorizontal: 20, paddingBottom: 40 },
+  handleRow: { alignItems: "center", paddingTop: 10, paddingBottom: 8 },
+  handle: { width: 36, height: 4, borderRadius: 2, opacity: 0.4 },
+  header: { flexDirection: "row", alignItems: "flex-start", justifyContent: "space-between", paddingVertical: 8 },
+  headerTitle: { fontSize: 20, fontWeight: "700" },
+  headerSub: { fontSize: 13, marginTop: 2 },
+  closeButton: { fontSize: 20, padding: 4 },
+  section: { gap: 10, paddingTop: 12 },
+  sectionLabel: { fontSize: 14, fontWeight: "600" },
+  teamsRow: { flexDirection: "row", gap: 12 },
+  summaryCard: { marginTop: 12, borderRadius: 14, borderWidth: 1, overflow: "hidden" },
+  summaryRow: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", paddingHorizontal: 16, paddingVertical: 12 },
+  summaryLabel: { fontSize: 14 },
+  summaryValue: { fontSize: 15, fontWeight: "700" },
+  summarySep: { height: 1, marginHorizontal: 16 },
+  errorBox: { marginTop: 12, borderRadius: 12, borderWidth: 1, padding: 12 },
+  errorText: { fontSize: 13, fontWeight: "500" },
+  ctaButton: { marginTop: 16, height: 54, borderRadius: 14, justifyContent: "center", alignItems: "center" },
+  ctaText: { color: "#FFFFFF", fontSize: 16, fontWeight: "700" },
+  ctaLoading: { flexDirection: "row", alignItems: "center", gap: 10 },
+  successOverlay: { ...import_react_native26.StyleSheet.absoluteFillObject, zIndex: 100, alignItems: "center", justifyContent: "center", backgroundColor: "rgba(0,0,0,0.85)" },
+  successContent: { alignItems: "center", gap: 12 },
+  successEmoji: { fontSize: 64 },
+  successTitle: { color: "#FFFFFF", fontSize: 28, fontWeight: "900" },
+  successSub: { color: "#8E8E93", fontSize: 16 }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ArcadeLeaderboardSheet,
@@ -6888,6 +7122,7 @@ var styles18 = import_react_native24.StyleSheet.create({
   ConnectWalletButton,
   ConnectWalletScreen,
   CreateCustomGameSheet,
+  CreateGameSheet,
   DEFAULT_BASE_URL,
   DEFAULT_RPC_URL,
   DubsApiError,