@rpg-engine/long-bow 0.8.181 → 0.8.184

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

@@ -28,6 +28,7 @@ var Settings2 = require('pixelarticons/react/Settings2');
 var ShoppingBag = require('pixelarticons/react/ShoppingBag');
 var ShoppingCart = require('pixelarticons/react/ShoppingCart');
 var Store$1 = require('pixelarticons/react/Store');
+var User = require('pixelarticons/react/User');
 var Wallet = require('pixelarticons/react/Wallet');
 var SortVertical = require('pixelarticons/react/SortVertical');
 var Search = require('pixelarticons/react/Search');
@@ -39131,6 +39132,36 @@ var ContentWrapper = /*#__PURE__*/styled__default.div.withConfig({
   componentId: "sc-ldufv0-3"
 })(["width:100%;"]);
 
+/** 100 DC = $1 USD */
+var DC_TO_USD = 100;
+var DCRateStrip = function DCRateStrip() {
+  return React__default.createElement(RateStrip, null, React__default.createElement(RateItem, null, React__default.createElement(RateNum, null, "1 DC"), React__default.createElement(RateSep, null, "="), React__default.createElement(RateVal, null, shared.DC_TO_GOLD_SWAP_RATE.toLocaleString(), " Gold")), React__default.createElement(RateDivider, null), React__default.createElement(RateItem, null, React__default.createElement(RateNum, null, DC_TO_USD, " DC"), React__default.createElement(RateSep, null, "="), React__default.createElement(RateVal, null, "1 USD")), React__default.createElement(RateDivider, null), React__default.createElement(RateItem, null, React__default.createElement(RateNum, null, "1 USD"), React__default.createElement(RateSep, null, "="), React__default.createElement(RateVal, null, (DC_TO_USD * shared.DC_TO_GOLD_SWAP_RATE / 1000).toFixed(0), "K Gold")));
+};
+var RateStrip = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "DCRateStrip__RateStrip",
+  componentId: "sc-1ltnva-0"
+})(["display:flex;align-items:center;border-top:1px solid rgba(245,158,11,0.1);padding-top:8px;"]);
+var RateItem = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "DCRateStrip__RateItem",
+  componentId: "sc-1ltnva-1"
+})(["display:flex;align-items:center;gap:5px;flex:1;justify-content:center;"]);
+var RateDivider = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "DCRateStrip__RateDivider",
+  componentId: "sc-1ltnva-2"
+})(["width:1px;height:12px;background:rgba(245,158,11,0.2);"]);
+var RateNum = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "DCRateStrip__RateNum",
+  componentId: "sc-1ltnva-3"
+})(["font-family:'Press Start 2P',cursive !important;font-size:6px !important;color:rgba(255,255,255,0.5) !important;"]);
+var RateSep = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "DCRateStrip__RateSep",
+  componentId: "sc-1ltnva-4"
+})(["font-family:'Press Start 2P',cursive !important;font-size:6px !important;color:rgba(255,255,255,0.2) !important;"]);
+var RateVal = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "DCRateStrip__RateVal",
+  componentId: "sc-1ltnva-5"
+})(["font-family:'Press Start 2P',cursive !important;font-size:6px !important;color:rgba(254,240,138,0.6) !important;"]);
+
 var Pagination = function Pagination(_ref) {
   var currentPage = _ref.currentPage,
     totalPages = _ref.totalPages,
@@ -39705,8 +39736,7 @@ var DropdownItem = /*#__PURE__*/styled__default.li.withConfig({
   componentId: "sc-k1vvb1-9"
 })(["padding:6px 8px;font-size:11px;font-family:'Press Start 2P',cursive;color:", ";cursor:pointer;&:hover{background:rgba(245,158,11,0.3);}"], uiColors.white);
 
-var DC_TO_GOLD = 5500;
-var DC_TO_USD = 100;
+var DC_TO_USD$1 = 100;
 var DCWalletContent = function DCWalletContent(_ref) {
   var _historyData$transact, _historyData$totalPag, _historyData$currentP;
   var dcBalance = _ref.dcBalance,
@@ -39723,8 +39753,8 @@ var DCWalletContent = function DCWalletContent(_ref) {
     onBuyDC = _ref.onBuyDC,
     onSearchCharacter = _ref.onSearchCharacter,
     searchResults = _ref.searchResults;
-  var usdValue = (dcBalance / DC_TO_USD).toFixed(2);
-  var goldValue = (dcBalance * DC_TO_GOLD).toLocaleString();
+  var usdValue = (dcBalance / DC_TO_USD$1).toFixed(2);
+  var goldValue = (dcBalance * shared.DC_TO_GOLD_SWAP_RATE).toLocaleString();
   var tabs = [{
     id: 'transfer',
     title: 'Transfer',
@@ -39756,7 +39786,7 @@ var DCWalletContent = function DCWalletContent(_ref) {
     role: "button",
     tabIndex: 0,
     title: "Buy Definya Coins"
-  }, React__default.createElement(fa.FaShoppingCart, null), React__default.createElement(BuyButtonLabel, null, "Buy DC"))), React__default.createElement(RateStrip, null, React__default.createElement(RateItem, null, React__default.createElement(RateNum, null, "1 DC"), React__default.createElement(RateSep, null, "="), React__default.createElement(RateVal, null, "5,500 Gold")), React__default.createElement(RateDivider, null), React__default.createElement(RateItem, null, React__default.createElement(RateNum, null, "100 DC"), React__default.createElement(RateSep, null, "="), React__default.createElement(RateVal, null, "1 USD")), React__default.createElement(RateDivider, null), React__default.createElement(RateItem, null, React__default.createElement(RateNum, null, "1 USD"), React__default.createElement(RateSep, null, "="), React__default.createElement(RateVal, null, "550K Gold")))), React__default.createElement(TabsWrapper, null, React__default.createElement(InternalTabs, {
+  }, React__default.createElement(fa.FaShoppingCart, null), React__default.createElement(BuyButtonLabel, null, "Buy DC"))), React__default.createElement(DCRateStrip, null)), React__default.createElement(TabsWrapper, null, React__default.createElement(InternalTabs, {
     tabs: tabs,
     onTabChange: function onTabChange(tabId) {
       if (tabId === 'history') onRequestHistory(1);
@@ -39808,33 +39838,9 @@ var BuyButtonLabel = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "DCWalletContent__BuyButtonLabel",
   componentId: "sc-1hrivmk-9"
 })(["font-family:'Press Start 2P',cursive !important;font-size:8px !important;color:#000 !important;white-space:nowrap !important;text-shadow:none !important;"]);
-var RateStrip = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "DCWalletContent__RateStrip",
-  componentId: "sc-1hrivmk-10"
-})(["display:flex;align-items:center;border-top:1px solid rgba(245,158,11,0.1);padding-top:8px;"]);
-var RateItem = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "DCWalletContent__RateItem",
-  componentId: "sc-1hrivmk-11"
-})(["display:flex;align-items:center;gap:5px;flex:1;justify-content:center;"]);
-var RateDivider = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "DCWalletContent__RateDivider",
-  componentId: "sc-1hrivmk-12"
-})(["width:1px;height:12px;background:rgba(245,158,11,0.2);"]);
-var RateNum = /*#__PURE__*/styled__default.span.withConfig({
-  displayName: "DCWalletContent__RateNum",
-  componentId: "sc-1hrivmk-13"
-})(["font-family:'Press Start 2P',cursive !important;font-size:6px !important;color:rgba(255,255,255,0.5) !important;"]);
-var RateSep = /*#__PURE__*/styled__default.span.withConfig({
-  displayName: "DCWalletContent__RateSep",
-  componentId: "sc-1hrivmk-14"
-})(["font-family:'Press Start 2P',cursive !important;font-size:6px !important;color:rgba(255,255,255,0.2) !important;"]);
-var RateVal = /*#__PURE__*/styled__default.span.withConfig({
-  displayName: "DCWalletContent__RateVal",
-  componentId: "sc-1hrivmk-15"
-})(["font-family:'Press Start 2P',cursive !important;font-size:6px !important;color:rgba(254,240,138,0.6) !important;"]);
 var TabsWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "DCWalletContent__TabsWrapper",
-  componentId: "sc-1hrivmk-16"
+  componentId: "sc-1hrivmk-10"
 })(["padding:0 2.5%;"]);
 
 var _excluded$3 = ["onClose"];
@@ -45143,18 +45149,18 @@ var GroupedRowContainer = function GroupedRowContainer(_ref) {
 var GroupWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "GroupedRowContainer__GroupWrapper",
   componentId: "sc-12q03tq-0"
-})(["margin-bottom:2px;"]);
+})(["margin-bottom:2px;overflow:hidden;"]);
 var GroupHeader = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "GroupedRowContainer__GroupHeader",
   componentId: "sc-12q03tq-1"
-})(["position:relative;cursor:", ";"], function (_ref2) {
+})(["position:relative;cursor:", ";overflow-x:hidden;"], function (_ref2) {
   var $clickable = _ref2.$clickable;
   return $clickable ? 'pointer' : 'default';
 });
 var GroupMeta = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "GroupedRowContainer__GroupMeta",
   componentId: "sc-12q03tq-2"
-})(["position:absolute;right:180px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;pointer-events:none;"]);
+})(["position:absolute;right:100px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;pointer-events:none;"]);
 var OfferBadge = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "GroupedRowContainer__OfferBadge",
   componentId: "sc-12q03tq-3"
@@ -45881,7 +45887,7 @@ var ConfirmRow = /*#__PURE__*/styled__default.div.withConfig({
 var ItemRowWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ItemRowWrapper",
   componentId: "sc-5g2skk-0"
-})(["display:flex;align-items:center;justify-content:space-between;padding:0.6rem 0.8rem;margin-bottom:6px;background:", ";border:1px solid ", ";border-radius:8px;border-left:4px solid ", ";box-shadow:inset 0 0 10px rgba(0,0,0,0.5),0 2px 4px rgba(0,0,0,0.2);transition:all 0.2s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;&::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);border-radius:8px;pointer-events:none;}&:hover{background:", ";border-color:", ";border-left-color:", ";box-shadow:inset 0 0 10px rgba(0,0,0,0.5),0 4px 16px rgba(0,0,0,0.4);transform:scale(1.01) translateY(-1px);z-index:10;}"], function (p) {
+})(["display:flex;align-items:center;justify-content:space-between;padding:0.6rem 0.8rem;margin-bottom:6px;background:", ";border:1px solid ", ";border-radius:8px;border-left:4px solid ", ";box-shadow:inset 0 0 10px rgba(0,0,0,0.5),0 2px 4px rgba(0,0,0,0.2);transition:all 0.2s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;width:100%;box-sizing:border-box;&::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);border-radius:8px;pointer-events:none;}&:hover{background:", ";border-color:", ";border-left-color:", ";box-shadow:inset 0 0 10px rgba(0,0,0,0.5),0 4px 16px rgba(0,0,0,0.4);transform:translateY(-1px);z-index:10;}"], function (p) {
   return p.$isHighlighted ? 'linear-gradient(to right, rgba(255, 215, 0, 0.15), rgba(0, 0, 0, 0.4))' : 'linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25))';
 }, function (p) {
   return p.$isHighlighted ? 'rgba(255, 215, 0, 0.4)' : 'rgba(255, 255, 255, 0.1)';
@@ -46547,7 +46553,7 @@ var WrapperContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
 var ItemComponentScrollWrapper$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyPanel__ItemComponentScrollWrapper",
   componentId: "sc-1si8t7i-7"
-})(["overflow-y:scroll;height:390px;width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){height:250px;}"]);
+})(["overflow-y:scroll;overflow-x:hidden;height:390px;width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){height:250px;}"]);
 var MarketSection = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BuyPanel__MarketSection",
   componentId: "sc-1si8t7i-8"
@@ -47054,7 +47060,7 @@ var BalanceCurrencyLabel = /*#__PURE__*/styled__default.span.withConfig({
 var ItemComponentScrollWrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ManagmentPanel__ItemComponentScrollWrapper",
   componentId: "sc-1yyi6jn-11"
-})(["overflow-y:scroll;height:335px;width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){height:195px;}"]);
+})(["overflow-y:scroll;overflow-x:hidden;height:335px;width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){height:195px;}"]);
 var SmallCTAButton = /*#__PURE__*/styled__default(CTAButton).withConfig({
   displayName: "ManagmentPanel__SmallCTAButton",
   componentId: "sc-1yyi6jn-12"
@@ -47167,6 +47173,719 @@ 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 CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
+  var characterListings = _ref.characterListings,
+    totalCount = _ref.totalCount,
+    currentPage = _ref.currentPage,
+    itemsPerPage = _ref.itemsPerPage,
+    onPageChange = _ref.onPageChange,
+    onCharacterBuy = _ref.onCharacterBuy,
+    atlasJSON = _ref.atlasJSON,
+    atlasIMG = _ref.atlasIMG,
+    characterAtlasJSON = _ref.characterAtlasJSON,
+    characterAtlasIMG = _ref.characterAtlasIMG,
+    enableHotkeys = _ref.enableHotkeys,
+    disableHotkeys = _ref.disableHotkeys,
+    _ref$nameFilter = _ref.nameFilter,
+    nameFilter = _ref$nameFilter === void 0 ? '' : _ref$nameFilter,
+    onNameFilterChange = _ref.onNameFilterChange,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
+  var _useState = React.useState(null),
+    buyingListingId = _useState[0],
+    setBuyingListingId = _useState[1];
+  var _useState2 = React.useState(nameFilter),
+    localNameFilter = _useState2[0],
+    setLocalNameFilter = _useState2[1];
+  var itemsContainer = React.useRef(null);
+  React.useEffect(function () {
+    var _itemsContainer$curre;
+    (_itemsContainer$curre = itemsContainer.current) == null ? void 0 : _itemsContainer$curre.scrollTo(0, 0);
+  }, [currentPage]);
+  React.useEffect(function () {
+    setLocalNameFilter(nameFilter);
+  }, [nameFilter]);
+  var filteredListings = React.useMemo(function () {
+    if (!localNameFilter.trim()) {
+      return characterListings;
+    }
+    var filter = localNameFilter.trim().toLowerCase();
+    return characterListings.filter(function (listing) {
+      var _listing$characterSna;
+      return (_listing$characterSna = listing.characterSnapshot.name) == null ? void 0 : _listing$characterSna.toLowerCase().includes(filter);
+    });
+  }, [characterListings, localNameFilter]);
+  var handleNameFilterChange = function handleNameFilterChange(value) {
+    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) {
+    return React__default.createElement(SpriteFromAtlas, {
+      atlasIMG: characterAtlasIMG,
+      atlasJSON: characterAtlasJSON,
+      spriteKey: snapshot.textureKey + "/down/standing/0.png",
+      imgScale: 3,
+      height: 64,
+      width: 64
+    });
+  };
+  return React__default.createElement(React__default.Fragment, null, buyingListingId && React__default.createElement(ConfirmModal, {
+    onClose: function onClose() {
+      setBuyingListingId(null);
+      enableHotkeys == null ? void 0 : enableHotkeys();
+    },
+    onConfirm: handleBuyConfirm,
+    message: "Are you sure you want to buy this character?"
+  }), 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);
+    },
+    value: localNameFilter,
+    placeholder: "Search characters...",
+    onBlur: enableHotkeys,
+    onFocus: disableHotkeys,
+    className: "search-input"
+  }))), React__default.createElement(ListingsContainer, {
+    id: "MarketContainer",
+    ref: itemsContainer
+  }, isLoading ? React__default.createElement(LoadingState$1, null, React__default.createElement(Spinner$3, null), React__default.createElement(LoadingText$2, null, "Loading character listings...")) : filteredListings.length === 0 ? React__default.createElement(EmptyState$5, null, React__default.createElement(User.User, {
+    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);
+      },
+      "$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, {
+      atlasIMG: atlasIMG,
+      atlasJSON: atlasJSON,
+      spriteKey: "others/definya-coin.png",
+      imgScale: 1
+    })), shared.formatDCAmount(listing.price), " DC")), listing.isBeingBought && React__default.createElement(BeingBoughtBadge, null, "Pending"));
+  }))), totalCount > itemsPerPage && React__default.createElement(PagerFooter$1, null, React__default.createElement(Pagination, {
+    currentPage: currentPage,
+    totalPages: Math.ceil(totalCount / itemsPerPage),
+    onPageChange: onPageChange
+  })));
+};
+var ToolbarRow$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplacePanel__ToolbarRow",
+  componentId: "sc-1aiauep-0"
+})(["width:95%;display:flex;gap:10px;align-items:center;margin:0 auto 10px auto;background:rgba(0,0,0,0.2);padding:8px 12px;border-radius:4px;border:1px solid rgba(255,255,255,0.05);"]);
+var SearchField$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplacePanel__SearchField",
+  componentId: "sc-1aiauep-1"
+})(["flex:1;min-width:0;input.search-input{height:10px;width:100%;}"]);
+var ListingsContainer = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplacePanel__ListingsContainer",
+  componentId: "sc-1aiauep-2"
+})(["overflow-y:scroll;overflow-x:hidden;height:390px;width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){height:250px;}"]);
+var ListingsGrid = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplacePanel__ListingsGrid",
+  componentId: "sc-1aiauep-3"
+})(["display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:12px;"]);
+var CharacterListingCard = /*#__PURE__*/styled__default.button.withConfig({
+  displayName: "CharacterMarketplacePanel__CharacterListingCard",
+  componentId: "sc-1aiauep-4"
+})(["display:flex;flex-direction:column;align-items:center;gap:8px;background:rgba(255,255,255,0.03);border:1px solid ", ";border-radius:8px;padding:12px;cursor:pointer;transition:border-color 0.15s,background 0.15s;position:relative;opacity:", ";&:hover{border-color:", ";background:", ";}", ""], function (_ref2) {
+  var $isBeingBought = _ref2.$isBeingBought;
+  return $isBeingBought ? 'rgba(239, 68, 68, 0.3)' : 'rgba(255, 255, 255, 0.08)';
+}, function (_ref3) {
+  var $isBeingBought = _ref3.$isBeingBought;
+  return $isBeingBought ? 0.6 : 1;
+}, function (_ref4) {
+  var $isBeingBought = _ref4.$isBeingBought;
+  return $isBeingBought ? 'rgba(239, 68, 68, 0.5)' : 'rgba(245, 158, 11, 0.4)';
+}, function (_ref5) {
+  var $isBeingBought = _ref5.$isBeingBought;
+  return $isBeingBought ? 'rgba(239, 68, 68, 0.05)' : 'rgba(245, 158, 11, 0.05)';
+}, function (_ref6) {
+  var $isBeingBought = _ref6.$isBeingBought;
+  return $isBeingBought && "\n    pointer-events: none;\n  ";
+});
+var CharacterSprite = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplacePanel__CharacterSprite",
+  componentId: "sc-1aiauep-5"
+})(["display:flex;align-items:center;justify-content:center;image-rendering:pixelated;width:64px;height:64px;flex-shrink:0;"]);
+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({
+  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;"]);
+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"
+})(["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({
+  displayName: "CharacterMarketplacePanel__DCCoinWrapper",
+  componentId: "sc-1aiauep-15"
+})(["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"
+})(["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"
+})(["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"
+})(["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"
+})(["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"
+})(["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"
+})(["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"
+})(["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) {
+  var myCharacterListings = _ref.myCharacterListings,
+    totalCount = _ref.totalCount,
+    currentPage = _ref.currentPage,
+    itemsPerPage = _ref.itemsPerPage,
+    onPageChange = _ref.onPageChange,
+    onCharacterDelist = _ref.onCharacterDelist,
+    atlasJSON = _ref.atlasJSON,
+    atlasIMG = _ref.atlasIMG,
+    characterAtlasJSON = _ref.characterAtlasJSON,
+    characterAtlasIMG = _ref.characterAtlasIMG,
+    enableHotkeys = _ref.enableHotkeys;
+  var _useState = React.useState(null),
+    delistingListingId = _useState[0],
+    setDelistingListingId = _useState[1];
+  var itemsContainer = React.useRef(null);
+  React.useEffect(function () {
+    var _itemsContainer$curre;
+    (_itemsContainer$curre = itemsContainer.current) == null ? void 0 : _itemsContainer$curre.scrollTo(0, 0);
+  }, [currentPage]);
+  var handleDelistClick = function handleDelistClick(listingId) {
+    setDelistingListingId(listingId);
+  };
+  var handleDelistConfirm = function handleDelistConfirm() {
+    if (delistingListingId) {
+      onCharacterDelist(delistingListingId);
+      setDelistingListingId(null);
+      enableHotkeys == null ? void 0 : enableHotkeys();
+    }
+  };
+  var getFormattedDate = function getFormattedDate(date) {
+    return new Date(date).toLocaleDateString();
+  };
+  return React__default.createElement(React__default.Fragment, null, delistingListingId && React__default.createElement(ConfirmModal, {
+    onClose: function onClose() {
+      setDelistingListingId(null);
+      enableHotkeys == null ? void 0 : enableHotkeys();
+    },
+    onConfirm: handleDelistConfirm,
+    message: "Are you sure you want to delist this character?"
+  }), React__default.createElement(ListingsContainer$1, {
+    id: "MarketContainer",
+    ref: itemsContainer
+  }, myCharacterListings.length === 0 ? React__default.createElement(EmptyState$6, null, React__default.createElement(User.User, {
+    width: 32,
+    height: 32
+  }), React__default.createElement(EmptyText$1, null, "You have no listed characters."), React__default.createElement(EmptySubtext, null, "Use the \"List Character\" tab to list a character for sale.")) : React__default.createElement(ListingsGrid$1, null, myCharacterListings.map(function (listing) {
+    return React__default.createElement(CharacterListingCard$1, {
+      key: listing._id
+    }, React__default.createElement(CharacterSprite$1, null, React__default.createElement(SpriteFromAtlas, {
+      atlasIMG: characterAtlasIMG,
+      atlasJSON: characterAtlasJSON,
+      spriteKey: listing.characterSnapshot.textureKey + "/down/standing/0.png",
+      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, {
+      atlasIMG: atlasIMG,
+      atlasJSON: atlasJSON,
+      spriteKey: "others/definya-coin.png",
+      imgScale: 1
+    })), shared.formatDCAmount(listing.price), " DC"), React__default.createElement(ListingMeta, null, "Listed ", getFormattedDate(listing.createdAt)), listing.isBeingBought && React__default.createElement(ListingStatus, {
+      "$status": "pending"
+    }, "Sale Pending")), React__default.createElement(ActionButton, {
+      icon: React__default.createElement(Delete.Delete, {
+        width: 16,
+        height: 16
+      }),
+      label: "Delist",
+      onClick: function onClick() {
+        return handleDelistClick(listing._id);
+      },
+      iconColor: "#ef4444",
+      disabled: listing.isBeingBought
+    }));
+  }))), totalCount > itemsPerPage && React__default.createElement(PagerFooter$2, null, React__default.createElement(Pagination$1, null, Array.from({
+    length: Math.ceil(totalCount / itemsPerPage)
+  }, function (_, i) {
+    return i + 1;
+  }).map(function (page) {
+    return React__default.createElement(PageButton, {
+      key: page,
+      "$active": currentPage === page,
+      type: "button",
+      onClick: function onClick() {
+        return onPageChange(page);
+      }
+    }, page);
+  }))));
+};
+var ListingsContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "MyCharacterListingsPanel__ListingsContainer",
+  componentId: "sc-su21a6-0"
+})(["overflow-y:scroll;overflow-x:hidden;height:390px;width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){height:250px;}"]);
+var ListingsGrid$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "MyCharacterListingsPanel__ListingsGrid",
+  componentId: "sc-su21a6-1"
+})(["display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:12px;"]);
+var CharacterListingCard$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "MyCharacterListingsPanel__CharacterListingCard",
+  componentId: "sc-su21a6-2"
+})(["display:flex;flex-direction:column;align-items:center;gap:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:12px;"]);
+var CharacterSprite$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "MyCharacterListingsPanel__CharacterSprite",
+  componentId: "sc-su21a6-3"
+})(["display:flex;align-items:center;justify-content:center;image-rendering:pixelated;"]);
+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({
+  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;"]);
+var CharacterMeta$1 = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "MyCharacterListingsPanel__CharacterMeta",
+  componentId: "sc-su21a6-6"
+})(["font-size:0.45rem;color:#888;text-transform:uppercase;letter-spacing:0.5px;"]);
+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({
+  displayName: "MyCharacterListingsPanel__DCCoinWrapper",
+  componentId: "sc-su21a6-8"
+})(["display:flex;align-items:center;justify-content:center;flex-shrink:0;"]);
+var ListingMeta = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "MyCharacterListingsPanel__ListingMeta",
+  componentId: "sc-su21a6-9"
+})(["font-size:0.38rem;color:#52525b;text-transform:uppercase;letter-spacing:0.5px;"]);
+var ListingStatus = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "MyCharacterListingsPanel__ListingStatus",
+  componentId: "sc-su21a6-10"
+})(["font-size:0.38rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px;", ""], function (_ref2) {
+  var $status = _ref2.$status;
+  return $status === 'pending' ? "\n          background: rgba(239, 68, 68, 0.2);\n          border: 1px solid rgba(239, 68, 68, 0.4);\n          color: #ef4444;\n        " : "\n          background: rgba(34, 197, 94, 0.2);\n          border: 1px solid rgba(34, 197, 94, 0.4);\n          color: #22c55e;\n        ";
+});
+var ActionButton = /*#__PURE__*/styled__default(CTAButton).withConfig({
+  displayName: "MyCharacterListingsPanel__ActionButton",
+  componentId: "sc-su21a6-11"
+})(["padding:6px 12px;height:28px;opacity:", ";pointer-events:", ";span{font-size:0.5rem;}svg{font-size:1rem;}"], function (_ref3) {
+  var disabled = _ref3.disabled;
+  return disabled ? 0.5 : 1;
+}, function (_ref4) {
+  var disabled = _ref4.disabled;
+  return disabled ? 'none' : 'auto';
+});
+var PagerFooter$2 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "MyCharacterListingsPanel__PagerFooter",
+  componentId: "sc-su21a6-12"
+})(["display:flex;justify-content:center;align-items:center;padding:8px 0 4px;min-height:36px;width:95%;margin:0 auto;"]);
+var Pagination$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "MyCharacterListingsPanel__Pagination",
+  componentId: "sc-su21a6-13"
+})(["display:flex;gap:6px;"]);
+var PageButton = /*#__PURE__*/styled__default.button.withConfig({
+  displayName: "MyCharacterListingsPanel__PageButton",
+  componentId: "sc-su21a6-14"
+})(["padding:6px 10px;font-family:'Press Start 2P',cursive;font-size:0.5rem;border-radius:4px;border:1px solid ", ";background:", ";color:", ";cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;&:hover{border-color:", ";color:", ";}"], function (_ref5) {
+  var $active = _ref5.$active;
+  return $active ? '#f59e0b' : 'rgba(255,255,255,0.12)';
+}, function (_ref6) {
+  var $active = _ref6.$active;
+  return $active ? 'rgba(245,158,11,0.15)' : 'rgba(0,0,0,0.3)';
+}, function (_ref7) {
+  var $active = _ref7.$active;
+  return $active ? '#f59e0b' : '#777';
+}, function (_ref8) {
+  var $active = _ref8.$active;
+  return $active ? '#f59e0b' : 'rgba(255,255,255,0.3)';
+}, function (_ref9) {
+  var $active = _ref9.$active;
+  return $active ? '#f59e0b' : '#bbb';
+});
+var EmptyState$6 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "MyCharacterListingsPanel__EmptyState",
+  componentId: "sc-su21a6-15"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:200px;"]);
+var EmptyText$1 = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "MyCharacterListingsPanel__EmptyText",
+  componentId: "sc-su21a6-16"
+})(["font-size:0.55rem;color:#71717a;text-transform:uppercase;letter-spacing:1px;"]);
+var EmptySubtext = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "MyCharacterListingsPanel__EmptySubtext",
+  componentId: "sc-su21a6-17"
+})(["font-size:0.45rem;color:#52525b;text-transform:none;letter-spacing:0.5px;text-align:center;max-width:280px;"]);
+
+var CharacterListingModal = function CharacterListingModal(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    accountCharacters = _ref.accountCharacters,
+    atlasJSON = _ref.atlasJSON,
+    atlasIMG = _ref.atlasIMG,
+    characterAtlasJSON = _ref.characterAtlasJSON,
+    characterAtlasIMG = _ref.characterAtlasIMG,
+    onCharacterList = _ref.onCharacterList,
+    enableHotkeys = _ref.enableHotkeys,
+    disableHotkeys = _ref.disableHotkeys;
+  var _useState = React.useState(null),
+    selectedId = _useState[0],
+    setSelectedId = _useState[1];
+  var _useState2 = React.useState(''),
+    price = _useState2[0],
+    setPrice = _useState2[1];
+  var _useState3 = React.useState(false),
+    isConfirming = _useState3[0],
+    setIsConfirming = _useState3[1];
+  if (!isOpen) return null;
+  var eligibleCharacters = accountCharacters.filter(function (c) {
+    return !c.isListedForSale && !c.tradedAt;
+  });
+  var canList = !!selectedId && Number(price) > 0;
+  var handleClose = function handleClose() {
+    setSelectedId(null);
+    setPrice('');
+    enableHotkeys == null ? void 0 : enableHotkeys();
+    onClose();
+  };
+  var handleListClick = function handleListClick() {
+    if (canList) setIsConfirming(true);
+  };
+  var handleConfirm = function handleConfirm() {
+    if (!selectedId || !canList) return;
+    onCharacterList(selectedId, Number(price));
+    setSelectedId(null);
+    setPrice('');
+    setIsConfirming(false);
+    enableHotkeys == null ? void 0 : enableHotkeys();
+    onClose();
+  };
+  var stopPropagation = React.useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
+  var getLevel = function getLevel(c) {
+    var _c$skills;
+    return ((_c$skills = c.skills) == null ? void 0 : _c$skills.level) || 1;
+  };
+  return React__default.createElement(ModalPortal, null, isConfirming && React__default.createElement(ConfirmModal, {
+    onConfirm: handleConfirm,
+    onClose: function onClose() {
+      setIsConfirming(false);
+      enableHotkeys == null ? void 0 : enableHotkeys();
+    },
+    message: "Are you sure you want to list this character for sale?"
+  }), 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, "List Character for Sale"), React__default.createElement(CloseButton$d, {
+    onPointerDown: handleClose,
+    "aria-label": "Close",
+    type: "button"
+  }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(CharacterList$1, null, eligibleCharacters.length === 0 ? React__default.createElement(EmptyState$7, null, "No eligible characters to list.") : eligibleCharacters.map(function (character) {
+    var isSelected = selectedId === character._id;
+    return React__default.createElement(CharacterRow, {
+      key: character._id,
+      "$selected": isSelected,
+      onPointerDown: function onPointerDown() {
+        return setSelectedId(character._id);
+      },
+      role: "radio",
+      "aria-checked": isSelected,
+      tabIndex: 0,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          setSelectedId(character._id);
+        }
+      }
+    }, React__default.createElement(RadioCircle$1, {
+      "$selected": isSelected
+    }), React__default.createElement(SpriteWrapper$3, null, React__default.createElement(SpriteFromAtlas, {
+      atlasIMG: characterAtlasIMG,
+      atlasJSON: characterAtlasJSON,
+      spriteKey: character.textureKey + "/down/standing/0.png",
+      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(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);
+    },
+    value: price,
+    placeholder: "Amount...",
+    type: "number",
+    disabled: eligibleCharacters.length === 0,
+    onFocus: disableHotkeys,
+    onBlur: enableHotkeys,
+    className: "price-input"
+  }), React__default.createElement(ListBtn, {
+    icon: React__default.createElement(ShoppingBag.ShoppingBag, {
+      width: 18,
+      height: 18
+    }),
+    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, {
+    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({
+  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({
+  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({
+  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({
+  displayName: "CharacterListingModal__Header",
+  componentId: "sc-1uxkx35-3"
+})(["display:flex;align-items:center;justify-content:space-between;"]);
+var Title$c = /*#__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({
+  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;}"]);
+var CharacterList$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterListingModal__CharacterList",
+  componentId: "sc-1uxkx35-6"
+})(["display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:260px;padding:2px;&::-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;}"]);
+var CharacterRow = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterListingModal__CharacterRow",
+  componentId: "sc-1uxkx35-7"
+})(["display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid ", ";border-radius:6px;background:", ";cursor:pointer;transition:border-color 0.15s,background 0.15s;&:hover{border-color:", ";background:", ";}&:focus-visible{outline:2px solid rgba(245,158,11,0.6);outline-offset:2px;}"], function (_ref2) {
+  var $selected = _ref2.$selected;
+  return $selected ? '#f59e0b' : 'rgba(255,255,255,0.08)';
+}, function (_ref3) {
+  var $selected = _ref3.$selected;
+  return $selected ? 'rgba(245,158,11,0.1)' : 'rgba(255,255,255,0.02)';
+}, function (_ref4) {
+  var $selected = _ref4.$selected;
+  return $selected ? '#f59e0b' : 'rgba(245,158,11,0.4)';
+}, function (_ref5) {
+  var $selected = _ref5.$selected;
+  return $selected ? 'rgba(245,158,11,0.1)' : 'rgba(245,158,11,0.05)';
+});
+var RadioCircle$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterListingModal__RadioCircle",
+  componentId: "sc-1uxkx35-8"
+})(["width:14px;height:14px;border-radius:50%;border:2px solid ", ";flex-shrink:0;display:flex;align-items:center;justify-content:center;&::after{content:'';width:6px;height:6px;border-radius:50%;background:#f59e0b;opacity:", ";transition:opacity 0.15s;}"], function (_ref6) {
+  var $selected = _ref6.$selected;
+  return $selected ? '#f59e0b' : 'rgba(255,255,255,0.4)';
+}, function (_ref7) {
+  var $selected = _ref7.$selected;
+  return $selected ? 1 : 0;
+});
+var SpriteWrapper$3 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterListingModal__SpriteWrapper",
+  componentId: "sc-1uxkx35-9"
+})(["display:flex;align-items:center;justify-content:center;image-rendering:pixelated;flex-shrink:0;width:40px;height:40px;"]);
+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({
+  displayName: "CharacterListingModal__CharacterName",
+  componentId: "sc-1uxkx35-11"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#f3f4f6 !important;"]);
+var CharacterMeta$2 = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterListingModal__CharacterMeta",
+  componentId: "sc-1uxkx35-12"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.4rem !important;color:#888 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
+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({
+  displayName: "CharacterListingModal__DCCoinWrapper",
+  componentId: "sc-1uxkx35-14"
+})(["display:flex;align-items:center;justify-content:center;flex-shrink:0;"]);
+var PricePreviewAmount = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterListingModal__PricePreviewAmount",
+  componentId: "sc-1uxkx35-15"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.55rem !important;color:#fef08a !important;"]);
+var PriceSection$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterListingModal__PriceSection",
+  componentId: "sc-1uxkx35-16"
+})(["display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(255,255,255,0.06);padding-top:12px;"]);
+var PriceLabel = /*#__PURE__*/styled__default.p.withConfig({
+  displayName: "CharacterListingModal__PriceLabel",
+  componentId: "sc-1uxkx35-17"
+})(["margin:0;font-family:'Press Start 2P',cursive !important;font-size:0.55rem !important;color:#888 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
+var PriceRow$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterListingModal__PriceRow",
+  componentId: "sc-1uxkx35-18"
+})(["display:flex;gap:8px;align-items:center;.price-input{flex:1;height:12px;}"]);
+var ListBtn = /*#__PURE__*/styled__default(CTAButton).withConfig({
+  displayName: "CharacterListingModal__ListBtn",
+  componentId: "sc-1uxkx35-19"
+})(["flex-shrink:0;padding:10px 16px;height:32px;span{font-size:0.6rem;}svg{font-size:1.1rem;}"]);
+var EmptyState$7 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterListingModal__EmptyState",
+  componentId: "sc-1uxkx35-20"
+})(["display:flex;align-items:center;justify-content:center;padding:32px 16px;font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#666 !important;text-transform:uppercase;letter-spacing:1px;"]);
+
+var CharacterListingForm = function CharacterListingForm(_ref) {
+  var accountCharacters = _ref.accountCharacters,
+    onCharacterList = _ref.onCharacterList,
+    atlasJSON = _ref.atlasJSON,
+    atlasIMG = _ref.atlasIMG,
+    characterAtlasJSON = _ref.characterAtlasJSON,
+    characterAtlasIMG = _ref.characterAtlasIMG,
+    enableHotkeys = _ref.enableHotkeys,
+    disableHotkeys = _ref.disableHotkeys;
+  var _useState = React.useState(false),
+    isModalOpen = _useState[0],
+    setIsModalOpen = _useState[1];
+  var eligibleCount = accountCharacters.filter(function (c) {
+    return !c.isListedForSale && !c.tradedAt;
+  }).length;
+  return React__default.createElement(Wrapper$2, null, React__default.createElement(CharacterListingModal, {
+    isOpen: isModalOpen,
+    onClose: function onClose() {
+      return setIsModalOpen(false);
+    },
+    accountCharacters: accountCharacters,
+    atlasJSON: atlasJSON,
+    atlasIMG: atlasIMG,
+    characterAtlasJSON: characterAtlasJSON,
+    characterAtlasIMG: characterAtlasIMG,
+    onCharacterList: onCharacterList,
+    enableHotkeys: enableHotkeys,
+    disableHotkeys: disableHotkeys
+  }), React__default.createElement(Description$4, null, "List one of your offline characters on the marketplace. Prices are set in DC."), React__default.createElement(OpenButton, {
+    icon: React__default.createElement(ShoppingBag.ShoppingBag, {
+      width: 20,
+      height: 20
+    }),
+    label: "List a Character" + (eligibleCount > 0 ? " (" + eligibleCount + " eligible)" : ''),
+    disabled: eligibleCount === 0,
+    onClick: function onClick() {
+      return setIsModalOpen(true);
+    }
+  }), eligibleCount === 0 && React__default.createElement(NoEligible, null, "No eligible characters to list."));
+};
+var Wrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterListingForm__Wrapper",
+  componentId: "sc-fxv1tt-0"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 24px;width:95%;margin:0 auto;"]);
+var Description$4 = /*#__PURE__*/styled__default.p.withConfig({
+  displayName: "CharacterListingForm__Description",
+  componentId: "sc-fxv1tt-1"
+})(["margin:0;font-size:0.5rem;color:#666;text-align:center;line-height:1.6;max-width:320px;"]);
+var OpenButton = /*#__PURE__*/styled__default(CTAButton).withConfig({
+  displayName: "CharacterListingForm__OpenButton",
+  componentId: "sc-fxv1tt-2"
+})(["padding:14px 24px;span{font-size:0.65rem;}svg{font-size:1.2rem;}"]);
+var NoEligible = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterListingForm__NoEligible",
+  componentId: "sc-fxv1tt-3"
+})(["font-size:0.45rem;color:#52525b;text-transform:uppercase;letter-spacing:1px;"]);
+
 var Marketplace = function Marketplace(props) {
   var onClose = props.onClose,
     scale = props.scale,
@@ -47218,7 +47937,35 @@ var Marketplace = function Marketplace(props) {
     onHistoryPageChange = props.onHistoryPageChange,
     walletProps = props.walletProps,
     _props$showWalletTab = props.showWalletTab,
-    showWalletTab = _props$showWalletTab === void 0 ? true : _props$showWalletTab;
+    showWalletTab = _props$showWalletTab === void 0 ? true : _props$showWalletTab,
+    _props$characterListi = props.characterListings,
+    characterListings = _props$characterListi === void 0 ? [] : _props$characterListi,
+    _props$characterListi2 = props.characterListingsTotal,
+    characterListingsTotal = _props$characterListi2 === void 0 ? 0 : _props$characterListi2,
+    _props$characterListi3 = props.characterListingsPage,
+    characterListingsPage = _props$characterListi3 === void 0 ? 1 : _props$characterListi3,
+    _props$characterListi4 = props.characterListingsItemsPerPage,
+    characterListingsItemsPerPage = _props$characterListi4 === void 0 ? 8 : _props$characterListi4,
+    onCharacterListingsPageChange = props.onCharacterListingsPageChange,
+    onCharacterBuy = props.onCharacterBuy,
+    _props$myCharacterLis = props.myCharacterListings,
+    myCharacterListings = _props$myCharacterLis === void 0 ? [] : _props$myCharacterLis,
+    _props$myCharacterLis2 = props.myCharacterListingsTotal,
+    myCharacterListingsTotal = _props$myCharacterLis2 === void 0 ? 0 : _props$myCharacterLis2,
+    _props$myCharacterLis3 = props.myCharacterListingsPage,
+    myCharacterListingsPage = _props$myCharacterLis3 === void 0 ? 1 : _props$myCharacterLis3,
+    onMyCharacterListingsPageChange = props.onMyCharacterListingsPageChange,
+    onCharacterDelist = props.onCharacterDelist,
+    onCharacterList = props.onCharacterList,
+    _props$accountCharact = props.accountCharacters,
+    accountCharacters = _props$accountCharact === void 0 ? [] : _props$accountCharact,
+    _props$characterListi5 = props.characterListingsLoading,
+    characterListingsLoading = _props$characterListi5 === void 0 ? false : _props$characterListi5,
+    _props$characterNameF = props.characterNameFilter,
+    characterNameFilter = _props$characterNameF === void 0 ? '' : _props$characterNameF,
+    onCharacterNameFilterChange = props.onCharacterNameFilterChange,
+    characterAtlasIMG = props.characterAtlasIMG,
+    characterAtlasJSON = props.characterAtlasJSON;
   var _useState = React.useState('marketplace'),
     activeTab = _useState[0],
     setActiveTab = _useState[1];
@@ -47228,6 +47975,9 @@ var Marketplace = function Marketplace(props) {
   var _useState3 = React.useState(false),
     isBlueprintSearchOpen = _useState3[0],
     setIsBlueprintSearchOpen = _useState3[1];
+  var _useState4 = React.useState('browse'),
+    characterSubTab = _useState4[0],
+    setCharacterSubTab = _useState4[1];
   var handleCurrencyChange = function handleCurrencyChange(value) {
     setAcceptedCurrency(value);
     onAcceptedCurrencyChange == null ? void 0 : onAcceptedCurrencyChange(value);
@@ -47249,7 +47999,7 @@ var Marketplace = function Marketplace(props) {
     onCloseButton: function onCloseButton() {
       if (onClose) onClose();
     },
-    width: "800px",
+    width: "920px",
     cancelDrag: "#MarketContainer, .rpgui-dropdown-imp, input, .empty-slot, button",
     scale: scale
   }, React__default.createElement(Tabs, {
@@ -47274,6 +48024,13 @@ var Marketplace = function Marketplace(props) {
         width: 18,
         height: 18
       })
+    }, {
+      id: 'characters',
+      label: 'Characters',
+      icon: React__default.createElement(User.User, {
+        width: 18,
+        height: 18
+      })
     }, {
       id: 'history',
       label: 'History',
@@ -47298,7 +48055,63 @@ var Marketplace = function Marketplace(props) {
     }]),
     activeTabId: activeTab,
     onTabChange: handleTabChange
-  }), activeTab === 'marketplace' && React__default.createElement(BuyPanel, Object.assign({}, props)), activeTab === 'sell' && React__default.createElement(ManagmentPanel, Object.assign({}, props, {
+  }), activeTab === 'marketplace' && React__default.createElement(BuyPanel, Object.assign({}, props)), activeTab === 'characters' && React__default.createElement(React__default.Fragment, null, React__default.createElement(CharacterSubTabs, null, React__default.createElement(CharacterSubTab, {
+    "$active": characterSubTab === 'browse',
+    onClick: function onClick() {
+      return setCharacterSubTab('browse');
+    },
+    type: "button"
+  }, "Browse"), React__default.createElement(CharacterSubTab, {
+    "$active": characterSubTab === 'my-listings',
+    onClick: function onClick() {
+      return setCharacterSubTab('my-listings');
+    },
+    type: "button"
+  }, "My Listings"), React__default.createElement(CharacterSubTab, {
+    "$active": characterSubTab === 'list',
+    onClick: function onClick() {
+      return setCharacterSubTab('list');
+    },
+    type: "button"
+  }, "List Character")), characterSubTab === 'browse' && React__default.createElement(CharacterMarketplacePanel, {
+    characterListings: characterListings != null ? characterListings : [],
+    totalCount: characterListingsTotal != null ? characterListingsTotal : 0,
+    currentPage: characterListingsPage != null ? characterListingsPage : 1,
+    itemsPerPage: characterListingsItemsPerPage != null ? characterListingsItemsPerPage : 10,
+    onPageChange: onCharacterListingsPageChange != null ? onCharacterListingsPageChange : function () {},
+    onCharacterBuy: onCharacterBuy != null ? onCharacterBuy : function () {},
+    atlasJSON: props.atlasJSON,
+    atlasIMG: props.atlasIMG,
+    characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : props.atlasJSON,
+    characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : props.atlasIMG,
+    enableHotkeys: props.enableHotkeys,
+    disableHotkeys: props.disableHotkeys,
+    nameFilter: characterNameFilter,
+    onNameFilterChange: onCharacterNameFilterChange,
+    isLoading: characterListingsLoading
+  }), characterSubTab === 'my-listings' && React__default.createElement(MyCharacterListingsPanel, {
+    myCharacterListings: myCharacterListings != null ? myCharacterListings : [],
+    totalCount: myCharacterListingsTotal != null ? myCharacterListingsTotal : 0,
+    currentPage: myCharacterListingsPage != null ? myCharacterListingsPage : 1,
+    itemsPerPage: 10,
+    onPageChange: onMyCharacterListingsPageChange != null ? onMyCharacterListingsPageChange : function () {},
+    onCharacterDelist: onCharacterDelist != null ? onCharacterDelist : function () {},
+    atlasJSON: props.atlasJSON,
+    atlasIMG: props.atlasIMG,
+    characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : props.atlasJSON,
+    characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : props.atlasIMG,
+    enableHotkeys: props.enableHotkeys,
+    disableHotkeys: props.disableHotkeys
+  }), characterSubTab === 'list' && React__default.createElement(CharacterListingForm, {
+    accountCharacters: accountCharacters != null ? accountCharacters : [],
+    onCharacterList: onCharacterList != null ? onCharacterList : function () {},
+    atlasJSON: props.atlasJSON,
+    atlasIMG: props.atlasIMG,
+    characterAtlasJSON: characterAtlasJSON != null ? characterAtlasJSON : props.atlasJSON,
+    characterAtlasIMG: characterAtlasIMG != null ? characterAtlasIMG : props.atlasIMG,
+    enableHotkeys: props.enableHotkeys,
+    disableHotkeys: props.disableHotkeys
+  })), activeTab === 'sell' && React__default.createElement(ManagmentPanel, Object.assign({}, props, {
     acceptedCurrency: acceptedCurrency
   })), activeTab === 'buy-orders' && React__default.createElement(React__default.Fragment, null, React__default.createElement(BuyOrderPanel, {
     atlasJSON: props.atlasJSON,
@@ -47358,6 +48171,172 @@ var PagerContainer$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Marketplace__PagerContainer",
   componentId: "sc-h904b1-0"
 })(["display:flex;justify-content:center;align-items:center;width:95%;margin:6px auto 0 auto;padding:4px 10px;"]);
+var CharacterSubTabs = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "Marketplace__CharacterSubTabs",
+  componentId: "sc-h904b1-1"
+})(["display:flex;gap:8px;width:95%;margin:10px auto 0 auto;padding:8px;background:rgba(0,0,0,0.2);border-radius:4px;border:1px solid rgba(255,255,255,0.05);"]);
+var CharacterSubTab = /*#__PURE__*/styled__default.button.withConfig({
+  displayName: "Marketplace__CharacterSubTab",
+  componentId: "sc-h904b1-2"
+})(["flex:1;padding:8px 12px;font-family:'Press Start 2P',cursive;font-size:0.45rem;border-radius:4px;border:1px solid ", ";background:", ";color:", ";cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;text-transform:uppercase;letter-spacing:0.5px;&:hover{border-color:", ";color:", ";}"], function (_ref) {
+  var $active = _ref.$active;
+  return $active ? '#f59e0b' : 'rgba(255,255,255,0.12)';
+}, function (_ref2) {
+  var $active = _ref2.$active;
+  return $active ? 'rgba(245,158,11,0.15)' : 'rgba(0,0,0,0.3)';
+}, function (_ref3) {
+  var $active = _ref3.$active;
+  return $active ? '#f59e0b' : '#777';
+}, function (_ref4) {
+  var $active = _ref4.$active;
+  return $active ? '#f59e0b' : 'rgba(255,255,255,0.3)';
+}, function (_ref5) {
+  var $active = _ref5.$active;
+  return $active ? '#f59e0b' : '#bbb';
+});
+
+var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
+  var listing = _ref.listing,
+    atlasJSON = _ref.atlasJSON,
+    atlasIMG = _ref.atlasIMG,
+    characterAtlasJSON = _ref.characterAtlasJSON,
+    characterAtlasIMG = _ref.characterAtlasIMG,
+    onCharacterBuy = _ref.onCharacterBuy,
+    onCharacterDelist = _ref.onCharacterDelist,
+    disabled = _ref.disabled;
+  var characterSnapshot = listing.characterSnapshot,
+    price = listing.price,
+    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, {
+    atlasIMG: characterAtlasIMG,
+    atlasJSON: characterAtlasJSON,
+    spriteKey: characterSnapshot.textureKey + "/down/standing/0.png",
+    imgScale: 2.5,
+    height: 56,
+    width: 56
+  }))), React__default.createElement(ItemDetails$3, null, React__default.createElement(ItemName$4, null, React__default.createElement(Ellipsis, {
+    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, {
+    atlasIMG: atlasIMG,
+    atlasJSON: atlasJSON,
+    spriteKey: "others/definya-coin.png",
+    imgScale: 1
+  })), React__default.createElement(DCPrice$2, null, shared.formatDCAmount(price))), isBeingBought && React__default.createElement(PendingBadge, null, "Sale Pending"))), React__default.createElement(ActionSection$2, null, React__default.createElement(CTAButton, {
+    icon: onCharacterBuy ? React__default.createElement(Coins.Coins, {
+      width: 18,
+      height: 18
+    }) : undefined,
+    label: onCharacterBuy ? 'Buy' : 'Delist',
+    disabled: disabled || isBeingBought,
+    onClick: function onClick() {
+      if (disabled || isBeingBought) return;
+      onCharacterBuy == null ? void 0 : onCharacterBuy();
+      onCharacterDelist == null ? void 0 : onCharacterDelist();
+    },
+    iconColor: onCharacterBuy ? '#f59e0b' : '#ef4444'
+  })));
+};
+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({
+  displayName: "CharacterMarketplaceRows__SpriteContainer",
+  componentId: "sc-1pxkdig-1"
+})(["position:relative;flex-shrink:0;min-width:44px;"]);
+var CharacterSprite$2 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplaceRows__CharacterSprite",
+  componentId: "sc-1pxkdig-2"
+})(["display:flex;align-items:center;justify-content:center;image-rendering:pixelated;"]);
+var ItemDetails$3 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplaceRows__ItemDetails",
+  componentId: "sc-1pxkdig-3"
+})(["display:flex;flex-direction:column;gap:0.2rem;min-width:0;margin-left:0.5rem;"]);
+var ItemName$4 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplaceRows__ItemName",
+  componentId: "sc-1pxkdig-4"
+})(["font-family:'Press Start 2P',cursive;font-size:0.6rem;color:#ffffff;"]);
+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({
+  displayName: "CharacterMarketplaceRows__CharacterClass",
+  componentId: "sc-1pxkdig-6"
+})(["font-size:0.4rem;color:#666;text-transform:uppercase;letter-spacing:0.5px;"]);
+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({
+  displayName: "CharacterMarketplaceRows__DCCoinWrapper",
+  componentId: "sc-1pxkdig-8"
+})(["display:flex;align-items:center;justify-content:center;position:relative;top:-0.5rem;left:-0.4rem;"]);
+var DCPrice$2 = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterMarketplaceRows__DCPrice",
+  componentId: "sc-1pxkdig-9"
+})(["font-family:'Press Start 2P',cursive;font-size:0.55rem !important;color:#fef08a;line-height:1;"]);
+var ActionSection$2 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplaceRows__ActionSection",
+  componentId: "sc-1pxkdig-10"
+})(["flex-shrink:0;margin-left:0.75rem;"]);
+var PendingBadge = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "CharacterMarketplaceRows__PendingBadge",
+  componentId: "sc-1pxkdig-11"
+})(["font-size:0.38rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px;background:rgba(239,68,68,0.2);border:1px solid rgba(239,68,68,0.4);color:#ef4444;margin-top:4px;"]);
+var GroupedCharacterMarketplaceRow = function GroupedCharacterMarketplaceRow(_ref2) {
+  var bestListing = _ref2.bestListing,
+    otherListings = _ref2.otherListings,
+    atlasJSON = _ref2.atlasJSON,
+    atlasIMG = _ref2.atlasIMG,
+    characterAtlasJSON = _ref2.characterAtlasJSON,
+    characterAtlasIMG = _ref2.characterAtlasIMG,
+    onBuy = _ref2.onBuy,
+    currentCharacterId = _ref2.currentCharacterId;
+  var makeRow = function makeRow(listing) {
+    var isOwnListing = listing.seller === currentCharacterId;
+    return React__default.createElement(CharacterMarketplaceRows, {
+      key: listing._id,
+      listing: listing,
+      atlasJSON: atlasJSON,
+      atlasIMG: atlasIMG,
+      characterAtlasJSON: characterAtlasJSON,
+      characterAtlasIMG: characterAtlasIMG,
+      onCharacterBuy: isOwnListing ? undefined : function () {
+        return onBuy(listing._id);
+      },
+      disabled: isOwnListing
+    });
+  };
+  if (otherListings.length === 0) {
+    return makeRow(bestListing);
+  }
+  return React__default.createElement(GroupedRowContainer$1, null, React__default.createElement(MainRow, null, makeRow(bestListing)), React__default.createElement(OtherListings, null, otherListings.map(function (listing) {
+    return React__default.createElement(OtherListingRow, {
+      key: listing._id
+    }, makeRow(listing));
+  })));
+};
+var GroupedRowContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplaceRows__GroupedRowContainer",
+  componentId: "sc-1pxkdig-12"
+})(["border-bottom:1px solid rgba(255,255,255,0.05);&:last-child{border-bottom:none;}"]);
+var MainRow = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplaceRows__MainRow",
+  componentId: "sc-1pxkdig-13"
+})([""]);
+var OtherListings = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplaceRows__OtherListings",
+  componentId: "sc-1pxkdig-14"
+})(["display:flex;flex-direction:column;padding-left:12px;border-left:2px solid rgba(245,158,11,0.15);margin-top:4px;margin-bottom:4px;"]);
+var OtherListingRow = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CharacterMarketplaceRows__OtherListingRow",
+  componentId: "sc-1pxkdig-15"
+})(["opacity:0.85;&:hover{opacity:1;}"]);
 
 var TabBody = function TabBody(_ref) {
   var id = _ref.id,
@@ -47511,11 +48490,11 @@ var PartyCreate = function PartyCreate(_ref) {
     width: "500px",
     height: "300px",
     cancelDrag: ".partyRows"
-  }, React__default.createElement(Wrapper$2, null, React__default.createElement("div", {
+  }, React__default.createElement(Wrapper$3, null, React__default.createElement("div", {
     style: {
       width: '100%'
     }
-  }, React__default.createElement(Title$c, null, "Create Party"), React__default.createElement("hr", {
+  }, React__default.createElement(Title$d, 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",
@@ -47534,11 +48513,11 @@ var PartyCreate = function PartyCreate(_ref) {
     }
   }, "Cancel"))));
 };
-var Wrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
+var Wrapper$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyCreate__Wrapper",
   componentId: "sc-13brop0-0"
 })(["display:flex;flex-direction:column;width:100%;"]);
-var Title$c = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$d = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "PartyCreate__Title",
   componentId: "sc-13brop0-1"
 })(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
@@ -47583,11 +48562,11 @@ var PartyDashboard = function PartyDashboard(_ref) {
     width: "800px",
     height: "400px",
     cancelDrag: ".partyRows"
-  }, React__default.createElement(Wrapper$3, null, React__default.createElement("div", {
+  }, React__default.createElement(Wrapper$4, null, React__default.createElement("div", {
     style: {
       width: '100%'
     }
-  }, React__default.createElement(Title$d, null, "Party Dashboard"), React__default.createElement(Button, {
+  }, React__default.createElement(Title$e, null, "Party Dashboard"), React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton
   }, "Create"), React__default.createElement("hr", {
     className: "golden"
@@ -47606,7 +48585,7 @@ var PartyDashboard = function PartyDashboard(_ref) {
     });
   })));
 };
-var Wrapper$3 = /*#__PURE__*/styled__default.div.withConfig({
+var Wrapper$4 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyDashboard__Wrapper",
   componentId: "sc-16cm41r-0"
 })(["display:flex;flex-direction:column;width:100%;"]);
@@ -47614,7 +48593,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$d = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$e = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "PartyDashboard__Title",
   componentId: "sc-16cm41r-2"
 })(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
@@ -47647,11 +48626,11 @@ var PartyInvite = function PartyInvite(_ref) {
     width: "600px",
     height: "400px",
     cancelDrag: ".playersRows"
-  }, React__default.createElement(Wrapper$4, null, React__default.createElement("div", {
+  }, React__default.createElement(Wrapper$5, null, React__default.createElement("div", {
     style: {
       width: '100%'
     }
-  }, React__default.createElement(Title$e, null, "Invite for Party"), React__default.createElement("hr", {
+  }, React__default.createElement(Title$f, null, "Invite for Party"), React__default.createElement("hr", {
     className: "golden"
   }))), React__default.createElement(RowsWrapper$1, {
     className: "playersRows"
@@ -47666,11 +48645,11 @@ var PartyInvite = function PartyInvite(_ref) {
     });
   })));
 };
-var Wrapper$4 = /*#__PURE__*/styled__default.div.withConfig({
+var Wrapper$5 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyInvite__Wrapper",
   componentId: "sc-eu8ggt-0"
 })(["display:flex;flex-direction:column;width:100%;"]);
-var Title$e = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$f = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "PartyInvite__Title",
   componentId: "sc-eu8ggt-1"
 })(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
@@ -48112,7 +49091,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$f, null, React__default.createElement(Thumbnail, {
+  }, React__default.createElement(Title$g, 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"
@@ -48131,7 +49110,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$f, null, React__default.createElement(Thumbnail, {
+  }, React__default.createElement(Title$g, 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"
@@ -48178,7 +49157,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$f = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$g = /*#__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);
@@ -48496,7 +49475,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$5, 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$6, null, React__default.createElement(ErrorBoundary, null, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: texturePath,
@@ -48512,7 +49491,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$5 = /*#__PURE__*/styled__default.div.withConfig({
+var SpriteContainer$6 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SkillProgressBar__SpriteContainer",
   componentId: "sc-5vuroc-1"
 })(["position:relative;top:-3px;left:0;"]);
@@ -48683,7 +49662,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
     cancelDrag: "#skillsDiv",
     scale: scale,
     width: "100%"
-  }, onCloseButton && React__default.createElement(CloseButton$d, {
+  }, onCloseButton && React__default.createElement(CloseButton$e, {
     onPointerDown: onCloseButton
   }, "X"), React__default.createElement(SkillsContainerDiv, {
     id: "skillsDiv"
@@ -48718,7 +49697,7 @@ 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$d = /*#__PURE__*/styled__default.div.withConfig({
+var CloseButton$e = /*#__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;"]);
@@ -48854,7 +49833,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$b, null, React__default.createElement("div", null, React__default.createElement(Title$g, 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$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", {
     className: "label"
   }, "Casting Type:"), React__default.createElement("div", {
     className: "value"
@@ -48878,13 +49857,13 @@ var SpellInfo$1 = function SpellInfo(_ref) {
     className: "label"
   }, "Required Item:"), React__default.createElement("div", {
     className: "value"
-  }, requiredItem))), React__default.createElement(Description$4, null, description));
+  }, requiredItem))), React__default.createElement(Description$5, null, description));
 };
 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$g = /*#__PURE__*/styled__default.div.withConfig({
+var Title$h = /*#__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);
@@ -48892,11 +49871,11 @@ var Type$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SpellInfo__Type",
   componentId: "sc-4hbw3q-2"
 })(["font-size:", ";margin-top:0.2rem;color:", ";"], uiFonts.size.small, uiColors.lightGray);
-var Description$4 = /*#__PURE__*/styled__default.div.withConfig({
+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$b = /*#__PURE__*/styled__default.div.withConfig({
+var Header$c = /*#__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;"]);
@@ -49112,7 +50091,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$7, 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$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", {
     className: "cooldown"
   }, activeCooldown.toFixed(activeCooldown > 10 ? 0 : 1)) : null, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -49121,9 +50100,9 @@ var Spell = function Spell(_ref) {
     imgScale: IMAGE_SCALE,
     containerStyle: CONTAINER_STYLE,
     centered: true
-  })), React__default.createElement(Info, null, React__default.createElement(Title$h, null, React__default.createElement("span", null, name), React__default.createElement("span", {
+  })), React__default.createElement(Info, null, React__default.createElement(Title$i, null, React__default.createElement("span", null, name), React__default.createElement("span", {
     className: "spell"
-  }, "(", magicWords, ")")), React__default.createElement(Description$5, 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$1, null), React__default.createElement(Cost, null, React__default.createElement("span", null, "Mana cost:"), React__default.createElement("span", {
     className: "mana"
   }, manaCost))));
 };
@@ -49142,11 +50121,11 @@ 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$h = /*#__PURE__*/styled__default.p.withConfig({
+var Title$i = /*#__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);
-var Description$5 = /*#__PURE__*/styled__default.div.withConfig({
+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);
@@ -49158,7 +50137,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$7 = /*#__PURE__*/styled__default.p.withConfig({
+var Overlay$8 = /*#__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);
@@ -49207,7 +50186,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$i, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
+  }, React__default.createElement(Container$K, null, React__default.createElement(Title$j, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
     setSettingShortcutIndex: setSettingShortcutIndex,
     settingShortcutIndex: settingShortcutIndex,
     shortcuts: shortcuts,
@@ -49240,7 +50219,7 @@ var Spellbook = function Spellbook(_ref) {
     }, spell)));
   }))));
 };
-var Title$i = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$j = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "Spellbook__Title",
   componentId: "sc-r02nfq-0"
 })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
@@ -69660,7 +70639,7 @@ var PurchaseSuccess = function PurchaseSuccess(_ref) {
       key: i,
       "$i": i
     });
-  })), React__default.createElement(Header$c, null, React__default.createElement(TrophyArea, null, React__default.createElement(TrophyIcon, null, React__default.createElement(fa.FaStar, null))), React__default.createElement(Title$j, 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$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) {
     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;
@@ -69674,7 +70653,7 @@ var PurchaseSuccess = function PurchaseSuccess(_ref) {
       height: 32,
       imgScale: 2,
       centered: true
-    })), React__default.createElement(ItemName$4, null, item.name), item.quantity > 1 && React__default.createElement(ItemQty$1, null, "\xD7", item.quantity));
+    })), React__default.createElement(ItemName$5, null, item.name), item.quantity > 1 && React__default.createElement(ItemQty$1, null, "\xD7", item.quantity));
   })), React__default.createElement(TotalPaid, null, "Paid: ", React__default.createElement(TotalAmount, null, "$", totalPrice.toFixed(2))), React__default.createElement(Actions, null, React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaShoppingBag, null),
     label: "Continue Shopping",
@@ -69684,13 +70663,13 @@ var PurchaseSuccess = function PurchaseSuccess(_ref) {
     onPointerDown: onClose
   }, React__default.createElement(fa.FaTimes, null), " Close Store")));
 };
-var scaleIn$2 = /*#__PURE__*/styled.keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
+var scaleIn$3 = /*#__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$2);
+})(["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);
 var Sparkles = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PurchaseSuccess__Sparkles",
   componentId: "sc-18z5q21-1"
@@ -69707,7 +70686,7 @@ var Spark = /*#__PURE__*/styled__default.div.withConfig({
 }, function (p) {
   return p.$i * 0.2;
 });
-var Header$c = /*#__PURE__*/styled__default.div.withConfig({
+var Header$d = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PurchaseSuccess__Header",
   componentId: "sc-18z5q21-3"
 })(["display:flex;flex-direction:column;align-items:center;gap:0.5rem;"]);
@@ -69719,7 +70698,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$j = /*#__PURE__*/styled__default.h2.withConfig({
+var Title$k = /*#__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);"]);
@@ -69739,7 +70718,7 @@ var ItemIconWrap = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PurchaseSuccess__ItemIconWrap",
   componentId: "sc-18z5q21-10"
 })(["width:32px;height:32px;flex-shrink:0;"]);
-var ItemName$4 = /*#__PURE__*/styled__default.span.withConfig({
+var ItemName$5 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "PurchaseSuccess__ItemName",
   componentId: "sc-18z5q21-11"
 })(["font-family:'Press Start 2P',cursive;font-size:0.55rem;color:#fff;flex:1;text-align:left;"]);
@@ -69888,9 +70867,9 @@ var CartView = function CartView(_ref2) {
       onClose: onCloseStore != null ? onCloseStore : onClose
     });
   }
-  return React__default.createElement(Container$M, null, React__default.createElement(Header$d, null, React__default.createElement(Title$k, null, "Shopping Cart (", cartItems.reduce(function (s, ci) {
+  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 s + ci.quantity;
-  }, 0), ")"), React__default.createElement(CloseButton$e, {
+  }, 0), ")"), React__default.createElement(CloseButton$f, {
     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;
@@ -69908,7 +70887,7 @@ var CartView = function CartView(_ref2) {
       height: 24,
       imgScale: 1.5,
       centered: true
-    })), React__default.createElement(ItemDetails$3, null, React__default.createElement(ItemName$5, null, cartItem.item.name), ((_cartItem$metadata2 = cartItem.metadata) == null ? void 0 : _cartItem$metadata2.inputValue) && React__default.createElement(CartMeta, null, cartItem.metadata.inputValue), React__default.createElement(ItemInfo$2, null, React__default.createElement("span", null, currencySymbol, formatPrice((_cartItem$item$region2 = cartItem.item.regionalPrice) != null ? _cartItem$item$region2 : cartItem.item.price)), React__default.createElement("span", null, "\xD7"), React__default.createElement("span", null, cartItem.quantity), React__default.createElement("span", null, "="), React__default.createElement("span", null, currencySymbol, formatPrice(((_cartItem$item$region3 = cartItem.item.regionalPrice) != null ? _cartItem$item$region3 : cartItem.item.price) * cartItem.quantity))), cartItem.metadata && cartItem.item.metadataType && React__default.createElement(MetadataDisplay, {
+    })), React__default.createElement(ItemDetails$4, null, React__default.createElement(ItemName$6, null, cartItem.item.name), ((_cartItem$metadata2 = cartItem.metadata) == null ? void 0 : _cartItem$metadata2.inputValue) && React__default.createElement(CartMeta, null, cartItem.metadata.inputValue), React__default.createElement(ItemInfo$2, null, React__default.createElement("span", null, currencySymbol, formatPrice((_cartItem$item$region2 = cartItem.item.regionalPrice) != null ? _cartItem$item$region2 : cartItem.item.price)), React__default.createElement("span", null, "\xD7"), React__default.createElement("span", null, cartItem.quantity), React__default.createElement("span", null, "="), React__default.createElement("span", null, currencySymbol, formatPrice(((_cartItem$item$region3 = cartItem.item.regionalPrice) != null ? _cartItem$item$region3 : cartItem.item.price) * cartItem.quantity))), cartItem.metadata && cartItem.item.metadataType && React__default.createElement(MetadataDisplay, {
       type: cartItem.item.metadataType,
       metadata: cartItem.metadata
     })), React__default.createElement(CTAButton, {
@@ -69936,15 +70915,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$d = /*#__PURE__*/styled__default.div.withConfig({
+var Header$e = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CartView__Header",
   componentId: "sc-ydtyl1-1"
 })(["display:flex;justify-content:space-between;align-items:center;"]);
-var Title$k = /*#__PURE__*/styled__default.h2.withConfig({
+var Title$l = /*#__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$e = /*#__PURE__*/styled__default.div.withConfig({
+var CloseButton$f = /*#__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;"]);
@@ -69964,11 +70943,11 @@ var ItemIconContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CartView__ItemIconContainer",
   componentId: "sc-ydtyl1-7"
 })(["width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:2px;"]);
-var ItemDetails$3 = /*#__PURE__*/styled__default.div.withConfig({
+var ItemDetails$4 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CartView__ItemDetails",
   componentId: "sc-ydtyl1-8"
 })(["flex:1;display:flex;flex-direction:column;gap:0.5rem;"]);
-var ItemName$5 = /*#__PURE__*/styled__default.div.withConfig({
+var ItemName$6 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CartView__ItemName",
   componentId: "sc-ydtyl1-9"
 })(["font-family:'Press Start 2P',cursive;font-size:0.65rem;color:#ffffff;"]);
@@ -70172,7 +71151,7 @@ var FeaturedBanner = function FeaturedBanner(_ref) {
       background: badgeStyle.bg,
       borderColor: badgeStyle.border,
       color: badgeStyle.color
-    }, item.badge))), React__default.createElement(CardBody, null, React__default.createElement(CardName, null, item.name), item.description && React__default.createElement(CardDesc, null, item.description), React__default.createElement(PriceRow$1, null, item.originalPrice != null && React__default.createElement(OriginalPrice, null, "$", item.originalPrice.toFixed(2)), React__default.createElement(CurrentPrice, {
+    }, item.badge))), React__default.createElement(CardBody, null, React__default.createElement(CardName, null, item.name), item.description && React__default.createElement(CardDesc, null, item.description), React__default.createElement(PriceRow$3, null, item.originalPrice != null && React__default.createElement(OriginalPrice, null, "$", item.originalPrice.toFixed(2)), React__default.createElement(CurrentPrice, {
       "$onSale": item.originalPrice != null
     }, "$", item.price.toFixed(2))), item.endsAt && React__default.createElement(CountdownTimer, {
       endsAt: item.endsAt,
@@ -70230,7 +71209,7 @@ var CardDesc = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "FeaturedBanner__CardDesc",
   componentId: "sc-egjgex-9"
 })(["font-family:'Press Start 2P',cursive;font-size:0.45rem;color:rgba(255,255,255,0.6);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;"]);
-var PriceRow$1 = /*#__PURE__*/styled__default.div.withConfig({
+var PriceRow$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "FeaturedBanner__PriceRow",
   componentId: "sc-egjgex-10"
 })(["display:flex;align-items:center;gap:0.4rem;"]);
@@ -70543,13 +71522,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$8, {
+  return React__default.createElement(ModalPortal, null, React__default.createElement(Overlay$9, {
     onPointerDown: onClose
-  }), 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$e, null, React__default.createElement(Title$l, null, "How would you like to pay?"), React__default.createElement(CloseButton$f, {
+  }, React__default.createElement(Header$f, null, React__default.createElement(Title$m, null, "How would you like to pay?"), React__default.createElement(CloseButton$g, {
     onPointerDown: onClose,
     "aria-label": "Close"
   }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(Options$1, null, React__default.createElement(RadioOption$1, {
@@ -70557,14 +71536,14 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     onPointerDown: function onPointerDown() {
       return setSelected('card');
     }
-  }, React__default.createElement(RadioCircle$1, {
+  }, React__default.createElement(RadioCircle$2, {
     "$selected": selected === 'card'
   }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Credit Card"), React__default.createElement(OptionSub$1, null, "Stripe secure checkout"))), showPix && React__default.createElement(RadioOption$1, {
     "$selected": selected === 'pix',
     onPointerDown: function onPointerDown() {
       return setSelected('pix');
     }
-  }, React__default.createElement(RadioCircle$1, {
+  }, React__default.createElement(RadioCircle$2, {
     "$selected": selected === 'pix'
   }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Pix"), React__default.createElement(OptionSub$1, null, "Instant payment via Pix"))), React__default.createElement(RadioOption$1, {
     "$selected": selected === 'dc',
@@ -70572,34 +71551,34 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     onPointerDown: dcDisabled ? undefined : function () {
       return setSelected('dc');
     }
-  }, React__default.createElement(RadioCircle$1, {
+  }, React__default.createElement(RadioCircle$2, {
     "$selected": selected === 'dc'
   }), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Definya Coin"), React__default.createElement(OptionSub$1, null, dcSubText)))), React__default.createElement(ConfirmRow$1, null, React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
     onPointerDown: handleConfirm
   }, "Confirm")))));
 };
-var Overlay$8 = /*#__PURE__*/styled__default.div.withConfig({
+var Overlay$9 = /*#__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$5 = /*#__PURE__*/styled__default.div.withConfig({
+var ModalContainer$6 = /*#__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$5 = /*#__PURE__*/styled__default.div.withConfig({
+var ModalContent$6 = /*#__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$e = /*#__PURE__*/styled__default.div.withConfig({
+var Header$f = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PaymentMethodModal__Header",
   componentId: "sc-1dxy6lr-3"
 })(["display:flex;align-items:center;justify-content:space-between;"]);
-var Title$l = /*#__PURE__*/styled__default.h3.withConfig({
+var Title$m = /*#__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$f = /*#__PURE__*/styled__default.button.withConfig({
+var CloseButton$g = /*#__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;}"]);
@@ -70626,7 +71605,7 @@ var RadioOption$1 = /*#__PURE__*/styled__default.div.withConfig({
   var $disabled = _ref6.$disabled;
   return $disabled ? 'rgba(255,255,255,0.15)' : '#f59e0b';
 });
-var RadioCircle$1 = /*#__PURE__*/styled__default.div.withConfig({
+var RadioCircle$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PaymentMethodModal__RadioCircle",
   componentId: "sc-1dxy6lr-8"
 })(["width:16px;height:16px;border-radius:50%;border:2px solid ", ";display:flex;align-items:center;justify-content:center;flex-shrink:0;&::after{content:'';width:8px;height:8px;border-radius:50%;background:#f59e0b;opacity:", ";transition:opacity 0.15s;}"], function (_ref7) {
@@ -70809,7 +71788,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
     height: 32,
     imgScale: 2,
     centered: true
-  }) : React__default.createElement(DefaultIcon, null, "\uD83D\uDC64")), React__default.createElement(ItemDetails$4, null, React__default.createElement(Header$f, null, React__default.createElement(ItemName$6, 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$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, {
     direction: "left",
     onPointerDown: handlePreviousSkin,
     size: 24
@@ -70817,12 +71796,12 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
     direction: "right",
     onPointerDown: handleNextSkin,
     size: 24
-  })), React__default.createElement(PriceRow$2, null, originalPrice != null && React__default.createElement(OriginalPrice$1, {
+  })), React__default.createElement(PriceRow$4, null, originalPrice != null && React__default.createElement(OriginalPrice$1, {
     style: {
       display: 'flex',
       alignItems: 'center'
     }
-  }, item.currency === 'DC' ? React__default.createElement(React__default.Fragment, null, React__default.createElement(DCCoinWrapper$2, {
+  }, item.currency === 'DC' ? React__default.createElement(React__default.Fragment, null, React__default.createElement(DCCoinWrapper$6, {
     "$scale": 0.8
   }, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -70836,7 +71815,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
       alignItems: 'center',
       gap: '2px'
     }
-  }, React__default.createElement(DCCoinWrapper$2, null, React__default.createElement(SimpleTooltip, {
+  }, React__default.createElement(DCCoinWrapper$6, null, React__default.createElement(SimpleTooltip, {
     content: "Definya Coin",
     direction: "top"
   }, React__default.createElement(SpriteFromAtlas, {
@@ -70855,7 +71834,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
     style: {
       margin: '0 4px'
     }
-  }, "\xB7"), React__default.createElement(DCCoinWrapper$2, {
+  }, "\xB7"), React__default.createElement(DCCoinWrapper$6, {
     "$scale": 0.9
   }, React__default.createElement(SimpleTooltip, {
     content: "Definya Coin",
@@ -70893,15 +71872,15 @@ var ItemIconContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreCharacterSkinRow__ItemIconContainer",
   componentId: "sc-81xqsx-1"
 })(["width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.1);border-radius:6px;padding:4px;box-shadow:inset 0 0 8px rgba(0,0,0,0.8);"]);
-var ItemDetails$4 = /*#__PURE__*/styled__default.div.withConfig({
+var ItemDetails$5 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreCharacterSkinRow__ItemDetails",
   componentId: "sc-81xqsx-2"
 })(["flex:1;display:flex;flex-direction:column;gap:0.35rem;"]);
-var ItemName$6 = /*#__PURE__*/styled__default.div.withConfig({
+var ItemName$7 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreCharacterSkinRow__ItemName",
   componentId: "sc-81xqsx-3"
 })(["font-family:'Press Start 2P',cursive;font-size:0.8125rem;color:#ffffff;text-shadow:1px 1px 0 rgba(0,0,0,0.5);"]);
-var PriceRow$2 = /*#__PURE__*/styled__default.div.withConfig({
+var PriceRow$4 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreCharacterSkinRow__PriceRow",
   componentId: "sc-81xqsx-4"
 })(["display:flex;align-items:center;gap:0.5rem;margin:0.15rem 0;"]);
@@ -70923,7 +71902,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$2 = /*#__PURE__*/styled__default.span.withConfig({
+var DCCoinWrapper$6 = /*#__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) {
@@ -70936,7 +71915,7 @@ var SkinNavArrow = /*#__PURE__*/styled__default(SelectArrow).withConfig({
   displayName: "StoreCharacterSkinRow__SkinNavArrow",
   componentId: "sc-81xqsx-10"
 })(["position:static;"]);
-var Header$f = /*#__PURE__*/styled__default.div.withConfig({
+var Header$g = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreCharacterSkinRow__Header",
   componentId: "sc-81xqsx-11"
 })(["display:flex;align-items:center;gap:0.5rem;"]);
@@ -71141,12 +72120,12 @@ var StoreItemRow = function StoreItemRow(_ref) {
     height: 32,
     imgScale: 2,
     centered: true
-  })), React__default.createElement(ItemDetails$5, null, React__default.createElement(ItemName$7, null, item.name), React__default.createElement(PriceRow$3, null, originalPrice != null && React__default.createElement(OriginalPrice$2, {
+  })), React__default.createElement(ItemDetails$6, null, React__default.createElement(ItemName$8, null, item.name), React__default.createElement(PriceRow$5, null, originalPrice != null && React__default.createElement(OriginalPrice$2, {
     style: {
       display: 'flex',
       alignItems: 'center'
     }
-  }, item.currency === 'DC' ? React__default.createElement(React__default.Fragment, null, React__default.createElement(DCCoinWrapper$3, {
+  }, item.currency === 'DC' ? React__default.createElement(React__default.Fragment, null, React__default.createElement(DCCoinWrapper$7, {
     "$scale": 0.8
   }, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -71160,7 +72139,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
       alignItems: 'center',
       gap: '2px'
     }
-  }, React__default.createElement(DCCoinWrapper$3, null, React__default.createElement(SimpleTooltip, {
+  }, React__default.createElement(DCCoinWrapper$7, null, React__default.createElement(SimpleTooltip, {
     content: "Definya Coin",
     direction: "top"
   }, React__default.createElement(SpriteFromAtlas, {
@@ -71179,7 +72158,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
     style: {
       margin: '0 4px'
     }
-  }, "\xB7"), React__default.createElement(DCCoinWrapper$3, {
+  }, "\xB7"), React__default.createElement(DCCoinWrapper$7, {
     "$scale": 0.9
   }, React__default.createElement(SimpleTooltip, {
     content: "Definya Coin",
@@ -71242,15 +72221,15 @@ var ItemIconContainer$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemRow__ItemIconContainer",
   componentId: "sc-ptotuo-1"
 })(["width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.1);border-radius:6px;padding:4px;box-shadow:inset 0 0 8px rgba(0,0,0,0.8);"]);
-var ItemDetails$5 = /*#__PURE__*/styled__default.div.withConfig({
+var ItemDetails$6 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemRow__ItemDetails",
   componentId: "sc-ptotuo-2"
 })(["flex:1;display:flex;flex-direction:column;gap:0.35rem;"]);
-var ItemName$7 = /*#__PURE__*/styled__default.div.withConfig({
+var ItemName$8 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemRow__ItemName",
   componentId: "sc-ptotuo-3"
 })(["font-family:'Press Start 2P',cursive;font-size:0.8125rem;color:#ffffff;text-shadow:1px 1px 0 rgba(0,0,0,0.5);"]);
-var PriceRow$3 = /*#__PURE__*/styled__default.div.withConfig({
+var PriceRow$5 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemRow__PriceRow",
   componentId: "sc-ptotuo-4"
 })(["display:flex;align-items:center;gap:0.5rem;margin:0.15rem 0;"]);
@@ -71268,7 +72247,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$3 = /*#__PURE__*/styled__default.span.withConfig({
+var DCCoinWrapper$7 = /*#__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) {
@@ -71657,12 +72636,12 @@ 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$g, null, React__default.createElement(BackButton, {
+  return React__default.createElement(Container$O, null, React__default.createElement(Header$h, 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(),
     alt: item.name
-  })), React__default.createElement(ItemInfo$3, null, React__default.createElement(ItemName$8, null, item.name), React__default.createElement(ItemPrice$2, null, currencySymbol, 'priceUSD' in item ? item.priceUSD : (_item$regionalPrice = item.regionalPrice) != null ? _item$regionalPrice : item.price, item.dcPrice ? " \xB7 " + item.dcPrice.toLocaleString() + " DC" : ''), React__default.createElement(Description$6, null, item.description))), React__default.createElement(Actions$1, null, React__default.createElement(CTAButton, {
+  })), React__default.createElement(ItemInfo$3, null, React__default.createElement(ItemName$9, null, item.name), React__default.createElement(ItemPrice$2, null, currencySymbol, 'priceUSD' in item ? item.priceUSD : (_item$regionalPrice = item.regionalPrice) != null ? _item$regionalPrice : item.price, item.dcPrice ? " \xB7 " + item.dcPrice.toLocaleString() + " DC" : ''), React__default.createElement(Description$7, null, item.description))), React__default.createElement(Actions$1, null, React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaCartPlus, null),
     label: "Add to Cart",
     onClick: function onClick() {
@@ -71675,7 +72654,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$g = /*#__PURE__*/styled__default.div.withConfig({
+var Header$h = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemDetails__Header",
   componentId: "sc-k3ho5z-1"
 })(["display:flex;align-items:center;gap:1rem;"]);
@@ -71699,7 +72678,7 @@ var ItemInfo$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemDetails__ItemInfo",
   componentId: "sc-k3ho5z-6"
 })(["display:flex;flex-direction:column;gap:1rem;"]);
-var ItemName$8 = /*#__PURE__*/styled__default.h2.withConfig({
+var ItemName$9 = /*#__PURE__*/styled__default.h2.withConfig({
   displayName: "StoreItemDetails__ItemName",
   componentId: "sc-k3ho5z-7"
 })(["margin:0;font-family:'Press Start 2P',cursive;font-size:1.25rem;color:#fef08a;"]);
@@ -71707,7 +72686,7 @@ var ItemPrice$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemDetails__ItemPrice",
   componentId: "sc-k3ho5z-8"
 })(["font-family:'Press Start 2P',cursive;font-size:1rem;color:#fef08a;"]);
-var Description$6 = /*#__PURE__*/styled__default.p.withConfig({
+var Description$7 = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "StoreItemDetails__Description",
   componentId: "sc-k3ho5z-9"
 })(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.875rem;line-height:1.6;color:#ffffff;"]);
@@ -72275,7 +73254,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$g, {
+  }, React__default.createElement(WidgetContainer, null, React__default.createElement(CloseButton$h, {
     onPointerDown: onClose,
     className: "time-widget-close"
   }, "X"), React__default.createElement(DayNightContainer, {
@@ -72292,7 +73271,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$g = /*#__PURE__*/styled__default.p.withConfig({
+var CloseButton$h = /*#__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);
@@ -72401,7 +73380,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$6, null, React__default.createElement(ItemInfoWrapper, {
+  return React__default.createElement(ItemWrapper$1, null, React__default.createElement(ItemIconContainer$3, null, React__default.createElement(SpriteContainer$7, null, React__default.createElement(ItemInfoWrapper, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     equipmentSet: equipmentSet,
@@ -72473,7 +73452,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$6 = /*#__PURE__*/styled__default.div.withConfig({
+var SpriteContainer$7 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TradingItemRow__SpriteContainer",
   componentId: "sc-mja0b5-4"
 })(["position:relative;top:-0.5rem;left:0;"]);
@@ -72571,7 +73550,7 @@ var TradingMenu = function TradingMenu(_ref) {
     width: "500px",
     cancelDrag: "#TraderContainer",
     scale: scale
-  }, React__default.createElement(Container$Q, null, React__default.createElement(Title$m, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React__default.createElement("hr", {
+  }, React__default.createElement(Container$Q, null, React__default.createElement(Title$n, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React__default.createElement("hr", {
     className: "golden"
   }), React__default.createElement(ScrollWrapper, {
     id: "TraderContainer"
@@ -72603,7 +73582,7 @@ var Container$Q = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TradingMenu__Container",
   componentId: "sc-1wjsz1l-0"
 })(["width:100%;"]);
-var Title$m = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$n = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "TradingMenu__Title",
   componentId: "sc-1wjsz1l-1"
 })(["font-size:0.7rem !important;color:yellow !important;text-align:center;"]);
@@ -72801,6 +73780,9 @@ exports.BuyOrderPanel = BuyOrderPanel;
 exports.BuyOrderRow = BuyOrderRow;
 exports.CTAButton = CTAButton;
 exports.CartView = CartView;
+exports.CharacterListingForm = CharacterListingForm;
+exports.CharacterMarketplacePanel = CharacterMarketplacePanel;
+exports.CharacterMarketplaceRows = CharacterMarketplaceRows;
 exports.CharacterSelection = CharacterSelection;
 exports.CharacterSkinSelectionModal = CharacterSkinSelectionModal;
 exports.Chat = Chat;
@@ -72825,6 +73807,7 @@ exports.FeaturedBanner = FeaturedBanner;
 exports.FriendList = FriendList;
 exports.GemSelector = GemSelector;
 exports.GroupedBuyOrderRow = GroupedBuyOrderRow;
+exports.GroupedCharacterMarketplaceRow = GroupedCharacterMarketplaceRow;
 exports.GroupedMarketplaceRow = GroupedMarketplaceRow;
 exports.HISTORY_ITEMS_PER_PAGE = HISTORY_ITEMS_PER_PAGE;
 exports.HistoryDialog = HistoryDialog;
@@ -72848,6 +73831,7 @@ exports.MarketplaceBuyModal = MarketplaceBuyModal;
 exports.MarketplaceRows = MarketplaceRows;
 exports.MarketplaceSettingsPanel = MarketplaceSettingsPanel;
 exports.MetadataCollector = MetadataCollector;
+exports.MyCharacterListingsPanel = MyCharacterListingsPanel;
 exports.NPCDialog = NPCDialog;
 exports.NPCMultiDialog = NPCMultiDialog;
 exports.PartyCreate = PartyCreate;