@rpg-engine/long-bow 0.8.185 → 0.8.186

package/dist/long-bow.cjs.development.js

@@ -47173,6 +47173,257 @@ var Hint = /*#__PURE__*/styled__default.p.withConfig({
   componentId: "sc-1lvibyi-7"
 })(["margin:14px 0 0 0;font-size:0.48rem;color:#666;line-height:1.6;"]);
 
+var RARITY_COLORS$1 = {
+  legendary: '#f59e0b',
+  epic: '#a855f7',
+  rare: '#3b82f6',
+  uncommon: '#22c55e',
+  common: '#6b7280'
+};
+var rarityColor$1 = function rarityColor(rarity) {
+  var _RARITY_COLORS$toLowe;
+  return (_RARITY_COLORS$toLowe = RARITY_COLORS$1[(rarity != null ? rarity : '').toLowerCase()]) != null ? _RARITY_COLORS$toLowe : RARITY_COLORS$1.common;
+};
+var CharacterDetailModal = function CharacterDetailModal(_ref) {
+  var _snap$skills, _snap$mode, _snap$equipment;
+  var listing = _ref.listing,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    onBuy = _ref.onBuy,
+    atlasJSON = _ref.atlasJSON,
+    atlasIMG = _ref.atlasIMG,
+    characterAtlasJSON = _ref.characterAtlasJSON,
+    characterAtlasIMG = _ref.characterAtlasIMG,
+    enableHotkeys = _ref.enableHotkeys,
+    disableHotkeys = _ref.disableHotkeys;
+  var _useState = React.useState(false),
+    isConfirming = _useState[0],
+    setIsConfirming = _useState[1];
+  var handleClose = React.useCallback(function () {
+    setIsConfirming(false);
+    enableHotkeys == null ? void 0 : enableHotkeys();
+    onClose();
+  }, [enableHotkeys, onClose]);
+  var handleBuyClick = React.useCallback(function () {
+    setIsConfirming(true);
+    disableHotkeys == null ? void 0 : disableHotkeys();
+  }, [disableHotkeys]);
+  var handleConfirm = React.useCallback(function () {
+    if (!listing) return;
+    onBuy(listing._id);
+    setIsConfirming(false);
+    enableHotkeys == null ? void 0 : enableHotkeys();
+    onClose();
+  }, [listing, onBuy, enableHotkeys, onClose]);
+  var stopPropagation = React.useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
+  if (!isOpen || !listing) return null;
+  var snap = listing.characterSnapshot;
+  var topSkills = Object.entries((_snap$skills = snap.skills) != null ? _snap$skills : {}).sort(function (_ref2, _ref3) {
+    var a = _ref2[1];
+    var b = _ref3[1];
+    return b - a;
+  }).slice(0, 8);
+  return React__default.createElement(ModalPortal, null, isConfirming && React__default.createElement(ConfirmModal, {
+    onConfirm: handleConfirm,
+    onClose: function onClose() {
+      setIsConfirming(false);
+      enableHotkeys == null ? void 0 : enableHotkeys();
+    },
+    message: "Buy " + snap.name + " for " + shared.formatDCAmount(listing.price) + " DC?"
+  }), React__default.createElement(Overlay$7, {
+    onPointerDown: handleClose
+  }), React__default.createElement(ModalContainer$5, null, React__default.createElement(ModalContent$5, {
+    onClick: stopPropagation,
+    onTouchStart: stopPropagation,
+    onPointerDown: stopPropagation
+  }, React__default.createElement(Header$b, null, React__default.createElement(Title$c, null, "Character Details"), React__default.createElement(CloseButton$d, {
+    onPointerDown: handleClose,
+    "aria-label": "Close",
+    type: "button"
+  }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(HeroSection, null, React__default.createElement(SpriteContainer$5, null, React__default.createElement(SpriteFromAtlas, {
+    atlasIMG: characterAtlasIMG,
+    atlasJSON: characterAtlasJSON,
+    spriteKey: snap.textureKey + "/down/standing/0.png",
+    imgScale: 4,
+    height: 96,
+    width: 96
+  })), React__default.createElement(HeroInfo, null, React__default.createElement(CharacterName$1, null, snap.name || 'Unknown'), React__default.createElement(CharacterClass, null, "Lv.", snap.level, " \xB7 ", snap["class"]), React__default.createElement(CharacterOrigin, null, snap.race, " \xB7 ", snap.faction), React__default.createElement(ModeBadge, {
+    "$hardcore": ((_snap$mode = snap.mode) == null ? void 0 : _snap$mode.toLowerCase()) === 'hardcore'
+  }, snap.mode || 'Standard'))), React__default.createElement(Divider, null), topSkills.length > 0 && React__default.createElement(Section$3, null, React__default.createElement(SectionTitle$3, null, "Skills"), React__default.createElement(SkillsGrid, null, topSkills.map(function (_ref4) {
+    var name = _ref4[0],
+      value = _ref4[1];
+    return React__default.createElement(SkillRow, {
+      key: name
+    }, React__default.createElement(SkillName, null, name), React__default.createElement(SkillValue, null, value));
+  }))), ((_snap$equipment = snap.equipment) == null ? void 0 : _snap$equipment.length) > 0 && React__default.createElement(React__default.Fragment, null, React__default.createElement(Divider, null), React__default.createElement(Section$3, null, React__default.createElement(SectionTitle$3, null, "Equipment"), React__default.createElement(EquipmentList, null, snap.equipment.map(function (eq, i) {
+    return React__default.createElement(EquipmentRow, {
+      key: i
+    }, React__default.createElement(EquipSlot, null, eq.slot), React__default.createElement(EquipName, null, eq.itemName), React__default.createElement(RarityBadge, {
+      "$rarity": eq.rarity
+    }, eq.rarity || 'Common'));
+  })))), React__default.createElement(Divider, null), React__default.createElement(Footer$1, null, React__default.createElement(SellerInfo, null, "Listed by ", listing.listedByCharacterName), React__default.createElement(FooterActions, null, React__default.createElement(PriceDisplay, null, React__default.createElement(DCCoinWrapper$2, null, React__default.createElement(SpriteFromAtlas, {
+    atlasIMG: atlasIMG,
+    atlasJSON: atlasJSON,
+    spriteKey: "others/definya-coin.png",
+    imgScale: 1
+  })), React__default.createElement(PriceAmount, null, shared.formatDCAmount(listing.price), " DC")), React__default.createElement(BuyBtn, {
+    icon: React__default.createElement(ShoppingBag.ShoppingBag, {
+      width: 18,
+      height: 18
+    }),
+    label: "Buy Character",
+    disabled: listing.isBeingBought,
+    onClick: handleBuyClick
+  })), listing.isBeingBought && React__default.createElement(PendingNotice, null, "Purchase already in progress")))));
+};
+var scaleIn$2 = /*#__PURE__*/styled.keyframes(["from{transform:scale(0.88);opacity:0;}to{transform:scale(1);opacity:1;}"]);
+var Overlay$7 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__Overlay",
+  componentId: "sc-1kdn1l6-0"
+})(["position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:1000;"]);
+var ModalContainer$5 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__ModalContainer",
+  componentId: "sc-1kdn1l6-1"
+})(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;"]);
+var ModalContent$5 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__ModalContent",
+  componentId: "sc-1kdn1l6-2"
+})(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px;width:480px;max-width:94%;max-height:85dvh;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overflow-x:hidden;pointer-events:auto;animation:", " 0.15s ease-out;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:4px;}&::-webkit-scrollbar-thumb{background:rgba(245,158,11,0.3);border-radius:4px;}"], scaleIn$2);
+var Header$b = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__Header",
+  componentId: "sc-1kdn1l6-3"
+})(["display:flex;align-items:center;justify-content:space-between;flex-shrink:0;"]);
+var Title$c = /*#__PURE__*/styled__default.h3.withConfig({
+  displayName: "CharacterDetailModal__Title",
+  componentId: "sc-1kdn1l6-4"
+})(["margin:0;font-family:'Press Start 2P',cursive !important;font-size:0.6rem !important;color:#fef08a !important;"]);
+var CloseButton$d = /*#__PURE__*/styled__default.button.withConfig({
+  displayName: "CharacterDetailModal__CloseButton",
+  componentId: "sc-1kdn1l6-5"
+})(["background:none;border:none;color:rgba(255,255,255,0.5);cursor:pointer;font-size:1rem;padding:4px;display:flex;align-items:center;&:hover{color:#fff;}"]);
+var HeroSection = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__HeroSection",
+  componentId: "sc-1kdn1l6-6"
+})(["display:flex;align-items:center;gap:16px;"]);
+var SpriteContainer$5 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__SpriteContainer",
+  componentId: "sc-1kdn1l6-7"
+})(["display:flex;align-items:center;justify-content:center;image-rendering:pixelated;width:96px;height:96px;flex-shrink:0;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:6px;"]);
+var HeroInfo = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__HeroInfo",
+  componentId: "sc-1kdn1l6-8"
+})(["display:flex;flex-direction:column;gap:6px;flex:1;"]);
+var CharacterName$1 = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__CharacterName",
+  componentId: "sc-1kdn1l6-9"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.65rem !important;color:#f3f4f6 !important;"]);
+var CharacterClass = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__CharacterClass",
+  componentId: "sc-1kdn1l6-10"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#9ca3af !important;"]);
+var CharacterOrigin = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__CharacterOrigin",
+  componentId: "sc-1kdn1l6-11"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.42rem !important;color:#6b7280 !important;"]);
+var ModeBadge = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__ModeBadge",
+  componentId: "sc-1kdn1l6-12"
+})(["display:inline-block;font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:", " !important;border:1px solid ", ";border-radius:3px;padding:2px 6px;text-transform:uppercase;letter-spacing:0.5px;width:fit-content;"], function (_ref5) {
+  var $hardcore = _ref5.$hardcore;
+  return $hardcore ? '#ef4444' : '#6b7280';
+}, function (_ref6) {
+  var $hardcore = _ref6.$hardcore;
+  return $hardcore ? 'rgba(239,68,68,0.4)' : 'rgba(107,114,128,0.3)';
+});
+var Divider = /*#__PURE__*/styled__default.hr.withConfig({
+  displayName: "CharacterDetailModal__Divider",
+  componentId: "sc-1kdn1l6-13"
+})(["border:none;border-top:1px solid rgba(255,255,255,0.06);margin:0;flex-shrink:0;"]);
+var Section$3 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__Section",
+  componentId: "sc-1kdn1l6-14"
+})(["display:flex;flex-direction:column;gap:8px;"]);
+var SectionTitle$3 = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__SectionTitle",
+  componentId: "sc-1kdn1l6-15"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.45rem !important;color:#f59e0b !important;text-transform:uppercase;letter-spacing:1px;"]);
+var SkillsGrid = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__SkillsGrid",
+  componentId: "sc-1kdn1l6-16"
+})(["display:grid;grid-template-columns:repeat(2,1fr);gap:4px 12px;"]);
+var SkillRow = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__SkillRow",
+  componentId: "sc-1kdn1l6-17"
+})(["display:flex;justify-content:space-between;align-items:center;gap:8px;"]);
+var SkillName = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__SkillName",
+  componentId: "sc-1kdn1l6-18"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#9ca3af !important;text-transform:capitalize;"]);
+var SkillValue = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__SkillValue",
+  componentId: "sc-1kdn1l6-19"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#fef08a !important;"]);
+var EquipmentList = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__EquipmentList",
+  componentId: "sc-1kdn1l6-20"
+})(["display:flex;flex-direction:column;gap:5px;"]);
+var EquipmentRow = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__EquipmentRow",
+  componentId: "sc-1kdn1l6-21"
+})(["display:flex;align-items:center;gap:8px;padding:5px 8px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:4px;"]);
+var EquipSlot = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__EquipSlot",
+  componentId: "sc-1kdn1l6-22"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.34rem !important;color:#6b7280 !important;text-transform:capitalize;min-width:52px;flex-shrink:0;"]);
+var EquipName = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__EquipName",
+  componentId: "sc-1kdn1l6-23"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#d1d5db !important;flex:1;"]);
+var RarityBadge = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__RarityBadge",
+  componentId: "sc-1kdn1l6-24"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.32rem !important;color:", " !important;border:1px solid ", "44;border-radius:2px;padding:1px 4px;text-transform:uppercase;flex-shrink:0;"], function (_ref7) {
+  var $rarity = _ref7.$rarity;
+  return rarityColor$1($rarity);
+}, function (_ref8) {
+  var $rarity = _ref8.$rarity;
+  return rarityColor$1($rarity);
+});
+var Footer$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__Footer",
+  componentId: "sc-1kdn1l6-25"
+})(["display:flex;flex-direction:column;gap:8px;flex-shrink:0;"]);
+var SellerInfo = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__SellerInfo",
+  componentId: "sc-1kdn1l6-26"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#6b7280 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
+var FooterActions = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__FooterActions",
+  componentId: "sc-1kdn1l6-27"
+})(["display:flex;align-items:center;justify-content:space-between;gap:12px;"]);
+var PriceDisplay = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterDetailModal__PriceDisplay",
+  componentId: "sc-1kdn1l6-28"
+})(["display:flex;align-items:center;gap:6px;line-height:1;"]);
+var DCCoinWrapper$2 = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__DCCoinWrapper",
+  componentId: "sc-1kdn1l6-29"
+})(["display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;"]);
+var PriceAmount = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__PriceAmount",
+  componentId: "sc-1kdn1l6-30"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.7rem !important;color:#fef08a !important;"]);
+var BuyBtn = /*#__PURE__*/styled__default(CTAButton).withConfig({
+  displayName: "CharacterDetailModal__BuyBtn",
+  componentId: "sc-1kdn1l6-31"
+})(["flex-shrink:0;padding:10px 18px;height:34px;span{font-size:0.6rem;}"]);
+var PendingNotice = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterDetailModal__PendingNotice",
+  componentId: "sc-1kdn1l6-32"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:#ef4444 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
+
 var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
   var characterListings = _ref.characterListings,
     totalCount = _ref.totalCount,
@@ -47192,8 +47443,8 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
   var _useState = React.useState(null),
-    buyingListingId = _useState[0],
-    setBuyingListingId = _useState[1];
+    selectedListing = _useState[0],
+    setSelectedListing = _useState[1];
   var _useState2 = React.useState(nameFilter),
     localNameFilter = _useState2[0],
     setLocalNameFilter = _useState2[1];
@@ -47219,17 +47470,8 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
     setLocalNameFilter(value);
     onNameFilterChange == null ? void 0 : onNameFilterChange(value);
   };
-  var handleBuyClick = function handleBuyClick(listingId) {
-    setBuyingListingId(listingId);
-  };
-  var handleBuyConfirm = function handleBuyConfirm() {
-    if (buyingListingId) {
-      onCharacterBuy(buyingListingId);
-      setBuyingListingId(null);
-      enableHotkeys == null ? void 0 : enableHotkeys();
-    }
-  };
-  var renderCharacterSprite = function renderCharacterSprite(snapshot) {
+  var renderCharacterSprite = function renderCharacterSprite(listing) {
+    var snapshot = listing.characterSnapshot;
     return React__default.createElement(SpriteFromAtlas, {
       atlasIMG: characterAtlasIMG,
       atlasJSON: characterAtlasJSON,
@@ -47239,13 +47481,19 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
       width: 64
     });
   };
-  return React__default.createElement(React__default.Fragment, null, buyingListingId && React__default.createElement(ConfirmModal, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(CharacterDetailModal, {
+    listing: selectedListing,
+    isOpen: !!selectedListing,
     onClose: function onClose() {
-      setBuyingListingId(null);
-      enableHotkeys == null ? void 0 : enableHotkeys();
+      return setSelectedListing(null);
     },
-    onConfirm: handleBuyConfirm,
-    message: "Are you sure you want to buy this character?"
+    onBuy: onCharacterBuy,
+    atlasJSON: atlasJSON,
+    atlasIMG: atlasIMG,
+    characterAtlasJSON: characterAtlasJSON,
+    characterAtlasIMG: characterAtlasIMG,
+    enableHotkeys: enableHotkeys,
+    disableHotkeys: disableHotkeys
   }), React__default.createElement(ToolbarRow$1, null, React__default.createElement(SearchField$1, null, React__default.createElement(Input, {
     onChange: function onChange(e) {
       return handleNameFilterChange(e.target.value);
@@ -47262,21 +47510,13 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
     width: 32,
     height: 32
   }), React__default.createElement(EmptyText, null, "No character listings found.")) : React__default.createElement(ListingsGrid, null, filteredListings.map(function (listing) {
-    var _listing$characterSna2, _listing$characterSna3;
     return React__default.createElement(CharacterListingCard, {
       key: listing._id,
       onClick: function onClick() {
-        return handleBuyClick(listing._id);
+        return setSelectedListing(listing);
       },
       "$isBeingBought": listing.isBeingBought
-    }, React__default.createElement(CharacterSprite, null, renderCharacterSprite(listing.characterSnapshot)), React__default.createElement(CharacterInfo, null, React__default.createElement(CharacterName$1, null, listing.characterSnapshot.name || 'Unknown'), React__default.createElement(CharacterMeta, null, "Lv.", listing.characterSnapshot.level, " \xB7 ", listing.characterSnapshot["class"]), React__default.createElement(CharacterDetails, null, listing.characterSnapshot.race, " \xB7 ", listing.characterSnapshot.faction), React__default.createElement(ModeBadge, {
-      "$hardcore": ((_listing$characterSna2 = listing.characterSnapshot.mode) == null ? void 0 : _listing$characterSna2.toLowerCase()) === 'hardcore'
-    }, listing.characterSnapshot.mode || 'Standard'), ((_listing$characterSna3 = listing.characterSnapshot.equipment) == null ? void 0 : _listing$characterSna3.length) > 0 && React__default.createElement(EquipmentRow, null, listing.characterSnapshot.equipment.slice(0, 3).map(function (eq, i) {
-      return React__default.createElement(EquipBadge, {
-        key: i,
-        "$rarity": eq.rarity
-      }, eq.rarity || 'Common');
-    })), React__default.createElement(SellerInfo, null, "by ", listing.listedByCharacterName), React__default.createElement(ListingPrice, null, React__default.createElement(DCCoinWrapper$2, null, React__default.createElement(SpriteFromAtlas, {
+    }, React__default.createElement(CharacterSprite, null, renderCharacterSprite(listing)), React__default.createElement(CharacterInfo, null, React__default.createElement(CharacterName$2, null, listing.characterSnapshot.name || 'Unknown'), React__default.createElement(CharacterMeta, null, "Lv.", listing.characterSnapshot.level, " \xB7 ", listing.characterSnapshot["class"]), React__default.createElement(ListingPrice, null, React__default.createElement(DCCoinWrapper$3, null, React__default.createElement(SpriteFromAtlas, {
       atlasIMG: atlasIMG,
       atlasJSON: atlasJSON,
       spriteKey: "others/definya-coin.png",
@@ -47331,7 +47571,7 @@ var CharacterInfo = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterMarketplacePanel__CharacterInfo",
   componentId: "sc-1aiauep-6"
 })(["display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;width:100%;"]);
-var CharacterName$1 = /*#__PURE__*/styled__default.span.withConfig({
+var CharacterName$2 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterMarketplacePanel__CharacterName",
   componentId: "sc-1aiauep-7"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.55rem !important;color:#f3f4f6 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
@@ -47339,83 +47579,42 @@ var CharacterMeta = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterMarketplacePanel__CharacterMeta",
   componentId: "sc-1aiauep-8"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.45rem !important;color:#888 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
-var CharacterDetails = /*#__PURE__*/styled__default.span.withConfig({
-  displayName: "CharacterMarketplacePanel__CharacterDetails",
-  componentId: "sc-1aiauep-9"
-})(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#9ca3af !important;text-transform:uppercase;letter-spacing:0.5px;"]);
-var RARITY_COLORS$1 = {
-  legendary: '#f59e0b',
-  epic: '#a855f7',
-  rare: '#3b82f6',
-  uncommon: '#22c55e',
-  common: '#6b7280'
-};
-var ModeBadge = /*#__PURE__*/styled__default.span.withConfig({
-  displayName: "CharacterMarketplacePanel__ModeBadge",
-  componentId: "sc-1aiauep-10"
-})(["font-family:'Press Start 2P',cursive !important;font-size:0.32rem !important;color:", " !important;border:1px solid ", ";border-radius:3px;padding:1px 4px;text-transform:uppercase;letter-spacing:0.5px;"], function (_ref7) {
-  var $hardcore = _ref7.$hardcore;
-  return $hardcore ? '#ef4444' : '#6b7280';
-}, function (_ref8) {
-  var $hardcore = _ref8.$hardcore;
-  return $hardcore ? 'rgba(239,68,68,0.4)' : 'rgba(107,114,128,0.3)';
-});
-var EquipmentRow = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "CharacterMarketplacePanel__EquipmentRow",
-  componentId: "sc-1aiauep-11"
-})(["display:flex;flex-wrap:wrap;gap:3px;justify-content:center;"]);
-var EquipBadge = /*#__PURE__*/styled__default.span.withConfig({
-  displayName: "CharacterMarketplacePanel__EquipBadge",
-  componentId: "sc-1aiauep-12"
-})(["font-family:'Press Start 2P',cursive !important;font-size:0.3rem !important;color:", " !important;border:1px solid ", "44;border-radius:2px;padding:1px 3px;text-transform:uppercase;letter-spacing:0.3px;"], function (_ref9) {
-  var _RARITY_COLORS$toLowe;
-  var $rarity = _ref9.$rarity;
-  return (_RARITY_COLORS$toLowe = RARITY_COLORS$1[($rarity != null ? $rarity : '').toLowerCase()]) != null ? _RARITY_COLORS$toLowe : RARITY_COLORS$1.common;
-}, function (_ref10) {
-  var _RARITY_COLORS$toLowe2;
-  var $rarity = _ref10.$rarity;
-  return (_RARITY_COLORS$toLowe2 = RARITY_COLORS$1[($rarity != null ? $rarity : '').toLowerCase()]) != null ? _RARITY_COLORS$toLowe2 : RARITY_COLORS$1.common;
-});
-var SellerInfo = /*#__PURE__*/styled__default.span.withConfig({
-  displayName: "CharacterMarketplacePanel__SellerInfo",
-  componentId: "sc-1aiauep-13"
-})(["font-family:'Press Start 2P',cursive !important;font-size:0.4rem !important;color:#666 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
 var ListingPrice = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterMarketplacePanel__ListingPrice",
-  componentId: "sc-1aiauep-14"
+  componentId: "sc-1aiauep-9"
 })(["display:flex;align-items:center;justify-content:center;gap:4px;font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#fef08a !important;line-height:1;"]);
-var DCCoinWrapper$2 = /*#__PURE__*/styled__default.span.withConfig({
+var DCCoinWrapper$3 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterMarketplacePanel__DCCoinWrapper",
-  componentId: "sc-1aiauep-15"
+  componentId: "sc-1aiauep-10"
 })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;"]);
 var BeingBoughtBadge = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterMarketplacePanel__BeingBoughtBadge",
-  componentId: "sc-1aiauep-16"
+  componentId: "sc-1aiauep-11"
 })(["position:absolute;top:6px;right:6px;background:rgba(239,68,68,0.2);border:1px solid rgba(239,68,68,0.4);border-radius:4px;padding:2px 6px;font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:#ef4444 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
 var PagerFooter$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterMarketplacePanel__PagerFooter",
-  componentId: "sc-1aiauep-17"
+  componentId: "sc-1aiauep-12"
 })(["display:flex;justify-content:center;align-items:center;padding:8px 0 4px;min-height:36px;width:95%;margin:0 auto;"]);
 var LoadingState$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterMarketplacePanel__LoadingState",
-  componentId: "sc-1aiauep-18"
+  componentId: "sc-1aiauep-13"
 })(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;min-height:160px;"]);
 var spin$1 = /*#__PURE__*/styled.keyframes(["to{transform:rotate(360deg);}"]);
 var Spinner$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterMarketplacePanel__Spinner",
-  componentId: "sc-1aiauep-19"
+  componentId: "sc-1aiauep-14"
 })(["width:28px;height:28px;border:3px solid rgba(245,158,11,0.2);border-top-color:#f59e0b;border-radius:50%;animation:", " 0.7s linear infinite;"], spin$1);
 var LoadingText$2 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterMarketplacePanel__LoadingText",
-  componentId: "sc-1aiauep-20"
+  componentId: "sc-1aiauep-15"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.48rem !important;color:#8a8a8a !important;text-transform:uppercase;letter-spacing:1px;"]);
 var EmptyState$5 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterMarketplacePanel__EmptyState",
-  componentId: "sc-1aiauep-21"
+  componentId: "sc-1aiauep-16"
 })(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:200px;"]);
 var EmptyText = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterMarketplacePanel__EmptyText",
-  componentId: "sc-1aiauep-22"
+  componentId: "sc-1aiauep-17"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.48rem !important;color:#71717a !important;text-transform:uppercase;letter-spacing:1px;"]);
 
 var MyCharacterListingsPanel = function MyCharacterListingsPanel(_ref) {
@@ -47474,7 +47673,7 @@ var MyCharacterListingsPanel = function MyCharacterListingsPanel(_ref) {
       imgScale: 3,
       height: 64,
       width: 64
-    })), React__default.createElement(CharacterInfo$1, null, React__default.createElement(CharacterName$2, null, listing.characterSnapshot.name || 'Unknown'), React__default.createElement(CharacterMeta$1, null, "Level ", listing.characterSnapshot.level), React__default.createElement(ListingPrice$1, null, React__default.createElement(DCCoinWrapper$3, null, React__default.createElement(SpriteFromAtlas, {
+    })), React__default.createElement(CharacterInfo$1, null, React__default.createElement(CharacterName$3, null, listing.characterSnapshot.name || 'Unknown'), React__default.createElement(CharacterMeta$1, null, "Level ", listing.characterSnapshot.level), React__default.createElement(ListingPrice$1, null, React__default.createElement(DCCoinWrapper$4, null, React__default.createElement(SpriteFromAtlas, {
       atlasIMG: atlasIMG,
       atlasJSON: atlasJSON,
       spriteKey: "others/definya-coin.png",
@@ -47528,7 +47727,7 @@ var CharacterInfo$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "MyCharacterListingsPanel__CharacterInfo",
   componentId: "sc-su21a6-4"
 })(["display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;"]);
-var CharacterName$2 = /*#__PURE__*/styled__default.span.withConfig({
+var CharacterName$3 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "MyCharacterListingsPanel__CharacterName",
   componentId: "sc-su21a6-5"
 })(["font-family:'Press Start 2P',cursive;font-size:0.55rem;color:#f3f4f6;text-transform:uppercase;letter-spacing:0.5px;"]);
@@ -47540,7 +47739,7 @@ var ListingPrice$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "MyCharacterListingsPanel__ListingPrice",
   componentId: "sc-su21a6-7"
 })(["display:flex;align-items:center;gap:6px;font-family:'Press Start 2P',cursive;font-size:0.5rem;color:#fef08a;"]);
-var DCCoinWrapper$3 = /*#__PURE__*/styled__default.span.withConfig({
+var DCCoinWrapper$4 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "MyCharacterListingsPanel__DCCoinWrapper",
   componentId: "sc-su21a6-8"
 })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;"]);
@@ -47662,13 +47861,13 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
       enableHotkeys == null ? void 0 : enableHotkeys();
     },
     message: "Are you sure you want to list this character for sale?"
-  }), React__default.createElement(Overlay$7, {
+  }), React__default.createElement(Overlay$8, {
     onPointerDown: handleClose
-  }), React__default.createElement(ModalContainer$5, null, React__default.createElement(ModalContent$5, {
+  }), React__default.createElement(ModalContainer$6, null, React__default.createElement(ModalContent$6, {
     onClick: stopPropagation,
     onTouchStart: stopPropagation,
     onPointerDown: stopPropagation
-  }, React__default.createElement(Header$b, null, React__default.createElement(Title$c, null, "List Character for Sale"), React__default.createElement(CloseButton$d, {
+  }, React__default.createElement(Header$c, null, React__default.createElement(Title$d, null, "List Character for Sale"), React__default.createElement(CloseButton$e, {
     onPointerDown: handleClose,
     "aria-label": "Close",
     type: "button"
@@ -47698,7 +47897,7 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
       imgScale: 2,
       height: 40,
       width: 40
-    })), React__default.createElement(CharacterInfo$2, null, React__default.createElement(CharacterName$3, null, character.name || 'Unknown'), React__default.createElement(CharacterMeta$2, null, "Level ", getLevel(character))));
+    })), React__default.createElement(CharacterInfo$2, null, React__default.createElement(CharacterName$4, null, character.name || 'Unknown'), React__default.createElement(CharacterMeta$2, null, "Level ", getLevel(character))));
   })), React__default.createElement(PriceSection$1, null, React__default.createElement(PriceLabel, null, "Set Price (DC)"), React__default.createElement(PriceRow$1, null, React__default.createElement(Input, {
     onChange: function onChange(e) {
       return setPrice(e.target.value);
@@ -47718,35 +47917,35 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
     label: "List",
     disabled: !canList,
     onClick: handleListClick
-  })), price && Number(price) > 0 && React__default.createElement(PricePreview, null, React__default.createElement(DCCoinWrapper$4, null, React__default.createElement(SpriteFromAtlas, {
+  })), price && Number(price) > 0 && React__default.createElement(PricePreview, null, React__default.createElement(DCCoinWrapper$5, null, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: "others/definya-coin.png",
     imgScale: 1
   })), React__default.createElement(PricePreviewAmount, null, Number(price).toLocaleString(), " DC")), React__default.createElement(DCRateStrip, null)))));
 };
-var scaleIn$2 = /*#__PURE__*/styled.keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
-var Overlay$7 = /*#__PURE__*/styled__default.div.withConfig({
+var scaleIn$3 = /*#__PURE__*/styled.keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
+var Overlay$8 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__Overlay",
   componentId: "sc-1uxkx35-0"
 })(["position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:1000;"]);
-var ModalContainer$5 = /*#__PURE__*/styled__default.div.withConfig({
+var ModalContainer$6 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__ModalContainer",
   componentId: "sc-1uxkx35-1"
 })(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;"]);
-var ModalContent$5 = /*#__PURE__*/styled__default.div.withConfig({
+var ModalContent$6 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__ModalContent",
   componentId: "sc-1uxkx35-2"
-})(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px;width:440px;max-width:92%;max-height:80dvh;display:flex;flex-direction:column;gap:16px;overflow:hidden;pointer-events:auto;animation:", " 0.15s ease-out;"], scaleIn$2);
-var Header$b = /*#__PURE__*/styled__default.div.withConfig({
+})(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px;width:440px;max-width:92%;max-height:80dvh;display:flex;flex-direction:column;gap:16px;overflow:hidden;pointer-events:auto;animation:", " 0.15s ease-out;"], scaleIn$3);
+var Header$c = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__Header",
   componentId: "sc-1uxkx35-3"
 })(["display:flex;align-items:center;justify-content:space-between;"]);
-var Title$c = /*#__PURE__*/styled__default.h3.withConfig({
+var Title$d = /*#__PURE__*/styled__default.h3.withConfig({
   displayName: "CharacterListingModal__Title",
   componentId: "sc-1uxkx35-4"
 })(["margin:0;font-family:'Press Start 2P',cursive !important;font-size:0.65rem !important;color:#fef08a !important;"]);
-var CloseButton$d = /*#__PURE__*/styled__default.button.withConfig({
+var CloseButton$e = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "CharacterListingModal__CloseButton",
   componentId: "sc-1uxkx35-5"
 })(["background:none;border:none;color:rgba(255,255,255,0.6);cursor:pointer;font-size:1rem;padding:4px;display:flex;align-items:center;pointer-events:auto;&:hover{color:#ffffff;}"]);
@@ -47788,7 +47987,7 @@ var CharacterInfo$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__CharacterInfo",
   componentId: "sc-1uxkx35-10"
 })(["display:flex;flex-direction:column;gap:4px;flex:1;"]);
-var CharacterName$3 = /*#__PURE__*/styled__default.span.withConfig({
+var CharacterName$4 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterListingModal__CharacterName",
   componentId: "sc-1uxkx35-11"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#f3f4f6 !important;"]);
@@ -47800,7 +47999,7 @@ var PricePreview = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterListingModal__PricePreview",
   componentId: "sc-1uxkx35-13"
 })(["display:flex;align-items:center;gap:6px;"]);
-var DCCoinWrapper$4 = /*#__PURE__*/styled__default.span.withConfig({
+var DCCoinWrapper$5 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterListingModal__DCCoinWrapper",
   componentId: "sc-1uxkx35-14"
 })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;"]);
@@ -48209,7 +48408,7 @@ var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
     isBeingBought = listing.isBeingBought;
   return React__default.createElement(ItemRowWrapper, {
     "$isHighlighted": disabled || isBeingBought
-  }, React__default.createElement(ItemSection$3, null, React__default.createElement(SpriteContainer$5, null, React__default.createElement(CharacterSprite$2, null, React__default.createElement(SpriteFromAtlas, {
+  }, React__default.createElement(ItemSection$3, null, React__default.createElement(SpriteContainer$6, null, React__default.createElement(CharacterSprite$2, null, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: characterAtlasIMG,
     atlasJSON: characterAtlasJSON,
     spriteKey: characterSnapshot.textureKey + "/down/standing/0.png",
@@ -48220,7 +48419,7 @@ var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
     maxLines: 1,
     maxWidth: "180px",
     fontSize: "10px"
-  }, characterSnapshot.name || 'Unknown Character')), React__default.createElement(CharacterMeta$3, null, "Level ", characterSnapshot.level), characterSnapshot["class"] && React__default.createElement(CharacterClass, null, characterSnapshot["class"]), React__default.createElement(PriceRow$2, null, React__default.createElement(DCCoinWrapper$5, null, React__default.createElement(SpriteFromAtlas, {
+  }, characterSnapshot.name || 'Unknown Character')), React__default.createElement(CharacterMeta$3, null, "Level ", characterSnapshot.level), characterSnapshot["class"] && React__default.createElement(CharacterClass$1, null, characterSnapshot["class"]), React__default.createElement(PriceRow$2, null, React__default.createElement(DCCoinWrapper$6, null, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: "others/definya-coin.png",
@@ -48244,7 +48443,7 @@ var ItemSection$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterMarketplaceRows__ItemSection",
   componentId: "sc-1pxkdig-0"
 })(["display:flex;align-items:center;gap:0.75rem;flex:1;min-width:0;"]);
-var SpriteContainer$5 = /*#__PURE__*/styled__default.div.withConfig({
+var SpriteContainer$6 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterMarketplaceRows__SpriteContainer",
   componentId: "sc-1pxkdig-1"
 })(["position:relative;flex-shrink:0;min-width:44px;"]);
@@ -48264,7 +48463,7 @@ var CharacterMeta$3 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterMarketplaceRows__CharacterMeta",
   componentId: "sc-1pxkdig-5"
 })(["font-size:0.45rem;color:#888;text-transform:uppercase;letter-spacing:0.5px;"]);
-var CharacterClass = /*#__PURE__*/styled__default.span.withConfig({
+var CharacterClass$1 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterMarketplaceRows__CharacterClass",
   componentId: "sc-1pxkdig-6"
 })(["font-size:0.4rem;color:#666;text-transform:uppercase;letter-spacing:0.5px;"]);
@@ -48272,7 +48471,7 @@ var PriceRow$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CharacterMarketplaceRows__PriceRow",
   componentId: "sc-1pxkdig-7"
 })(["display:flex;align-items:center;gap:0.4rem;margin-top:0.2rem;"]);
-var DCCoinWrapper$5 = /*#__PURE__*/styled__default.span.withConfig({
+var DCCoinWrapper$6 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "CharacterMarketplaceRows__DCCoinWrapper",
   componentId: "sc-1pxkdig-8"
 })(["display:flex;align-items:center;justify-content:center;position:relative;top:-0.5rem;left:-0.4rem;"]);
@@ -48494,7 +48693,7 @@ var PartyCreate = function PartyCreate(_ref) {
     style: {
       width: '100%'
     }
-  }, React__default.createElement(Title$d, null, "Create Party"), React__default.createElement("hr", {
+  }, React__default.createElement(Title$e, null, "Create Party"), React__default.createElement("hr", {
     className: "golden"
   }))), React__default.createElement("h1", null, "Type your party name"), React__default.createElement(Input, {
     placeholder: "Type party name",
@@ -48517,7 +48716,7 @@ var Wrapper$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyCreate__Wrapper",
   componentId: "sc-13brop0-0"
 })(["display:flex;flex-direction:column;width:100%;"]);
-var Title$d = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$e = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "PartyCreate__Title",
   componentId: "sc-13brop0-1"
 })(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
@@ -48566,7 +48765,7 @@ var PartyDashboard = function PartyDashboard(_ref) {
     style: {
       width: '100%'
     }
-  }, React__default.createElement(Title$e, null, "Party Dashboard"), React__default.createElement(Button, {
+  }, React__default.createElement(Title$f, null, "Party Dashboard"), React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton
   }, "Create"), React__default.createElement("hr", {
     className: "golden"
@@ -48593,7 +48792,7 @@ var RowsWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyDashboard__RowsWrapper",
   componentId: "sc-16cm41r-1"
 })(["overflow-y:scroll;-webkit-overflow-scrolling:touch;width:100%;height:200px;"]);
-var Title$e = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$f = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "PartyDashboard__Title",
   componentId: "sc-16cm41r-2"
 })(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
@@ -48630,7 +48829,7 @@ var PartyInvite = function PartyInvite(_ref) {
     style: {
       width: '100%'
     }
-  }, React__default.createElement(Title$f, null, "Invite for Party"), React__default.createElement("hr", {
+  }, React__default.createElement(Title$g, null, "Invite for Party"), React__default.createElement("hr", {
     className: "golden"
   }))), React__default.createElement(RowsWrapper$1, {
     className: "playersRows"
@@ -48649,7 +48848,7 @@ var Wrapper$5 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyInvite__Wrapper",
   componentId: "sc-eu8ggt-0"
 })(["display:flex;flex-direction:column;width:100%;"]);
-var Title$f = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$g = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "PartyInvite__Title",
   componentId: "sc-eu8ggt-1"
 })(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
@@ -49091,7 +49290,7 @@ var QuestInfo = function QuestInfo(_ref) {
     onPointerDown: onRightClick
   }), React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
     className: "drag-handler"
-  }, React__default.createElement(Title$g, null, React__default.createElement(Thumbnail, {
+  }, React__default.createElement(Title$h, null, React__default.createElement(Thumbnail, {
     src: quests[currentIndex].thumbnail || img$8
   }), quests[currentIndex].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
     className: "golden"
@@ -49110,7 +49309,7 @@ var QuestInfo = function QuestInfo(_ref) {
     }, button.title);
   })))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
     className: "drag-handler"
-  }, React__default.createElement(Title$g, null, React__default.createElement(Thumbnail, {
+  }, React__default.createElement(Title$h, null, React__default.createElement(Thumbnail, {
     src: quests[0].thumbnail || img$8
   }), quests[0].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
     className: "golden"
@@ -49157,7 +49356,7 @@ var TitleContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "QuestInfo__TitleContainer",
   componentId: "sc-1wccpiy-6"
 })(["width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:1rem;"]);
-var Title$g = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$h = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "QuestInfo__Title",
   componentId: "sc-1wccpiy-7"
 })(["color:white;z-index:22;font-size:", " !important;color:", " !important;"], uiFonts.size.medium, uiColors.yellow);
@@ -49545,7 +49744,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
     var result = level * (buffAndDebuff / 100);
     return result > 0 ? "+" + result.toFixed(2) : "" + result.toFixed(2);
   };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(ProgressTitle, null, buffAndDebuff !== undefined && React__default.createElement(React__default.Fragment, null, buffAndDebuff > 0 ? React__default.createElement(BuffAndDebuffContainer, null, React__default.createElement(TitleNameContainer, null, React__default.createElement(TitleNameBuff, null, skillName), React__default.createElement(TitleNameBuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React__default.createElement(TitleNameBuffContainer, null, React__default.createElement(TitleNameBuff, null, "(+", formatBuffAndDebuff(buffAndDebuff), "%)"))) : buffAndDebuff < 0 ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TitleNameContainer, null, React__default.createElement(TitleNameDebuff, null, skillName), React__default.createElement(TitleNameDebuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React__default.createElement("div", null, React__default.createElement(TitleNameDebuff, null, "(", formatBuffAndDebuff(buffAndDebuff), "%)"))) : React__default.createElement(TitleName, null, skillName)), !buffAndDebuff && React__default.createElement(TitleNameContainer, null, React__default.createElement(TitleName, null, skillName), React__default.createElement(ValueDisplay, null, "lv ", effectiveLevel))), React__default.createElement(ProgressBody, null, React__default.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React__default.createElement(SpriteContainer$6, null, React__default.createElement(ErrorBoundary, null, React__default.createElement(SpriteFromAtlas, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(ProgressTitle, null, buffAndDebuff !== undefined && React__default.createElement(React__default.Fragment, null, buffAndDebuff > 0 ? React__default.createElement(BuffAndDebuffContainer, null, React__default.createElement(TitleNameContainer, null, React__default.createElement(TitleNameBuff, null, skillName), React__default.createElement(TitleNameBuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React__default.createElement(TitleNameBuffContainer, null, React__default.createElement(TitleNameBuff, null, "(+", formatBuffAndDebuff(buffAndDebuff), "%)"))) : buffAndDebuff < 0 ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TitleNameContainer, null, React__default.createElement(TitleNameDebuff, null, skillName), React__default.createElement(TitleNameDebuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React__default.createElement("div", null, React__default.createElement(TitleNameDebuff, null, "(", formatBuffAndDebuff(buffAndDebuff), "%)"))) : React__default.createElement(TitleName, null, skillName)), !buffAndDebuff && React__default.createElement(TitleNameContainer, null, React__default.createElement(TitleName, null, skillName), React__default.createElement(ValueDisplay, null, "lv ", effectiveLevel))), React__default.createElement(ProgressBody, null, React__default.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React__default.createElement(SpriteContainer$7, null, React__default.createElement(ErrorBoundary, null, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: texturePath,
@@ -49561,7 +49760,7 @@ var ProgressBarWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SkillProgressBar__ProgressBarWrapper",
   componentId: "sc-5vuroc-0"
 })(["position:relative;&:hover ", ",&:active ", "{visibility:visible;}width:100%;height:auto;top:8px;"], Tooltip, Tooltip);
-var SpriteContainer$6 = /*#__PURE__*/styled__default.div.withConfig({
+var SpriteContainer$7 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SkillProgressBar__SpriteContainer",
   componentId: "sc-5vuroc-1"
 })(["position:relative;top:-3px;left:0;"]);
@@ -49732,7 +49931,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
     cancelDrag: "#skillsDiv",
     scale: scale,
     width: "100%"
-  }, onCloseButton && React__default.createElement(CloseButton$e, {
+  }, onCloseButton && React__default.createElement(CloseButton$f, {
     onPointerDown: onCloseButton
   }, "X"), React__default.createElement(SkillsContainerDiv, {
     id: "skillsDiv"
@@ -49767,12 +49966,12 @@ var SkillSplitDiv = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SkillsContainer__SkillSplitDiv",
   componentId: "sc-1g0c67q-2"
 })(["width:100%;font-size:11px;hr{margin:0;margin-bottom:1rem;padding:0px;}p{margin-bottom:0px;}"]);
-var CloseButton$e = /*#__PURE__*/styled__default.div.withConfig({
+var CloseButton$f = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SkillsContainer__CloseButton",
   componentId: "sc-1g0c67q-3"
 })(["position:absolute;top:2px;right:2px;color:white;z-index:22;font-size:1.1rem;"]);
 
-var Divider = function Divider(_ref) {
+var Divider$1 = function Divider(_ref) {
   var className = _ref.className,
     _ref$margin = _ref.margin,
     margin = _ref$margin === void 0 ? '4px 0' : _ref$margin;
@@ -49846,7 +50045,7 @@ var SocialModal = function SocialModal(_ref) {
     onClick: handleDiscordClick
   }, React__default.createElement(fa.FaDiscord, null), " Discord"), React__default.createElement(SocialButton$1, {
     onClick: handleRedditClick
-  }, React__default.createElement(fa.FaReddit, null), " Reddit")), React__default.createElement(Divider, {
+  }, React__default.createElement(fa.FaReddit, null), " Reddit")), React__default.createElement(Divider$1, {
     margin: "8px 0"
   }), React__default.createElement(DropdownContainer$1, null, React__default.createElement(Dropdown, {
     options: whatsAppGroups,
@@ -49903,7 +50102,7 @@ var SpellInfo$1 = function SpellInfo(_ref) {
     castingType = spell.castingType,
     cooldown = spell.cooldown,
     maxDistanceGrid = spell.maxDistanceGrid;
-  return React__default.createElement(Container$G, null, React__default.createElement(Header$c, null, React__default.createElement("div", null, React__default.createElement(Title$h, null, name), React__default.createElement(Type$1, null, magicWords))), React__default.createElement(Statistic$1, null, React__default.createElement("div", {
+  return React__default.createElement(Container$G, null, React__default.createElement(Header$d, null, React__default.createElement("div", null, React__default.createElement(Title$i, null, name), React__default.createElement(Type$1, null, magicWords))), React__default.createElement(Statistic$1, null, React__default.createElement("div", {
     className: "label"
   }, "Casting Type:"), React__default.createElement("div", {
     className: "value"
@@ -49933,7 +50132,7 @@ var Container$G = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SpellInfo__Container",
   componentId: "sc-4hbw3q-0"
 })(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:30rem;@media (max-width:580px){width:80vw;}"], uiFonts.size.small, uiColors.lightGray);
-var Title$h = /*#__PURE__*/styled__default.div.withConfig({
+var Title$i = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SpellInfo__Title",
   componentId: "sc-4hbw3q-1"
 })(["font-size:", ";font-weight:bold;margin-bottom:0.5rem;display:flex;align-items:center;margin:0;"], uiFonts.size.medium);
@@ -49945,7 +50144,7 @@ var Description$5 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SpellInfo__Description",
   componentId: "sc-4hbw3q-3"
 })(["margin-top:1.5rem;font-size:", ";color:", ";font-style:italic;"], uiFonts.size.small, uiColors.lightGray);
-var Header$c = /*#__PURE__*/styled__default.div.withConfig({
+var Header$d = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SpellInfo__Header",
   componentId: "sc-4hbw3q-4"
 })(["display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;"]);
@@ -50161,7 +50360,7 @@ var Spell = function Spell(_ref) {
     onPointerUp: onPointerUp == null ? void 0 : onPointerUp.bind(null, spellKey),
     isSettingShortcut: isSettingShortcut && !disabled,
     className: "spell"
-  }, disabled && React__default.createElement(Overlay$8, null, characterSkillLevel < requiredLevel ? "Low " + getSkillName(attribute || 'magic level') + " level" : manaCost > charMana && 'No mana'), React__default.createElement(SpellImage, null, activeCooldown && activeCooldown > 0 ? React__default.createElement("span", {
+  }, disabled && React__default.createElement(Overlay$9, null, characterSkillLevel < requiredLevel ? "Low " + getSkillName(attribute || 'magic level') + " level" : manaCost > charMana && 'No mana'), React__default.createElement(SpellImage, null, activeCooldown && activeCooldown > 0 ? React__default.createElement("span", {
     className: "cooldown"
   }, activeCooldown.toFixed(activeCooldown > 10 ? 0 : 1)) : null, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -50170,9 +50369,9 @@ var Spell = function Spell(_ref) {
     imgScale: IMAGE_SCALE,
     containerStyle: CONTAINER_STYLE,
     centered: true
-  })), React__default.createElement(Info, null, React__default.createElement(Title$i, null, React__default.createElement("span", null, name), React__default.createElement("span", {
+  })), React__default.createElement(Info, null, React__default.createElement(Title$j, null, React__default.createElement("span", null, name), React__default.createElement("span", {
     className: "spell"
-  }, "(", magicWords, ")")), React__default.createElement(Description$6, null, description)), React__default.createElement(Divider$1, null), React__default.createElement(Cost, null, React__default.createElement("span", null, "Mana cost:"), React__default.createElement("span", {
+  }, "(", magicWords, ")")), React__default.createElement(Description$6, null, description)), React__default.createElement(Divider$2, null), React__default.createElement(Cost, null, React__default.createElement("span", null, "Mana cost:"), React__default.createElement("span", {
     className: "mana"
   }, manaCost))));
 };
@@ -50191,7 +50390,7 @@ var Info = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "Spell__Info",
   componentId: "sc-j96fa2-2"
 })(["width:0;flex:1;@media (orientation:portrait){display:none;}"]);
-var Title$i = /*#__PURE__*/styled__default.p.withConfig({
+var Title$j = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "Spell__Title",
   componentId: "sc-j96fa2-3"
 })(["display:flex;flex-wrap:wrap;align-items:center;margin-bottom:5px;margin:0;span{font-size:", " !important;font-weight:bold !important;color:", " !important;margin-right:0.5rem;}.spell{font-size:", " !important;font-weight:normal !important;color:", " !important;}"], uiFonts.size.medium, uiColors.yellow, uiFonts.size.small, uiColors.lightGray);
@@ -50199,7 +50398,7 @@ var Description$6 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Spell__Description",
   componentId: "sc-j96fa2-4"
 })(["font-size:", " !important;line-height:1.1 !important;"], uiFonts.size.small);
-var Divider$1 = /*#__PURE__*/styled__default.div.withConfig({
+var Divider$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Spell__Divider",
   componentId: "sc-j96fa2-5"
 })(["width:1px;height:100%;margin:0 1rem;background-color:", ";"], uiColors.lightGray);
@@ -50207,7 +50406,7 @@ var Cost = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "Spell__Cost",
   componentId: "sc-j96fa2-6"
 })(["display:flex;align-items:center;flex-direction:column;gap:0.5rem;div{z-index:1;}.mana{position:relative;font-size:", ";font-weight:bold;z-index:1;&::after{position:absolute;content:'';top:0;left:0;background-color:", ";width:100%;height:100%;border-radius:50%;transform:scale(1.8);filter:blur(10px);z-index:-1;}}"], uiFonts.size.medium, uiColors.blue);
-var Overlay$8 = /*#__PURE__*/styled__default.p.withConfig({
+var Overlay$9 = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "Spell__Overlay",
   componentId: "sc-j96fa2-7"
 })(["margin:0 !important;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem;display:flex;justify-content:center;align-items:center;color:", ";font-size:", " !important;font-weight:bold;z-index:10;background-color:rgba(0 0 0 / 0.2);"], uiColors.yellow, uiFonts.size.large);
@@ -50256,7 +50455,7 @@ var Spellbook = function Spellbook(_ref) {
     height: "inherit",
     cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
     scale: scale
-  }, React__default.createElement(Container$K, null, React__default.createElement(Title$j, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
+  }, React__default.createElement(Container$K, null, React__default.createElement(Title$k, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
     setSettingShortcutIndex: setSettingShortcutIndex,
     settingShortcutIndex: settingShortcutIndex,
     shortcuts: shortcuts,
@@ -50289,7 +50488,7 @@ var Spellbook = function Spellbook(_ref) {
     }, spell)));
   }))));
 };
-var Title$j = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$k = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "Spellbook__Title",
   componentId: "sc-r02nfq-0"
 })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
@@ -70709,7 +70908,7 @@ var PurchaseSuccess = function PurchaseSuccess(_ref) {
       key: i,
       "$i": i
     });
-  })), React__default.createElement(Header$d, null, React__default.createElement(TrophyArea, null, React__default.createElement(TrophyIcon, null, React__default.createElement(fa.FaStar, null))), React__default.createElement(Title$k, null, "PURCHASE COMPLETE!"), React__default.createElement(Subtitle$2, null, "Your items are ready")), React__default.createElement(ItemsList, null, items.map(function (item, i) {
+  })), React__default.createElement(Header$e, null, React__default.createElement(TrophyArea, null, React__default.createElement(TrophyIcon, null, React__default.createElement(fa.FaStar, null))), React__default.createElement(Title$l, null, "PURCHASE COMPLETE!"), React__default.createElement(Subtitle$2, null, "Your items are ready")), React__default.createElement(ItemsList, null, items.map(function (item, i) {
     var _item$metadata;
     var isCharSkin = item.metadataType === shared.MetadataType.CharacterSkin;
     var spriteKey = isCharSkin && (_item$metadata = item.metadata) != null && _item$metadata.selectedSkinTextureKey ? item.metadata.selectedSkinTextureKey + "/down/standing/0.png" : item.texturePath;
@@ -70733,13 +70932,13 @@ var PurchaseSuccess = function PurchaseSuccess(_ref) {
     onPointerDown: onClose
   }, React__default.createElement(fa.FaTimes, null), " Close Store")));
 };
-var scaleIn$3 = /*#__PURE__*/styled.keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
+var scaleIn$4 = /*#__PURE__*/styled.keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
 var _float = /*#__PURE__*/styled.keyframes(["0%{transform:translateY(0) rotate(0deg);opacity:1;}100%{transform:translateY(-60px) rotate(360deg);opacity:0;}"]);
 var glowPulse = /*#__PURE__*/styled.keyframes(["0%,100%{box-shadow:0 0 12px rgba(245,158,11,0.5),0 0 24px rgba(245,158,11,0.2);}50%{box-shadow:0 0 24px rgba(245,158,11,0.8),0 0 48px rgba(245,158,11,0.4);}"]);
 var Container$L = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PurchaseSuccess__Container",
   componentId: "sc-18z5q21-0"
-})(["position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1.5rem;overflow:hidden;animation:", " 0.25s ease-out;text-align:center;"], scaleIn$3);
+})(["position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1.5rem;overflow:hidden;animation:", " 0.25s ease-out;text-align:center;"], scaleIn$4);
 var Sparkles = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PurchaseSuccess__Sparkles",
   componentId: "sc-18z5q21-1"
@@ -70756,7 +70955,7 @@ var Spark = /*#__PURE__*/styled__default.div.withConfig({
 }, function (p) {
   return p.$i * 0.2;
 });
-var Header$d = /*#__PURE__*/styled__default.div.withConfig({
+var Header$e = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PurchaseSuccess__Header",
   componentId: "sc-18z5q21-3"
 })(["display:flex;flex-direction:column;align-items:center;gap:0.5rem;"]);
@@ -70768,7 +70967,7 @@ var TrophyIcon = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PurchaseSuccess__TrophyIcon",
   componentId: "sc-18z5q21-5"
 })(["width:64px;height:64px;border-radius:50%;background:rgba(245,158,11,0.15);border:2px solid #f59e0b;display:flex;align-items:center;justify-content:center;animation:", " 2s ease-in-out infinite;svg{font-size:1.75rem;color:#f59e0b;}"], glowPulse);
-var Title$k = /*#__PURE__*/styled__default.h2.withConfig({
+var Title$l = /*#__PURE__*/styled__default.h2.withConfig({
   displayName: "PurchaseSuccess__Title",
   componentId: "sc-18z5q21-6"
 })(["font-family:'Press Start 2P',cursive;font-size:0.9rem;color:#fef08a;margin:0;text-shadow:0 0 8px rgba(245,158,11,0.6);"]);
@@ -70937,9 +71136,9 @@ var CartView = function CartView(_ref2) {
       onClose: onCloseStore != null ? onCloseStore : onClose
     });
   }
-  return React__default.createElement(Container$M, null, React__default.createElement(Header$e, null, React__default.createElement(Title$l, null, "Shopping Cart (", cartItems.reduce(function (s, ci) {
+  return React__default.createElement(Container$M, null, React__default.createElement(Header$f, null, React__default.createElement(Title$m, null, "Shopping Cart (", cartItems.reduce(function (s, ci) {
     return s + ci.quantity;
-  }, 0), ")"), React__default.createElement(CloseButton$f, {
+  }, 0), ")"), React__default.createElement(CloseButton$g, {
     onPointerDown: onClose
   }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(CartItems, null, cartItems.length === 0 ? React__default.createElement(EmptyCart, null, "Your cart is empty") : cartItems.map(function (cartItem) {
     var _cartItem$metadata, _cartItem$metadata2, _cartItem$item$region2, _cartItem$item$region3;
@@ -70967,7 +71166,7 @@ var CartView = function CartView(_ref2) {
         onRemoveFromCart(cartItem.item.key);
       }
     }));
-  })), React__default.createElement(Footer$1, null, showDCNudge && React__default.createElement(DCNudge, {
+  })), React__default.createElement(Footer$2, null, showDCNudge && React__default.createElement(DCNudge, {
     onPointerDown: onBuyDC
   }, React__default.createElement(fa.FaCoins, null), React__default.createElement("span", null, "Save more with DC \u2014 volume discounts available"), React__default.createElement(DCNudgeLink, null, "Buy DC \u2192")), React__default.createElement(TrustBar, {
     signals: trustSignals
@@ -70985,15 +71184,15 @@ var Container$M = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CartView__Container",
   componentId: "sc-ydtyl1-0"
 })(["display:flex;flex-direction:column;width:100%;gap:1rem;padding:1rem;"]);
-var Header$e = /*#__PURE__*/styled__default.div.withConfig({
+var Header$f = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CartView__Header",
   componentId: "sc-ydtyl1-1"
 })(["display:flex;justify-content:space-between;align-items:center;"]);
-var Title$l = /*#__PURE__*/styled__default.h2.withConfig({
+var Title$m = /*#__PURE__*/styled__default.h2.withConfig({
   displayName: "CartView__Title",
   componentId: "sc-ydtyl1-2"
 })(["font-family:'Press Start 2P',cursive;font-size:1rem;color:#ffffff;margin:0;"]);
-var CloseButton$f = /*#__PURE__*/styled__default.div.withConfig({
+var CloseButton$g = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CartView__CloseButton",
   componentId: "sc-ydtyl1-3"
 })(["padding:0.5rem;min-width:unset;width:42px;height:42px;display:flex;font-size:1.5rem;align-items:center;color:white;justify-content:center;"]);
@@ -71025,7 +71224,7 @@ var ItemInfo$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CartView__ItemInfo",
   componentId: "sc-ydtyl1-10"
 })(["display:flex;align-items:center;gap:0.4rem;font-family:'Press Start 2P',cursive;font-size:0.55rem;color:#fef08a;"]);
-var Footer$1 = /*#__PURE__*/styled__default.div.withConfig({
+var Footer$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CartView__Footer",
   componentId: "sc-ydtyl1-11"
 })(["display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1);flex-shrink:0;@media (max-width:600px){gap:0.75rem;padding-top:0.75rem;}"]);
@@ -71592,13 +71791,13 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     }
   }, [selected, dcDisabled, onPayWithDC, onPayWithCard, onPayWithPix]);
   var dcSubText = dcRequired !== undefined ? dcBalance.toLocaleString() + " DC available \xB7 " + dcRequired.toLocaleString() + " DC needed" : dcBalance.toLocaleString() + " DC available";
-  return React__default.createElement(ModalPortal, null, React__default.createElement(Overlay$9, {
+  return React__default.createElement(ModalPortal, null, React__default.createElement(Overlay$a, {
     onPointerDown: onClose
-  }), React__default.createElement(ModalContainer$6, null, React__default.createElement(ModalContent$6, {
+  }), React__default.createElement(ModalContainer$7, null, React__default.createElement(ModalContent$7, {
     onClick: stopPropagation,
     onTouchStart: stopPropagation,
     onPointerDown: stopPropagation
-  }, React__default.createElement(Header$f, null, React__default.createElement(Title$m, null, "How would you like to pay?"), React__default.createElement(CloseButton$g, {
+  }, React__default.createElement(Header$g, null, React__default.createElement(Title$n, null, "How would you like to pay?"), React__default.createElement(CloseButton$h, {
     onPointerDown: onClose,
     "aria-label": "Close"
   }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(Options$1, null, React__default.createElement(RadioOption$2, {
@@ -71628,27 +71827,27 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     onPointerDown: handleConfirm
   }, "Confirm")))));
 };
-var Overlay$9 = /*#__PURE__*/styled__default.div.withConfig({
+var Overlay$a = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PaymentMethodModal__Overlay",
   componentId: "sc-1dxy6lr-0"
 })(["position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:1000;"]);
-var ModalContainer$6 = /*#__PURE__*/styled__default.div.withConfig({
+var ModalContainer$7 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PaymentMethodModal__ModalContainer",
   componentId: "sc-1dxy6lr-1"
 })(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;"]);
-var ModalContent$6 = /*#__PURE__*/styled__default.div.withConfig({
+var ModalContent$7 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PaymentMethodModal__ModalContent",
   componentId: "sc-1dxy6lr-2"
 })(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px 24px;min-width:300px;max-width:90%;display:flex;flex-direction:column;gap:16px;pointer-events:auto;animation:scaleIn 0.15s ease-out;@keyframes scaleIn{from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}}"]);
-var Header$f = /*#__PURE__*/styled__default.div.withConfig({
+var Header$g = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PaymentMethodModal__Header",
   componentId: "sc-1dxy6lr-3"
 })(["display:flex;align-items:center;justify-content:space-between;"]);
-var Title$m = /*#__PURE__*/styled__default.h3.withConfig({
+var Title$n = /*#__PURE__*/styled__default.h3.withConfig({
   displayName: "PaymentMethodModal__Title",
   componentId: "sc-1dxy6lr-4"
 })(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#fef08a;"]);
-var CloseButton$g = /*#__PURE__*/styled__default.button.withConfig({
+var CloseButton$h = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "PaymentMethodModal__CloseButton",
   componentId: "sc-1dxy6lr-5"
 })(["background:none;border:none;color:rgba(255,255,255,0.6);cursor:pointer;font-size:1rem;padding:4px;display:flex;align-items:center;&:hover{color:#ffffff;}"]);
@@ -71858,7 +72057,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
     height: 32,
     imgScale: 2,
     centered: true
-  }) : React__default.createElement(DefaultIcon, null, "\uD83D\uDC64")), React__default.createElement(ItemDetails$5, null, React__default.createElement(Header$g, null, React__default.createElement(ItemName$7, null, item.name)), availableCharacters.length > 0 && currentCharacter && React__default.createElement(SelectedSkinNav, null, React__default.createElement(SelectedSkin, null, "Selected:"), React__default.createElement(SkinNavArrow, {
+  }) : React__default.createElement(DefaultIcon, null, "\uD83D\uDC64")), React__default.createElement(ItemDetails$5, null, React__default.createElement(Header$h, null, React__default.createElement(ItemName$7, null, item.name)), availableCharacters.length > 0 && currentCharacter && React__default.createElement(SelectedSkinNav, null, React__default.createElement(SelectedSkin, null, "Selected:"), React__default.createElement(SkinNavArrow, {
     direction: "left",
     onPointerDown: handlePreviousSkin,
     size: 24
@@ -71871,7 +72070,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
       display: 'flex',
       alignItems: 'center'
     }
-  }, item.currency === 'DC' ? React__default.createElement(React__default.Fragment, null, React__default.createElement(DCCoinWrapper$6, {
+  }, item.currency === 'DC' ? React__default.createElement(React__default.Fragment, null, React__default.createElement(DCCoinWrapper$7, {
     "$scale": 0.8
   }, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -71885,7 +72084,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
       alignItems: 'center',
       gap: '2px'
     }
-  }, React__default.createElement(DCCoinWrapper$6, null, React__default.createElement(SimpleTooltip, {
+  }, React__default.createElement(DCCoinWrapper$7, null, React__default.createElement(SimpleTooltip, {
     content: "Definya Coin",
     direction: "top"
   }, React__default.createElement(SpriteFromAtlas, {
@@ -71904,7 +72103,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
     style: {
       margin: '0 4px'
     }
-  }, "\xB7"), React__default.createElement(DCCoinWrapper$6, {
+  }, "\xB7"), React__default.createElement(DCCoinWrapper$7, {
     "$scale": 0.9
   }, React__default.createElement(SimpleTooltip, {
     content: "Definya Coin",
@@ -71972,7 +72171,7 @@ var Controls = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreCharacterSkinRow__Controls",
   componentId: "sc-81xqsx-8"
 })(["display:flex;align-items:center;gap:0.5rem;min-width:fit-content;"]);
-var DCCoinWrapper$6 = /*#__PURE__*/styled__default.span.withConfig({
+var DCCoinWrapper$7 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "StoreCharacterSkinRow__DCCoinWrapper",
   componentId: "sc-81xqsx-9"
 })(["display:flex;align-items:center;justify-content:center;position:relative;top:", ";left:", ";margin-right:0.3rem;"], function (p) {
@@ -71985,7 +72184,7 @@ var SkinNavArrow = /*#__PURE__*/styled__default(SelectArrow).withConfig({
   displayName: "StoreCharacterSkinRow__SkinNavArrow",
   componentId: "sc-81xqsx-10"
 })(["position:static;"]);
-var Header$g = /*#__PURE__*/styled__default.div.withConfig({
+var Header$h = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreCharacterSkinRow__Header",
   componentId: "sc-81xqsx-11"
 })(["display:flex;align-items:center;gap:0.5rem;"]);
@@ -72195,7 +72394,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
       display: 'flex',
       alignItems: 'center'
     }
-  }, item.currency === 'DC' ? React__default.createElement(React__default.Fragment, null, React__default.createElement(DCCoinWrapper$7, {
+  }, item.currency === 'DC' ? React__default.createElement(React__default.Fragment, null, React__default.createElement(DCCoinWrapper$8, {
     "$scale": 0.8
   }, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -72209,7 +72408,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
       alignItems: 'center',
       gap: '2px'
     }
-  }, React__default.createElement(DCCoinWrapper$7, null, React__default.createElement(SimpleTooltip, {
+  }, React__default.createElement(DCCoinWrapper$8, null, React__default.createElement(SimpleTooltip, {
     content: "Definya Coin",
     direction: "top"
   }, React__default.createElement(SpriteFromAtlas, {
@@ -72228,7 +72427,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
     style: {
       margin: '0 4px'
     }
-  }, "\xB7"), React__default.createElement(DCCoinWrapper$7, {
+  }, "\xB7"), React__default.createElement(DCCoinWrapper$8, {
     "$scale": 0.9
   }, React__default.createElement(SimpleTooltip, {
     content: "Definya Coin",
@@ -72317,7 +72516,7 @@ var ItemDescription = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemRow__ItemDescription",
   componentId: "sc-ptotuo-7"
 })(["font-family:'Press Start 2P',cursive;font-size:0.625rem;color:rgba(255,255,255,0.85);line-height:1.4;margin-top:2px;"]);
-var DCCoinWrapper$7 = /*#__PURE__*/styled__default.span.withConfig({
+var DCCoinWrapper$8 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "StoreItemRow__DCCoinWrapper",
   componentId: "sc-ptotuo-8"
 })(["display:flex;align-items:center;justify-content:center;position:relative;top:", ";left:", ";margin-right:0.3rem;"], function (p) {
@@ -72706,7 +72905,7 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
     if (typeof imageUrl === 'string') return imageUrl;
     return imageUrl["default"] || imageUrl.src;
   };
-  return React__default.createElement(Container$O, null, React__default.createElement(Header$h, null, React__default.createElement(BackButton, {
+  return React__default.createElement(Container$O, null, React__default.createElement(Header$i, null, React__default.createElement(BackButton, {
     onClick: onBack
   }, React__default.createElement(fa.FaArrowLeft, null), React__default.createElement("span", null, "Back"))), React__default.createElement(Content$5, null, React__default.createElement(DetailsGrid, null, React__default.createElement(ItemIcon, null, React__default.createElement("img", {
     src: getImageSrc(),
@@ -72724,7 +72923,7 @@ var Container$O = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemDetails__Container",
   componentId: "sc-k3ho5z-0"
 })(["display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;height:100%;"]);
-var Header$h = /*#__PURE__*/styled__default.div.withConfig({
+var Header$i = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemDetails__Header",
   componentId: "sc-k3ho5z-1"
 })(["display:flex;align-items:center;gap:1rem;"]);
@@ -73230,7 +73429,7 @@ var Store = function Store(_ref) {
   }), React__default.createElement(CartButtonWrapper, null, React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaShoppingCart, null),
     onClick: handleOpenCart
-  }), getTotalItems() > 0 && React__default.createElement(CartBadge, null, getTotalItems()))), React__default.createElement(TabContent, null, (_tabsMap$activeTab = tabsMap[activeTab]) == null ? void 0 : _tabsMap$activeTab.content)), cartItems.length > 0 && React__default.createElement(Footer$2, null, React__default.createElement(CartSummary, null, React__default.createElement(CartInfo, null, React__default.createElement("span", null, "Items in cart:"), React__default.createElement("span", null, getTotalItems())), React__default.createElement(CartInfo, null, React__default.createElement("span", null, "Total:"), React__default.createElement("span", null, currencySymbol, getTotalPrice().toFixed(2)))), React__default.createElement(CTAButton, {
+  }), getTotalItems() > 0 && React__default.createElement(CartBadge, null, getTotalItems()))), React__default.createElement(TabContent, null, (_tabsMap$activeTab = tabsMap[activeTab]) == null ? void 0 : _tabsMap$activeTab.content)), cartItems.length > 0 && React__default.createElement(Footer$3, null, React__default.createElement(CartSummary, null, React__default.createElement(CartInfo, null, React__default.createElement("span", null, "Items in cart:"), React__default.createElement("span", null, getTotalItems())), React__default.createElement(CartInfo, null, React__default.createElement("span", null, "Total:"), React__default.createElement("span", null, currencySymbol, getTotalPrice().toFixed(2)))), React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaShoppingCart, null),
     label: "Proceed to Checkout (" + currencySymbol + getTotalPrice().toFixed(2) + ")",
     onClick: handleOpenCart,
@@ -73261,7 +73460,7 @@ var TabContent = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Store__TabContent",
   componentId: "sc-64dj00-5"
 })(["flex:1;overflow-y:auto;"]);
-var Footer$2 = /*#__PURE__*/styled__default.div.withConfig({
+var Footer$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Store__Footer",
   componentId: "sc-64dj00-6"
 })(["display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:2px solid #f59e0b;background:rgba(0,0,0,0.2);flex-shrink:0;"]);
@@ -73324,7 +73523,7 @@ var TimeWidget = function TimeWidget(_ref) {
   return React__default.createElement(Draggable, {
     scale: scale,
     cancel: ".time-widget-close,.time-widget-container,.time-widget-container *"
-  }, React__default.createElement(WidgetContainer, null, React__default.createElement(CloseButton$h, {
+  }, React__default.createElement(WidgetContainer, null, React__default.createElement(CloseButton$i, {
     onPointerDown: onClose,
     className: "time-widget-close"
   }, "X"), React__default.createElement(DayNightContainer, {
@@ -73341,7 +73540,7 @@ var Time = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TimeWidget__Time",
   componentId: "sc-1ja236h-1"
 })(["top:0.75rem;right:0.5rem;position:absolute;font-size:", ";color:white;"], uiFonts.size.small);
-var CloseButton$h = /*#__PURE__*/styled__default.p.withConfig({
+var CloseButton$i = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "TimeWidget__CloseButton",
   componentId: "sc-1ja236h-2"
 })(["position:absolute;top:-0.5rem;margin:0;right:-0.2rem;font-size:", " !important;z-index:1;"], uiFonts.size.small);
@@ -73450,7 +73649,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
     }
     return null;
   };
-  return React__default.createElement(ItemWrapper$1, null, React__default.createElement(ItemIconContainer$3, null, React__default.createElement(SpriteContainer$7, null, React__default.createElement(ItemInfoWrapper, {
+  return React__default.createElement(ItemWrapper$1, null, React__default.createElement(ItemIconContainer$3, null, React__default.createElement(SpriteContainer$8, null, React__default.createElement(ItemInfoWrapper, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     equipmentSet: equipmentSet,
@@ -73522,7 +73721,7 @@ var ItemIconContainer$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TradingItemRow__ItemIconContainer",
   componentId: "sc-mja0b5-3"
 })(["display:flex;justify-content:flex-start;align-items:center;flex:0 0 40px;"]);
-var SpriteContainer$7 = /*#__PURE__*/styled__default.div.withConfig({
+var SpriteContainer$8 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TradingItemRow__SpriteContainer",
   componentId: "sc-mja0b5-4"
 })(["position:relative;top:-0.5rem;left:0;"]);
@@ -73620,7 +73819,7 @@ var TradingMenu = function TradingMenu(_ref) {
     width: "500px",
     cancelDrag: "#TraderContainer",
     scale: scale
-  }, React__default.createElement(Container$Q, null, React__default.createElement(Title$n, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React__default.createElement("hr", {
+  }, React__default.createElement(Container$Q, null, React__default.createElement(Title$o, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React__default.createElement("hr", {
     className: "golden"
   }), React__default.createElement(ScrollWrapper, {
     id: "TraderContainer"
@@ -73652,7 +73851,7 @@ var Container$Q = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TradingMenu__Container",
   componentId: "sc-1wjsz1l-0"
 })(["width:100%;"]);
-var Title$n = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$o = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "TradingMenu__Title",
   componentId: "sc-1wjsz1l-1"
 })(["font-size:0.7rem !important;color:yellow !important;text-align:center;"]);
@@ -73850,6 +74049,7 @@ exports.BuyOrderPanel = BuyOrderPanel;
 exports.BuyOrderRow = BuyOrderRow;
 exports.CTAButton = CTAButton;
 exports.CartView = CartView;
+exports.CharacterDetailModal = CharacterDetailModal;
 exports.CharacterListingForm = CharacterListingForm;
 exports.CharacterListingModal = CharacterListingModal;
 exports.CharacterMarketplacePanel = CharacterMarketplacePanel;