@dubsdotapp/expo 0.5.6 → 0.5.8

package/dist/index.js

@@ -55,6 +55,7 @@ __export(index_exports, {
   SOLANA_PROGRAM_ERRORS: () => SOLANA_PROGRAM_ERRORS,
   STORAGE_KEYS: () => STORAGE_KEYS,
   SettingsSheet: () => SettingsSheet,
+  SolSlider: () => SolSlider,
   UserProfileCard: () => UserProfileCard,
   UserProfileSheet: () => UserProfileSheet,
   createSecureStoreStorage: () => createSecureStoreStorage,
@@ -5341,9 +5342,222 @@ var styles12 = import_react_native18.StyleSheet.create({
 });
 
 // src/ui/game/JoinGameSheet.tsx
+var import_react34 = require("react");
+var import_react_native20 = require("react-native");
+
+// src/ui/game/SolSlider.tsx
 var import_react33 = require("react");
 var import_react_native19 = require("react-native");
 var import_jsx_runtime16 = require("react/jsx-runtime");
+var THUMB_SIZE = 32;
+var TRACK_HEIGHT = 6;
+var TICK_INTERVAL = 0.01;
+function SolSlider({
+  value,
+  min = 0.01,
+  max = 5,
+  step = 0.01,
+  accentColor,
+  onValueChange,
+  onSlidingComplete,
+  onTick,
+  disabled = false
+}) {
+  const t = useDubsTheme();
+  const accent = accentColor || t.accent;
+  const trackRef = (0, import_react33.useRef)(null);
+  const trackWidth = (0, import_react33.useRef)(0);
+  const lastTickValue = (0, import_react33.useRef)(value);
+  const clamp = (v) => {
+    const stepped = Math.round(v / step) * step;
+    return Math.max(min, Math.min(max, parseFloat(stepped.toFixed(4))));
+  };
+  const valueToPosition = (v) => {
+    const ratio2 = (v - min) / (max - min);
+    return ratio2 * trackWidth.current;
+  };
+  const positionToValue = (x) => {
+    const ratio2 = Math.max(0, Math.min(1, x / trackWidth.current));
+    return clamp(min + ratio2 * (max - min));
+  };
+  const panResponder = (0, import_react33.useRef)(
+    import_react_native19.PanResponder.create({
+      onStartShouldSetPanResponder: () => !disabled,
+      onMoveShouldSetPanResponder: () => !disabled,
+      onPanResponderGrant: (_, gestureState) => {
+        lastTickValue.current = value;
+      },
+      onPanResponderMove: (evt, gestureState) => {
+        const touchX = gestureState.moveX;
+        trackRef.current?.measureInWindow((trackX) => {
+          const relX = touchX - trackX;
+          const newVal = positionToValue(relX);
+          const tickDelta = Math.abs(newVal - lastTickValue.current);
+          if (tickDelta >= TICK_INTERVAL) {
+            lastTickValue.current = newVal;
+            onTick?.(newVal);
+          }
+          onValueChange(newVal);
+        });
+      },
+      onPanResponderRelease: () => {
+        onSlidingComplete?.(value);
+      }
+    })
+  ).current;
+  const ratio = (value - min) / (max - min);
+  const filledWidth = `${ratio * 100}%`;
+  const markers = [min, max * 0.25, max * 0.5, max * 0.75, max];
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.valueRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.valueText, { color: accent }], children: parseFloat(value.toFixed(4)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.solLabel, { color: accent }], children: "SOL" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      import_react_native19.View,
+      {
+        ref: trackRef,
+        style: styles13.trackContainer,
+        onLayout: (e) => {
+          trackWidth.current = e.nativeEvent.layout.width;
+        },
+        ...panResponder.panHandlers,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: [styles13.track, { backgroundColor: "#2C2C2E" }], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: [styles13.trackFilled, { width: filledWidth, backgroundColor: accent }] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: styles13.markerRow, children: markers.map((m, i) => {
+            const mRatio = (m - min) / (max - min);
+            return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              import_react_native19.View,
+              {
+                style: [
+                  styles13.marker,
+                  {
+                    left: `${mRatio * 100}%`,
+                    backgroundColor: value >= m ? accent : "#3A3A3C"
+                  }
+                ]
+              },
+              i
+            );
+          }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            import_react_native19.View,
+            {
+              style: [
+                styles13.thumb,
+                {
+                  left: filledWidth,
+                  backgroundColor: accent,
+                  shadowColor: accent
+                }
+              ],
+              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: styles13.thumbInner })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.rangeRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: styles13.rangeText, children: min }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.Text, { style: styles13.rangeText, children: [
+        max,
+        " SOL"
+      ] })
+    ] })
+  ] });
+}
+var styles13 = import_react_native19.StyleSheet.create({
+  container: {
+    paddingVertical: 8
+  },
+  valueRow: {
+    flexDirection: "row",
+    alignItems: "baseline",
+    justifyContent: "center",
+    marginBottom: 16,
+    gap: 4
+  },
+  valueText: {
+    fontSize: 36,
+    fontWeight: "900",
+    letterSpacing: -1,
+    fontVariant: ["tabular-nums"]
+  },
+  solLabel: {
+    fontSize: 16,
+    fontWeight: "700",
+    opacity: 0.6
+  },
+  trackContainer: {
+    height: THUMB_SIZE + 16,
+    justifyContent: "center",
+    paddingHorizontal: THUMB_SIZE / 2
+  },
+  track: {
+    height: TRACK_HEIGHT,
+    borderRadius: TRACK_HEIGHT / 2,
+    overflow: "hidden"
+  },
+  trackFilled: {
+    height: "100%",
+    borderRadius: TRACK_HEIGHT / 2
+  },
+  markerRow: {
+    position: "absolute",
+    left: THUMB_SIZE / 2,
+    right: THUMB_SIZE / 2,
+    height: TRACK_HEIGHT,
+    top: (THUMB_SIZE + 16 - TRACK_HEIGHT) / 2
+  },
+  marker: {
+    position: "absolute",
+    width: 3,
+    height: 12,
+    borderRadius: 1.5,
+    top: -3,
+    marginLeft: -1.5
+  },
+  thumb: {
+    position: "absolute",
+    width: THUMB_SIZE,
+    height: THUMB_SIZE,
+    borderRadius: THUMB_SIZE / 2,
+    top: 8,
+    marginLeft: 0,
+    alignItems: "center",
+    justifyContent: "center",
+    ...import_react_native19.Platform.select({
+      ios: {
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.6,
+        shadowRadius: 10
+      },
+      android: {
+        elevation: 8
+      }
+    })
+  },
+  thumbInner: {
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    backgroundColor: "#FFFFFF"
+  },
+  rangeRow: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    paddingHorizontal: THUMB_SIZE / 2,
+    marginTop: 4
+  },
+  rangeText: {
+    color: "#5A5A5E",
+    fontSize: 11,
+    fontWeight: "600"
+  }
+});
+
+// src/ui/game/JoinGameSheet.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var STATUS_LABELS3 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -5351,6 +5565,13 @@ var STATUS_LABELS3 = {
   success: "Joined!"
 };
 var CUSTOM_GAME_MODE = 6;
+function formatSol(n) {
+  return parseFloat(n.toFixed(9)).toString();
+}
+function toPng(url) {
+  if (!url) return null;
+  return url.replace("/svg?", "/png?");
+}
 function JoinGameSheet({
   visible,
   onDismiss,
@@ -5362,37 +5583,56 @@ function JoinGameSheet({
   onSuccess,
   onError,
   onTeamSelect,
+  onJoinSuccess,
+  onSliderTick,
+  maxWager = 5,
   isPoolModeEnabled = false
 }) {
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useJoinGame();
   const isCustomGame = game.gameMode === CUSTOM_GAME_MODE;
-  const [selectedTeam, setSelectedTeam] = (0, import_react33.useState)(null);
-  const overlayOpacity = (0, import_react33.useRef)(new import_react_native19.Animated.Value(0)).current;
-  (0, import_react33.useEffect)(() => {
-    import_react_native19.Animated.timing(overlayOpacity, {
+  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, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (visible) {
       setSelectedTeam(isPoolModeEnabled ? "home" : isCustomGame ? "away" : null);
+      setWager(game.buyIn);
+      setShowSuccess(false);
+      successScale.setValue(0);
+      successOpacity.setValue(0);
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.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 })
+      ]).start();
       const timer = setTimeout(() => {
-        onDismiss();
-      }, 1500);
+        import_react_native20.Animated.timing(successOpacity, { toValue: 0, duration: 300, useNativeDriver: true }).start(() => {
+          onDismiss();
+        });
+      }, 2500);
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -5403,62 +5643,92 @@ function JoinGameSheet({
   const homePool = game.homePool || 0;
   const awayPool = game.awayPool || 0;
   const buyIn = game.buyIn;
-  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react33.useMemo)(() => ({
-    homeOdds: homePool > 0 ? (totalPool / homePool).toFixed(2) : "\u2014",
-    awayOdds: awayPool > 0 ? (totalPool / awayPool).toFixed(2) : "\u2014",
-    homeBets: bettors.filter((b) => b.team === "home").length,
-    awayBets: bettors.filter((b) => b.team === "away").length
-  }), [totalPool, homePool, awayPool, bettors]);
-  const poolAfterJoin = totalPool + buyIn;
+  const poolAfterJoin = totalPool + wager;
+  const { homeOdds, awayOdds, homeBets, awayBets } = (0, import_react34.useMemo)(() => {
+    const newPool = totalPool + wager;
+    return {
+      homeOdds: homePool > 0 ? (newPool / (homePool + (selectedTeam === "home" ? wager : 0))).toFixed(2) : "\u2014",
+      awayOdds: awayPool > 0 ? (newPool / (awayPool + (selectedTeam === "away" ? wager : 0))).toFixed(2) : "\u2014",
+      homeBets: bettors.filter((b) => b.team === "home").length,
+      awayBets: bettors.filter((b) => b.team === "away").length
+    };
+  }, [totalPool, homePool, awayPool, bettors, wager, selectedTeam]);
   const selectedOdds = selectedTeam === "home" ? homeOdds : selectedTeam === "away" ? awayOdds : "\u2014";
-  const potentialWinnings = selectedOdds !== "\u2014" ? (parseFloat(selectedOdds) * buyIn).toFixed(4) : "\u2014";
+  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 selectedName = selectedTeam === "home" ? homeName : selectedTeam === "away" ? awayName : "\u2014";
-  const alreadyJoined = (0, import_react33.useMemo)(() => {
+  const alreadyJoined = (0, import_react34.useMemo)(() => {
     if (!wallet.publicKey) return false;
     const addr = wallet.publicKey.toBase58();
     return bettors.some((b) => b.wallet === addr);
   }, [bettors, wallet.publicKey]);
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = selectedTeam !== null && !isMutating && mutation.status !== "success" && !alreadyJoined;
-  const handleJoin = (0, import_react33.useCallback)(async () => {
+  const handleJoin = (0, import_react34.useCallback)(async () => {
     if (!selectedTeam || !wallet.publicKey) return;
     try {
       await mutation.execute({
         playerWallet: wallet.publicKey.toBase58(),
         gameId: game.gameId,
         teamChoice: selectedTeam,
-        amount: buyIn
+        amount: wager
       });
     } catch {
     }
-  }, [selectedTeam, wallet.publicKey, mutation.execute, game.gameId, buyIn]);
+  }, [selectedTeam, wallet.publicKey, mutation.execute, game.gameId, wager]);
   const statusLabel = STATUS_LABELS3[mutation.status] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-    import_react_native19.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    import_react_native20.Modal,
     {
       visible,
       animationType: "slide",
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Animated.View, { style: [styles13.overlay, { opacity: overlayOpacity }], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.TouchableOpacity, { style: styles13.overlayTap, activeOpacity: 1, onPress: onDismiss }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          import_react_native19.KeyboardAvoidingView,
+        /* @__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: [
+            formatSol(buyIn),
+            " SOL on ",
+            selectedName
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_react_native20.KeyboardAvoidingView,
           {
-            style: styles13.keyboardView,
-            behavior: import_react_native19.Platform.OS === "ios" ? "padding" : void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: styles13.sheetPositioner, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: [styles13.sheet, { backgroundColor: t.background }], children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: styles13.handleRow, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: [styles13.handle, { backgroundColor: t.textMuted }] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.header, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.headerTitle, { color: t.text }], children: isPoolModeEnabled ? "Join Pool" : "Join Game" }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.TouchableOpacity, { onPress: onDismiss, activeOpacity: 0.8, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.closeButton, { color: t.textMuted }], children: "\u2715" }) })
+            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" }) })
+              ] }),
+              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,
+                  " ",
+                  bettors.length === 1 ? "player" : "players",
+                  " in this game"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.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);
+                  }),
+                  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
+                  ] }) })
+                ] })
               ] }),
-              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.section, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.teamsRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              !isCustomGame && !isPoolModeEnabled && /* @__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)(
                     TeamButton,
                     {
                       name: homeName,
@@ -5475,7 +5745,7 @@ function JoinGameSheet({
                       t
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     TeamButton,
                     {
                       name: awayName,
@@ -5494,64 +5764,76 @@ function JoinGameSheet({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: [styles13.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.summaryRow, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Buy-in" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.Text, { style: [styles13.summaryValue, { color: t.text }], children: [
-                    buyIn,
+              selectedTeam && !isPoolModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.View, { style: styles14.sliderSection, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                SolSlider,
+                {
+                  value: wager,
+                  min: game.buyIn,
+                  max: maxWager,
+                  step: 0.01,
+                  accentColor: selectedTeam === "home" ? homeColor : awayColor,
+                  onValueChange: setWager,
+                  onTick: onSliderTick
+                }
+              ) }),
+              /* @__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: [
+                    formatSol(wager),
                     " SOL"
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
-                isPoolModeEnabled ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Players in" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.summaryValue, { color: t.text }], children: bettors.length })
+                /* @__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_runtime16.jsx)(import_react_native19.View, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Current pot" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.Text, { style: [styles13.summaryValue, { color: t.success }], children: [
-                      totalPool,
+                  /* @__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: [
+                      formatSol(totalPool),
                       " SOL"
                     ] })
                   ] })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Your side" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.summaryValue, { color: t.text }], children: selectedName })
+                ] }) : /* @__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: "Your side" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryValue, { color: t.text }], children: selectedName })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Total pool" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.Text, { style: [styles13.summaryValue, { color: t.text }], children: [
-                      poolAfterJoin,
+                  /* @__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: "Total pool" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.summaryValue, { color: t.text }], children: [
+                      formatSol(poolAfterJoin),
                       " SOL"
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: [styles13.summarySep, { backgroundColor: t.border }] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.summaryRow, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.summaryLabel, { color: t.textMuted }], children: "Potential winnings" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.summaryValue, { color: t.success }], children: potentialWinnings !== "\u2014" ? `${potentialWinnings} SOL` : "\u2014" })
+                  /* @__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" })
                   ] })
                 ] })
               ] }),
-              alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: [styles13.errorBox, { backgroundColor: t.surface, borderColor: t.border }], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.errorText, { color: t.textMuted }], children: isPoolModeEnabled ? "You've already joined this pool." : "You've already joined this game." }) }),
-              mutation.error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: [styles13.errorBox, { backgroundColor: t.errorBg, borderColor: t.errorBorder }], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.errorText, { color: t.errorText }], children: mutation.error.message }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                import_react_native19.TouchableOpacity,
+              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,
                 {
                   style: [
-                    styles13.ctaButton,
+                    styles14.ctaButton,
                     { backgroundColor: canJoin ? t.accent : t.border }
                   ],
                   disabled: !canJoin,
                   onPress: handleJoin,
                   activeOpacity: 0.8,
-                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.View, { style: styles13.ctaLoading, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.ActivityIndicator, { size: "small", color: "#FFFFFF" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: styles13.ctaText, children: statusLabel })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: styles13.ctaText, children: isPoolModeEnabled ? "Joined!" : STATUS_LABELS3.success }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.ctaText, !canJoin && { opacity: 0.5 }], children: alreadyJoined ? "Already Joined" : isPoolModeEnabled ? `Join Pool \u2014 ${buyIn} SOL` : selectedTeam ? `Join Game \u2014 ${buyIn} SOL` : "Pick a side to join" })
+                  children: isMutating ? /* @__PURE__ */ (0, import_jsx_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" })
                 }
               )
             ] }) })
@@ -5572,35 +5854,35 @@ function TeamButton({
   ImageComponent,
   t
 }) {
-  const [imgFailed, setImgFailed] = (0, import_react33.useState)(false);
+  const [imgFailed, setImgFailed] = (0, import_react34.useState)(false);
   const Img = ImageComponent || require("react-native").Image;
   const showImage = imageUrl && !imgFailed;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-    import_react_native19.TouchableOpacity,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    import_react_native20.TouchableOpacity,
     {
-      style: [styles13.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
+      style: [styles14.teamOption, { borderColor: selected ? color : t.border, backgroundColor: selected ? color + "15" : t.background }],
       onPress,
       activeOpacity: 0.7,
       children: [
-        showImage ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Img, { source: { uri: imageUrl }, style: styles13.teamLogo, resizeMode: "contain", onError: () => setImgFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.View, { style: [styles13.teamLogo, styles13.teamLogoPlaceholder] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: [styles13.teamName, { color: t.text }], numberOfLines: 1, children: name }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_native19.Text, { style: [styles13.teamOdds, { color }], 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_runtime16.jsxs)(import_react_native19.Text, { style: [styles13.teamBets, { color: t.textMuted }], children: [
+        /* @__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_runtime16.jsx)(import_react_native19.View, { style: [styles13.teamBadge, { backgroundColor: color }], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native19.Text, { style: styles13.teamBadgeText, children: "Selected" }) })
+        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 styles13 = import_react_native19.StyleSheet.create({
+var styles14 = import_react_native20.StyleSheet.create({
   overlay: {
-    ...import_react_native19.StyleSheet.absoluteFillObject,
+    ...import_react_native20.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: {
@@ -5644,6 +5926,67 @@ var styles13 = import_react_native19.StyleSheet.create({
     fontSize: 20,
     padding: 4
   },
+  // Bettors row
+  bettorsSection: {
+    paddingBottom: 12,
+    gap: 8
+  },
+  bettorsLabel: {
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  bettorsRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4
+  },
+  bettorCircle: {
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden"
+  },
+  bettorImg: {
+    width: 28,
+    height: 28,
+    borderRadius: 14
+  },
+  bettorInitial: {
+    color: "#FFF",
+    fontSize: 11,
+    fontWeight: "800"
+  },
+  bettorOverflow: {
+    color: "#8E8E93",
+    fontSize: 10,
+    fontWeight: "700"
+  },
+  // Success overlay
+  successOverlay: {
+    ...import_react_native20.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
+  },
   section: {
     gap: 12,
     paddingTop: 8
@@ -5656,8 +5999,11 @@ var styles13 = import_react_native19.StyleSheet.create({
     flexDirection: "row",
     gap: 12
   },
+  sliderSection: {
+    marginTop: 16
+  },
   summaryCard: {
-    marginTop: 20,
+    marginTop: 12,
     borderRadius: 16,
     borderWidth: 1,
     overflow: "hidden"
@@ -5749,9 +6095,9 @@ var styles13 = import_react_native19.StyleSheet.create({
 });
 
 // src/ui/game/ClaimPrizeSheet.tsx
-var import_react34 = require("react");
-var import_react_native20 = require("react-native");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react35 = require("react");
+var import_react_native21 = require("react-native");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var STATUS_LABELS4 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -5770,18 +6116,18 @@ function ClaimPrizeSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useClaim();
-  const overlayOpacity = (0, import_react34.useRef)(new import_react_native20.Animated.Value(0)).current;
-  const celebrationScale = (0, import_react34.useRef)(new import_react_native20.Animated.Value(0)).current;
-  const celebrationOpacity = (0, import_react34.useRef)(new import_react_native20.Animated.Value(0)).current;
-  const [showCelebration, setShowCelebration] = (0, import_react34.useState)(false);
-  (0, import_react34.useEffect)(() => {
-    import_react_native20.Animated.timing(overlayOpacity, {
+  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, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (visible) {
       mutation.reset();
       setShowCelebration(false);
@@ -5789,17 +6135,17 @@ function ClaimPrizeSheet({
       celebrationOpacity.setValue(0);
     }
   }, [visible]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       setShowCelebration(true);
-      import_react_native20.Animated.parallel([
-        import_react_native20.Animated.spring(celebrationScale, {
+      import_react_native21.Animated.parallel([
+        import_react_native21.Animated.spring(celebrationScale, {
           toValue: 1,
           tension: 50,
           friction: 6,
           useNativeDriver: true
         }),
-        import_react_native20.Animated.timing(celebrationOpacity, {
+        import_react_native21.Animated.timing(celebrationOpacity, {
           toValue: 1,
           duration: 300,
           useNativeDriver: true
@@ -5812,14 +6158,14 @@ function ClaimPrizeSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.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_react34.useCallback)(async () => {
+  const handleClaim = (0, import_react35.useCallback)(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute({
@@ -5831,62 +6177,62 @@ function ClaimPrizeSheet({
     }
   }, [wallet.publicKey, mutation.execute, gameId, prizeAmount]);
   const statusLabel = STATUS_LABELS4[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 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          import_react_native20.KeyboardAvoidingView,
+        /* @__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,
           {
-            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: showCelebration ? isRefund ? "Refund Claimed!" : "Prize Claimed!" : isRefund ? "Claim Refund" : "Claim Prize" }),
-                /* @__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: 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" }) })
               ] }),
-              showCelebration && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-                import_react_native20.Animated.View,
+              showCelebration && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                import_react_native21.Animated.View,
                 {
                   style: [
-                    styles14.celebrationContainer,
+                    styles15.celebrationContainer,
                     {
                       opacity: celebrationOpacity,
                       transform: [{ scale: celebrationScale }]
                     }
                   ],
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: styles14.celebrationEmoji, children: "\u{1F3C6}" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.celebrationText, { color: t.success }], 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: [
                       "+",
                       prizeAmount,
                       " SOL"
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.celebrationSubtext, { color: t.textMuted }], children: isRefund ? "Refund sent to your wallet" : "Winnings sent to your wallet" })
+                    /* @__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" })
                   ]
                 }
               ),
-              !showCelebration && /* @__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: isRefund ? "Refund" : "Prize" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.summaryValue, { color: t.success }], children: [
+              !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: [
                     prizeAmount,
                     " 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: "Game" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-                    import_react_native20.Text,
+                /* @__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,
                     {
-                      style: [styles14.summaryValue, { color: t.text }],
+                      style: [styles15.summaryValue, { color: t.text }],
                       numberOfLines: 1,
                       children: [
                         gameId.slice(0, 8),
@@ -5897,21 +6243,21 @@ function ClaimPrizeSheet({
                   )
                 ] })
               ] }),
-              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 }) }),
-              !showCelebration && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                import_react_native20.TouchableOpacity,
+              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,
                 {
                   style: [
-                    styles14.ctaButton,
+                    styles15.ctaButton,
                     { backgroundColor: canClaim ? t.accent : t.border }
                   ],
                   disabled: !canClaim,
                   onPress: handleClaim,
                   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 })
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.ctaText, !canClaim && { opacity: 0.5 }], children: [
+                  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: [
                     isRefund ? "Claim Refund" : "Claim Prize",
                     " \u2014 ",
                     prizeAmount,
@@ -5919,7 +6265,7 @@ function ClaimPrizeSheet({
                   ] })
                 }
               ),
-              mutation.data?.explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
+              mutation.data?.explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native21.Text, { style: [styles15.explorerHint, { color: t.textMuted }], children: "View on Solscan" })
             ] }) })
           }
         )
@@ -5927,9 +6273,9 @@ function ClaimPrizeSheet({
     }
   );
 }
-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: {
@@ -6052,17 +6398,17 @@ var styles14 = import_react_native20.StyleSheet.create({
 });
 
 // src/ui/game/ClaimButton.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");
 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_react35.useState)(false);
+  const [sheetVisible, setSheetVisible] = (0, import_react36.useState)(false);
   const walletAddress = wallet.publicKey?.toBase58() ?? null;
-  const myBet = (0, import_react35.useMemo)(() => {
+  const myBet = (0, import_react36.useMemo)(() => {
     if (!walletAddress || !game.data?.bettors) return null;
     return game.data.bettors.find((b) => b.wallet === walletAddress) ?? null;
   }, [walletAddress, game.data?.bettors]);
@@ -6071,7 +6417,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_react35.useCallback)(
+  const handleSuccess = (0, import_react36.useCallback)(
     (result) => {
       claimStatus.refetch();
       onSuccess?.(result);
@@ -6084,13 +6430,13 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   }
   const label = isRefund ? "Refund" : "Prize";
   if (claimStatus.hasClaimed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_react_native21.TouchableOpacity,
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      import_react_native22.TouchableOpacity,
       {
-        style: [styles15.badge, { borderColor: t.accent }, style],
+        style: [styles16.badge, { borderColor: t.accent }, style],
         activeOpacity: 1,
         disabled: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: [styles15.badgeText, { color: t.accent }], children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.Text, { style: [styles16.badgeText, { color: t.accent }], children: [
           label,
           " Claimed!"
         ] })
@@ -6100,14 +6446,14 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
   if (!isEligible) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_react_native21.TouchableOpacity,
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      import_react_native22.TouchableOpacity,
       {
-        style: [styles15.button, { backgroundColor: t.accent }, style],
+        style: [styles16.button, { backgroundColor: t.accent }, style],
         activeOpacity: 0.8,
         onPress: () => setSheetVisible(true),
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_native21.Text, { style: styles15.buttonText, children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.Text, { style: styles16.buttonText, children: [
           "Claim ",
           label,
           " \u2014 ",
@@ -6116,7 +6462,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       ClaimPrizeSheet,
       {
         visible: sheetVisible,
@@ -6130,7 +6476,7 @@ function ClaimButton({ gameId, style, onSuccess, onError }) {
     )
   ] });
 }
-var styles15 = import_react_native21.StyleSheet.create({
+var styles16 = import_react_native22.StyleSheet.create({
   button: {
     height: 52,
     borderRadius: 14,
@@ -6158,9 +6504,9 @@ var styles15 = import_react_native21.StyleSheet.create({
 });
 
 // src/ui/game/EnterArcadePoolSheet.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");
 var STATUS_LABELS5 = {
   building: "Building transaction...",
   signing: "Approve in wallet...",
@@ -6179,20 +6525,20 @@ function EnterArcadePoolSheet({
   const t = useDubsTheme();
   const { wallet } = useDubs();
   const mutation = useEnterArcadePool();
-  const overlayOpacity = (0, import_react36.useRef)(new import_react_native22.Animated.Value(0)).current;
-  (0, import_react36.useEffect)(() => {
-    import_react_native22.Animated.timing(overlayOpacity, {
+  const overlayOpacity = (0, import_react37.useRef)(new import_react_native23.Animated.Value(0)).current;
+  (0, import_react37.useEffect)(() => {
+    import_react_native23.Animated.timing(overlayOpacity, {
       toValue: visible ? 1 : 0,
       duration: 250,
       useNativeDriver: true
     }).start();
   }, [visible, overlayOpacity]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (visible) {
       mutation.reset();
     }
   }, [visible]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (mutation.status === "success" && mutation.data) {
       onSuccess?.(mutation.data);
       const timer = setTimeout(() => {
@@ -6201,7 +6547,7 @@ function EnterArcadePoolSheet({
       return () => clearTimeout(timer);
     }
   }, [mutation.status, mutation.data]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (mutation.status === "error" && mutation.error) {
       onError?.(mutation.error);
     }
@@ -6213,7 +6559,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_react36.useCallback)(async () => {
+  const handleJoin = (0, import_react37.useCallback)(async () => {
     if (!wallet.publicKey) return;
     try {
       await mutation.execute(pool.id);
@@ -6225,76 +6571,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_runtime19.jsxs)(
-    import_react_native22.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    import_react_native23.Modal,
     {
       visible,
       animationType: "slide",
       transparent: true,
       onRequestClose: onDismiss,
       children: [
-        /* @__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,
+        /* @__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,
           {
-            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: headerTitle }),
-                /* @__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" }) })
+            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" }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: [styles16.poolName, { color: t.textSecondary }], children: pool.name }),
-              /* @__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: "Buy-in" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.Text, { style: [styles16.summaryValue, { color: t.text }], children: [
+              /* @__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: [
                     buyInSol,
                     " SOL"
                   ] })
                 ] }),
-                /* @__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: "Players in" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: [styles16.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: "Players in" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.summaryValue, { color: t.text }], children: totalPlayers })
                 ] }),
-                /* @__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: "Current pot" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native22.Text, { style: [styles16.summaryValue, { color: t.success }], 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: "Current pot" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.Text, { style: [styles17.summaryValue, { color: t.success }], children: [
                     potSol,
                     " SOL"
                   ] })
                 ] }),
-                /* @__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: "Lives" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: [styles16.summaryValue, { color: t.text }], children: pool.max_lives })
+                /* @__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 })
                 ] }),
-                topScore > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-                  /* @__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: "Top score" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: [styles16.summaryValue, { color: t.text }], children: topScore })
+                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 })
                   ] })
                 ] })
               ] }),
-              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 }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                import_react_native22.TouchableOpacity,
+              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,
                 {
                   style: [
-                    styles16.ctaButton,
+                    styles17.ctaButton,
                     { backgroundColor: canJoin ? t.accent : t.border }
                   ],
                   disabled: !canJoin,
                   onPress: handleJoin,
                   activeOpacity: 0.8,
-                  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 })
-                  ] }) : mutation.status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: styles16.ctaText, children: successLabel }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native22.Text, { style: [styles16.ctaText, !canJoin && { opacity: 0.5 }], children: ctaLabel })
+                  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 })
                 }
               )
             ] }) })
@@ -6304,9 +6650,9 @@ function EnterArcadePoolSheet({
     }
   );
 }
-var styles16 = import_react_native22.StyleSheet.create({
+var styles17 = import_react_native23.StyleSheet.create({
   overlay: {
-    ...import_react_native22.StyleSheet.absoluteFillObject,
+    ...import_react_native23.StyleSheet.absoluteFillObject,
     backgroundColor: "rgba(0,0,0,0.5)"
   },
   overlayTap: { flex: 1 },
@@ -6364,14 +6710,14 @@ var styles16 = import_react_native22.StyleSheet.create({
 });
 
 // src/ui/game/ArcadeLeaderboardSheet.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");
 function RankLabel({ index }) {
-  if (index === 0) return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: styles17.rankEmoji, children: "\u{1F947}" });
-  if (index === 1) return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: styles17.rankEmoji, children: "\u{1F948}" });
-  if (index === 2) return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: styles17.rankEmoji, children: "\u{1F949}" });
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: styles17.rankNum, children: index + 1 });
+  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 });
 }
 function ArcadeLeaderboardSheet({
   visible,
@@ -6381,92 +6727,92 @@ function ArcadeLeaderboardSheet({
 }) {
   const t = useDubsTheme();
   const { pool, leaderboard, stats, loading, refetch } = useArcadePool(poolId);
-  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) refetch();
   }, [visible]);
   const renderItem = ({ item, index }) => {
     const isMe = highlightWallet && item.wallet_address === highlightWallet;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-      import_react_native23.View,
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      import_react_native24.View,
       {
         style: [
-          styles17.row,
+          styles18.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_runtime20.jsx)(import_react_native23.View, { style: styles17.rankCol, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(RankLabel, { index }) }),
-          item.avatar ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Image, { source: { uri: ensurePngAvatar(item.avatar) }, style: styles17.avatar }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.View, { style: [styles17.avatar, { backgroundColor: t.border }] }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: styles17.nameCol, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.name, { color: t.text }], numberOfLines: 1, children: item.username || `${item.wallet_address.slice(0, 4)}...${item.wallet_address.slice(-4)}` }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.Text, { style: [styles17.lives, { color: t.textMuted }], 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: [
               item.lives_used,
               " ",
               item.lives_used === 1 ? "life" : "lives",
               " used"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.score, { color: t.accent }], children: item.best_score })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native24.Text, { style: [styles18.score, { color: t.accent }], children: item.best_score })
         ]
       }
     );
   };
-  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.jsxs)(import_react_native23.View, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.headerTitle, { color: t.text }], children: "Leaderboard" }),
-                  pool && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.poolName, { color: t.textMuted }], children: pool.name })
+            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 })
                 ] }),
-                /* @__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" }) })
+                /* @__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" }) })
               ] }),
-              stats && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: [styles17.statsBar, { backgroundColor: t.surface, borderColor: t.border }], children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: styles17.statItem, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.statValue, { color: t.text }], children: stats.total_entries }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.statLabel, { color: t.textMuted }], children: "Players" })
+              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" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.View, { style: [styles17.statDivider, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: styles17.statItem, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.statValue, { color: t.accent }], children: stats.top_score }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.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.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_runtime20.jsx)(import_react_native23.View, { style: [styles17.statDivider, { backgroundColor: t.border }] }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native23.View, { style: styles17.statItem, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.statValue, { color: t.text }], children: Math.round(stats.avg_score) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.statLabel, { color: t.textMuted }], children: "Avg 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_runtime20.jsx)(
-                import_react_native23.FlatList,
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                import_react_native24.FlatList,
                 {
                   data: leaderboard,
                   renderItem,
                   keyExtractor: (item) => String(item.id),
-                  style: styles17.list,
-                  contentContainerStyle: styles17.listContent,
-                  ListEmptyComponent: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.View, { style: styles17.emptyState, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native23.Text, { style: [styles17.emptyText, { color: t.textMuted }], children: loading ? "Loading..." : "No scores yet" }) })
+                  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" }) })
                 }
               )
             ] }) })
@@ -6476,9 +6822,9 @@ function ArcadeLeaderboardSheet({
     }
   );
 }
-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 },
@@ -6561,6 +6907,7 @@ var styles17 = import_react_native23.StyleSheet.create({
   SOLANA_PROGRAM_ERRORS,
   STORAGE_KEYS,
   SettingsSheet,
+  SolSlider,
   UserProfileCard,
   UserProfileSheet,
   createSecureStoreStorage,