@oasiz/sdk 1.6.2 → 1.8.0

package/dist/index.js

@@ -1,2409 +1,91 @@
-// src/navigation.ts
-var BACK_BUTTON_TEST_STATE_KEY = "__oasizBackButtonTest";
-var activeBackListeners = 0;
-var activeBackButtonTestingHandle;
-function isDevelopment() {
-  const nodeEnv = globalThis.process?.env?.NODE_ENV;
-  return nodeEnv !== "production";
-}
-function getBridgeWindow() {
-  if (typeof window === "undefined") {
-    return void 0;
-  }
-  return window;
-}
-function warnMissingBridge(methodName) {
-  if (isDevelopment()) {
-    console.warn(
-      "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
-    );
-  }
-}
-function normalizeNavigationError(error) {
-  if (error instanceof Error) {
-    return error;
-  }
-  return new Error(
-    typeof error === "string" ? error : "Back button callback failed."
-  );
-}
-function isRecord(value) {
-  return typeof value === "object" && value !== null;
-}
-function dispatchNavigationEvent(eventName) {
-  const bridge = getBridgeWindow();
-  if (!bridge || typeof bridge.dispatchEvent !== "function") {
-    return;
-  }
-  bridge.dispatchEvent(new Event(eventName));
-}
-function addNavigationListener(eventName, callback) {
-  if (typeof window === "undefined") {
-    if (isDevelopment()) {
-      console.warn(
-        "[oasiz/sdk] " + eventName + " listener registered without a browser window. This is expected in local development."
-      );
-    }
-    return () => {
-    };
-  }
-  const handler = () => callback();
-  window.addEventListener(eventName, handler);
-  return () => window.removeEventListener(eventName, handler);
-}
-function enableBackButtonTesting(options = {}) {
-  activeBackButtonTestingHandle?.destroy();
-  const bridge = getBridgeWindow();
-  if (!bridge) {
-    if (isDevelopment()) {
-      console.warn(
-        "[oasiz/sdk] enableBackButtonTesting requires a browser window."
-      );
-    }
-    return {
-      destroy: () => {
-      },
-      isBackOverrideActive: () => false,
-      triggerBack: () => {
-      },
-      triggerLeave: () => {
-      }
-    };
-  }
-  const bridgeWindow = bridge;
-  const keyboard = options.keyboard ?? true;
-  const browserHistory = options.browserHistory ?? true;
-  const log = options.log === true;
-  const previousSetBackOverride = bridgeWindow.__oasizSetBackOverride;
-  const previousLeaveGame = bridgeWindow.__oasizLeaveGame;
-  let destroyed = false;
-  let backOverrideActive = false;
-  let historyTrapArmed = false;
-  function maybeLog(message) {
-    if (log) {
-      console.info("[oasiz/sdk] " + message);
-    }
-  }
-  function canUseHistoryTrap() {
-    return browserHistory && typeof bridgeWindow.history?.pushState === "function" && typeof bridgeWindow.history?.replaceState === "function" && typeof bridgeWindow.location?.href === "string";
-  }
-  function ensureHistoryTrap() {
-    if (!backOverrideActive || historyTrapArmed || !canUseHistoryTrap()) {
-      return;
-    }
-    try {
-      const currentState = isRecord(bridgeWindow.history.state) ? bridgeWindow.history.state : {};
-      bridgeWindow.history.replaceState(
-        { ...currentState, [BACK_BUTTON_TEST_STATE_KEY]: "base" },
-        "",
-        bridgeWindow.location.href
-      );
-      bridgeWindow.history.pushState(
-        { [BACK_BUTTON_TEST_STATE_KEY]: "trap" },
-        "",
-        bridgeWindow.location.href
-      );
-      historyTrapArmed = true;
-      maybeLog("Local browser Back testing is armed.");
-    } catch (error) {
-      historyTrapArmed = false;
-      if (log) {
-        console.warn("[oasiz/sdk] Failed to arm browser Back testing:", error);
-      }
-    }
-  }
-  function triggerBack() {
-    dispatchNavigationEvent("oasiz:back");
-  }
-  function triggerLeave() {
-    dispatchNavigationEvent("oasiz:leave");
-  }
-  function setBackOverride(active) {
-    backOverrideActive = active;
-    if (active) {
-      ensureHistoryTrap();
-    }
-    if (typeof previousSetBackOverride === "function") {
-      previousSetBackOverride(active);
-    }
-    maybeLog("Back override " + (active ? "enabled" : "disabled") + ".");
-  }
-  function stopBackEvent(event) {
-    event.preventDefault();
-    event.stopPropagation();
-    event.stopImmediatePropagation?.();
-  }
-  const handleKeyDown = (event) => {
-    if (!backOverrideActive || event.key !== "Escape") {
-      return;
-    }
-    stopBackEvent(event);
-    triggerBack();
-  };
-  const handlePopState = (event) => {
-    if (!backOverrideActive) {
-      historyTrapArmed = false;
-      return;
-    }
-    stopBackEvent(event);
-    triggerBack();
-    historyTrapArmed = false;
-    ensureHistoryTrap();
-  };
-  const testLeaveGame = () => {
-    triggerLeave();
-    if (typeof previousLeaveGame === "function") {
-      previousLeaveGame();
-    }
-  };
-  bridgeWindow.__oasizSetBackOverride = setBackOverride;
-  bridgeWindow.__oasizLeaveGame = testLeaveGame;
-  if (keyboard) {
-    bridgeWindow.addEventListener("keydown", handleKeyDown);
-  }
-  if (browserHistory) {
-    bridgeWindow.addEventListener("popstate", handlePopState);
-  }
-  if (activeBackListeners > 0) {
-    setBackOverride(true);
-  }
-  maybeLog("Back button testing bridge installed.");
-  const handle = {
-    destroy: () => {
-      if (destroyed) return;
-      destroyed = true;
-      if (keyboard) {
-        bridgeWindow.removeEventListener("keydown", handleKeyDown);
-      }
-      if (browserHistory) {
-        bridgeWindow.removeEventListener("popstate", handlePopState);
-      }
-      if (bridgeWindow.__oasizSetBackOverride === setBackOverride) {
-        bridgeWindow.__oasizSetBackOverride = previousSetBackOverride;
-      }
-      if (bridgeWindow.__oasizLeaveGame === testLeaveGame) {
-        bridgeWindow.__oasizLeaveGame = previousLeaveGame;
-      }
-      if (activeBackButtonTestingHandle === handle) {
-        activeBackButtonTestingHandle = void 0;
-      }
-      maybeLog("Back button testing bridge removed.");
-    },
-    isBackOverrideActive: () => backOverrideActive,
-    triggerBack,
-    triggerLeave
-  };
-  activeBackButtonTestingHandle = handle;
-  return handle;
-}
-function onBackButton(callback) {
-  const off = addNavigationListener("oasiz:back", () => {
-    try {
-      callback();
-    } catch (error) {
-      leaveGame();
-      throw normalizeNavigationError(error);
-    }
-  });
-  const bridge = getBridgeWindow();
-  activeBackListeners += 1;
-  if (activeBackListeners === 1) {
-    if (typeof bridge?.__oasizSetBackOverride === "function") {
-      bridge.__oasizSetBackOverride(true);
-    } else {
-      warnMissingBridge("__oasizSetBackOverride");
-    }
-  }
-  return () => {
-    off();
-    activeBackListeners = Math.max(0, activeBackListeners - 1);
-    if (activeBackListeners === 0) {
-      const currentBridge = getBridgeWindow();
-      if (typeof currentBridge?.__oasizSetBackOverride === "function") {
-        currentBridge.__oasizSetBackOverride(false);
-      } else {
-        warnMissingBridge("__oasizSetBackOverride");
-      }
-    }
-  };
-}
-function onLeaveGame(callback) {
-  return addNavigationListener("oasiz:leave", callback);
-}
-function leaveGame() {
-  const bridge = getBridgeWindow();
-  if (typeof bridge?.__oasizLeaveGame === "function") {
-    bridge.__oasizLeaveGame();
-    return;
-  }
-  warnMissingBridge("__oasizLeaveGame");
-}
-
-// src/app-simulator.ts
-var DEVICE_PRESETS = {
-  "iphone-11": {
-    name: "iPhone 11",
-    width: 414,
-    height: 896,
-    safeArea: { top: 48, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-11-pro": {
-    name: "iPhone 11 Pro",
-    width: 375,
-    height: 812,
-    safeArea: { top: 44, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-11-pro-max": {
-    name: "iPhone 11 Pro Max",
-    width: 414,
-    height: 896,
-    safeArea: { top: 44, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-12-mini": {
-    name: "iPhone 12 mini",
-    width: 375,
-    height: 812,
-    safeArea: { top: 50, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-12": {
-    name: "iPhone 12",
-    width: 390,
-    height: 844,
-    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-12-pro": {
-    name: "iPhone 12 Pro",
-    width: 390,
-    height: 844,
-    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-12-pro-max": {
-    name: "iPhone 12 Pro Max",
-    width: 428,
-    height: 926,
-    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-13-mini": {
-    name: "iPhone 13 mini",
-    width: 375,
-    height: 812,
-    safeArea: { top: 50, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-13": {
-    name: "iPhone 13",
-    width: 390,
-    height: 844,
-    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-13-pro": {
-    name: "iPhone 13 Pro",
-    width: 390,
-    height: 844,
-    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-13-pro-max": {
-    name: "iPhone 13 Pro Max",
-    width: 428,
-    height: 926,
-    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-14": {
-    name: "iPhone 14",
-    width: 390,
-    height: 844,
-    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-14-plus": {
-    name: "iPhone 14 Plus",
-    width: 428,
-    height: 926,
-    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-14-pro": {
-    name: "iPhone 14 Pro",
-    width: 393,
-    height: 852,
-    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-14-pro-max": {
-    name: "iPhone 14 Pro Max",
-    width: 430,
-    height: 932,
-    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-15": {
-    name: "iPhone 15",
-    width: 393,
-    height: 852,
-    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-15-plus": {
-    name: "iPhone 15 Plus",
-    width: 430,
-    height: 932,
-    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-15-pro": {
-    name: "iPhone 15 Pro",
-    width: 393,
-    height: 852,
-    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-15-pro-max": {
-    name: "iPhone 15 Pro Max",
-    width: 430,
-    height: 932,
-    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-16": {
-    name: "iPhone 16",
-    width: 393,
-    height: 852,
-    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-16-plus": {
-    name: "iPhone 16 Plus",
-    width: 430,
-    height: 932,
-    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-16-pro": {
-    name: "iPhone 16 Pro",
-    width: 402,
-    height: 874,
-    safeArea: { top: 62, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-16-pro-max": {
-    name: "iPhone 16 Pro Max",
-    width: 440,
-    height: 956,
-    safeArea: { top: 62, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-16e": {
-    name: "iPhone 16e",
-    width: 390,
-    height: 844,
-    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-17": {
-    name: "iPhone 17",
-    width: 402,
-    height: 874,
-    safeArea: { top: 62, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-17-pro": {
-    name: "iPhone 17 Pro",
-    width: 402,
-    height: 874,
-    safeArea: { top: 62, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-17-pro-max": {
-    name: "iPhone 17 Pro Max",
-    width: 440,
-    height: 956,
-    safeArea: { top: 62, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-17e": {
-    name: "iPhone 17e",
-    width: 390,
-    height: 844,
-    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-air": {
-    name: "iPhone Air",
-    width: 420,
-    height: 912,
-    safeArea: { top: 62, right: 0, bottom: 34, left: 0 }
-  },
-  "iphone-se": {
-    name: "iPhone SE",
-    width: 375,
-    height: 667,
-    safeArea: { top: 20, right: 0, bottom: 0, left: 0 }
-  },
-  "pixel-8": {
-    name: "Pixel 8",
-    width: 412,
-    height: 915,
-    safeArea: { top: 32, right: 0, bottom: 24, left: 0 }
-  }
-};
-var DEFAULT_COUNTS = {
-  comments: 18,
-  likes: 128
-};
-var DEFAULT_SCORE = 12400;
-var TOP_BAR_OFFSET = 12;
-var TOP_CHROME_HEIGHT = 44;
-var BODY_BACKGROUND = "#08090d";
-var TEXT_PRIMARY = "#F6F9FB";
-var TEXT_SECONDARY = "rgba(246,249,251,0.72)";
-var TEXT_MUTED = "rgba(246,249,251,0.52)";
-var BORDER = "rgba(255,255,255,0.14)";
-var ACCENT = "#00A1E4";
-var LIKE = "#ef4444";
-var TROPHY = "#FBBF24";
-var MAX_Z_INDEX = 2147483638;
-var EMPTY_INSETS = {
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0
-};
-var BRIDGE_KEYS = [
-  "__OASIZ_SAFE_AREA_BOTTOM__",
-  "__OASIZ_SAFE_AREA_BOTTOM_PERCENT__",
-  "__OASIZ_SAFE_AREA_LEFT__",
-  "__OASIZ_SAFE_AREA_LEFT_PERCENT__",
-  "__OASIZ_SAFE_AREA_RIGHT__",
-  "__OASIZ_SAFE_AREA_RIGHT_PERCENT__",
-  "__OASIZ_SAFE_AREA_TOP__",
-  "__OASIZ_SAFE_AREA_TOP_PERCENT__",
-  "__OASIZ_VIEWPORT_INSETS__",
-  "__OASIZ_VIEWPORT_INSETS_PERCENT__",
-  "__oasizSetLeaderboardVisible",
-  "getSafeAreaBottom",
-  "getSafeAreaBottomPercent",
-  "getSafeAreaLeft",
-  "getSafeAreaLeftPercent",
-  "getSafeAreaRight",
-  "getSafeAreaRightPercent",
-  "getSafeAreaTop",
-  "getSafeAreaTopPercent",
-  "getViewportInsets",
-  "getViewportInsetsPercent"
-];
-var NOOP_HANDLE = {
-  closeSheet() {
-  },
-  destroy() {
-  },
-  getViewportInsets() {
-    return { pixels: { ...EMPTY_INSETS }, percent: { ...EMPTY_INSETS } };
-  },
-  hide() {
-  },
-  isVisible() {
-    return false;
-  },
-  openComments() {
-  },
-  openLeaderboard() {
-  },
-  setCounts() {
-  },
-  setLeaderboardVisible() {
-  },
-  setLiked() {
-  },
-  show() {
-  },
-  triggerBack() {
-  },
-  triggerLeave() {
-  }
-};
-function getBrowserWindow() {
-  if (typeof window === "undefined") {
-    return void 0;
-  }
-  return window;
-}
-function getDocument() {
-  if (typeof document === "undefined") {
-    return void 0;
-  }
-  return document;
-}
-function warn(message) {
-  const nodeEnv = globalThis.process?.env?.NODE_ENV;
-  if (nodeEnv !== "production") {
-    console.warn("[oasiz/sdk] " + message);
-  }
-}
-function normalizeCount(value, fallback) {
-  if (typeof value !== "number" || !Number.isFinite(value)) {
-    return fallback;
-  }
-  return Math.max(0, Math.floor(value));
-}
-function formatCompactCount(value) {
-  if (value >= 1e6) {
-    return (value / 1e6).toFixed(1).replace(/\.0$/, "") + "M";
-  }
-  if (value >= 1e3) {
-    return (value / 1e3).toFixed(1).replace(/\.0$/, "") + "k";
-  }
-  return String(value);
-}
-function resolveDevice(device, orientation) {
-  const preset = typeof device === "string" ? DEVICE_PRESETS[device] : device ? {
-    name: device.name ?? "Custom phone",
-    width: device.width,
-    height: device.height,
-    safeArea: {
-      ...EMPTY_INSETS,
-      ...device.safeArea
-    }
-  } : DEVICE_PRESETS["iphone-17-pro-max"];
-  const normalized = {
-    name: preset.name,
-    width: Math.max(320, Math.floor(preset.width)),
-    height: Math.max(480, Math.floor(preset.height)),
-    safeArea: {
-      ...EMPTY_INSETS,
-      ...preset.safeArea
-    }
-  };
-  if (orientation === "landscape") {
-    return {
-      ...normalized,
-      width: Math.max(normalized.width, normalized.height),
-      height: Math.min(normalized.width, normalized.height),
-      safeArea: {
-        top: 0,
-        right: normalized.safeArea.top,
-        bottom: 21,
-        left: normalized.safeArea.top
-      }
-    };
-  }
-  return normalized;
-}
-function shouldFrame(frame, browserWindow, device) {
-  if (frame === true) {
-    return true;
-  }
-  if (frame === false) {
-    return false;
-  }
-  return browserWindow.innerWidth > device.width + 80 || browserWindow.innerHeight > device.height + 80;
-}
-function computeRect(browserWindow, device, frameEnabled) {
-  const viewportWidth = Math.max(320, browserWindow.innerWidth || device.width);
-  const viewportHeight = Math.max(480, browserWindow.innerHeight || device.height);
-  if (!frameEnabled) {
-    return {
-      left: 0,
-      top: 0,
-      width: viewportWidth,
-      height: viewportHeight,
-      scale: Math.min(viewportWidth / device.width, viewportHeight / device.height)
-    };
-  }
-  const margin = 24;
-  const scale = Math.min(
-    (viewportWidth - margin) / device.width,
-    (viewportHeight - margin) / device.height,
-    1
-  );
-  const width = Math.round(device.width * scale);
-  const height = Math.round(device.height * scale);
-  return {
-    left: Math.round((viewportWidth - width) / 2),
-    top: Math.round((viewportHeight - height) / 2),
-    width,
-    height,
-    scale
-  };
-}
-function scaledInset(value, scale) {
-  if (typeof value !== "number" || !Number.isFinite(value)) {
-    return 0;
-  }
-  return Math.max(0, Math.round(value * scale));
-}
-function getSimulatorInsets(state) {
-  const safe = state.device.safeArea;
-  const top = scaledInset(safe.top, state.rect.scale) + Math.round((TOP_BAR_OFFSET + TOP_CHROME_HEIGHT) * state.rect.scale);
-  const pixels = {
-    top,
-    right: scaledInset(safe.right, state.rect.scale),
-    bottom: scaledInset(safe.bottom, state.rect.scale),
-    left: scaledInset(safe.left, state.rect.scale)
-  };
-  const percent = {
-    top: state.rect.height > 0 ? pixels.top / state.rect.height * 100 : 0,
-    right: state.rect.width > 0 ? pixels.right / state.rect.width * 100 : 0,
-    bottom: state.rect.height > 0 ? pixels.bottom / state.rect.height * 100 : 0,
-    left: state.rect.width > 0 ? pixels.left / state.rect.width * 100 : 0
-  };
-  return { pixels, percent };
-}
-function snapshotBridge(browserWindow) {
-  const globals = {};
-  for (const key of BRIDGE_KEYS) {
-    globals[key] = browserWindow[key];
-  }
-  return { globals };
-}
-function restoreBridge(browserWindow, snapshot) {
-  for (const key of BRIDGE_KEYS) {
-    const value = snapshot.globals[key];
-    if (typeof value === "undefined") {
-      delete browserWindow[key];
-    } else {
-      browserWindow[key] = value;
-    }
-  }
-}
-function installBridge(state) {
-  const browserWindow = getBrowserWindow();
-  if (!browserWindow) return;
-  const bridge = browserWindow;
-  function refreshInsets() {
-    const insets = getSimulatorInsets(state);
-    bridge.__OASIZ_VIEWPORT_INSETS__ = insets;
-    bridge.__OASIZ_VIEWPORT_INSETS_PERCENT__ = insets.percent;
-    bridge.__OASIZ_SAFE_AREA_TOP__ = insets.pixels.top;
-    bridge.__OASIZ_SAFE_AREA_RIGHT__ = insets.pixels.right;
-    bridge.__OASIZ_SAFE_AREA_BOTTOM__ = insets.pixels.bottom;
-    bridge.__OASIZ_SAFE_AREA_LEFT__ = insets.pixels.left;
-    bridge.__OASIZ_SAFE_AREA_TOP_PERCENT__ = insets.percent.top;
-    bridge.__OASIZ_SAFE_AREA_RIGHT_PERCENT__ = insets.percent.right;
-    bridge.__OASIZ_SAFE_AREA_BOTTOM_PERCENT__ = insets.percent.bottom;
-    bridge.__OASIZ_SAFE_AREA_LEFT_PERCENT__ = insets.percent.left;
-    return insets;
-  }
-  bridge.getViewportInsets = () => refreshInsets();
-  bridge.getViewportInsetsPercent = () => refreshInsets().percent;
-  bridge.getSafeAreaTop = () => refreshInsets().pixels.top;
-  bridge.getSafeAreaRight = () => refreshInsets().pixels.right;
-  bridge.getSafeAreaBottom = () => refreshInsets().pixels.bottom;
-  bridge.getSafeAreaLeft = () => refreshInsets().pixels.left;
-  bridge.getSafeAreaTopPercent = () => refreshInsets().percent.top;
-  bridge.getSafeAreaRightPercent = () => refreshInsets().percent.right;
-  bridge.getSafeAreaBottomPercent = () => refreshInsets().percent.bottom;
-  bridge.getSafeAreaLeftPercent = () => refreshInsets().percent.left;
-  bridge.__oasizSetLeaderboardVisible = (visible) => {
-    state.leaderboard.visible = visible;
-    renderSimulator(state);
-  };
-  refreshInsets();
-}
-function createStyleElement() {
-  const style = document.createElement("style");
-  style.setAttribute("data-oasiz-app-simulator", "styles");
-  style.textContent = [
-    ".oasiz-app-sim-button{appearance:none;border:0;margin:0;padding:0;font:inherit;color:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}",
-    ".oasiz-app-sim-button:active{transform:scale(0.97)}",
-    ".oasiz-app-sim-glass{background:rgba(18,20,24,0.42);border:1px solid rgba(255,255,255,0.22);box-shadow:0 12px 30px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}",
-    ".oasiz-app-sim-scroll::-webkit-scrollbar{width:0;height:0}"
-  ].join("\n");
-  return style;
-}
-function applyTextStyle(element, size = 12, weight = 600) {
-  element.style.font = String(weight) + " " + String(size) + "px/1.2 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif";
-}
-function createDiv(className) {
-  const element = document.createElement("div");
-  if (className) {
-    element.className = className;
-  }
-  return element;
-}
-function createButton(label, title) {
-  const button = document.createElement("button");
-  button.type = "button";
-  button.className = "oasiz-app-sim-button";
-  button.setAttribute("aria-label", title);
-  button.title = title;
-  button.innerHTML = label;
-  return button;
-}
-function svgIcon(name, filled = false) {
-  if (name === "back") {
-    return '<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5"/><path d="m12 19-7-7 7-7"/></svg>';
-  }
-  if (name === "heart") {
-    return filled ? '<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M12 21s-7.4-4.4-9.7-9.1C.7 8.5 2.7 4.8 6.4 4.3c2-.3 3.8.7 5.6 2.8 1.8-2.1 3.6-3.1 5.6-2.8 3.7.5 5.7 4.2 4.1 7.6C19.4 16.6 12 21 12 21Z"/></svg>' : '<svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.8 4.6c-2-1.8-5.1-1.5-6.9.6L12 7.4l-1.9-2.2C8.3 3.1 5.2 2.8 3.2 4.6.8 6.8.7 10.5 3 12.9L12 21l9-8.1c2.3-2.4 2.2-6.1-.2-8.3Z"/></svg>';
-  }
-  if (name === "chat") {
-    return filled ? '<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M4 5.5A3.5 3.5 0 0 1 7.5 2h9A3.5 3.5 0 0 1 20 5.5v7A3.5 3.5 0 0 1 16.5 16H9l-4.2 3.1A1.1 1.1 0 0 1 3 18.2V5.5Z"/></svg>' : '<svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5A3.5 3.5 0 0 1 7.5 2h9A3.5 3.5 0 0 1 20 5.5v7A3.5 3.5 0 0 1 16.5 16H9l-4.2 3.1A1.1 1.1 0 0 1 3 18.2V5.5Z"/></svg>';
-  }
-  if (name === "trophy") {
-    return '<svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M7 3h10v3h3a1 1 0 0 1 1 1c0 3.2-1.8 5.5-4.6 6.1A5 5 0 0 1 13 15.9V19h3v2H8v-2h3v-3.1a5 5 0 0 1-3.4-2.8C4.8 12.5 3 10.2 3 7a1 1 0 0 1 1-1h3V3Zm10 5v2.8c1.1-.5 1.8-1.5 2-2.8h-2ZM5 8c.2 1.3.9 2.3 2 2.8V8H5Z"/></svg>';
-  }
-  if (name === "share") {
-    return '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M12 16V4"/><path d="m7 9 5-5 5 5"/><path d="M5 14v5h14v-5"/></svg>';
-  }
-  return filled ? '<svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1Z"/></svg>' : '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1Z"/></svg>';
-}
-function setBoxStyle(element, state) {
-  const { rect } = state;
-  element.style.left = rect.left + "px";
-  element.style.top = rect.top + "px";
-  element.style.width = rect.width + "px";
-  element.style.height = rect.height + "px";
-}
-function createCircleButton(icon, title, onClick) {
-  const button = createButton(icon, title);
-  button.classList.add("oasiz-app-sim-glass");
-  button.style.cssText += [
-    "position:absolute",
-    "width:44px",
-    "height:44px",
-    "border-radius:999px",
-    "display:flex",
-    "align-items:center",
-    "justify-content:center",
-    "color:" + TEXT_PRIMARY,
-    "pointer-events:auto"
-  ].join(";");
-  button.addEventListener("click", (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    onClick();
-  });
-  return button;
-}
-function createHubPill(state) {
-  const button = createButton("", "Open comments");
-  button.classList.add("oasiz-app-sim-glass");
-  button.style.cssText += [
-    "position:absolute",
-    "right:16px",
-    "height:44px",
-    "min-width:94px",
-    "border-radius:999px",
-    "display:flex",
-    "align-items:center",
-    "justify-content:center",
-    "gap:10px",
-    "padding:0 14px",
-    "color:" + TEXT_PRIMARY,
-    "pointer-events:auto"
-  ].join(";");
-  const likeColor = state.wasLiked ? LIKE : TEXT_PRIMARY;
-  button.innerHTML = '<span style="display:inline-flex;align-items:center;gap:4px;color:' + likeColor + '">' + svgIcon("heart", state.wasLiked) + "<span>" + formatCompactCount(state.counts.likes) + '</span></span><span style="display:inline-flex;align-items:center;gap:4px;color:' + ACCENT + '">' + svgIcon("chat", true) + "<span>" + formatCompactCount(state.counts.comments) + "</span></span>";
-  applyTextStyle(button, 12, 700);
-  button.addEventListener("click", (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    state.sheet = "comments";
-    renderSimulator(state);
-  });
-  return button;
-}
-function createLeaderboardPill(state) {
-  const button = createButton("", "Open leaderboard");
-  button.classList.add("oasiz-app-sim-glass");
-  button.style.cssText += [
-    "position:absolute",
-    "left:50%",
-    "height:44px",
-    "min-width:118px",
-    "border-radius:999px",
-    "display:" + (state.leaderboard.visible ? "flex" : "none"),
-    "align-items:center",
-    "justify-content:center",
-    "gap:8px",
-    "padding:0 14px",
-    "color:" + TEXT_PRIMARY,
-    "pointer-events:auto",
-    "transform:translateX(-50%)"
-  ].join(";");
-  button.innerHTML = '<span style="color:' + TROPHY + ';display:inline-flex">' + svgIcon("trophy", true) + '</span><span style="min-width:0">' + formatCompactCount(state.leaderboard.score) + "</span>";
-  applyTextStyle(button, 14, 800);
-  button.addEventListener("click", (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    state.sheet = "leaderboard";
-    renderSimulator(state);
-  });
-  return button;
-}
-function createToolbarButton(icon, count, color, title, onClick) {
-  const button = createButton("", title);
-  button.classList.add("oasiz-app-sim-glass");
-  button.style.cssText += [
-    "height:42px",
-    "min-width:42px",
-    "border-radius:999px",
-    "display:flex",
-    "align-items:center",
-    "justify-content:center",
-    "gap:6px",
-    "padding:0 12px",
-    "color:" + color,
-    "pointer-events:auto"
-  ].join(";");
-  button.innerHTML = icon + (count === null ? "" : '<span style="color:' + color + ';min-width:0">' + formatCompactCount(count) + "</span>");
-  applyTextStyle(button, 13, 700);
-  button.addEventListener("click", (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    onClick();
-  });
-  return button;
-}
-function createSheet(state) {
-  if (!state.sheet) {
-    return null;
-  }
-  const overlay = createDiv();
-  overlay.style.cssText = [
-    "position:absolute",
-    "left:0",
-    "top:0",
-    "right:0",
-    "bottom:0",
-    "display:flex",
-    "align-items:center",
-    "justify-content:center",
-    "padding:" + String(scaledInset(state.device.safeArea.top, state.rect.scale) + 72) + "px 12px " + String(Math.max(18, scaledInset(state.device.safeArea.bottom, state.rect.scale) + 18)) + "px",
-    "background:rgba(0,0,0,0.34)",
-    "pointer-events:auto"
-  ].join(";");
-  overlay.addEventListener("click", () => {
-    state.sheet = null;
-    renderSimulator(state);
-  });
-  const sheet = createDiv();
-  sheet.style.cssText = [
-    "position:relative",
-    "width:min(100%, 408px)",
-    "max-height:100%",
-    "min-height:min(390px, 64%)",
-    "display:flex",
-    "flex-direction:column",
-    "border-radius:24px",
-    "border:1px solid " + BORDER,
-    "background:linear-gradient(180deg, rgba(18,20,24,0.97), rgba(9,11,15,0.98))",
-    "box-shadow:0 30px 80px rgba(0,0,0,0.52), inset 0 1px 0 rgba(255,255,255,0.10)",
-    "overflow:hidden",
-    "pointer-events:auto"
-  ].join(";");
-  sheet.addEventListener("click", (event) => {
-    event.stopPropagation();
-  });
-  const handle = createDiv();
-  handle.style.cssText = [
-    "width:42px",
-    "height:5px",
-    "border-radius:999px",
-    "background:rgba(255,255,255,0.28)",
-    "align-self:center",
-    "margin:10px 0 2px"
-  ].join(";");
-  const header = createDiv();
-  header.style.cssText = [
-    "display:flex",
-    "align-items:center",
-    "justify-content:space-between",
-    "gap:8px",
-    "min-height:62px",
-    "padding:6px 14px 10px",
-    "border-bottom:1px solid " + BORDER
-  ].join(";");
-  const left = createDiv();
-  left.style.cssText = "display:flex;align-items:center;gap:8px;min-width:112px";
-  const title = createDiv();
-  title.textContent = state.sheet === "comments" ? String(state.counts.comments) + " comments" : "Leaderboard";
-  title.style.cssText = [
-    "flex:1",
-    "min-width:0",
-    "text-align:center",
-    "color:" + TEXT_PRIMARY
-  ].join(";");
-  applyTextStyle(title, 14, 700);
-  const right = createDiv();
-  right.style.cssText = "display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:112px";
-  const back = createToolbarButton(svgIcon("back"), null, TEXT_PRIMARY, "Close", () => {
-    state.sheet = null;
-    renderSimulator(state);
-  });
-  back.style.width = "36px";
-  back.style.height = "36px";
-  back.style.padding = "0";
-  left.appendChild(back);
-  if (state.sheet === "comments") {
-    const like = createToolbarButton(
-      svgIcon("heart", state.wasLiked),
-      state.counts.likes,
-      state.wasLiked ? LIKE : TEXT_PRIMARY,
-      "Like game",
-      () => {
-        state.wasLiked = !state.wasLiked;
-        state.counts.likes = Math.max(0, state.counts.likes + (state.wasLiked ? 1 : -1));
-        renderSimulator(state);
-      }
-    );
-    left.appendChild(like);
-  } else {
-    const trophy = createToolbarButton(svgIcon("trophy", true), null, TROPHY, "Leaderboard", () => {
-    });
-    trophy.style.width = "36px";
-    trophy.style.height = "36px";
-    trophy.style.padding = "0";
-    left.appendChild(trophy);
-  }
-  const share2 = createToolbarButton(svgIcon("share"), null, TEXT_PRIMARY, "Share", () => {
-  });
-  const save = createToolbarButton(svgIcon("bookmark"), null, TEXT_PRIMARY, "Save", () => {
-  });
-  right.appendChild(share2);
-  right.appendChild(save);
-  header.appendChild(left);
-  header.appendChild(title);
-  header.appendChild(right);
-  const body = createDiv("oasiz-app-sim-scroll");
-  body.style.cssText = [
-    "display:flex",
-    "flex-direction:column",
-    "gap:10px",
-    "overflow:auto",
-    "padding:14px 16px calc(" + String(Math.max(16, scaledInset(state.device.safeArea.bottom, state.rect.scale))) + "px + 14px)",
-    "min-height:0"
-  ].join(";");
-  if (state.sheet === "leaderboard") {
-    appendLeaderboardBody(body);
-  } else {
-    appendCommentsBody(body, state);
-  }
-  sheet.appendChild(handle);
-  sheet.appendChild(header);
-  sheet.appendChild(body);
-  overlay.appendChild(sheet);
-  return overlay;
-}
-function appendLeaderboardBody(body) {
-  const tabs = createDiv();
-  tabs.style.cssText = [
-    "display:grid",
-    "grid-template-columns:repeat(3,1fr)",
-    "gap:6px",
-    "padding:4px",
-    "border-radius:14px",
-    "background:rgba(255,255,255,0.07)"
-  ].join(";");
-  for (const label of ["Weekly", "Global", "Friends"]) {
-    const tab = createDiv();
-    tab.textContent = label;
-    tab.style.cssText = [
-      "border-radius:10px",
-      "padding:8px 6px",
-      "text-align:center",
-      "color:" + (label === "Weekly" ? TEXT_PRIMARY : TEXT_MUTED),
-      "background:" + (label === "Weekly" ? "rgba(0,161,228,0.28)" : "transparent")
-    ].join(";");
-    applyTextStyle(tab, 12, 700);
-    tabs.appendChild(tab);
-  }
-  body.appendChild(tabs);
-  const entries = [
-    ["1", "Nova", "24.8k"],
-    ["2", "You", "12.4k"],
-    ["3", "Mika", "9.7k"],
-    ["4", "Ari", "8.1k"]
-  ];
-  for (const [rank, name, score] of entries) {
-    const row = createDiv();
-    row.style.cssText = [
-      "display:grid",
-      "grid-template-columns:34px 1fr auto",
-      "align-items:center",
-      "gap:10px",
-      "min-height:58px",
-      "padding:10px 12px",
-      "border-radius:14px",
-      "background:" + (name === "You" ? "rgba(0,161,228,0.13)" : "rgba(255,255,255,0.06)"),
-      "border:1px solid " + (name === "You" ? "rgba(0,161,228,0.28)" : "rgba(255,255,255,0.08)")
-    ].join(";");
-    const rankEl = createDiv();
-    rankEl.textContent = rank;
-    rankEl.style.cssText = "color:" + (rank === "1" ? TROPHY : TEXT_MUTED) + ";text-align:center";
-    applyTextStyle(rankEl, 14, 800);
-    const nameEl = createDiv();
-    nameEl.textContent = name;
-    nameEl.style.cssText = "color:" + TEXT_PRIMARY + ";min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap";
-    applyTextStyle(nameEl, 14, 700);
-    const scoreEl = createDiv();
-    scoreEl.textContent = score;
-    scoreEl.style.cssText = "color:" + TEXT_SECONDARY;
-    applyTextStyle(scoreEl, 13, 700);
-    row.appendChild(rankEl);
-    row.appendChild(nameEl);
-    row.appendChild(scoreEl);
-    body.appendChild(row);
-  }
-}
-function appendCommentsBody(body, state) {
-  const toolbar = createDiv();
-  toolbar.style.cssText = [
-    "display:flex",
-    "align-items:center",
-    "gap:8px",
-    "height:48px"
-  ].join(";");
-  toolbar.appendChild(
-    createToolbarButton(
-      svgIcon("heart", state.wasLiked),
-      state.counts.likes,
-      state.wasLiked ? LIKE : TEXT_PRIMARY,
-      "Like game",
-      () => {
-        state.wasLiked = !state.wasLiked;
-        state.counts.likes = Math.max(0, state.counts.likes + (state.wasLiked ? 1 : -1));
-        renderSimulator(state);
-      }
-    )
-  );
-  toolbar.appendChild(
-    createToolbarButton(svgIcon("chat", true), state.counts.comments, ACCENT, "Comments", () => {
-    })
-  );
-  toolbar.appendChild(createToolbarButton(svgIcon("share"), null, TEXT_PRIMARY, "Share", () => {
-  }));
-  toolbar.appendChild(createToolbarButton(svgIcon("bookmark"), null, TEXT_PRIMARY, "Save", () => {
-  }));
-  body.appendChild(toolbar);
-  const comments = [
-    ["You", "Can my score panel clear the top buttons?"],
-    ["Nova", "This is a good spot to check pause and menu spacing."],
-    ["Mika", "The app chrome stays above the game just like mobile."]
-  ];
-  for (const [author, text] of comments) {
-    const row = createDiv();
-    row.style.cssText = [
-      "display:grid",
-      "grid-template-columns:34px 1fr",
-      "gap:10px",
-      "padding:10px 0"
-    ].join(";");
-    const avatar = createDiv();
-    avatar.textContent = author.charAt(0);
-    avatar.style.cssText = [
-      "width:34px",
-      "height:34px",
-      "border-radius:999px",
-      "display:flex",
-      "align-items:center",
-      "justify-content:center",
-      "background:rgba(0,161,228,0.28)",
-      "color:" + TEXT_PRIMARY
-    ].join(";");
-    applyTextStyle(avatar, 13, 800);
-    const message = createDiv();
-    message.innerHTML = '<div style="color:' + TEXT_PRIMARY + ';font-weight:700;margin-bottom:3px">' + author + '</div><div style="color:' + TEXT_SECONDARY + '">' + text + "</div>";
-    applyTextStyle(message, 13, 500);
-    row.appendChild(avatar);
-    row.appendChild(message);
-    body.appendChild(row);
-  }
-  const composer = createDiv();
-  composer.textContent = "Add comment...";
-  composer.style.cssText = [
-    "height:44px",
-    "border-radius:18px",
-    "display:flex",
-    "align-items:center",
-    "padding:0 14px",
-    "background:rgba(255,255,255,0.08)",
-    "border:1px solid rgba(255,255,255,0.10)",
-    "color:" + TEXT_MUTED
-  ].join(";");
-  applyTextStyle(composer, 13, 600);
-  body.appendChild(composer);
-}
-function renderSimulator(state) {
-  if (state.wasDestroyed) {
-    return;
-  }
-  const { root, stage, gameViewport } = state.elements;
-  root.style.display = state.visible ? "block" : "none";
-  setBoxStyle(stage, state);
-  if (gameViewport) {
-    setBoxStyle(gameViewport, state);
-  }
-  stage.replaceChildren();
-  const top = scaledInset(state.device.safeArea.top, state.rect.scale) + Math.round(TOP_BAR_OFFSET * state.rect.scale);
-  const back = createCircleButton(svgIcon("back"), "Back", () => {
-    if (state.backHandle.isBackOverrideActive()) {
-      state.backHandle.triggerBack();
-    } else {
-      state.backHandle.triggerLeave();
-    }
-  });
-  back.style.left = Math.round(16 * state.rect.scale) + "px";
-  back.style.top = top + "px";
-  const leaderboard = createLeaderboardPill(state);
-  leaderboard.style.top = top + "px";
-  const hub = createHubPill(state);
-  hub.style.top = top + "px";
-  hub.style.right = Math.round(16 * state.rect.scale) + "px";
-  stage.appendChild(back);
-  stage.appendChild(leaderboard);
-  stage.appendChild(hub);
-  const sheet = createSheet(state);
-  if (sheet) {
-    stage.appendChild(sheet);
-  }
-  if (state.options.log) {
-    console.info("[oasiz/sdk] App simulator rendered.", {
-      device: state.device.name,
-      frame: state.frameEnabled,
-      insets: getSimulatorInsets(state)
-    });
-  }
-}
-function installFrame(doc, state) {
-  if (!state.frameEnabled || !doc.body) {
-    return;
-  }
-  const body = doc.body;
-  const html = doc.documentElement;
-  const viewport = state.elements.gameViewport;
-  if (!viewport) {
-    return;
-  }
-  html.style.cssText = [
-    state.previousDocumentElementStyle ?? "",
-    "width:100%",
-    "height:100%",
-    "background:" + BODY_BACKGROUND,
-    "overflow:hidden"
-  ].join(";");
-  body.style.cssText = [
-    state.previousBodyStyle ?? "",
-    "width:100%",
-    "height:100%",
-    "margin:0",
-    "background:" + BODY_BACKGROUND,
-    "overflow:hidden"
-  ].join(";");
-  const candidates = Array.from(body.children).filter(
-    (node) => shouldMoveIntoGameViewport(node, state.elements)
-  );
-  for (const node of candidates) {
-    state.movedNodes.push(node);
-    viewport.appendChild(node);
-  }
-  body.appendChild(viewport);
-}
-function shouldMoveIntoGameViewport(node, elements) {
-  if (node === elements.root || node === elements.style || node === elements.gameViewport) {
-    return false;
-  }
-  const tagName = node.tagName.toUpperCase();
-  if (tagName === "SCRIPT" || tagName === "STYLE" || tagName === "LINK" || tagName === "META" || tagName === "NOSCRIPT") {
-    return false;
-  }
-  return node.getAttribute("data-oasiz-app-simulator") !== "true";
-}
-function restoreFrame(doc, state) {
-  const body = doc.body;
-  if (!body) {
-    return;
-  }
-  for (const node of state.movedNodes) {
-    body.appendChild(node);
-  }
-  state.movedNodes = [];
-  state.elements.gameViewport?.remove();
-  if (state.previousBodyStyle === null) {
-    body.removeAttribute("style");
-  } else {
-    body.setAttribute("style", state.previousBodyStyle);
-  }
-  if (state.previousDocumentElementStyle === null) {
-    doc.documentElement.removeAttribute("style");
-  } else {
-    doc.documentElement.setAttribute("style", state.previousDocumentElementStyle);
-  }
-}
-function createElements(frameEnabled) {
-  const root = document.createElement("div");
-  root.setAttribute("data-oasiz-app-simulator", "true");
-  root.style.cssText = [
-    "position:fixed",
-    "inset:0",
-    "z-index:" + String(MAX_Z_INDEX),
-    "pointer-events:none",
-    "display:block",
-    "font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif"
-  ].join(";");
-  const stage = document.createElement("div");
-  stage.setAttribute("data-oasiz-app-simulator", "stage");
-  stage.style.cssText = [
-    "position:absolute",
-    "overflow:hidden",
-    "pointer-events:none"
-  ].join(";");
-  root.appendChild(stage);
-  const gameViewport = frameEnabled ? document.createElement("div") : null;
-  if (gameViewport) {
-    gameViewport.setAttribute("data-oasiz-app-simulator", "game-viewport");
-    gameViewport.style.cssText = [
-      "position:fixed",
-      "z-index:0",
-      "overflow:hidden",
-      "background:#000",
-      "border-radius:28px",
-      "outline:1px solid rgba(255,255,255,0.28)",
-      "box-shadow:0 28px 90px rgba(0,0,0,0.48),0 0 0 8px rgba(255,255,255,0.06),0 0 0 10px rgba(0,0,0,0.58)"
-    ].join(";");
-  }
-  return {
-    gameViewport,
-    root,
-    stage,
-    style: createStyleElement()
-  };
-}
-function installResizeHandler(browserWindow, state) {
-  const resize = () => {
-    state.rect = computeRect(browserWindow, state.device, state.frameEnabled);
-    installBridge(state);
-    renderSimulator(state);
-  };
-  browserWindow.addEventListener("resize", resize);
-  browserWindow.addEventListener("orientationchange", resize);
-  return () => {
-    browserWindow.removeEventListener("resize", resize);
-    browserWindow.removeEventListener("orientationchange", resize);
-  };
-}
-function enableAppSimulator(options = {}) {
-  if (options.enabled === false) {
-    return NOOP_HANDLE;
-  }
-  const browserWindow = getBrowserWindow();
-  const doc = getDocument();
-  if (!browserWindow || !doc?.body || !doc.documentElement) {
-    warn("enableAppSimulator requires a browser document.");
-    return NOOP_HANDLE;
-  }
-  browserWindow.__oasizAppSimulatorHandle__?.destroy();
-  const orientation = options.orientation ?? "portrait";
-  const device = resolveDevice(options.device, orientation);
-  const frameEnabled = shouldFrame(options.frame ?? true, browserWindow, device);
-  const elements = createElements(frameEnabled);
-  const rect = computeRect(browserWindow, device, frameEnabled);
-  const backHandle = enableBackButtonTesting({
-    browserHistory: options.browserHistoryBack ?? true,
-    keyboard: options.keyboardBack ?? true,
-    log: options.log === true
-  });
-  const state = {
-    backHandle,
-    bridgeSnapshot: snapshotBridge(browserWindow),
-    cleanupResize: () => {
-    },
-    counts: {
-      comments: normalizeCount(options.comments, DEFAULT_COUNTS.comments),
-      likes: normalizeCount(options.likes, DEFAULT_COUNTS.likes)
-    },
-    device,
-    elements,
-    frameEnabled,
-    leaderboard: {
-      score: normalizeCount(options.score, DEFAULT_SCORE),
-      visible: options.leaderboardVisible ?? true
-    },
-    movedNodes: [],
-    options: {
-      browserHistoryBack: options.browserHistoryBack ?? true,
-      keyboardBack: options.keyboardBack ?? true,
-      log: options.log === true,
-      orientation,
-      title: options.title ?? "Oasiz App Preview"
-    },
-    previousBodyStyle: doc.body.getAttribute("style"),
-    previousDocumentElementStyle: doc.documentElement.getAttribute("style"),
-    rect,
-    sheet: null,
-    visible: true,
-    wasDestroyed: false,
-    wasLiked: false
-  };
-  if (doc.head) {
-    doc.head.appendChild(elements.style);
-  } else {
-    doc.body.appendChild(elements.style);
-  }
-  installFrame(doc, state);
-  doc.body.appendChild(elements.root);
-  installBridge(state);
-  state.cleanupResize = installResizeHandler(browserWindow, state);
-  const handle = {
-    closeSheet: () => {
-      state.sheet = null;
-      renderSimulator(state);
-    },
-    destroy: () => {
-      if (state.wasDestroyed) return;
-      state.wasDestroyed = true;
-      state.cleanupResize();
-      state.backHandle.destroy();
-      restoreBridge(browserWindow, state.bridgeSnapshot);
-      delete browserWindow.__oasizAppSimulatorHandle__;
-      elements.root.remove();
-      elements.style.remove();
-      restoreFrame(doc, state);
-    },
-    getViewportInsets: () => getSimulatorInsets(state),
-    hide: () => {
-      state.visible = false;
-      renderSimulator(state);
-    },
-    isVisible: () => state.visible,
-    openComments: () => {
-      state.sheet = "comments";
-      renderSimulator(state);
-    },
-    openLeaderboard: () => {
-      state.sheet = "leaderboard";
-      renderSimulator(state);
-    },
-    setCounts: (counts) => {
-      state.counts.comments = normalizeCount(counts.comments, state.counts.comments);
-      state.counts.likes = normalizeCount(counts.likes, state.counts.likes);
-      renderSimulator(state);
-    },
-    setLeaderboardVisible: (visible) => {
-      state.leaderboard.visible = visible;
-      renderSimulator(state);
-    },
-    setLiked: (liked) => {
-      if (state.wasLiked === liked) {
-        return;
-      }
-      state.wasLiked = liked;
-      state.counts.likes = Math.max(0, state.counts.likes + (liked ? 1 : -1));
-      renderSimulator(state);
-    },
-    show: () => {
-      state.visible = true;
-      renderSimulator(state);
-    },
-    triggerBack: () => state.backHandle.triggerBack(),
-    triggerLeave: () => state.backHandle.triggerLeave()
-  };
-  browserWindow.__oasizAppSimulatorHandle__ = handle;
-  renderSimulator(state);
-  return handle;
-}
-
-// src/character.ts
-function isDevelopment2() {
-  const nodeEnv = globalThis.process?.env?.NODE_ENV;
-  return nodeEnv !== "production";
-}
-function getBridgeWindow2() {
-  if (typeof window === "undefined") {
-    return void 0;
-  }
-  return window;
-}
-function warnMissingBridge2(methodName) {
-  if (isDevelopment2()) {
-    console.warn(
-      "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
-    );
-  }
-}
-async function getPlayerCharacter() {
-  const bridge = getBridgeWindow2();
-  if (typeof bridge?.__oasizGetPlayerCharacter !== "function") {
-    warnMissingBridge2("getPlayerCharacter");
-    return null;
-  }
-  try {
-    const result = await bridge.__oasizGetPlayerCharacter();
-    return result ?? null;
-  } catch (error) {
-    if (isDevelopment2()) {
-      console.error("[oasiz/sdk] getPlayerCharacter failed:", error);
-    }
-    return null;
-  }
-}
-
-// src/haptics.ts
-function isDevelopment3() {
-  const nodeEnv = globalThis.process?.env?.NODE_ENV;
-  return nodeEnv !== "production";
-}
-function getBridgeWindow3() {
-  if (typeof window === "undefined") {
-    return void 0;
-  }
-  return window;
-}
-function triggerHaptic(type) {
-  const bridge = getBridgeWindow3();
-  if (typeof bridge?.triggerHaptic === "function") {
-    bridge.triggerHaptic(type);
-    return;
-  }
-  if (isDevelopment3()) {
-    console.warn(
-      "[oasiz/sdk] triggerHaptic bridge is unavailable. This is expected in local development."
-    );
-  }
-}
-
-// src/log-overlay.ts
-var CONSOLE_METHODS = [
-  "debug",
-  "log",
-  "info",
-  "warn",
-  "error"
-];
-var DEFAULT_MAX_ENTRIES = 200;
-var DEFAULT_TITLE = "SDK Logs";
-var OVERLAY_MARGIN = 12;
-var DEFAULT_COLLAPSED_WIDTH = 156;
-var DEFAULT_COLLAPSED_HEIGHT = 52;
-var DEFAULT_EXPANDED_WIDTH = 565;
-var DEFAULT_EXPANDED_HEIGHT = 372;
-var DRAG_THRESHOLD_PX = 6;
-var MIN_EXPANDED_WIDTH = 160;
-var MIN_EXPANDED_HEIGHT = 110;
-var RESIZE_HOTSPOT_PX = 28;
-var TOP_DRAG_ZONE_PX = 44;
-var NOOP_HANDLE2 = {
-  clear() {
-  },
-  destroy() {
-  },
-  hide() {
-  },
-  isVisible() {
-    return false;
-  },
-  show() {
-  }
-};
-function getBrowserWindow2() {
+// src/haptics.ts
+function isDevelopment() {
+  const nodeEnv = globalThis.process?.env?.NODE_ENV;
+  return nodeEnv !== "production";
+}
+function getBridgeWindow() {
   if (typeof window === "undefined") {
     return void 0;
   }
   return window;
 }
-function getDocument2() {
-  if (typeof document === "undefined") {
-    return void 0;
-  }
-  return document;
-}
-function clampMaxEntries(value) {
-  if (!Number.isFinite(value)) {
-    return DEFAULT_MAX_ENTRIES;
-  }
-  return Math.max(10, Math.floor(value));
-}
-function createConsoleSnapshot() {
-  const fallback = console.log.bind(console);
-  return {
-    debug: typeof console.debug === "function" ? console.debug.bind(console) : fallback,
-    log: fallback,
-    info: typeof console.info === "function" ? console.info.bind(console) : fallback,
-    warn: typeof console.warn === "function" ? console.warn.bind(console) : fallback,
-    error: typeof console.error === "function" ? console.error.bind(console) : fallback
-  };
-}
-function formatTimestamp(timestamp) {
-  const date = new Date(timestamp);
-  const hours = String(date.getHours()).padStart(2, "0");
-  const minutes = String(date.getMinutes()).padStart(2, "0");
-  const seconds = String(date.getSeconds()).padStart(2, "0");
-  const milliseconds = String(date.getMilliseconds()).padStart(3, "0");
-  return "[" + hours + ":" + minutes + ":" + seconds + "." + milliseconds + "]";
-}
-function safeStringify(value) {
-  const seen = /* @__PURE__ */ new WeakSet();
-  try {
-    return JSON.stringify(
-      value,
-      (_key, candidate) => {
-        if (typeof candidate === "bigint") {
-          return candidate.toString() + "n";
-        }
-        if (typeof candidate === "object" && candidate !== null) {
-          if (seen.has(candidate)) {
-            return "[Circular]";
-          }
-          seen.add(candidate);
-        }
-        return candidate;
-      },
-      2
-    ) ?? String(value);
-  } catch {
-    return String(value);
-  }
-}
-function formatArg(value) {
-  if (typeof value === "string") {
-    return value;
-  }
-  if (value instanceof Error) {
-    if (value.stack) {
-      return value.stack;
-    }
-    return value.name + ": " + value.message;
-  }
-  if (typeof value === "undefined") {
-    return "undefined";
-  }
-  if (typeof value === "function") {
-    return "[Function " + (value.name || "anonymous") + "]";
-  }
-  return safeStringify(value);
-}
-function formatEntryMessage(args) {
-  const message = args.map(formatArg).join(" ");
-  if (message.length <= 4e3) {
-    return message;
-  }
-  return message.slice(0, 3997) + "...";
-}
-function createEntry(level, args, id) {
-  return {
-    id,
-    level,
-    message: formatEntryMessage(args),
-    timestamp: Date.now()
-  };
-}
-function createButton2(label) {
-  const button = document.createElement("button");
-  button.type = "button";
-  button.textContent = label;
-  button.style.cssText = [
-    "appearance:none",
-    "border:1px solid rgba(255,255,255,0.18)",
-    "background:rgba(255,255,255,0.06)",
-    "color:#f8fafc",
-    "border-radius:999px",
-    "padding:6px 10px",
-    "font:600 12px/1.1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace",
-    "cursor:pointer"
-  ].join(";");
-  return button;
-}
-function getLevelAccent(level) {
-  if (level === "error") {
-    return {
-      lineBackground: "rgba(255, 109, 122, 0.08)"
-    };
-  }
-  if (level === "warn") {
-    return {
-      lineBackground: "rgba(255, 196, 94, 0.07)"
-    };
-  }
-  if (level === "info") {
-    return {
-      lineBackground: "rgba(82, 187, 255, 0.07)"
-    };
-  }
-  if (level === "debug") {
-    return {
-      lineBackground: "rgba(166, 137, 255, 0.07)"
-    };
-  }
-  return {
-    lineBackground: "rgba(117, 235, 191, 0.06)"
-  };
-}
-function getViewportSize() {
-  const browserWindow = getBrowserWindow2();
-  return {
-    width: Math.max(320, browserWindow?.innerWidth ?? 1280),
-    height: Math.max(240, browserWindow?.innerHeight ?? 720)
-  };
-}
-function clampPanelSize(size) {
-  const viewport = getViewportSize();
-  const maxWidth = Math.max(MIN_EXPANDED_WIDTH, viewport.width - OVERLAY_MARGIN * 2);
-  const maxHeight = Math.max(
-    MIN_EXPANDED_HEIGHT,
-    viewport.height - OVERLAY_MARGIN * 2
-  );
-  return {
-    width: Math.min(maxWidth, Math.max(MIN_EXPANDED_WIDTH, size.width)),
-    height: Math.min(maxHeight, Math.max(MIN_EXPANDED_HEIGHT, size.height))
-  };
-}
-function getOverlaySize(state) {
-  if (state.expanded && state.panelSize) {
-    return state.panelSize;
-  }
-  const rect = state.ui?.root && typeof state.ui.root.getBoundingClientRect === "function" ? state.ui.root.getBoundingClientRect() : null;
-  if (rect && Number.isFinite(rect.width) && Number.isFinite(rect.height)) {
-    return {
-      width: Math.max(1, rect.width),
-      height: Math.max(1, rect.height)
-    };
-  }
-  return state.expanded ? clampPanelSize({
-    width: DEFAULT_EXPANDED_WIDTH,
-    height: DEFAULT_EXPANDED_HEIGHT
-  }) : { width: DEFAULT_COLLAPSED_WIDTH, height: DEFAULT_COLLAPSED_HEIGHT };
-}
-function applyPanelSize(state) {
-  if (!state.ui) {
-    return;
-  }
-  if (!state.expanded) {
-    state.ui.root.style.width = "auto";
-    state.ui.panel.style.width = "min(565px, calc(100vw - 24px))";
-    state.ui.panel.style.height = "auto";
-    state.ui.entries.style.maxHeight = "min(36vh, 280px)";
-    return;
-  }
-  if (!state.panelSize) {
-    state.ui.root.style.width = "min(565px, calc(100vw - 24px))";
-    state.ui.panel.style.width = "min(565px, calc(100vw - 24px))";
-    state.ui.panel.style.height = "auto";
-    state.ui.entries.style.maxHeight = "min(36vh, 280px)";
-    return;
-  }
-  const nextSize = clampPanelSize(
-    state.panelSize
-  );
-  state.panelSize = nextSize;
-  state.ui.root.style.width = nextSize.width + "px";
-  state.ui.panel.style.width = "100%";
-  state.ui.panel.style.height = nextSize.height + "px";
-  state.ui.entries.style.maxHeight = Math.max(72, nextSize.height - 88) + "px";
-}
-function clampPosition(point, state) {
-  const viewport = getViewportSize();
-  const size = getOverlaySize(state);
-  const maxX = Math.max(OVERLAY_MARGIN, viewport.width - size.width - OVERLAY_MARGIN);
-  const maxY = Math.max(
-    OVERLAY_MARGIN,
-    viewport.height - size.height - OVERLAY_MARGIN
-  );
-  return {
-    x: Math.min(maxX, Math.max(OVERLAY_MARGIN, point.x)),
-    y: Math.min(maxY, Math.max(OVERLAY_MARGIN, point.y))
-  };
-}
-function applyOverlayPosition(state) {
-  if (!state.ui) {
-    return;
-  }
-  if (!state.position) {
-    const viewport = getViewportSize();
-    const size = getOverlaySize(state);
-    state.position = clampPosition(
-      {
-        x: viewport.width - size.width - OVERLAY_MARGIN,
-        y: viewport.height - size.height - OVERLAY_MARGIN
-      },
-      state
-    );
-  } else {
-    state.position = clampPosition(state.position, state);
-  }
-  state.ui.root.style.left = state.position.x + "px";
-  state.ui.root.style.top = state.position.y + "px";
-}
-function getPointFromMouseEvent(event) {
-  return { x: event.clientX, y: event.clientY };
-}
-function getPointFromTouchEvent(event) {
-  const touch = event.touches[0] ?? event.changedTouches[0];
-  if (!touch) {
-    return null;
-  }
-  return { x: touch.clientX, y: touch.clientY };
-}
-function stopDragging(state) {
-  if (state.isDragging || state.isResizing) {
-    state.suppressToggleClickUntil = Date.now() + 180;
-  }
-  state.isDragging = false;
-  state.dragStartPoint = null;
-  state.lastDragPoint = null;
-  state.removeDragListeners?.();
-  state.removeDragListeners = null;
-  if (state.ui) {
-    state.ui.panel.style.cursor = "default";
-    state.ui.dragZone.style.cursor = "grab";
-    state.ui.toggleButton.style.cursor = "grab";
-  }
-}
-function stopResizing(state) {
-  if (state.isResizing) {
-    state.suppressToggleClickUntil = Date.now() + 180;
-  }
-  state.isResizing = false;
-  state.resizeStartPoint = null;
-  state.resizeStartSize = null;
-  state.removeResizeListeners?.();
-  state.removeResizeListeners = null;
-}
-function beginDragTracking(state, startPoint) {
-  const doc = getDocument2();
-  if (!doc) {
+function triggerHaptic(type) {
+  const bridge = getBridgeWindow();
+  if (typeof bridge?.triggerHaptic === "function") {
+    bridge.triggerHaptic(type);
     return;
   }
-  stopResizing(state);
-  stopDragging(state);
-  state.dragMoved = false;
-  state.dragStartPoint = startPoint;
-  state.lastDragPoint = startPoint;
-  const handlePointerMove = (nextPoint) => {
-    if (!state.dragStartPoint || !state.lastDragPoint || !nextPoint) {
-      return;
-    }
-    if (!state.isDragging) {
-      const deltaFromStartX = nextPoint.x - state.dragStartPoint.x;
-      const deltaFromStartY = nextPoint.y - state.dragStartPoint.y;
-      const distance = Math.sqrt(
-        deltaFromStartX * deltaFromStartX + deltaFromStartY * deltaFromStartY
-      );
-      if (distance < DRAG_THRESHOLD_PX) {
-        return;
-      }
-      state.isDragging = true;
-      state.dragMoved = true;
-      if (state.ui) {
-        state.ui.panel.style.cursor = "grabbing";
-        state.ui.dragZone.style.cursor = "grabbing";
-        state.ui.toggleButton.style.cursor = "grabbing";
-      }
-    }
-    const currentPosition = state.position ?? { x: OVERLAY_MARGIN, y: OVERLAY_MARGIN };
-    state.position = clampPosition(
-      {
-        x: currentPosition.x + (nextPoint.x - state.lastDragPoint.x),
-        y: currentPosition.y + (nextPoint.y - state.lastDragPoint.y)
-      },
-      state
+  if (isDevelopment()) {
+    console.warn(
+      "[oasiz/sdk] triggerHaptic bridge is unavailable. This is expected in local development."
     );
-    state.lastDragPoint = nextPoint;
-    applyOverlayPosition(state);
-  };
-  const handleMouseMove = (event) => {
-    handlePointerMove(getPointFromMouseEvent(event));
-  };
-  const handleTouchMove = (event) => {
-    handlePointerMove(getPointFromTouchEvent(event));
-  };
-  const handleMouseUp = () => {
-    stopDragging(state);
-  };
-  const handleTouchEnd = () => {
-    stopDragging(state);
-  };
-  doc.addEventListener("mousemove", handleMouseMove);
-  doc.addEventListener("mouseup", handleMouseUp);
-  doc.addEventListener("touchmove", handleTouchMove, { passive: true });
-  doc.addEventListener("touchend", handleTouchEnd);
-  doc.addEventListener("touchcancel", handleTouchEnd);
-  state.removeDragListeners = () => {
-    doc.removeEventListener("mousemove", handleMouseMove);
-    doc.removeEventListener("mouseup", handleMouseUp);
-    doc.removeEventListener("touchmove", handleTouchMove);
-    doc.removeEventListener("touchend", handleTouchEnd);
-    doc.removeEventListener("touchcancel", handleTouchEnd);
-  };
-}
-function startResizing(state, startPoint) {
-  const doc = getDocument2();
-  if (!doc) {
-    return;
-  }
-  stopDragging(state);
-  stopResizing(state);
-  state.isResizing = true;
-  state.resizeStartPoint = startPoint;
-  state.resizeStartSize = state.panelSize ?? clampPanelSize({ width: DEFAULT_EXPANDED_WIDTH, height: DEFAULT_EXPANDED_HEIGHT });
-  const handleResizeMove = (nextPoint) => {
-    if (!state.isResizing || !state.resizeStartPoint || !state.resizeStartSize || !nextPoint) {
-      return;
-    }
-    state.panelSize = clampPanelSize({
-      width: state.resizeStartSize.width + (nextPoint.x - state.resizeStartPoint.x),
-      height: state.resizeStartSize.height + (nextPoint.y - state.resizeStartPoint.y)
-    });
-    applyPanelSize(state);
-    applyOverlayPosition(state);
-  };
-  const handleMouseMove = (event) => {
-    handleResizeMove(getPointFromMouseEvent(event));
-  };
-  const handleTouchMove = (event) => {
-    handleResizeMove(getPointFromTouchEvent(event));
-  };
-  const handleFinish = () => {
-    stopResizing(state);
-  };
-  doc.addEventListener("mousemove", handleMouseMove);
-  doc.addEventListener("mouseup", handleFinish);
-  doc.addEventListener("touchmove", handleTouchMove, { passive: true });
-  doc.addEventListener("touchend", handleFinish);
-  doc.addEventListener("touchcancel", handleFinish);
-  state.removeResizeListeners = () => {
-    doc.removeEventListener("mousemove", handleMouseMove);
-    doc.removeEventListener("mouseup", handleFinish);
-    doc.removeEventListener("touchmove", handleTouchMove);
-    doc.removeEventListener("touchend", handleFinish);
-    doc.removeEventListener("touchcancel", handleFinish);
-  };
-}
-function isInBottomRightResizeZone(element, point) {
-  const rect = element.getBoundingClientRect();
-  return point.x >= rect.right - RESIZE_HOTSPOT_PX && point.x <= rect.right && point.y >= rect.bottom - RESIZE_HOTSPOT_PX && point.y <= rect.bottom;
-}
-function canStartDragFromTarget(target) {
-  if (!(target instanceof Element)) {
-    return true;
-  }
-  if (target.closest("button") || target.closest("a") || target.closest("input") || target.closest("textarea") || target.closest("select")) {
-    return false;
-  }
-  return true;
-}
-function isInTopDragZone(element, point, zoneHeight) {
-  const rect = element.getBoundingClientRect();
-  return point.x >= rect.left && point.x <= rect.right && point.y >= rect.top && point.y <= rect.top + zoneHeight;
-}
-function attachDragStartListeners(element, state, options = {}) {
-  element.addEventListener("mousedown", (event) => {
-    if (!options.allowInteractiveTarget && !canStartDragFromTarget(event.target)) {
-      return;
-    }
-    const point = getPointFromMouseEvent(event);
-    if (typeof options.topZoneHeight === "number" && !isInTopDragZone(element, point, options.topZoneHeight)) {
-      return;
-    }
-    beginDragTracking(state, point);
-  });
-  element.addEventListener("touchstart", (event) => {
-    if (!options.allowInteractiveTarget && !canStartDragFromTarget(event.target)) {
-      return;
-    }
-    const point = getPointFromTouchEvent(event);
-    if (!point) {
-      return;
-    }
-    if (typeof options.topZoneHeight === "number" && !isInTopDragZone(element, point, options.topZoneHeight)) {
-      return;
-    }
-    beginDragTracking(state, point);
-  });
-}
-function attachCollapsedToggleListeners(element, state) {
-  const startToggleInteraction = (startPoint) => {
-    const doc = getDocument2();
-    if (!doc) {
-      return;
-    }
-    beginDragTracking(state, startPoint);
-    const finishInteraction = () => {
-      releaseListeners();
-      if (state.dragMoved || Date.now() < state.suppressToggleClickUntil) {
-        return;
-      }
-      state.expanded = true;
-      state.unreadCount = 0;
-      renderOverlay(state);
-    };
-    const releaseListeners = () => {
-      doc.removeEventListener("mouseup", finishInteraction);
-      doc.removeEventListener("touchend", finishInteraction);
-      doc.removeEventListener("touchcancel", finishInteraction);
-    };
-    doc.addEventListener("mouseup", finishInteraction);
-    doc.addEventListener("touchend", finishInteraction);
-    doc.addEventListener("touchcancel", finishInteraction);
-  };
-  element.addEventListener("mousedown", (event) => {
-    event.preventDefault();
-    startToggleInteraction(getPointFromMouseEvent(event));
-  });
-  element.addEventListener("touchstart", (event) => {
-    const point = getPointFromTouchEvent(event);
-    if (!point) {
-      return;
-    }
-    event.preventDefault();
-    startToggleInteraction(point);
-  });
-}
-function attachPanelResizeListeners(element, state) {
-  element.addEventListener("mousedown", (event) => {
-    if (!state.expanded || !canStartDragFromTarget(event.target)) {
-      return;
-    }
-    const point = getPointFromMouseEvent(event);
-    if (!isInBottomRightResizeZone(element, point)) {
-      return;
-    }
-    event.preventDefault();
-    event.stopPropagation();
-    startResizing(state, point);
-  });
-  element.addEventListener("touchstart", (event) => {
-    if (!state.expanded || !canStartDragFromTarget(event.target)) {
-      return;
-    }
-    const point = getPointFromTouchEvent(event);
-    if (!point || !isInBottomRightResizeZone(element, point)) {
-      return;
-    }
-    event.preventDefault();
-    event.stopPropagation();
-    startResizing(state, point);
-  });
-}
-function createOverlayUi(state) {
-  const root = document.createElement("div");
-  root.style.cssText = [
-    "position:fixed",
-    "left:12px",
-    "top:12px",
-    "z-index:2147483647",
-    "display:flex",
-    "flex-direction:column",
-    "align-items:stretch",
-    "gap:8px",
-    "width:min(565px, calc(100vw - 24px))",
-    "pointer-events:none"
-  ].join(";");
-  const toggleButton = createButton2("Logs");
-  toggleButton.style.pointerEvents = "auto";
-  toggleButton.style.alignSelf = "flex-end";
-  toggleButton.style.display = "inline-flex";
-  toggleButton.style.alignItems = "center";
-  toggleButton.style.justifyContent = "center";
-  toggleButton.style.minHeight = "40px";
-  toggleButton.style.minWidth = "76px";
-  toggleButton.style.padding = "8px 14px";
-  toggleButton.style.textAlign = "center";
-  toggleButton.style.border = "1px solid rgba(122, 212, 255, 0.22)";
-  toggleButton.style.background = "linear-gradient(180deg, rgba(13,31,54,0.98), rgba(8,19,37,0.98))";
-  toggleButton.style.boxShadow = "0 18px 40px rgba(4,12,24,0.34)";
-  toggleButton.style.cursor = "grab";
-  toggleButton.style.touchAction = "none";
-  const panel = document.createElement("div");
-  panel.style.cssText = [
-    "position:relative",
-    "display:flex",
-    "flex-direction:column",
-    "width:min(565px, calc(100vw - 24px))",
-    "max-height:min(48vh, 372px)",
-    "border-radius:18px",
-    "border:1px solid rgba(116,167,255,0.16)",
-    "background:linear-gradient(180deg, rgba(9,19,37,0.98), rgba(5,12,24,0.98))",
-    "box-shadow:0 28px 64px rgba(2,8,18,0.46)",
-    "backdrop-filter:blur(16px)",
-    "overflow:hidden",
-    "cursor:default",
-    "pointer-events:auto"
-  ].join(";");
-  const dragZone = document.createElement("div");
-  dragZone.style.cssText = [
-    "position:absolute",
-    "top:0",
-    "left:0",
-    "right:0",
-    "height:" + String(TOP_DRAG_ZONE_PX) + "px",
-    "z-index:1",
-    "cursor:grab",
-    "background:transparent",
-    "pointer-events:auto"
-  ].join(";");
-  const controls = document.createElement("div");
-  controls.style.cssText = [
-    "position:absolute",
-    "top:22px",
-    "right:22px",
-    "z-index:2",
-    "display:flex",
-    "align-items:center",
-    "gap:8px",
-    "pointer-events:auto"
-  ].join(";");
-  const clearButton = createButton2("Clear");
-  clearButton.style.background = "rgba(255,255,255,0.1)";
-  clearButton.style.border = "1px solid rgba(255,255,255,0.16)";
-  clearButton.style.color = "#eef6ff";
-  clearButton.style.minHeight = "30px";
-  clearButton.style.padding = "4px 9px";
-  clearButton.style.fontSize = "11px";
-  clearButton.style.backdropFilter = "blur(8px)";
-  const collapseButton = createButton2("Hide");
-  collapseButton.style.background = "rgba(113, 171, 255, 0.12)";
-  collapseButton.style.border = "1px solid rgba(113, 171, 255, 0.2)";
-  collapseButton.style.color = "#d9ebff";
-  collapseButton.style.minHeight = "30px";
-  collapseButton.style.padding = "4px 9px";
-  collapseButton.style.fontSize = "11px";
-  collapseButton.style.backdropFilter = "blur(8px)";
-  const body = document.createElement("div");
-  body.style.cssText = [
-    "position:relative",
-    "display:flex",
-    "flex-direction:column",
-    "padding:12px",
-    "background:linear-gradient(180deg, rgba(4,10,20,0.88), rgba(3,8,18,0.98))",
-    "flex:1 1 auto",
-    "min-height:0"
-  ].join(";");
-  const entries = document.createElement("div");
-  entries.style.cssText = [
-    "display:flex",
-    "flex-direction:column",
-    "gap:0",
-    "overflow:auto",
-    "flex:1 1 auto",
-    "min-height:96px",
-    "max-height:min(36vh, 280px)",
-    "padding:0",
-    "border:1px solid rgba(115,153,212,0.14)",
-    "border-radius:12px",
-    "background:rgba(4,10,20,0.82)"
-  ].join(";");
-  const emptyState = document.createElement("div");
-  emptyState.style.cssText = [
-    "display:flex",
-    "align-items:center",
-    "justify-content:center",
-    "flex:1 1 auto",
-    "min-height:96px",
-    "color:rgba(204,222,250,0.6)",
-    "font:500 12px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace",
-    "text-align:center",
-    "padding:18px"
-  ].join(";");
-  emptyState.textContent = "Console output will appear here.";
-  collapseButton.addEventListener("click", (event) => {
-    event.stopPropagation();
-    state.expanded = false;
-    renderOverlay(state);
-  });
-  clearButton.addEventListener("click", (event) => {
-    event.stopPropagation();
-    state.entries = [];
-    state.unreadCount = 0;
-    renderOverlay(state);
-  });
-  controls.appendChild(clearButton);
-  controls.appendChild(collapseButton);
-  entries.appendChild(emptyState);
-  body.appendChild(entries);
-  body.appendChild(controls);
-  panel.appendChild(dragZone);
-  panel.appendChild(body);
-  attachDragStartListeners(dragZone, state);
-  attachPanelResizeListeners(panel, state);
-  attachCollapsedToggleListeners(toggleButton, state);
-  root.appendChild(panel);
-  root.appendChild(toggleButton);
-  return {
-    body,
-    clearButton,
-    collapseButton,
-    controls,
-    dragZone,
-    emptyState,
-    entries,
-    panel,
-    root,
-    toggleButton
-  };
-}
-function renderOverlay(state) {
-  if (!state.ui) {
-    return;
-  }
-  state.ui.panel.style.display = state.expanded ? "flex" : "none";
-  state.ui.toggleButton.style.display = state.expanded ? "none" : "inline-flex";
-  state.ui.toggleButton.textContent = "Logs";
-  if (state.entries.length === 0) {
-    state.ui.entries.style.display = "flex";
-    state.ui.emptyState.style.display = "flex";
-    state.ui.entries.replaceChildren(state.ui.emptyState);
-    applyPanelSize(state);
-    applyOverlayPosition(state);
-    return;
-  }
-  state.ui.entries.style.display = "flex";
-  state.ui.emptyState.style.display = "none";
-  const nextChildren = state.entries.map((entry) => {
-    const accent = getLevelAccent(entry.level);
-    const row = document.createElement("div");
-    row.style.cssText = [
-      "display:flex",
-      "align-items:flex-start",
-      "gap:0",
-      "padding:4px 12px",
-      "background:" + accent.lineBackground
-    ].join(";");
-    const line = document.createElement("div");
-    line.textContent = formatTimestamp(entry.timestamp) + " " + entry.level.toUpperCase() + " " + entry.message;
-    line.style.cssText = [
-      "color:#ecf4ff",
-      "font:500 12px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace",
-      "white-space:pre-wrap",
-      "word-break:break-word",
-      "flex:1 1 auto"
-    ].join(";");
-    row.appendChild(line);
-    return row;
-  });
-  state.ui.entries.replaceChildren(...nextChildren);
-  state.ui.entries.scrollTop = state.ui.entries.scrollHeight;
-  applyPanelSize(state);
-  applyOverlayPosition(state);
-}
-function mountOverlay(state) {
-  const doc = getDocument2();
-  if (!doc?.body || state.ui) {
-    return;
-  }
-  state.ui = createOverlayUi(state);
-  doc.body.appendChild(state.ui.root);
-  applyPanelSize(state);
-  applyOverlayPosition(state);
-  renderOverlay(state);
-}
-function enqueueEntry(state, level, args) {
-  state.entries.push(createEntry(level, args, state.nextEntryId));
-  state.nextEntryId += 1;
-  if (state.entries.length > state.maxEntries) {
-    state.entries.splice(0, state.entries.length - state.maxEntries);
-  }
-  if (!state.expanded) {
-    state.unreadCount += 1;
-  }
-  renderOverlay(state);
-}
-function restoreConsole(snapshot) {
-  for (const method of CONSOLE_METHODS) {
-    console[method] = snapshot[method];
-  }
-}
-function patchConsole(state) {
-  for (const method of CONSOLE_METHODS) {
-    const original = state.originalConsole[method];
-    console[method] = (...args) => {
-      enqueueEntry(state, method, args);
-      original(...args);
-    };
-  }
-}
-function cleanupOverlay(browserWindow, state) {
-  restoreConsole(state.originalConsole);
-  stopResizing(state);
-  stopDragging(state);
-  if (state.domReadyHandler) {
-    getDocument2()?.removeEventListener("DOMContentLoaded", state.domReadyHandler);
-    state.domReadyHandler = void 0;
-  }
-  if (state.resizeHandler && typeof browserWindow.removeEventListener === "function") {
-    browserWindow.removeEventListener("resize", state.resizeHandler);
-    state.resizeHandler = void 0;
   }
-  state.ui?.root.remove();
-  state.ui = null;
-  delete browserWindow.__oasizLogOverlayController__;
-  delete browserWindow.__oasizLogOverlayState__;
 }
-function createController(browserWindow, state) {
-  return {
-    retain() {
-      state.refCount += 1;
-      this.ensureMounted();
-    },
-    ensureMounted() {
-      const doc = getDocument2();
-      if (!doc) {
-        return;
-      }
-      if (doc.body) {
-        mountOverlay(state);
-        applyOverlayPosition(state);
-        return;
-      }
-      if (!state.domReadyHandler) {
-        state.domReadyHandler = () => {
-          mountOverlay(state);
-          state.domReadyHandler = void 0;
-        };
-        doc.addEventListener("DOMContentLoaded", state.domReadyHandler, {
-          once: true
-        });
-      }
-    },
-    clear() {
-      state.entries = [];
-      state.unreadCount = 0;
-      renderOverlay(state);
-    },
-    show() {
-      state.expanded = true;
-      state.unreadCount = 0;
-      renderOverlay(state);
-    },
-    hide() {
-      state.expanded = false;
-      renderOverlay(state);
-    },
-    isVisible() {
-      return state.expanded;
-    },
-    destroy() {
-      state.refCount = Math.max(0, state.refCount - 1);
-      if (state.refCount === 0) {
-        cleanupOverlay(browserWindow, state);
-      }
-    }
-  };
-}
-function enableLogOverlay(options = {}) {
-  if (options.enabled === false) {
-    return NOOP_HANDLE2;
-  }
-  const browserWindow = getBrowserWindow2();
-  const doc = getDocument2();
-  if (!browserWindow || !doc) {
-    return NOOP_HANDLE2;
-  }
-  const existingController = browserWindow.__oasizLogOverlayController__;
-  const existingState = browserWindow.__oasizLogOverlayState__;
-  if (existingController && existingState) {
-    existingController.retain();
-    if (typeof options.maxEntries === "number") {
-      existingState.maxEntries = clampMaxEntries(options.maxEntries);
-      if (existingState.entries.length > existingState.maxEntries) {
-        existingState.entries.splice(
-          0,
-          existingState.entries.length - existingState.maxEntries
-        );
-      }
-    }
-    if (typeof options.collapsed === "boolean") {
-      existingState.expanded = !options.collapsed;
-      applyPanelSize(existingState);
-      if (existingState.expanded) {
-        existingState.unreadCount = 0;
-      }
-    }
-    if (typeof options.title === "string" && options.title.trim().length > 0) {
-      existingState.title = options.title.trim();
-    }
-    existingController.ensureMounted();
-    renderOverlay(existingState);
-    return existingController;
+
+// src/multiplayer.ts
+var NULLISH_ROOM_CODES = /* @__PURE__ */ new Set(["NULL", "NIL", "UNDEFINED"]);
+function readInjectedRoomCode(value) {
+  if (typeof value !== "string") {
+    return void 0;
   }
-  const state = {
-    dragMoved: false,
-    dragStartPoint: null,
-    entries: [],
-    expanded: options.collapsed !== true,
-    isDragging: false,
-    isResizing: false,
-    lastDragPoint: null,
-    maxEntries: clampMaxEntries(options.maxEntries),
-    nextEntryId: 1,
-    originalConsole: createConsoleSnapshot(),
-    panelSize: null,
-    position: null,
-    refCount: 1,
-    removeDragListeners: null,
-    removeResizeListeners: null,
-    resizeStartPoint: null,
-    resizeStartSize: null,
-    suppressToggleClickUntil: 0,
-    title: typeof options.title === "string" && options.title.trim().length > 0 ? options.title.trim() : DEFAULT_TITLE,
-    resizeHandler: void 0,
-    ui: null,
-    unreadCount: 0
-  };
-  const controller = createController(browserWindow, state);
-  browserWindow.__oasizLogOverlayState__ = state;
-  browserWindow.__oasizLogOverlayController__ = controller;
-  patchConsole(state);
-  if (typeof browserWindow.addEventListener === "function") {
-    state.resizeHandler = () => {
-      applyOverlayPosition(state);
-    };
-    browserWindow.addEventListener("resize", state.resizeHandler);
+  const normalized = value.toUpperCase().replace(/[^A-Z0-9]/g, "");
+  if (normalized.length < 4 || NULLISH_ROOM_CODES.has(normalized)) {
+    return void 0;
   }
-  controller.ensureMounted();
-  return controller;
+  return normalized;
 }
-
-// src/multiplayer.ts
-function isDevelopment4() {
+function isDevelopment2() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function getBridgeWindow4() {
+function getBridgeWindow2() {
   if (typeof window === "undefined") {
     return void 0;
   }
   return window;
 }
-function shareRoomCode(roomCode, options) {
-  const bridge = getBridgeWindow4();
+function shareRoomCode(roomCode) {
+  const bridge = getBridgeWindow2();
   if (typeof bridge?.shareRoomCode === "function") {
-    bridge.shareRoomCode(roomCode, options);
+    bridge.shareRoomCode(roomCode);
     return;
   }
-  if (isDevelopment4()) {
+  if (isDevelopment2()) {
     console.warn(
       "[oasiz/sdk] shareRoomCode bridge is unavailable. This is expected in local development."
     );
   }
 }
-function openInviteModal() {
-  const bridge = getBridgeWindow4();
-  if (typeof bridge?.openInviteModal === "function") {
-    bridge.openInviteModal();
-    return;
-  }
-  if (isDevelopment4()) {
-    console.warn(
-      "[oasiz/sdk] openInviteModal bridge is unavailable. This is expected in local development."
-    );
-  }
-}
 function getGameId() {
-  const bridge = getBridgeWindow4();
+  const bridge = getBridgeWindow2();
   return bridge?.__GAME_ID__;
 }
 function getRoomCode() {
-  const bridge = getBridgeWindow4();
-  return bridge?.__ROOM_CODE__;
-}
-function getPlayerId() {
-  const bridge = getBridgeWindow4();
-  return bridge?.__PLAYER_ID__;
+  const bridge = getBridgeWindow2();
+  return readInjectedRoomCode(bridge?.__ROOM_CODE__);
 }
 function getPlayerName() {
-  const bridge = getBridgeWindow4();
+  const bridge = getBridgeWindow2();
   return bridge?.__PLAYER_NAME__;
 }
 function getPlayerAvatar() {
-  const bridge = getBridgeWindow4();
+  const bridge = getBridgeWindow2();
   return bridge?.__PLAYER_AVATAR__;
 }
 
 // src/score.ts
-function isDevelopment5() {
+function isDevelopment3() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function warnMissingBridge3(methodName) {
-  if (isDevelopment5()) {
+function warnMissingBridge(methodName) {
+  if (isDevelopment3()) {
     console.warn(
       "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
     );
   }
 }
-function getBridgeWindow5() {
+function getBridgeWindow3() {
   if (typeof window === "undefined") {
     return void 0;
   }
@@ -2411,92 +93,41 @@ function getBridgeWindow5() {
 }
 function submitScore(score) {
   if (!Number.isFinite(score)) {
-    if (isDevelopment5()) {
+    if (isDevelopment3()) {
       console.warn("[oasiz/sdk] submitScore expected a finite number:", score);
     }
     return;
   }
-  const bridge = getBridgeWindow5();
+  const bridge = getBridgeWindow3();
   const normalizedScore = Math.max(0, Math.floor(score));
   if (typeof bridge?.submitScore === "function") {
     bridge.submitScore(normalizedScore);
     return;
   }
-  warnMissingBridge3("submitScore");
-}
-
-// src/score-edit.ts
-function isDevelopment6() {
-  const nodeEnv = globalThis.process?.env?.NODE_ENV;
-  return nodeEnv !== "production";
-}
-function getBridgeWindow6() {
-  if (typeof window === "undefined") {
-    return void 0;
-  }
-  return window;
-}
-function warnMissingBridge4(methodName) {
-  if (isDevelopment6()) {
-    console.warn(
-      "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
-    );
-  }
-}
-async function editScore(payload, methodName) {
-  const bridge = getBridgeWindow6();
-  if (typeof bridge?.__oasizEditScore !== "function") {
-    warnMissingBridge4(methodName);
-    return null;
-  }
-  try {
-    const result = await bridge.__oasizEditScore(payload);
-    return result ?? null;
-  } catch (error) {
-    if (isDevelopment6()) {
-      console.error("[oasiz/sdk] " + methodName + " failed:", error);
-    }
-    return null;
-  }
-}
-async function addScore(delta) {
-  if (!Number.isInteger(delta)) {
-    if (isDevelopment6()) {
-      console.warn("[oasiz/sdk] addScore expected an integer:", delta);
-    }
-    return null;
-  }
-  if (delta === 0) {
-    return null;
-  }
-  return editScore({ delta }, "addScore");
+  warnMissingBridge("submitScore");
 }
-async function setScore(score) {
-  if (!Number.isInteger(score) || score < 0) {
-    if (isDevelopment6()) {
-      console.warn(
-        "[oasiz/sdk] setScore expected a non-negative integer:",
-        score
-      );
-    }
-    return null;
+function emitScoreConfig(config) {
+  const bridge = getBridgeWindow3();
+  if (typeof bridge?.emitScoreConfig === "function") {
+    bridge.emitScoreConfig(config);
+    return;
   }
-  return editScore({ score }, "setScore");
+  warnMissingBridge("emitScoreConfig");
 }
 
 // src/share.ts
-function isDevelopment7() {
+function isDevelopment4() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function getBridgeWindow7() {
+function getBridgeWindow4() {
   if (typeof window === "undefined") {
     return void 0;
   }
   return window;
 }
-function warnMissingBridge5(methodName) {
-  if (isDevelopment7()) {
+function warnMissingBridge2(methodName) {
+  if (isDevelopment4()) {
     console.warn(
       "[oasiz/sdk] " + methodName + " share bridge is unavailable. This is expected in local development."
     );
@@ -2539,20 +170,20 @@ function validateRequest(options) {
 }
 async function share(options) {
   const request = validateRequest(options);
-  const bridge = getBridgeWindow7();
+  const bridge = getBridgeWindow4();
   if (typeof bridge?.__oasizShareRequest !== "function") {
-    warnMissingBridge5("__oasizShareRequest");
+    warnMissingBridge2("__oasizShareRequest");
     throw new Error("Share bridge unavailable");
   }
   await bridge.__oasizShareRequest(request);
 }
 
 // src/state.ts
-function isDevelopment8() {
+function isDevelopment5() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function getBridgeWindow8() {
+function getBridgeWindow5() {
   if (typeof window === "undefined") {
     return void 0;
   }
@@ -2565,22 +196,22 @@ function isPlainObject(value) {
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
 }
-function warnMissingBridge6(methodName) {
-  if (isDevelopment8()) {
+function warnMissingBridge3(methodName) {
+  if (isDevelopment5()) {
     console.warn(
       "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
     );
   }
 }
 function loadGameState() {
-  const bridge = getBridgeWindow8();
+  const bridge = getBridgeWindow5();
   if (typeof bridge?.loadGameState !== "function") {
-    warnMissingBridge6("loadGameState");
+    warnMissingBridge3("loadGameState");
     return {};
   }
   const state = bridge.loadGameState();
   if (!isPlainObject(state)) {
-    if (isDevelopment8()) {
+    if (isDevelopment5()) {
       console.warn(
         "[oasiz/sdk] loadGameState returned invalid data. Falling back to empty object."
       );
@@ -2591,35 +222,35 @@ function loadGameState() {
 }
 function saveGameState(state) {
   if (!isPlainObject(state)) {
-    if (isDevelopment8()) {
+    if (isDevelopment5()) {
       console.warn("[oasiz/sdk] saveGameState expected a plain object:", state);
     }
     return;
   }
-  const bridge = getBridgeWindow8();
+  const bridge = getBridgeWindow5();
   if (typeof bridge?.saveGameState === "function") {
     bridge.saveGameState(state);
     return;
   }
-  warnMissingBridge6("saveGameState");
+  warnMissingBridge3("saveGameState");
 }
 function flushGameState() {
-  const bridge = getBridgeWindow8();
+  const bridge = getBridgeWindow5();
   if (typeof bridge?.flushGameState === "function") {
     bridge.flushGameState();
     return;
   }
-  warnMissingBridge6("flushGameState");
+  warnMissingBridge3("flushGameState");
 }
 
 // src/lifecycle.ts
-function isDevelopment9() {
+function isDevelopment6() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
 function addLifecycleListener(eventName, callback) {
   if (typeof window === "undefined") {
-    if (isDevelopment9()) {
+    if (isDevelopment6()) {
       console.warn(
         "[oasiz/sdk] " + eventName + " listener registered without a browser window. This is expected in local development."
       );
@@ -2638,732 +269,252 @@ function onResume(callback) {
   return addLifecycleListener("oasiz:resume", callback);
 }
 
-// src/layout.ts
-var INSET_SIDES = ["top", "right", "bottom", "left"];
-var SIDE_TO_AXIS = {
-  top: "vertical",
-  right: "horizontal",
-  bottom: "vertical",
-  left: "horizontal"
-};
-function createInsetEdges(value) {
-  return {
-    top: value,
-    right: value,
-    bottom: value,
-    left: value
-  };
-}
-function isDevelopment10() {
+// src/navigation.ts
+var activeBackListeners = 0;
+function isDevelopment7() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function getBridgeWindow9() {
+function getBridgeWindow6() {
   if (typeof window === "undefined") {
     return void 0;
   }
   return window;
 }
-function warnMissingBridge7(methodName) {
-  if (isDevelopment10()) {
+function warnMissingBridge4(methodName) {
+  if (isDevelopment7()) {
     console.warn(
       "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
     );
   }
 }
-function isRecord2(value) {
-  return typeof value === "object" && value !== null;
-}
-function toFiniteNumber(value) {
-  if (typeof value !== "number" || !Number.isFinite(value)) {
-    if (typeof value !== "string") {
-      return void 0;
-    }
-    const parsed = Number.parseFloat(value.trim());
-    if (!Number.isFinite(parsed)) {
-      return void 0;
-    }
-    return parsed;
-  }
-  return value;
-}
-function clampInsetPixels(value) {
-  const numeric = toFiniteNumber(value);
-  if (typeof numeric === "undefined") {
-    return void 0;
-  }
-  return Math.max(0, numeric);
-}
-function normalizeInsetPercent(value) {
-  const numeric = toFiniteNumber(value);
-  if (typeof numeric === "undefined") {
-    return void 0;
+function normalizeNavigationError(error) {
+  if (error instanceof Error) {
+    return error;
   }
-  return Math.min(100, Math.max(0, numeric));
+  return new Error(
+    typeof error === "string" ? error : "Back button callback failed."
+  );
 }
-function getViewportSize2(bridge, axis) {
-  const visualViewportSize = axis === "vertical" ? bridge.visualViewport?.height : bridge.visualViewport?.width;
-  if (typeof visualViewportSize === "number" && Number.isFinite(visualViewportSize) && visualViewportSize > 0) {
-    return visualViewportSize;
-  }
-  const innerSize = axis === "vertical" ? bridge.innerHeight : bridge.innerWidth;
-  if (typeof innerSize === "number" && Number.isFinite(innerSize) && innerSize > 0) {
-    return innerSize;
-  }
-  const documentSize = axis === "vertical" ? bridge.document?.documentElement?.clientHeight : bridge.document?.documentElement?.clientWidth;
-  if (typeof documentSize === "number" && Number.isFinite(documentSize) && documentSize > 0) {
-    return documentSize;
-  }
-  const bodySize = axis === "vertical" ? bridge.document?.body?.clientHeight : bridge.document?.body?.clientWidth;
-  if (typeof bodySize === "number" && Number.isFinite(bodySize) && bodySize > 0) {
-    return bodySize;
+function addNavigationListener(eventName, callback) {
+  if (typeof window === "undefined") {
+    if (isDevelopment7()) {
+      console.warn(
+        "[oasiz/sdk] " + eventName + " listener registered without a browser window. This is expected in local development."
+      );
+    }
+    return () => {
+    };
   }
-  return 0;
+  const handler = () => callback();
+  window.addEventListener(eventName, handler);
+  return () => window.removeEventListener(eventName, handler);
 }
-function readCssSafeAreaValue(bridge, cssValue) {
-  const doc = bridge.document;
-  const root = doc?.body ?? doc?.documentElement;
-  if (!doc || !root || typeof doc.createElement !== "function" || typeof root.appendChild !== "function" || typeof bridge.getComputedStyle !== "function") {
-    return 0;
-  }
-  const probe = doc.createElement("div");
-  probe.style.position = "fixed";
-  probe.style.top = "0";
-  probe.style.left = "0";
-  probe.style.width = "0";
-  probe.style.height = "0";
-  probe.style.visibility = "hidden";
-  probe.style.pointerEvents = "none";
-  probe.style.paddingTop = cssValue;
-  root.appendChild(probe);
-  try {
-    return clampInsetPixels(bridge.getComputedStyle(probe).paddingTop) ?? 0;
-  } finally {
-    if (typeof probe.remove === "function") {
-      probe.remove();
+function onBackButton(callback) {
+  const off = addNavigationListener("oasiz:back", () => {
+    try {
+      callback();
+    } catch (error) {
+      leaveGame();
+      throw normalizeNavigationError(error);
+    }
+  });
+  const bridge = getBridgeWindow6();
+  activeBackListeners += 1;
+  if (activeBackListeners === 1) {
+    if (typeof bridge?.__oasizSetBackOverride === "function") {
+      bridge.__oasizSetBackOverride(true);
     } else {
-      probe.parentNode?.removeChild(probe);
+      warnMissingBridge4("__oasizSetBackOverride");
     }
   }
-}
-function readCssSafeAreaPixels(bridge, side) {
-  const envPixels = readCssSafeAreaValue(
-    bridge,
-    "env(safe-area-inset-" + side + ")"
-  );
-  if (envPixels > 0) {
-    return envPixels;
-  }
-  return readCssSafeAreaValue(
-    bridge,
-    "constant(safe-area-inset-" + side + ")"
-  );
-}
-function getDevicePixelRatio(bridge) {
-  const dpr = bridge.devicePixelRatio;
-  if (typeof dpr !== "number" || !Number.isFinite(dpr) || dpr <= 0) {
-    return 1;
-  }
-  return dpr;
-}
-function roughlyEqualPixels(a, b) {
-  return Math.abs(a - b) <= 2;
-}
-function normalizeInsetPixels(value, bridge, side) {
-  const pixels = clampInsetPixels(value);
-  if (typeof pixels === "undefined") {
-    return void 0;
-  }
-  const cssEnvPixels = readCssSafeAreaPixels(bridge, side);
-  if (pixels <= 0) {
-    return cssEnvPixels;
-  }
-  const dpr = getDevicePixelRatio(bridge);
-  if (cssEnvPixels > 0 && dpr > 1 && roughlyEqualPixels(pixels / dpr, cssEnvPixels)) {
-    return cssEnvPixels;
-  }
-  return pixels;
-}
-function pixelsToPercentOfViewport(pixels, bridge, side) {
-  const size = getViewportSize2(bridge, SIDE_TO_AXIS[side]);
-  if (size <= 0) {
-    return 0;
-  }
-  return normalizeInsetPercent(pixels / size * 100) ?? 0;
-}
-function percentToPixelsOfViewport(percent, bridge, side) {
-  const size = getViewportSize2(bridge, SIDE_TO_AXIS[side]);
-  if (size <= 0) {
-    return 0;
-  }
-  return percent / 100 * size;
-}
-function cssSafeAreaPercent(bridge, side) {
-  return pixelsToPercentOfViewport(readCssSafeAreaPixels(bridge, side), bridge, side);
-}
-function resolvePercentValue(value, bridge, side) {
-  const percent = normalizeInsetPercent(value);
-  if (typeof percent === "undefined") {
-    return void 0;
-  }
-  return percent > 0 ? percent : cssSafeAreaPercent(bridge, side);
-}
-function resolvePixelValue(value, bridge, side) {
-  const numeric = toFiniteNumber(value);
-  if (typeof numeric === "undefined") {
-    return void 0;
-  }
-  return normalizeInsetPixels(numeric, bridge, side);
-}
-function sideSuffix(side) {
-  switch (side) {
-    case "top":
-      return "Top";
-    case "right":
-      return "Right";
-    case "bottom":
-      return "Bottom";
-    case "left":
-      return "Left";
-  }
-}
-function callBridgeFunction(bridge, name) {
-  const fn = bridge[name];
-  if (typeof fn !== "function") {
-    return void 0;
-  }
-  try {
-    return fn.call(bridge);
-  } catch (error) {
-    console.error("[oasiz/sdk] " + String(name) + " failed:", error);
-    return void 0;
-  }
-}
-function readInsetObjectValue(value, side, group) {
-  if (!isRecord2(value)) {
-    return void 0;
-  }
-  if (group) {
-    return isRecord2(value[group]) ? value[group][side] : void 0;
-  }
-  return value[side];
-}
-function firstDefined(...values) {
-  return values.find((value) => typeof value !== "undefined");
-}
-function readHostInsetSources(bridge) {
-  return {
-    globalPixels: bridge.__OASIZ_VIEWPORT_INSETS__,
-    globalPercent: bridge.__OASIZ_VIEWPORT_INSETS_PERCENT__,
-    methodPixels: callBridgeFunction(bridge, "getViewportInsets"),
-    methodPercent: callBridgeFunction(bridge, "getViewportInsetsPercent")
-  };
-}
-function readIndividualPercentValue(bridge, side) {
-  const suffix = sideSuffix(side);
-  return firstDefined(
-    callBridgeFunction(
-      bridge,
-      "getSafeArea" + suffix + "Percent"
-    ),
-    bridge["__OASIZ_SAFE_AREA_" + side.toUpperCase() + "_PERCENT__"]
-  );
-}
-function readIndividualPixelValue(bridge, side) {
-  const suffix = sideSuffix(side);
-  return firstDefined(
-    callBridgeFunction(
-      bridge,
-      "getSafeArea" + suffix
-    ),
-    bridge["__OASIZ_SAFE_AREA_" + side.toUpperCase() + "__"]
-  );
-}
-function resolveInsetSide(bridge, sources, side) {
-  const percentCandidate = firstDefined(
-    readInsetObjectValue(sources.methodPercent, side, "percent"),
-    readInsetObjectValue(sources.methodPercent, side),
-    readInsetObjectValue(sources.globalPercent, side, "percent"),
-    readInsetObjectValue(sources.globalPercent, side),
-    readInsetObjectValue(sources.methodPixels, side, "percent"),
-    readInsetObjectValue(sources.globalPixels, side, "percent"),
-    readIndividualPercentValue(bridge, side)
-  );
-  const percent = resolvePercentValue(percentCandidate, bridge, side);
-  if (typeof percent !== "undefined") {
-    return {
-      pixels: percentToPixelsOfViewport(percent, bridge, side),
-      percent
-    };
-  }
-  const pixelCandidate = firstDefined(
-    readInsetObjectValue(sources.methodPixels, side, "pixels"),
-    readInsetObjectValue(sources.methodPixels, side),
-    readInsetObjectValue(sources.globalPixels, side, "pixels"),
-    readInsetObjectValue(sources.globalPixels, side),
-    readIndividualPixelValue(bridge, side)
-  );
-  const pixels = resolvePixelValue(pixelCandidate, bridge, side);
-  if (typeof pixels !== "undefined") {
-    return {
-      pixels,
-      percent: pixelsToPercentOfViewport(pixels, bridge, side)
-    };
-  }
-  const cssPixels = readCssSafeAreaPixels(bridge, side);
-  return {
-    pixels: cssPixels,
-    percent: pixelsToPercentOfViewport(cssPixels, bridge, side)
+  return () => {
+    off();
+    activeBackListeners = Math.max(0, activeBackListeners - 1);
+    if (activeBackListeners === 0) {
+      const currentBridge = getBridgeWindow6();
+      if (typeof currentBridge?.__oasizSetBackOverride === "function") {
+        currentBridge.__oasizSetBackOverride(false);
+      } else {
+        warnMissingBridge4("__oasizSetBackOverride");
+      }
+    }
   };
 }
-function getViewportInsets() {
-  const bridge = getBridgeWindow9();
-  if (!bridge) {
-    return {
-      pixels: createInsetEdges(0),
-      percent: createInsetEdges(0)
-    };
-  }
-  const sources = readHostInsetSources(bridge);
-  const pixels = createInsetEdges(0);
-  const percent = createInsetEdges(0);
-  for (const side of INSET_SIDES) {
-    const resolved = resolveInsetSide(bridge, sources, side);
-    pixels[side] = resolved.pixels;
-    percent[side] = resolved.percent;
-  }
-  return { pixels, percent };
-}
-function getSafeAreaTop() {
-  const bridge = getBridgeWindow9();
-  if (!bridge) {
-    return 0;
-  }
-  const top = getViewportInsets().percent.top;
-  if (top <= 0) {
-    warnMissingBridge7("getSafeAreaTop");
-  }
-  return top;
+function onLeaveGame(callback) {
+  return addNavigationListener("oasiz:leave", callback);
 }
-function setLeaderboardVisible(visible) {
-  if (typeof visible !== "boolean") {
-    if (isDevelopment10()) {
-      console.warn(
-        "[oasiz/sdk] setLeaderboardVisible expected a boolean:",
-        visible
-      );
-    }
-    return;
-  }
-  const bridge = getBridgeWindow9();
-  if (typeof bridge?.__oasizSetLeaderboardVisible === "function") {
-    bridge.__oasizSetLeaderboardVisible(visible);
+function leaveGame() {
+  const bridge = getBridgeWindow6();
+  if (typeof bridge?.__oasizLeaveGame === "function") {
+    bridge.__oasizLeaveGame();
     return;
   }
-  warnMissingBridge7("__oasizSetLeaderboardVisible");
+  warnMissingBridge4("__oasizLeaveGame");
 }
 
-// src/performance.ts
-var DEFAULT_GRAPHICS_PERFORMANCE = {
-  fps: 45,
-  tier: "medium"
-};
-var TIER_DEFAULT_FPS = {
-  minimal: 24,
-  low: 30,
-  medium: 45,
-  high: 60
-};
-var cachedEstimatedGraphicsPerformance;
-function getBridgeWindow10() {
+// src/store.ts
+function isDevelopment8() {
+  const nodeEnv = globalThis.process?.env?.NODE_ENV;
+  return nodeEnv !== "production";
+}
+function getBridgeWindow7() {
   if (typeof window === "undefined") {
     return void 0;
   }
   return window;
 }
-function isRecord3(value) {
-  return typeof value === "object" && value !== null;
-}
-function toFiniteNumber2(value) {
-  if (typeof value === "number" && Number.isFinite(value)) {
-    return value;
-  }
-  if (typeof value === "string") {
-    const parsed = Number.parseFloat(value.trim());
-    if (Number.isFinite(parsed)) {
-      return parsed;
-    }
+function warnMissingBridge5(methodName) {
+  if (isDevelopment8()) {
+    console.warn(
+      "[oasiz/sdk] " + methodName + " store bridge is unavailable. This is expected in local development."
+    );
   }
-  return void 0;
-}
-function clampScore(value) {
-  return Math.min(100, Math.max(0, Math.round(value)));
-}
-function clampFps(value) {
-  return Math.min(240, Math.max(1, Math.round(value)));
 }
-function tierFromScore(score) {
-  if (score < 25) return "minimal";
-  if (score < 40) return "low";
-  if (score < 70) return "medium";
-  return "high";
-}
-function tierFromFps(fps) {
-  if (fps < 30) return "minimal";
-  if (fps < 45) return "low";
-  if (fps < 58) return "medium";
-  return "high";
-}
-function fpsFromScore(score) {
-  return TIER_DEFAULT_FPS[tierFromScore(score)];
-}
-function normalizeTier(value) {
-  if (typeof value !== "string") {
-    return void 0;
+async function requestStoreBridge(action, payload) {
+  const bridge = getBridgeWindow7();
+  if (typeof bridge?.__oasizStoreBridgeRequest !== "function") {
+    warnMissingBridge5(action);
+    throw new Error("Store bridge unavailable");
   }
-  const normalized = value.trim().toLowerCase();
-  if (normalized === "minimal" || normalized === "safe") return "minimal";
-  if (normalized === "high") return "high";
-  if (normalized === "medium") return "medium";
-  if (normalized === "low") return "low";
-  return void 0;
+  return await bridge.__oasizStoreBridgeRequest({
+    action,
+    payload
+  });
 }
-function firstDefined2(...values) {
-  return values.find((value) => typeof value !== "undefined");
+async function getFreshState() {
+  return await requestStoreBridge("getStoreState");
 }
-function normalizeMetric(value) {
-  if (typeof value === "undefined" || value === null) {
-    return void 0;
-  }
-  if (typeof value === "number" || typeof value === "string") {
-    const numeric = toFiniteNumber2(value);
-    if (typeof numeric !== "undefined") {
-      const fps2 = clampFps(numeric);
-      return { fps: fps2, tier: tierFromFps(fps2) };
-    }
-    const tier2 = normalizeTier(value);
-    if (tier2) {
-      return { fps: TIER_DEFAULT_FPS[tier2], tier: tier2 };
-    }
-    return void 0;
-  }
-  if (!isRecord3(value)) {
-    return void 0;
-  }
-  const fpsCandidate = firstDefined2(
-    value.fps,
-    value.targetFps,
-    value.frameRate,
-    value.framesPerSecond
-  );
-  const legacyScoreCandidate = firstDefined2(
-    value.score,
-    value.metric,
-    value.value,
-    value.performance,
-    value.performanceScore,
-    value.graphicsScore
-  );
-  const tierCandidate = firstDefined2(
-    value.tier,
-    value.graphicsTier,
-    value.performanceTier,
-    value.qualityTier,
-    value.recommendedTier
-  );
-  const tier = normalizeTier(tierCandidate);
-  const fpsNumeric = toFiniteNumber2(fpsCandidate);
-  const scoreNumeric = toFiniteNumber2(legacyScoreCandidate);
-  if (typeof fpsNumeric === "undefined" && typeof scoreNumeric === "undefined" && !tier) {
-    return void 0;
+function subscribeToStoreEvent(eventName, callback) {
+  if (typeof window === "undefined") {
+    return () => {
+    };
   }
-  const fps = clampFps(
-    typeof fpsNumeric !== "undefined" ? fpsNumeric : typeof scoreNumeric !== "undefined" ? fpsFromScore(clampScore(scoreNumeric)) : TIER_DEFAULT_FPS[tier]
-  );
-  return {
-    fps,
-    tier: tier ?? tierFromFps(fps)
+  const handler = (event) => {
+    const customEvent = event;
+    callback(customEvent.detail);
+  };
+  window.addEventListener(eventName, handler);
+  return () => {
+    window.removeEventListener(eventName, handler);
   };
 }
-function callBridgeMetric(bridge, name) {
-  const fn = bridge[name];
-  if (typeof fn !== "function") {
-    return void 0;
-  }
-  try {
-    return fn.call(bridge);
-  } catch (error) {
-    console.error("[oasiz/sdk] " + String(name) + " failed:", error);
-    return void 0;
-  }
-}
-function readHostGraphicsPerformance(bridge) {
-  const candidates = [
-    callBridgeMetric(bridge, "getGraphicsPerformance"),
-    callBridgeMetric(bridge, "getGraphicsPerformanceMetric"),
-    callBridgeMetric(bridge, "getPerformanceMetric"),
-    bridge.__OASIZ_GRAPHICS_PERFORMANCE__,
-    bridge.__OASIZ_PERFORMANCE_METRIC__
-  ];
-  for (const candidate of candidates) {
-    const metric = normalizeMetric(candidate);
-    if (metric) {
-      return metric;
-    }
-  }
-  return void 0;
-}
-function getDevicePixelRatio2(bridge) {
-  const dpr = bridge.devicePixelRatio;
-  return typeof dpr === "number" && Number.isFinite(dpr) && dpr > 0 ? dpr : 1;
-}
-function getNavigatorValue(bridge) {
-  return bridge.navigator;
-}
-function parseIosMajorVersion(userAgent) {
-  const match = /\bOS (\d+)_/i.exec(userAgent);
-  if (!match) {
-    return void 0;
-  }
-  const parsed = Number.parseInt(match[1] ?? "", 10);
-  return Number.isFinite(parsed) ? parsed : void 0;
-}
-function isAppleMobileDevice(bridge) {
-  const userAgent = bridge.navigator?.userAgent ?? "";
-  return /iP(hone|ad|od)/i.test(userAgent) || /Macintosh/i.test(userAgent) && (bridge.navigator?.maxTouchPoints ?? 0) > 1;
-}
-function getLongestScreenEdge(bridge) {
-  const screenWidth = bridge.screen?.width;
-  const screenHeight = bridge.screen?.height;
-  const innerWidth = bridge.innerWidth;
-  const innerHeight = bridge.innerHeight;
-  return Math.max(
-    typeof screenWidth === "number" ? screenWidth : 0,
-    typeof screenHeight === "number" ? screenHeight : 0,
-    typeof innerWidth === "number" ? innerWidth : 0,
-    typeof innerHeight === "number" ? innerHeight : 0
-  );
+async function syncProducts(products, expectedVersion) {
+  return await requestStoreBridge("syncProducts", {
+    expectedVersion: expectedVersion ?? null,
+    products
+  });
 }
-function isCoarsePointer(bridge) {
-  try {
-    return bridge.matchMedia?.("(pointer: coarse)").matches === true;
-  } catch {
-    return false;
-  }
+async function getProducts() {
+  const state = await getFreshState();
+  return state.products;
 }
-function getWebGlInfo(bridge) {
-  const canvas = bridge.document?.createElement?.("canvas");
-  if (!canvas || typeof canvas.getContext !== "function") {
-    return { webglVersion: 0 };
-  }
-  const gl2 = canvas.getContext("webgl2");
-  const gl = gl2 ?? canvas.getContext("webgl") ?? canvas.getContext("experimental-webgl");
-  if (!gl) {
-    return { webglVersion: 0 };
-  }
-  const context = gl;
-  let maxTextureSize;
-  let renderer;
-  try {
-    const value = context.getParameter(context.MAX_TEXTURE_SIZE);
-    if (typeof value === "number" && Number.isFinite(value)) {
-      maxTextureSize = value;
-    }
-  } catch {
-  }
-  try {
-    const debugInfo = context.getExtension("WEBGL_debug_renderer_info");
-    const rendererParam = debugInfo?.UNMASKED_RENDERER_WEBGL ?? context.RENDERER;
-    const value = context.getParameter(rendererParam);
-    if (typeof value === "string") {
-      renderer = value;
-    }
-  } catch {
-  }
-  return {
-    maxTextureSize,
-    renderer,
-    webglVersion: gl2 ? 2 : 1
-  };
+async function getEntitlements() {
+  const state = await getFreshState();
+  return state.entitlements;
 }
-function applyMemoryScore(score, memory) {
-  if (typeof memory !== "number" || !Number.isFinite(memory) || memory <= 0) {
-    return score;
-  }
-  if (memory <= 1) return score - 18;
-  if (memory <= 2) return score - 10;
-  if (memory >= 8) return score + 16;
-  if (memory >= 6) return score + 10;
-  return score;
+async function hasEntitlement(productId) {
+  const state = await getFreshState();
+  return state.entitlements.find((item) => item.productId === productId)?.owned === true;
 }
-function applyCoreScore(score, cores) {
-  if (typeof cores !== "number" || !Number.isFinite(cores) || cores <= 0) {
-    return score;
-  }
-  if (cores <= 2) return score - 12;
-  if (cores <= 4) return score;
-  if (cores >= 8) return score + 12;
-  return score + 8;
+async function getQuantity(productId) {
+  const state = await getFreshState();
+  return state.entitlements.find((item) => item.productId === productId)?.quantity ?? 0;
 }
-function applyWebGlScore(score, info) {
-  let next = score;
-  if (info.webglVersion === 2) {
-    next += 16;
-  } else if (info.webglVersion === 1) {
-    next += 6;
-  } else {
-    next -= 25;
-  }
-  if (typeof info.maxTextureSize === "number") {
-    if (info.maxTextureSize >= 8192) next += 10;
-    else if (info.maxTextureSize >= 4096) next += 3;
-    else next -= 8;
-  }
-  const renderer = info.renderer?.toLowerCase() ?? "";
-  if (/swiftshader|llvmpipe|software/.test(renderer)) {
-    next = Math.min(next, 35);
-  } else if (/\bm[1-9]\b|apple gpu|a1[6-9]|rtx|radeon|adreno 7|adreno 8/.test(renderer)) {
-    next += 8;
-  }
-  return next;
+async function purchase(productId, quantity = 1) {
+  return await requestStoreBridge("purchaseProduct", {
+    productId,
+    quantity
+  });
 }
-function applyMobileCostScore(score, bridge) {
-  if (!isCoarsePointer(bridge)) {
-    return score;
-  }
-  const dpr = getDevicePixelRatio2(bridge);
-  const width = bridge.screen?.width ?? bridge.innerWidth ?? 0;
-  const height = bridge.screen?.height ?? bridge.innerHeight ?? 0;
-  const physicalPixels = width * height * dpr * dpr;
-  if (physicalPixels > 4e6) {
-    return score - 5;
-  }
-  return score;
+async function consume(productId, quantity = 1) {
+  return await requestStoreBridge("consumeProduct", {
+    productId,
+    quantity
+  });
 }
-function applyAppleMobileRules(score, bridge) {
-  if (!isAppleMobileDevice(bridge)) {
-    return score;
-  }
-  const userAgent = bridge.navigator?.userAgent ?? "";
-  const iosMajorVersion = parseIosMajorVersion(userAgent);
-  const highDensityDisplay = getDevicePixelRatio2(bridge) >= 3;
-  const longestScreenEdge = getLongestScreenEdge(bridge);
-  if (typeof iosMajorVersion === "number" && iosMajorVersion < 15) {
-    return Math.min(score, 35);
-  }
-  if (highDensityDisplay && longestScreenEdge >= 430 && (typeof iosMajorVersion === "undefined" || iosMajorVersion >= 17)) {
-    return Math.max(score, 78);
-  }
-  if (highDensityDisplay && longestScreenEdge >= 414 && (typeof iosMajorVersion === "undefined" || iosMajorVersion >= 16)) {
-    return Math.max(score, 62);
-  }
-  return Math.min(score, 48);
+async function getJemBalance() {
+  const state = await getFreshState();
+  return state.jemBalance;
 }
-function estimateGraphicsPerformance(bridge) {
-  const navigatorValue = getNavigatorValue(bridge);
-  let score = 45;
-  score = applyMemoryScore(score, navigatorValue?.deviceMemory);
-  score = applyCoreScore(score, navigatorValue?.hardwareConcurrency);
-  score = applyWebGlScore(score, getWebGlInfo(bridge));
-  score = applyMobileCostScore(score, bridge);
-  score = applyAppleMobileRules(score, bridge);
-  const normalizedScore = clampScore(score);
-  return {
-    fps: fpsFromScore(normalizedScore),
-    tier: tierFromScore(normalizedScore)
-  };
+function onEntitlementsChanged(callback) {
+  return subscribeToStoreEvent("oasiz:entitlements-changed", (state) => {
+    callback(state.entitlements);
+  });
 }
-function getGraphicsPerformance() {
-  const bridge = getBridgeWindow10();
-  if (!bridge) {
-    return { ...DEFAULT_GRAPHICS_PERFORMANCE };
-  }
-  const hostMetric = readHostGraphicsPerformance(bridge);
-  if (hostMetric) {
-    return hostMetric;
-  }
-  cachedEstimatedGraphicsPerformance ??= estimateGraphicsPerformance(bridge);
-  return { ...cachedEstimatedGraphicsPerformance };
+function onJemBalanceChanged(callback) {
+  return subscribeToStoreEvent("oasiz:jem-balance-changed", (state) => {
+    callback(state.jemBalance);
+  });
 }
 
 // src/index.ts
 var oasiz = {
   submitScore,
-  enableAppSimulator,
-  addScore,
-  setScore,
-  getPlayerCharacter,
+  emitScoreConfig,
   share,
   triggerHaptic,
-  enableLogOverlay,
   loadGameState,
   saveGameState,
   flushGameState,
   shareRoomCode,
-  openInviteModal,
   onPause,
   onResume,
-  getSafeAreaTop,
-  getViewportInsets,
-  setLeaderboardVisible,
-  getGraphicsPerformance,
-  enableBackButtonTesting,
   onBackButton,
   onLeaveGame,
   leaveGame,
+  store: {
+    syncProducts,
+    getProducts,
+    getEntitlements,
+    hasEntitlement,
+    getQuantity,
+    purchase,
+    consume,
+    getJemBalance,
+    onEntitlementsChanged,
+    onJemBalanceChanged
+  },
   get gameId() {
     return getGameId();
   },
   get roomCode() {
     return getRoomCode();
   },
-  get playerId() {
-    return getPlayerId();
-  },
   get playerName() {
     return getPlayerName();
   },
   get playerAvatar() {
     return getPlayerAvatar();
-  },
-  get safeAreaTop() {
-    return getSafeAreaTop();
-  },
-  get viewportInsets() {
-    return getViewportInsets();
-  },
-  get graphicsPerformance() {
-    return getGraphicsPerformance();
   }
 };
 export {
-  addScore,
-  enableAppSimulator,
-  enableBackButtonTesting,
-  enableLogOverlay,
+  consume,
+  emitScoreConfig,
   flushGameState,
+  getEntitlements,
   getGameId,
-  getGraphicsPerformance,
+  getJemBalance,
   getPlayerAvatar,
-  getPlayerCharacter,
-  getPlayerId,
   getPlayerName,
+  getProducts,
+  getQuantity,
   getRoomCode,
-  getSafeAreaTop,
-  getViewportInsets,
+  hasEntitlement,
   leaveGame,
   loadGameState,
   oasiz,
   onBackButton,
+  onEntitlementsChanged,
+  onJemBalanceChanged,
   onLeaveGame,
   onPause,
   onResume,
-  openInviteModal,
+  purchase,
   saveGameState,
-  setLeaderboardVisible,
-  setScore,
   share,
   shareRoomCode,
   submitScore,
+  syncProducts,
   triggerHaptic
 };