@rpg-engine/long-bow 0.8.184 → 0.8.186

package/dist/long-bow.esm.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect, Component, useRef, useCallback, useMemo, me
 import styled, { css, keyframes, createGlobalStyle } from 'styled-components';
 import { BeatLoader } from 'react-spinners';
 import { v4 } from 'uuid';
-import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemQualityLevel, ItemRarities, ItemSubType, isMobile, TaskType, TaskStatus, isMobileOrTablet, RewardType, DC_TO_GOLD_SWAP_RATE, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, MarketplaceBuyOrderStatus, formatDCAmount, MarketplaceAcceptedCurrency, goldToDC, MarketplaceTransactionType, CharacterClass as CharacterClass$1, QuestStatus, getLevelFromXP, getSkillConstants, getLevelFromSPTiered, getXPForLevel, getSPForLevelTiered, MetadataType, PurchaseType, UserAccountTypes, PaymentCurrency, PeriodOfDay } from '@rpg-engine/shared';
+import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemQualityLevel, ItemRarities, ItemSubType, isMobile, TaskType, TaskStatus, isMobileOrTablet, RewardType, DC_TO_GOLD_SWAP_RATE, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, MarketplaceBuyOrderStatus, formatDCAmount, MarketplaceAcceptedCurrency, goldToDC, MarketplaceTransactionType, CharacterClass as CharacterClass$2, QuestStatus, getLevelFromXP, getSkillConstants, getLevelFromSPTiered, getXPForLevel, getSPForLevelTiered, MetadataType, PurchaseType, UserAccountTypes, PaymentCurrency, PeriodOfDay } from '@rpg-engine/shared';
 export { MarketplaceAcceptedCurrency } from '@rpg-engine/shared';
 import dayjs from 'dayjs';
 import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
@@ -47170,6 +47170,257 @@ var Hint = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-1lvibyi-7"
 })(["margin:14px 0 0 0;font-size:0.48rem;color:#666;line-height:1.6;"]);
 
+var RARITY_COLORS$1 = {
+  legendary: '#f59e0b',
+  epic: '#a855f7',
+  rare: '#3b82f6',
+  uncommon: '#22c55e',
+  common: '#6b7280'
+};
+var rarityColor$1 = function rarityColor(rarity) {
+  var _RARITY_COLORS$toLowe;
+  return (_RARITY_COLORS$toLowe = RARITY_COLORS$1[(rarity != null ? rarity : '').toLowerCase()]) != null ? _RARITY_COLORS$toLowe : RARITY_COLORS$1.common;
+};
+var CharacterDetailModal = function CharacterDetailModal(_ref) {
+  var _snap$skills, _snap$mode, _snap$equipment;
+  var listing = _ref.listing,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    onBuy = _ref.onBuy,
+    atlasJSON = _ref.atlasJSON,
+    atlasIMG = _ref.atlasIMG,
+    characterAtlasJSON = _ref.characterAtlasJSON,
+    characterAtlasIMG = _ref.characterAtlasIMG,
+    enableHotkeys = _ref.enableHotkeys,
+    disableHotkeys = _ref.disableHotkeys;
+  var _useState = useState(false),
+    isConfirming = _useState[0],
+    setIsConfirming = _useState[1];
+  var handleClose = useCallback(function () {
+    setIsConfirming(false);
+    enableHotkeys == null ? void 0 : enableHotkeys();
+    onClose();
+  }, [enableHotkeys, onClose]);
+  var handleBuyClick = useCallback(function () {
+    setIsConfirming(true);
+    disableHotkeys == null ? void 0 : disableHotkeys();
+  }, [disableHotkeys]);
+  var handleConfirm = useCallback(function () {
+    if (!listing) return;
+    onBuy(listing._id);
+    setIsConfirming(false);
+    enableHotkeys == null ? void 0 : enableHotkeys();
+    onClose();
+  }, [listing, onBuy, enableHotkeys, onClose]);
+  var stopPropagation = useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
+  if (!isOpen || !listing) return null;
+  var snap = listing.characterSnapshot;
+  var topSkills = Object.entries((_snap$skills = snap.skills) != null ? _snap$skills : {}).sort(function (_ref2, _ref3) {
+    var a = _ref2[1];
+    var b = _ref3[1];
+    return b - a;
+  }).slice(0, 8);
+  return React.createElement(ModalPortal, null, isConfirming && React.createElement(ConfirmModal, {
+    onConfirm: handleConfirm,
+    onClose: function onClose() {
+      setIsConfirming(false);
+      enableHotkeys == null ? void 0 : enableHotkeys();
+    },
+    message: "Buy " + snap.name + " for " + formatDCAmount(listing.price) + " DC?"
+  }), React.createElement(Overlay$7, {
+    onPointerDown: handleClose
+  }), React.createElement(ModalContainer$5, null, React.createElement(ModalContent$5, {
+    onClick: stopPropagation,
+    onTouchStart: stopPropagation,
+    onPointerDown: stopPropagation
+  }, React.createElement(Header$b, null, React.createElement(Title$c, null, "Character Details"), React.createElement(CloseButton$d, {
+    onPointerDown: handleClose,
+    "aria-label": "Close",
+    type: "button"
+  }, React.createElement(FaTimes, null))), React.createElement(HeroSection, null, React.createElement(SpriteContainer$5, null, React.createElement(SpriteFromAtlas, {
+    atlasIMG: characterAtlasIMG,
+    atlasJSON: characterAtlasJSON,
+    spriteKey: snap.textureKey + "/down/standing/0.png",
+    imgScale: 4,
+    height: 96,
+    width: 96
+  })), React.createElement(HeroInfo, null, React.createElement(CharacterName$1, null, snap.name || 'Unknown'), React.createElement(CharacterClass, null, "Lv.", snap.level, " \xB7 ", snap["class"]), React.createElement(CharacterOrigin, null, snap.race, " \xB7 ", snap.faction), React.createElement(ModeBadge, {
+    "$hardcore": ((_snap$mode = snap.mode) == null ? void 0 : _snap$mode.toLowerCase()) === 'hardcore'
+  }, snap.mode || 'Standard'))), React.createElement(Divider, null), topSkills.length > 0 && React.createElement(Section$3, null, React.createElement(SectionTitle$3, null, "Skills"), React.createElement(SkillsGrid, null, topSkills.map(function (_ref4) {
+    var name = _ref4[0],
+      value = _ref4[1];
+    return React.createElement(SkillRow, {
+      key: name
+    }, React.createElement(SkillName, null, name), React.createElement(SkillValue, null, value));
+  }))), ((_snap$equipment = snap.equipment) == null ? void 0 : _snap$equipment.length) > 0 && React.createElement(React.Fragment, null, React.createElement(Divider, null), React.createElement(Section$3, null, React.createElement(SectionTitle$3, null, "Equipment"), React.createElement(EquipmentList, null, snap.equipment.map(function (eq, i) {
+    return React.createElement(EquipmentRow, {
+      key: i
+    }, React.createElement(EquipSlot, null, eq.slot), React.createElement(EquipName, null, eq.itemName), React.createElement(RarityBadge, {
+      "$rarity": eq.rarity
+    }, eq.rarity || 'Common'));
+  })))), React.createElement(Divider, null), React.createElement(Footer$1, null, React.createElement(SellerInfo, null, "Listed by ", listing.listedByCharacterName), React.createElement(FooterActions, null, React.createElement(PriceDisplay, null, React.createElement(DCCoinWrapper$2, null, React.createElement(SpriteFromAtlas, {
+    atlasIMG: atlasIMG,
+    atlasJSON: atlasJSON,
+    spriteKey: "others/definya-coin.png",
+    imgScale: 1
+  })), React.createElement(PriceAmount, null, formatDCAmount(listing.price), " DC")), React.createElement(BuyBtn, {
+    icon: React.createElement(ShoppingBag, {
+      width: 18,
+      height: 18
+    }),
+    label: "Buy Character",
+    disabled: listing.isBeingBought,
+    onClick: handleBuyClick
+  })), listing.isBeingBought && React.createElement(PendingNotice, null, "Purchase already in progress")))));
+};
+var scaleIn$2 = /*#__PURE__*/keyframes(["from{transform:scale(0.88);opacity:0;}to{transform:scale(1);opacity:1;}"]);
+var Overlay$7 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__Overlay",
+  componentId: "sc-1kdn1l6-0"
+})(["position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:1000;"]);
+var ModalContainer$5 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__ModalContainer",
+  componentId: "sc-1kdn1l6-1"
+})(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;"]);
+var ModalContent$5 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__ModalContent",
+  componentId: "sc-1kdn1l6-2"
+})(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px;width:480px;max-width:94%;max-height:85dvh;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overflow-x:hidden;pointer-events:auto;animation:", " 0.15s ease-out;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:4px;}&::-webkit-scrollbar-thumb{background:rgba(245,158,11,0.3);border-radius:4px;}"], scaleIn$2);
+var Header$b = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__Header",
+  componentId: "sc-1kdn1l6-3"
+})(["display:flex;align-items:center;justify-content:space-between;flex-shrink:0;"]);
+var Title$c = /*#__PURE__*/styled.h3.withConfig({
+  displayName: "CharacterDetailModal__Title",
+  componentId: "sc-1kdn1l6-4"
+})(["margin:0;font-family:'Press Start 2P',cursive !important;font-size:0.6rem !important;color:#fef08a !important;"]);
+var CloseButton$d = /*#__PURE__*/styled.button.withConfig({
+  displayName: "CharacterDetailModal__CloseButton",
+  componentId: "sc-1kdn1l6-5"
+})(["background:none;border:none;color:rgba(255,255,255,0.5);cursor:pointer;font-size:1rem;padding:4px;display:flex;align-items:center;&:hover{color:#fff;}"]);
+var HeroSection = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__HeroSection",
+  componentId: "sc-1kdn1l6-6"
+})(["display:flex;align-items:center;gap:16px;"]);
+var SpriteContainer$5 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__SpriteContainer",
+  componentId: "sc-1kdn1l6-7"
+})(["display:flex;align-items:center;justify-content:center;image-rendering:pixelated;width:96px;height:96px;flex-shrink:0;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:6px;"]);
+var HeroInfo = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__HeroInfo",
+  componentId: "sc-1kdn1l6-8"
+})(["display:flex;flex-direction:column;gap:6px;flex:1;"]);
+var CharacterName$1 = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__CharacterName",
+  componentId: "sc-1kdn1l6-9"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.65rem !important;color:#f3f4f6 !important;"]);
+var CharacterClass = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__CharacterClass",
+  componentId: "sc-1kdn1l6-10"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#9ca3af !important;"]);
+var CharacterOrigin = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__CharacterOrigin",
+  componentId: "sc-1kdn1l6-11"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.42rem !important;color:#6b7280 !important;"]);
+var ModeBadge = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__ModeBadge",
+  componentId: "sc-1kdn1l6-12"
+})(["display:inline-block;font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:", " !important;border:1px solid ", ";border-radius:3px;padding:2px 6px;text-transform:uppercase;letter-spacing:0.5px;width:fit-content;"], function (_ref5) {
+  var $hardcore = _ref5.$hardcore;
+  return $hardcore ? '#ef4444' : '#6b7280';
+}, function (_ref6) {
+  var $hardcore = _ref6.$hardcore;
+  return $hardcore ? 'rgba(239,68,68,0.4)' : 'rgba(107,114,128,0.3)';
+});
+var Divider = /*#__PURE__*/styled.hr.withConfig({
+  displayName: "CharacterDetailModal__Divider",
+  componentId: "sc-1kdn1l6-13"
+})(["border:none;border-top:1px solid rgba(255,255,255,0.06);margin:0;flex-shrink:0;"]);
+var Section$3 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__Section",
+  componentId: "sc-1kdn1l6-14"
+})(["display:flex;flex-direction:column;gap:8px;"]);
+var SectionTitle$3 = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__SectionTitle",
+  componentId: "sc-1kdn1l6-15"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.45rem !important;color:#f59e0b !important;text-transform:uppercase;letter-spacing:1px;"]);
+var SkillsGrid = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__SkillsGrid",
+  componentId: "sc-1kdn1l6-16"
+})(["display:grid;grid-template-columns:repeat(2,1fr);gap:4px 12px;"]);
+var SkillRow = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__SkillRow",
+  componentId: "sc-1kdn1l6-17"
+})(["display:flex;justify-content:space-between;align-items:center;gap:8px;"]);
+var SkillName = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__SkillName",
+  componentId: "sc-1kdn1l6-18"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#9ca3af !important;text-transform:capitalize;"]);
+var SkillValue = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__SkillValue",
+  componentId: "sc-1kdn1l6-19"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#fef08a !important;"]);
+var EquipmentList = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__EquipmentList",
+  componentId: "sc-1kdn1l6-20"
+})(["display:flex;flex-direction:column;gap:5px;"]);
+var EquipmentRow = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__EquipmentRow",
+  componentId: "sc-1kdn1l6-21"
+})(["display:flex;align-items:center;gap:8px;padding:5px 8px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:4px;"]);
+var EquipSlot = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__EquipSlot",
+  componentId: "sc-1kdn1l6-22"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.34rem !important;color:#6b7280 !important;text-transform:capitalize;min-width:52px;flex-shrink:0;"]);
+var EquipName = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__EquipName",
+  componentId: "sc-1kdn1l6-23"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#d1d5db !important;flex:1;"]);
+var RarityBadge = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__RarityBadge",
+  componentId: "sc-1kdn1l6-24"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.32rem !important;color:", " !important;border:1px solid ", "44;border-radius:2px;padding:1px 4px;text-transform:uppercase;flex-shrink:0;"], function (_ref7) {
+  var $rarity = _ref7.$rarity;
+  return rarityColor$1($rarity);
+}, function (_ref8) {
+  var $rarity = _ref8.$rarity;
+  return rarityColor$1($rarity);
+});
+var Footer$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__Footer",
+  componentId: "sc-1kdn1l6-25"
+})(["display:flex;flex-direction:column;gap:8px;flex-shrink:0;"]);
+var SellerInfo = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__SellerInfo",
+  componentId: "sc-1kdn1l6-26"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.38rem !important;color:#6b7280 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
+var FooterActions = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__FooterActions",
+  componentId: "sc-1kdn1l6-27"
+})(["display:flex;align-items:center;justify-content:space-between;gap:12px;"]);
+var PriceDisplay = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CharacterDetailModal__PriceDisplay",
+  componentId: "sc-1kdn1l6-28"
+})(["display:flex;align-items:center;gap:6px;line-height:1;"]);
+var DCCoinWrapper$2 = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__DCCoinWrapper",
+  componentId: "sc-1kdn1l6-29"
+})(["display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;"]);
+var PriceAmount = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__PriceAmount",
+  componentId: "sc-1kdn1l6-30"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.7rem !important;color:#fef08a !important;"]);
+var BuyBtn = /*#__PURE__*/styled(CTAButton).withConfig({
+  displayName: "CharacterDetailModal__BuyBtn",
+  componentId: "sc-1kdn1l6-31"
+})(["flex-shrink:0;padding:10px 18px;height:34px;span{font-size:0.6rem;}"]);
+var PendingNotice = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CharacterDetailModal__PendingNotice",
+  componentId: "sc-1kdn1l6-32"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:#ef4444 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
+
 var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
   var characterListings = _ref.characterListings,
     totalCount = _ref.totalCount,
@@ -47189,8 +47440,8 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
   var _useState = useState(null),
-    buyingListingId = _useState[0],
-    setBuyingListingId = _useState[1];
+    selectedListing = _useState[0],
+    setSelectedListing = _useState[1];
   var _useState2 = useState(nameFilter),
     localNameFilter = _useState2[0],
     setLocalNameFilter = _useState2[1];
@@ -47216,17 +47467,8 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
     setLocalNameFilter(value);
     onNameFilterChange == null ? void 0 : onNameFilterChange(value);
   };
-  var handleBuyClick = function handleBuyClick(listingId) {
-    setBuyingListingId(listingId);
-  };
-  var handleBuyConfirm = function handleBuyConfirm() {
-    if (buyingListingId) {
-      onCharacterBuy(buyingListingId);
-      setBuyingListingId(null);
-      enableHotkeys == null ? void 0 : enableHotkeys();
-    }
-  };
-  var renderCharacterSprite = function renderCharacterSprite(snapshot) {
+  var renderCharacterSprite = function renderCharacterSprite(listing) {
+    var snapshot = listing.characterSnapshot;
     return React.createElement(SpriteFromAtlas, {
       atlasIMG: characterAtlasIMG,
       atlasJSON: characterAtlasJSON,
@@ -47236,13 +47478,19 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
       width: 64
     });
   };
-  return React.createElement(React.Fragment, null, buyingListingId && React.createElement(ConfirmModal, {
+  return React.createElement(React.Fragment, null, React.createElement(CharacterDetailModal, {
+    listing: selectedListing,
+    isOpen: !!selectedListing,
     onClose: function onClose() {
-      setBuyingListingId(null);
-      enableHotkeys == null ? void 0 : enableHotkeys();
+      return setSelectedListing(null);
     },
-    onConfirm: handleBuyConfirm,
-    message: "Are you sure you want to buy this character?"
+    onBuy: onCharacterBuy,
+    atlasJSON: atlasJSON,
+    atlasIMG: atlasIMG,
+    characterAtlasJSON: characterAtlasJSON,
+    characterAtlasIMG: characterAtlasIMG,
+    enableHotkeys: enableHotkeys,
+    disableHotkeys: disableHotkeys
   }), React.createElement(ToolbarRow$1, null, React.createElement(SearchField$1, null, React.createElement(Input, {
     onChange: function onChange(e) {
       return handleNameFilterChange(e.target.value);
@@ -47259,21 +47507,13 @@ var CharacterMarketplacePanel = function CharacterMarketplacePanel(_ref) {
     width: 32,
     height: 32
   }), React.createElement(EmptyText, null, "No character listings found.")) : React.createElement(ListingsGrid, null, filteredListings.map(function (listing) {
-    var _listing$characterSna2, _listing$characterSna3;
     return React.createElement(CharacterListingCard, {
       key: listing._id,
       onClick: function onClick() {
-        return handleBuyClick(listing._id);
+        return setSelectedListing(listing);
       },
       "$isBeingBought": listing.isBeingBought
-    }, React.createElement(CharacterSprite, null, renderCharacterSprite(listing.characterSnapshot)), React.createElement(CharacterInfo, null, React.createElement(CharacterName$1, null, listing.characterSnapshot.name || 'Unknown'), React.createElement(CharacterMeta, null, "Lv.", listing.characterSnapshot.level, " \xB7 ", listing.characterSnapshot["class"]), React.createElement(CharacterDetails, null, listing.characterSnapshot.race, " \xB7 ", listing.characterSnapshot.faction), React.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.createElement(EquipmentRow, null, listing.characterSnapshot.equipment.slice(0, 3).map(function (eq, i) {
-      return React.createElement(EquipBadge, {
-        key: i,
-        "$rarity": eq.rarity
-      }, eq.rarity || 'Common');
-    })), React.createElement(SellerInfo, null, "by ", listing.listedByCharacterName), React.createElement(ListingPrice, null, React.createElement(DCCoinWrapper$2, null, React.createElement(SpriteFromAtlas, {
+    }, React.createElement(CharacterSprite, null, renderCharacterSprite(listing)), React.createElement(CharacterInfo, null, React.createElement(CharacterName$2, null, listing.characterSnapshot.name || 'Unknown'), React.createElement(CharacterMeta, null, "Lv.", listing.characterSnapshot.level, " \xB7 ", listing.characterSnapshot["class"]), React.createElement(ListingPrice, null, React.createElement(DCCoinWrapper$3, null, React.createElement(SpriteFromAtlas, {
       atlasIMG: atlasIMG,
       atlasJSON: atlasJSON,
       spriteKey: "others/definya-coin.png",
@@ -47328,7 +47568,7 @@ var CharacterInfo = /*#__PURE__*/styled.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.span.withConfig({
+var CharacterName$2 = /*#__PURE__*/styled.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;"]);
@@ -47336,83 +47576,42 @@ var CharacterMeta = /*#__PURE__*/styled.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.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.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.div.withConfig({
-  displayName: "CharacterMarketplacePanel__EquipmentRow",
-  componentId: "sc-1aiauep-11"
-})(["display:flex;flex-wrap:wrap;gap:3px;justify-content:center;"]);
-var EquipBadge = /*#__PURE__*/styled.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.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.div.withConfig({
   displayName: "CharacterMarketplacePanel__ListingPrice",
-  componentId: "sc-1aiauep-14"
+  componentId: "sc-1aiauep-9"
 })(["display:flex;align-items:center;justify-content:center;gap:4px;font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#fef08a !important;line-height:1;"]);
-var DCCoinWrapper$2 = /*#__PURE__*/styled.span.withConfig({
+var DCCoinWrapper$3 = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterMarketplacePanel__DCCoinWrapper",
-  componentId: "sc-1aiauep-15"
+  componentId: "sc-1aiauep-10"
 })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;"]);
 var BeingBoughtBadge = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterMarketplacePanel__BeingBoughtBadge",
-  componentId: "sc-1aiauep-16"
+  componentId: "sc-1aiauep-11"
 })(["position:absolute;top:6px;right:6px;background:rgba(239,68,68,0.2);border:1px solid rgba(239,68,68,0.4);border-radius:4px;padding:2px 6px;font-family:'Press Start 2P',cursive !important;font-size:0.35rem !important;color:#ef4444 !important;text-transform:uppercase;letter-spacing:0.5px;"]);
 var PagerFooter$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterMarketplacePanel__PagerFooter",
-  componentId: "sc-1aiauep-17"
+  componentId: "sc-1aiauep-12"
 })(["display:flex;justify-content:center;align-items:center;padding:8px 0 4px;min-height:36px;width:95%;margin:0 auto;"]);
 var LoadingState$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterMarketplacePanel__LoadingState",
-  componentId: "sc-1aiauep-18"
+  componentId: "sc-1aiauep-13"
 })(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;min-height:160px;"]);
 var spin$1 = /*#__PURE__*/keyframes(["to{transform:rotate(360deg);}"]);
 var Spinner$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterMarketplacePanel__Spinner",
-  componentId: "sc-1aiauep-19"
+  componentId: "sc-1aiauep-14"
 })(["width:28px;height:28px;border:3px solid rgba(245,158,11,0.2);border-top-color:#f59e0b;border-radius:50%;animation:", " 0.7s linear infinite;"], spin$1);
 var LoadingText$2 = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterMarketplacePanel__LoadingText",
-  componentId: "sc-1aiauep-20"
+  componentId: "sc-1aiauep-15"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.48rem !important;color:#8a8a8a !important;text-transform:uppercase;letter-spacing:1px;"]);
 var EmptyState$5 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterMarketplacePanel__EmptyState",
-  componentId: "sc-1aiauep-21"
+  componentId: "sc-1aiauep-16"
 })(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:200px;"]);
 var EmptyText = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterMarketplacePanel__EmptyText",
-  componentId: "sc-1aiauep-22"
+  componentId: "sc-1aiauep-17"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.48rem !important;color:#71717a !important;text-transform:uppercase;letter-spacing:1px;"]);
 
 var MyCharacterListingsPanel = function MyCharacterListingsPanel(_ref) {
@@ -47471,7 +47670,7 @@ var MyCharacterListingsPanel = function MyCharacterListingsPanel(_ref) {
       imgScale: 3,
       height: 64,
       width: 64
-    })), React.createElement(CharacterInfo$1, null, React.createElement(CharacterName$2, null, listing.characterSnapshot.name || 'Unknown'), React.createElement(CharacterMeta$1, null, "Level ", listing.characterSnapshot.level), React.createElement(ListingPrice$1, null, React.createElement(DCCoinWrapper$3, null, React.createElement(SpriteFromAtlas, {
+    })), React.createElement(CharacterInfo$1, null, React.createElement(CharacterName$3, null, listing.characterSnapshot.name || 'Unknown'), React.createElement(CharacterMeta$1, null, "Level ", listing.characterSnapshot.level), React.createElement(ListingPrice$1, null, React.createElement(DCCoinWrapper$4, null, React.createElement(SpriteFromAtlas, {
       atlasIMG: atlasIMG,
       atlasJSON: atlasJSON,
       spriteKey: "others/definya-coin.png",
@@ -47525,7 +47724,7 @@ var CharacterInfo$1 = /*#__PURE__*/styled.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.span.withConfig({
+var CharacterName$3 = /*#__PURE__*/styled.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;"]);
@@ -47537,7 +47736,7 @@ var ListingPrice$1 = /*#__PURE__*/styled.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.span.withConfig({
+var DCCoinWrapper$4 = /*#__PURE__*/styled.span.withConfig({
   displayName: "MyCharacterListingsPanel__DCCoinWrapper",
   componentId: "sc-su21a6-8"
 })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;"]);
@@ -47659,13 +47858,13 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
       enableHotkeys == null ? void 0 : enableHotkeys();
     },
     message: "Are you sure you want to list this character for sale?"
-  }), React.createElement(Overlay$7, {
+  }), React.createElement(Overlay$8, {
     onPointerDown: handleClose
-  }), React.createElement(ModalContainer$5, null, React.createElement(ModalContent$5, {
+  }), React.createElement(ModalContainer$6, null, React.createElement(ModalContent$6, {
     onClick: stopPropagation,
     onTouchStart: stopPropagation,
     onPointerDown: stopPropagation
-  }, React.createElement(Header$b, null, React.createElement(Title$c, null, "List Character for Sale"), React.createElement(CloseButton$d, {
+  }, React.createElement(Header$c, null, React.createElement(Title$d, null, "List Character for Sale"), React.createElement(CloseButton$e, {
     onPointerDown: handleClose,
     "aria-label": "Close",
     type: "button"
@@ -47695,7 +47894,7 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
       imgScale: 2,
       height: 40,
       width: 40
-    })), React.createElement(CharacterInfo$2, null, React.createElement(CharacterName$3, null, character.name || 'Unknown'), React.createElement(CharacterMeta$2, null, "Level ", getLevel(character))));
+    })), React.createElement(CharacterInfo$2, null, React.createElement(CharacterName$4, null, character.name || 'Unknown'), React.createElement(CharacterMeta$2, null, "Level ", getLevel(character))));
   })), React.createElement(PriceSection$1, null, React.createElement(PriceLabel, null, "Set Price (DC)"), React.createElement(PriceRow$1, null, React.createElement(Input, {
     onChange: function onChange(e) {
       return setPrice(e.target.value);
@@ -47715,35 +47914,35 @@ var CharacterListingModal = function CharacterListingModal(_ref) {
     label: "List",
     disabled: !canList,
     onClick: handleListClick
-  })), price && Number(price) > 0 && React.createElement(PricePreview, null, React.createElement(DCCoinWrapper$4, null, React.createElement(SpriteFromAtlas, {
+  })), price && Number(price) > 0 && React.createElement(PricePreview, null, React.createElement(DCCoinWrapper$5, null, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: "others/definya-coin.png",
     imgScale: 1
   })), React.createElement(PricePreviewAmount, null, Number(price).toLocaleString(), " DC")), React.createElement(DCRateStrip, null)))));
 };
-var scaleIn$2 = /*#__PURE__*/keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
-var Overlay$7 = /*#__PURE__*/styled.div.withConfig({
+var scaleIn$3 = /*#__PURE__*/keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
+var Overlay$8 = /*#__PURE__*/styled.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.div.withConfig({
+var ModalContainer$6 = /*#__PURE__*/styled.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.div.withConfig({
+var ModalContent$6 = /*#__PURE__*/styled.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.div.withConfig({
+})(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px;width:440px;max-width:92%;max-height:80dvh;display:flex;flex-direction:column;gap:16px;overflow:hidden;pointer-events:auto;animation:", " 0.15s ease-out;"], scaleIn$3);
+var Header$c = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterListingModal__Header",
   componentId: "sc-1uxkx35-3"
 })(["display:flex;align-items:center;justify-content:space-between;"]);
-var Title$c = /*#__PURE__*/styled.h3.withConfig({
+var Title$d = /*#__PURE__*/styled.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.button.withConfig({
+var CloseButton$e = /*#__PURE__*/styled.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;}"]);
@@ -47785,7 +47984,7 @@ var CharacterInfo$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterListingModal__CharacterInfo",
   componentId: "sc-1uxkx35-10"
 })(["display:flex;flex-direction:column;gap:4px;flex:1;"]);
-var CharacterName$3 = /*#__PURE__*/styled.span.withConfig({
+var CharacterName$4 = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterListingModal__CharacterName",
   componentId: "sc-1uxkx35-11"
 })(["font-family:'Press Start 2P',cursive !important;font-size:0.5rem !important;color:#f3f4f6 !important;"]);
@@ -47797,7 +47996,7 @@ var PricePreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterListingModal__PricePreview",
   componentId: "sc-1uxkx35-13"
 })(["display:flex;align-items:center;gap:6px;"]);
-var DCCoinWrapper$4 = /*#__PURE__*/styled.span.withConfig({
+var DCCoinWrapper$5 = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterListingModal__DCCoinWrapper",
   componentId: "sc-1uxkx35-14"
 })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;"]);
@@ -48206,7 +48405,7 @@ var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
     isBeingBought = listing.isBeingBought;
   return React.createElement(ItemRowWrapper, {
     "$isHighlighted": disabled || isBeingBought
-  }, React.createElement(ItemSection$3, null, React.createElement(SpriteContainer$5, null, React.createElement(CharacterSprite$2, null, React.createElement(SpriteFromAtlas, {
+  }, React.createElement(ItemSection$3, null, React.createElement(SpriteContainer$6, null, React.createElement(CharacterSprite$2, null, React.createElement(SpriteFromAtlas, {
     atlasIMG: characterAtlasIMG,
     atlasJSON: characterAtlasJSON,
     spriteKey: characterSnapshot.textureKey + "/down/standing/0.png",
@@ -48217,7 +48416,7 @@ var CharacterMarketplaceRows = function CharacterMarketplaceRows(_ref) {
     maxLines: 1,
     maxWidth: "180px",
     fontSize: "10px"
-  }, characterSnapshot.name || 'Unknown Character')), React.createElement(CharacterMeta$3, null, "Level ", characterSnapshot.level), characterSnapshot["class"] && React.createElement(CharacterClass, null, characterSnapshot["class"]), React.createElement(PriceRow$2, null, React.createElement(DCCoinWrapper$5, null, React.createElement(SpriteFromAtlas, {
+  }, characterSnapshot.name || 'Unknown Character')), React.createElement(CharacterMeta$3, null, "Level ", characterSnapshot.level), characterSnapshot["class"] && React.createElement(CharacterClass$1, null, characterSnapshot["class"]), React.createElement(PriceRow$2, null, React.createElement(DCCoinWrapper$6, null, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: "others/definya-coin.png",
@@ -48241,7 +48440,7 @@ var ItemSection$3 = /*#__PURE__*/styled.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.div.withConfig({
+var SpriteContainer$6 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CharacterMarketplaceRows__SpriteContainer",
   componentId: "sc-1pxkdig-1"
 })(["position:relative;flex-shrink:0;min-width:44px;"]);
@@ -48261,7 +48460,7 @@ var CharacterMeta$3 = /*#__PURE__*/styled.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.span.withConfig({
+var CharacterClass$1 = /*#__PURE__*/styled.span.withConfig({
   displayName: "CharacterMarketplaceRows__CharacterClass",
   componentId: "sc-1pxkdig-6"
 })(["font-size:0.4rem;color:#666;text-transform:uppercase;letter-spacing:0.5px;"]);
@@ -48269,7 +48468,7 @@ var PriceRow$2 = /*#__PURE__*/styled.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.span.withConfig({
+var DCCoinWrapper$6 = /*#__PURE__*/styled.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;"]);
@@ -48492,7 +48691,7 @@ var PartyCreate = function PartyCreate(_ref) {
     style: {
       width: '100%'
     }
-  }, React.createElement(Title$d, null, "Create Party"), React.createElement("hr", {
+  }, React.createElement(Title$e, null, "Create Party"), React.createElement("hr", {
     className: "golden"
   }))), React.createElement("h1", null, "Type your party name"), React.createElement(Input, {
     placeholder: "Type party name",
@@ -48515,7 +48714,7 @@ var Wrapper$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PartyCreate__Wrapper",
   componentId: "sc-13brop0-0"
 })(["display:flex;flex-direction:column;width:100%;"]);
-var Title$d = /*#__PURE__*/styled.h1.withConfig({
+var Title$e = /*#__PURE__*/styled.h1.withConfig({
   displayName: "PartyCreate__Title",
   componentId: "sc-13brop0-1"
 })(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
@@ -48564,7 +48763,7 @@ var PartyDashboard = function PartyDashboard(_ref) {
     style: {
       width: '100%'
     }
-  }, React.createElement(Title$e, null, "Party Dashboard"), React.createElement(Button, {
+  }, React.createElement(Title$f, null, "Party Dashboard"), React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton
   }, "Create"), React.createElement("hr", {
     className: "golden"
@@ -48591,7 +48790,7 @@ var RowsWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "PartyDashboard__RowsWrapper",
   componentId: "sc-16cm41r-1"
 })(["overflow-y:scroll;-webkit-overflow-scrolling:touch;width:100%;height:200px;"]);
-var Title$e = /*#__PURE__*/styled.h1.withConfig({
+var Title$f = /*#__PURE__*/styled.h1.withConfig({
   displayName: "PartyDashboard__Title",
   componentId: "sc-16cm41r-2"
 })(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
@@ -48628,7 +48827,7 @@ var PartyInvite = function PartyInvite(_ref) {
     style: {
       width: '100%'
     }
-  }, React.createElement(Title$f, null, "Invite for Party"), React.createElement("hr", {
+  }, React.createElement(Title$g, null, "Invite for Party"), React.createElement("hr", {
     className: "golden"
   }))), React.createElement(RowsWrapper$1, {
     className: "playersRows"
@@ -48647,7 +48846,7 @@ var Wrapper$5 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PartyInvite__Wrapper",
   componentId: "sc-eu8ggt-0"
 })(["display:flex;flex-direction:column;width:100%;"]);
-var Title$f = /*#__PURE__*/styled.h1.withConfig({
+var Title$g = /*#__PURE__*/styled.h1.withConfig({
   displayName: "PartyInvite__Title",
   componentId: "sc-eu8ggt-1"
 })(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
@@ -48818,52 +49017,52 @@ var mockedPlayersRows2 = {
   id: /*#__PURE__*/v4(),
   leader: {
     _id: /*#__PURE__*/v4(),
-    "class": CharacterClass$1.Druid,
+    "class": CharacterClass$2.Druid,
     name: 'leader'
   },
   members: [{
     _id: /*#__PURE__*/v4(),
-    "class": CharacterClass$1.Druid,
+    "class": CharacterClass$2.Druid,
     name: 'blblb'
   }, {
     _id: /*#__PURE__*/v4(),
-    "class": CharacterClass$1.Druid,
+    "class": CharacterClass$2.Druid,
     name: 'blblb'
   }, {
     _id: /*#__PURE__*/v4(),
-    "class": CharacterClass$1.Druid,
+    "class": CharacterClass$2.Druid,
     name: 'blblb'
   }, {
     _id: /*#__PURE__*/v4(),
-    "class": CharacterClass$1.Druid,
+    "class": CharacterClass$2.Druid,
     name: 'blblb'
   }, {
     _id: /*#__PURE__*/v4(),
-    "class": CharacterClass$1.Druid,
+    "class": CharacterClass$2.Druid,
     name: 'blblb'
   }, {
     _id: /*#__PURE__*/v4(),
-    "class": CharacterClass$1.Druid,
+    "class": CharacterClass$2.Druid,
     name: 'blblb'
   }, {
     _id: /*#__PURE__*/v4(),
-    "class": CharacterClass$1.Druid,
+    "class": CharacterClass$2.Druid,
     name: 'blblb'
   }, {
     _id: /*#__PURE__*/v4(),
-    "class": CharacterClass$1.Druid,
+    "class": CharacterClass$2.Druid,
     name: 'blblb'
   }, {
     _id: /*#__PURE__*/v4(),
-    "class": CharacterClass$1.Druid,
+    "class": CharacterClass$2.Druid,
     name: 'blblb'
   }, {
     _id: /*#__PURE__*/v4(),
-    "class": CharacterClass$1.Druid,
+    "class": CharacterClass$2.Druid,
     name: 'blblb'
   }, {
     _id: /*#__PURE__*/v4(),
-    "class": CharacterClass$1.Druid,
+    "class": CharacterClass$2.Druid,
     name: 'blblb'
   }],
   maxSize: 5,
@@ -48932,20 +49131,20 @@ var getMockedPlayersRowsLeader = function getMockedPlayersRowsLeader(userId) {
     id: v4(),
     leader: {
       _id: userId,
-      "class": CharacterClass$1.Warrior,
+      "class": CharacterClass$2.Warrior,
       name: 'YourName'
     },
     members: [{
       _id: v4(),
-      "class": CharacterClass$1.Druid,
+      "class": CharacterClass$2.Druid,
       name: 'Member1'
     }, {
       _id: v4(),
-      "class": CharacterClass$1.Sorcerer,
+      "class": CharacterClass$2.Sorcerer,
       name: 'Member2'
     }, {
       _id: v4(),
-      "class": CharacterClass$1.Rogue,
+      "class": CharacterClass$2.Rogue,
       name: 'Member3'
     }],
     maxSize: 5,
@@ -48958,20 +49157,20 @@ var getMockedPlayersRowsNotLeader = function getMockedPlayersRowsNotLeader(userI
     id: v4(),
     leader: {
       _id: v4(),
-      "class": CharacterClass$1.Druid,
+      "class": CharacterClass$2.Druid,
       name: 'LeaderName'
     },
     members: [{
       _id: userId,
-      "class": CharacterClass$1.Warrior,
+      "class": CharacterClass$2.Warrior,
       name: 'YourName'
     }, {
       _id: v4(),
-      "class": CharacterClass$1.Sorcerer,
+      "class": CharacterClass$2.Sorcerer,
       name: 'Member2'
     }, {
       _id: v4(),
-      "class": CharacterClass$1.Rogue,
+      "class": CharacterClass$2.Rogue,
       name: 'Member3'
     }],
     maxSize: 5,
@@ -49089,7 +49288,7 @@ var QuestInfo = function QuestInfo(_ref) {
     onPointerDown: onRightClick
   }), React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
     className: "drag-handler"
-  }, React.createElement(Title$g, null, React.createElement(Thumbnail, {
+  }, React.createElement(Title$h, null, React.createElement(Thumbnail, {
     src: quests[currentIndex].thumbnail || img$8
   }), quests[currentIndex].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
     className: "golden"
@@ -49108,7 +49307,7 @@ var QuestInfo = function QuestInfo(_ref) {
     }, button.title);
   })))) : React.createElement(QuestsContainer, null, React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
     className: "drag-handler"
-  }, React.createElement(Title$g, null, React.createElement(Thumbnail, {
+  }, React.createElement(Title$h, null, React.createElement(Thumbnail, {
     src: quests[0].thumbnail || img$8
   }), quests[0].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
     className: "golden"
@@ -49155,7 +49354,7 @@ var TitleContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "QuestInfo__TitleContainer",
   componentId: "sc-1wccpiy-6"
 })(["width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:1rem;"]);
-var Title$g = /*#__PURE__*/styled.h1.withConfig({
+var Title$h = /*#__PURE__*/styled.h1.withConfig({
   displayName: "QuestInfo__Title",
   componentId: "sc-1wccpiy-7"
 })(["color:white;z-index:22;font-size:", " !important;color:", " !important;"], uiFonts.size.medium, uiColors.yellow);
@@ -49272,6 +49471,76 @@ var InputRadio = function InputRadio(_ref) {
   }));
 };
 
+/**
+ * A selectable row with an amber radio circle indicator.
+ * Used for single-select option lists throughout the Marketplace UI.
+ * Export `RadioCircle` separately so consumers can compose custom layouts.
+ */
+var RadioOption$1 = function RadioOption(_ref) {
+  var selected = _ref.selected,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    onSelect = _ref.onSelect,
+    children = _ref.children;
+  var handleClick = function handleClick() {
+    if (!disabled) {
+      onSelect();
+    }
+  };
+  return React.createElement(RadioOptionContainer, {
+    "$selected": selected,
+    "$disabled": disabled,
+    onClick: handleClick,
+    role: "radio",
+    "aria-checked": selected,
+    "aria-disabled": disabled
+  }, React.createElement(RadioCircle$2, {
+    "$selected": selected
+  }), children);
+};
+var RadioOptionContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "RadioOption__RadioOptionContainer",
+  componentId: "sc-rmm0nc-0"
+})(["display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid ", ";border-radius:6px;background:", ";cursor:", ";opacity:", ";transition:border-color 0.15s,background 0.15s;&:hover{border-color:", ";}"], function (_ref2) {
+  var $selected = _ref2.$selected;
+  return $selected ? '#f59e0b' : 'rgba(255,255,255,0.15)';
+}, function (_ref3) {
+  var $selected = _ref3.$selected;
+  return $selected ? 'rgba(245,158,11,0.1)' : 'transparent';
+}, function (_ref4) {
+  var $disabled = _ref4.$disabled;
+  return $disabled ? 'not-allowed' : 'pointer';
+}, function (_ref5) {
+  var $disabled = _ref5.$disabled;
+  return $disabled ? 0.5 : 1;
+}, function (_ref6) {
+  var $disabled = _ref6.$disabled;
+  return $disabled ? 'rgba(255,255,255,0.15)' : '#f59e0b';
+});
+var RadioCircle$2 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "RadioOption__RadioCircle",
+  componentId: "sc-rmm0nc-1"
+})(["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) {
+  var $selected = _ref7.$selected;
+  return $selected ? '#f59e0b' : 'rgba(255,255,255,0.4)';
+}, function (_ref8) {
+  var $selected = _ref8.$selected;
+  return $selected ? 1 : 0;
+});
+/** Convenience wrapper for option label text with RPGUI font override. */
+var RadioOptionLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "RadioOption__RadioOptionLabel",
+  componentId: "sc-rmm0nc-2"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.65rem !important;color:", " !important;"], function (_ref9) {
+  var $disabled = _ref9.$disabled;
+  return $disabled ? 'rgba(255,255,255,0.4)' : '#ffffff';
+});
+/** Convenience wrapper for option sub-text with RPGUI font override. */
+var RadioOptionSub = /*#__PURE__*/styled.span.withConfig({
+  displayName: "RadioOption__RadioOptionSub",
+  componentId: "sc-rmm0nc-3"
+})(["font-family:'Press Start 2P',cursive !important;font-size:0.55rem !important;color:rgba(255,255,255,0.5) !important;"]);
+
 var Shortcuts = function Shortcuts(_ref) {
   var shortcuts = _ref.shortcuts,
     onShortcutCast = _ref.onShortcutCast,
@@ -49420,7 +49689,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
     atlasJSON = _ref.atlasJSON,
     buffAndDebuff = _ref.buffAndDebuff;
   // Use CharacterClass.None as default if skillKey is provided but characterClass is not
-  var effectiveClass = characterClass != null ? characterClass : CharacterClass$1.None;
+  var effectiveClass = characterClass != null ? characterClass : CharacterClass$2.None;
   // Calculate the effective level based on actual SP/XP (handles data inconsistencies)
   var calculateEffectiveLevel = function calculateEffectiveLevel() {
     if (!skillKey) {
@@ -49473,7 +49742,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
     var result = level * (buffAndDebuff / 100);
     return result > 0 ? "+" + result.toFixed(2) : "" + result.toFixed(2);
   };
-  return React.createElement(React.Fragment, null, React.createElement(ProgressTitle, null, buffAndDebuff !== undefined && React.createElement(React.Fragment, null, buffAndDebuff > 0 ? React.createElement(BuffAndDebuffContainer, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameBuff, null, skillName), React.createElement(TitleNameBuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React.createElement(TitleNameBuffContainer, null, React.createElement(TitleNameBuff, null, "(+", formatBuffAndDebuff(buffAndDebuff), "%)"))) : buffAndDebuff < 0 ? React.createElement(React.Fragment, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameDebuff, null, skillName), React.createElement(TitleNameDebuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React.createElement("div", null, React.createElement(TitleNameDebuff, null, "(", formatBuffAndDebuff(buffAndDebuff), "%)"))) : React.createElement(TitleName, null, skillName)), !buffAndDebuff && React.createElement(TitleNameContainer, null, React.createElement(TitleName, null, skillName), React.createElement(ValueDisplay, null, "lv ", effectiveLevel))), React.createElement(ProgressBody, null, React.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React.createElement(SpriteContainer$6, null, React.createElement(ErrorBoundary, null, React.createElement(SpriteFromAtlas, {
+  return React.createElement(React.Fragment, null, React.createElement(ProgressTitle, null, buffAndDebuff !== undefined && React.createElement(React.Fragment, null, buffAndDebuff > 0 ? React.createElement(BuffAndDebuffContainer, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameBuff, null, skillName), React.createElement(TitleNameBuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React.createElement(TitleNameBuffContainer, null, React.createElement(TitleNameBuff, null, "(+", formatBuffAndDebuff(buffAndDebuff), "%)"))) : buffAndDebuff < 0 ? React.createElement(React.Fragment, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameDebuff, null, skillName), React.createElement(TitleNameDebuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React.createElement("div", null, React.createElement(TitleNameDebuff, null, "(", formatBuffAndDebuff(buffAndDebuff), "%)"))) : React.createElement(TitleName, null, skillName)), !buffAndDebuff && React.createElement(TitleNameContainer, null, React.createElement(TitleName, null, skillName), React.createElement(ValueDisplay, null, "lv ", effectiveLevel))), React.createElement(ProgressBody, null, React.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React.createElement(SpriteContainer$7, null, React.createElement(ErrorBoundary, null, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: texturePath,
@@ -49489,7 +49758,7 @@ var ProgressBarWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillProgressBar__ProgressBarWrapper",
   componentId: "sc-5vuroc-0"
 })(["position:relative;&:hover ", ",&:active ", "{visibility:visible;}width:100%;height:auto;top:8px;"], Tooltip, Tooltip);
-var SpriteContainer$6 = /*#__PURE__*/styled.div.withConfig({
+var SpriteContainer$7 = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillProgressBar__SpriteContainer",
   componentId: "sc-5vuroc-1"
 })(["position:relative;top:-3px;left:0;"]);
@@ -49626,7 +49895,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
         }
         // Calculate skillPointsToNextLevel using tiered exponential formula with character class
         var calcSkillPointsToNextLevel = function calcSkillPointsToNextLevel() {
-          var effectiveClass = characterClass != null ? characterClass : CharacterClass$1.None;
+          var effectiveClass = characterClass != null ? characterClass : CharacterClass$2.None;
           var _getSkillConstants = getSkillConstants(key, effectiveClass),
             A = _getSkillConstants.A,
             baseAffinityB = _getSkillConstants.b,
@@ -49660,7 +49929,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
     cancelDrag: "#skillsDiv",
     scale: scale,
     width: "100%"
-  }, onCloseButton && React.createElement(CloseButton$e, {
+  }, onCloseButton && React.createElement(CloseButton$f, {
     onPointerDown: onCloseButton
   }, "X"), React.createElement(SkillsContainerDiv, {
     id: "skillsDiv"
@@ -49695,12 +49964,12 @@ var SkillSplitDiv = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillsContainer__SkillSplitDiv",
   componentId: "sc-1g0c67q-2"
 })(["width:100%;font-size:11px;hr{margin:0;margin-bottom:1rem;padding:0px;}p{margin-bottom:0px;}"]);
-var CloseButton$e = /*#__PURE__*/styled.div.withConfig({
+var CloseButton$f = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillsContainer__CloseButton",
   componentId: "sc-1g0c67q-3"
 })(["position:absolute;top:2px;right:2px;color:white;z-index:22;font-size:1.1rem;"]);
 
-var Divider = function Divider(_ref) {
+var Divider$1 = function Divider(_ref) {
   var className = _ref.className,
     _ref$margin = _ref.margin,
     margin = _ref$margin === void 0 ? '4px 0' : _ref$margin;
@@ -49774,7 +50043,7 @@ var SocialModal = function SocialModal(_ref) {
     onClick: handleDiscordClick
   }, React.createElement(FaDiscord, null), " Discord"), React.createElement(SocialButton$1, {
     onClick: handleRedditClick
-  }, React.createElement(FaReddit, null), " Reddit")), React.createElement(Divider, {
+  }, React.createElement(FaReddit, null), " Reddit")), React.createElement(Divider$1, {
     margin: "8px 0"
   }), React.createElement(DropdownContainer$1, null, React.createElement(Dropdown, {
     options: whatsAppGroups,
@@ -49831,7 +50100,7 @@ var SpellInfo$1 = function SpellInfo(_ref) {
     castingType = spell.castingType,
     cooldown = spell.cooldown,
     maxDistanceGrid = spell.maxDistanceGrid;
-  return React.createElement(Container$G, null, React.createElement(Header$c, null, React.createElement("div", null, React.createElement(Title$h, null, name), React.createElement(Type$1, null, magicWords))), React.createElement(Statistic$1, null, React.createElement("div", {
+  return React.createElement(Container$G, null, React.createElement(Header$d, null, React.createElement("div", null, React.createElement(Title$i, null, name), React.createElement(Type$1, null, magicWords))), React.createElement(Statistic$1, null, React.createElement("div", {
     className: "label"
   }, "Casting Type:"), React.createElement("div", {
     className: "value"
@@ -49861,7 +50130,7 @@ var Container$G = /*#__PURE__*/styled.div.withConfig({
   displayName: "SpellInfo__Container",
   componentId: "sc-4hbw3q-0"
 })(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:30rem;@media (max-width:580px){width:80vw;}"], uiFonts.size.small, uiColors.lightGray);
-var Title$h = /*#__PURE__*/styled.div.withConfig({
+var Title$i = /*#__PURE__*/styled.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);
@@ -49873,7 +50142,7 @@ var Description$5 = /*#__PURE__*/styled.div.withConfig({
   displayName: "SpellInfo__Description",
   componentId: "sc-4hbw3q-3"
 })(["margin-top:1.5rem;font-size:", ";color:", ";font-style:italic;"], uiFonts.size.small, uiColors.lightGray);
-var Header$c = /*#__PURE__*/styled.div.withConfig({
+var Header$d = /*#__PURE__*/styled.div.withConfig({
   displayName: "SpellInfo__Header",
   componentId: "sc-4hbw3q-4"
 })(["display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;"]);
@@ -50089,7 +50358,7 @@ var Spell = function Spell(_ref) {
     onPointerUp: onPointerUp == null ? void 0 : onPointerUp.bind(null, spellKey),
     isSettingShortcut: isSettingShortcut && !disabled,
     className: "spell"
-  }, disabled && React.createElement(Overlay$8, null, characterSkillLevel < requiredLevel ? "Low " + getSkillName(attribute || 'magic level') + " level" : manaCost > charMana && 'No mana'), React.createElement(SpellImage, null, activeCooldown && activeCooldown > 0 ? React.createElement("span", {
+  }, disabled && React.createElement(Overlay$9, null, characterSkillLevel < requiredLevel ? "Low " + getSkillName(attribute || 'magic level') + " level" : manaCost > charMana && 'No mana'), React.createElement(SpellImage, null, activeCooldown && activeCooldown > 0 ? React.createElement("span", {
     className: "cooldown"
   }, activeCooldown.toFixed(activeCooldown > 10 ? 0 : 1)) : null, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -50098,9 +50367,9 @@ var Spell = function Spell(_ref) {
     imgScale: IMAGE_SCALE,
     containerStyle: CONTAINER_STYLE,
     centered: true
-  })), React.createElement(Info, null, React.createElement(Title$i, null, React.createElement("span", null, name), React.createElement("span", {
+  })), React.createElement(Info, null, React.createElement(Title$j, null, React.createElement("span", null, name), React.createElement("span", {
     className: "spell"
-  }, "(", magicWords, ")")), React.createElement(Description$6, null, description)), React.createElement(Divider$1, null), React.createElement(Cost, null, React.createElement("span", null, "Mana cost:"), React.createElement("span", {
+  }, "(", magicWords, ")")), React.createElement(Description$6, null, description)), React.createElement(Divider$2, null), React.createElement(Cost, null, React.createElement("span", null, "Mana cost:"), React.createElement("span", {
     className: "mana"
   }, manaCost))));
 };
@@ -50119,7 +50388,7 @@ var Info = /*#__PURE__*/styled.span.withConfig({
   displayName: "Spell__Info",
   componentId: "sc-j96fa2-2"
 })(["width:0;flex:1;@media (orientation:portrait){display:none;}"]);
-var Title$i = /*#__PURE__*/styled.p.withConfig({
+var Title$j = /*#__PURE__*/styled.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);
@@ -50127,7 +50396,7 @@ var Description$6 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Spell__Description",
   componentId: "sc-j96fa2-4"
 })(["font-size:", " !important;line-height:1.1 !important;"], uiFonts.size.small);
-var Divider$1 = /*#__PURE__*/styled.div.withConfig({
+var Divider$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Spell__Divider",
   componentId: "sc-j96fa2-5"
 })(["width:1px;height:100%;margin:0 1rem;background-color:", ";"], uiColors.lightGray);
@@ -50135,7 +50404,7 @@ var Cost = /*#__PURE__*/styled.p.withConfig({
   displayName: "Spell__Cost",
   componentId: "sc-j96fa2-6"
 })(["display:flex;align-items:center;flex-direction:column;gap:0.5rem;div{z-index:1;}.mana{position:relative;font-size:", ";font-weight:bold;z-index:1;&::after{position:absolute;content:'';top:0;left:0;background-color:", ";width:100%;height:100%;border-radius:50%;transform:scale(1.8);filter:blur(10px);z-index:-1;}}"], uiFonts.size.medium, uiColors.blue);
-var Overlay$8 = /*#__PURE__*/styled.p.withConfig({
+var Overlay$9 = /*#__PURE__*/styled.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);
@@ -50184,7 +50453,7 @@ var Spellbook = function Spellbook(_ref) {
     height: "inherit",
     cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
     scale: scale
-  }, React.createElement(Container$K, null, React.createElement(Title$j, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
+  }, React.createElement(Container$K, null, React.createElement(Title$k, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
     setSettingShortcutIndex: setSettingShortcutIndex,
     settingShortcutIndex: settingShortcutIndex,
     shortcuts: shortcuts,
@@ -50217,7 +50486,7 @@ var Spellbook = function Spellbook(_ref) {
     }, spell)));
   }))));
 };
-var Title$j = /*#__PURE__*/styled.h1.withConfig({
+var Title$k = /*#__PURE__*/styled.h1.withConfig({
   displayName: "Spellbook__Title",
   componentId: "sc-r02nfq-0"
 })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
@@ -70637,7 +70906,7 @@ var PurchaseSuccess = function PurchaseSuccess(_ref) {
       key: i,
       "$i": i
     });
-  })), React.createElement(Header$d, null, React.createElement(TrophyArea, null, React.createElement(TrophyIcon, null, React.createElement(FaStar, null))), React.createElement(Title$k, null, "PURCHASE COMPLETE!"), React.createElement(Subtitle$2, null, "Your items are ready")), React.createElement(ItemsList, null, items.map(function (item, i) {
+  })), React.createElement(Header$e, null, React.createElement(TrophyArea, null, React.createElement(TrophyIcon, null, React.createElement(FaStar, null))), React.createElement(Title$l, null, "PURCHASE COMPLETE!"), React.createElement(Subtitle$2, null, "Your items are ready")), React.createElement(ItemsList, null, items.map(function (item, i) {
     var _item$metadata;
     var isCharSkin = item.metadataType === MetadataType.CharacterSkin;
     var spriteKey = isCharSkin && (_item$metadata = item.metadata) != null && _item$metadata.selectedSkinTextureKey ? item.metadata.selectedSkinTextureKey + "/down/standing/0.png" : item.texturePath;
@@ -70661,13 +70930,13 @@ var PurchaseSuccess = function PurchaseSuccess(_ref) {
     onPointerDown: onClose
   }, React.createElement(FaTimes, null), " Close Store")));
 };
-var scaleIn$3 = /*#__PURE__*/keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
+var scaleIn$4 = /*#__PURE__*/keyframes(["from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}"]);
 var _float = /*#__PURE__*/keyframes(["0%{transform:translateY(0) rotate(0deg);opacity:1;}100%{transform:translateY(-60px) rotate(360deg);opacity:0;}"]);
 var glowPulse = /*#__PURE__*/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.div.withConfig({
   displayName: "PurchaseSuccess__Container",
   componentId: "sc-18z5q21-0"
-})(["position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1.5rem;overflow:hidden;animation:", " 0.25s ease-out;text-align:center;"], scaleIn$3);
+})(["position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1.5rem;overflow:hidden;animation:", " 0.25s ease-out;text-align:center;"], scaleIn$4);
 var Sparkles = /*#__PURE__*/styled.div.withConfig({
   displayName: "PurchaseSuccess__Sparkles",
   componentId: "sc-18z5q21-1"
@@ -70684,7 +70953,7 @@ var Spark = /*#__PURE__*/styled.div.withConfig({
 }, function (p) {
   return p.$i * 0.2;
 });
-var Header$d = /*#__PURE__*/styled.div.withConfig({
+var Header$e = /*#__PURE__*/styled.div.withConfig({
   displayName: "PurchaseSuccess__Header",
   componentId: "sc-18z5q21-3"
 })(["display:flex;flex-direction:column;align-items:center;gap:0.5rem;"]);
@@ -70696,7 +70965,7 @@ var TrophyIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "PurchaseSuccess__TrophyIcon",
   componentId: "sc-18z5q21-5"
 })(["width:64px;height:64px;border-radius:50%;background:rgba(245,158,11,0.15);border:2px solid #f59e0b;display:flex;align-items:center;justify-content:center;animation:", " 2s ease-in-out infinite;svg{font-size:1.75rem;color:#f59e0b;}"], glowPulse);
-var Title$k = /*#__PURE__*/styled.h2.withConfig({
+var Title$l = /*#__PURE__*/styled.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);"]);
@@ -70865,9 +71134,9 @@ var CartView = function CartView(_ref2) {
       onClose: onCloseStore != null ? onCloseStore : onClose
     });
   }
-  return React.createElement(Container$M, null, React.createElement(Header$e, null, React.createElement(Title$l, null, "Shopping Cart (", cartItems.reduce(function (s, ci) {
+  return React.createElement(Container$M, null, React.createElement(Header$f, null, React.createElement(Title$m, null, "Shopping Cart (", cartItems.reduce(function (s, ci) {
     return s + ci.quantity;
-  }, 0), ")"), React.createElement(CloseButton$f, {
+  }, 0), ")"), React.createElement(CloseButton$g, {
     onPointerDown: onClose
   }, React.createElement(FaTimes, null))), React.createElement(CartItems, null, cartItems.length === 0 ? React.createElement(EmptyCart, null, "Your cart is empty") : cartItems.map(function (cartItem) {
     var _cartItem$metadata, _cartItem$metadata2, _cartItem$item$region2, _cartItem$item$region3;
@@ -70895,7 +71164,7 @@ var CartView = function CartView(_ref2) {
         onRemoveFromCart(cartItem.item.key);
       }
     }));
-  })), React.createElement(Footer$1, null, showDCNudge && React.createElement(DCNudge, {
+  })), React.createElement(Footer$2, null, showDCNudge && React.createElement(DCNudge, {
     onPointerDown: onBuyDC
   }, React.createElement(FaCoins, null), React.createElement("span", null, "Save more with DC \u2014 volume discounts available"), React.createElement(DCNudgeLink, null, "Buy DC \u2192")), React.createElement(TrustBar, {
     signals: trustSignals
@@ -70913,15 +71182,15 @@ var Container$M = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__Container",
   componentId: "sc-ydtyl1-0"
 })(["display:flex;flex-direction:column;width:100%;gap:1rem;padding:1rem;"]);
-var Header$e = /*#__PURE__*/styled.div.withConfig({
+var Header$f = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__Header",
   componentId: "sc-ydtyl1-1"
 })(["display:flex;justify-content:space-between;align-items:center;"]);
-var Title$l = /*#__PURE__*/styled.h2.withConfig({
+var Title$m = /*#__PURE__*/styled.h2.withConfig({
   displayName: "CartView__Title",
   componentId: "sc-ydtyl1-2"
 })(["font-family:'Press Start 2P',cursive;font-size:1rem;color:#ffffff;margin:0;"]);
-var CloseButton$f = /*#__PURE__*/styled.div.withConfig({
+var CloseButton$g = /*#__PURE__*/styled.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;"]);
@@ -70953,7 +71222,7 @@ var ItemInfo$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__ItemInfo",
   componentId: "sc-ydtyl1-10"
 })(["display:flex;align-items:center;gap:0.4rem;font-family:'Press Start 2P',cursive;font-size:0.55rem;color:#fef08a;"]);
-var Footer$1 = /*#__PURE__*/styled.div.withConfig({
+var Footer$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "CartView__Footer",
   componentId: "sc-ydtyl1-11"
 })(["display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1);flex-shrink:0;@media (max-width:600px){gap:0.75rem;padding-top:0.75rem;}"]);
@@ -71520,63 +71789,63 @@ 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.createElement(ModalPortal, null, React.createElement(Overlay$9, {
+  return React.createElement(ModalPortal, null, React.createElement(Overlay$a, {
     onPointerDown: onClose
-  }), React.createElement(ModalContainer$6, null, React.createElement(ModalContent$6, {
+  }), React.createElement(ModalContainer$7, null, React.createElement(ModalContent$7, {
     onClick: stopPropagation,
     onTouchStart: stopPropagation,
     onPointerDown: stopPropagation
-  }, React.createElement(Header$f, null, React.createElement(Title$m, null, "How would you like to pay?"), React.createElement(CloseButton$g, {
+  }, React.createElement(Header$g, null, React.createElement(Title$n, null, "How would you like to pay?"), React.createElement(CloseButton$h, {
     onPointerDown: onClose,
     "aria-label": "Close"
-  }, React.createElement(FaTimes, null))), React.createElement(Options$1, null, React.createElement(RadioOption$1, {
+  }, React.createElement(FaTimes, null))), React.createElement(Options$1, null, React.createElement(RadioOption$2, {
     "$selected": selected === 'card',
     onPointerDown: function onPointerDown() {
       return setSelected('card');
     }
-  }, React.createElement(RadioCircle$2, {
+  }, React.createElement(RadioCircle$3, {
     "$selected": selected === 'card'
-  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Credit Card"), React.createElement(OptionSub$1, null, "Stripe secure checkout"))), showPix && React.createElement(RadioOption$1, {
+  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Credit Card"), React.createElement(OptionSub$1, null, "Stripe secure checkout"))), showPix && React.createElement(RadioOption$2, {
     "$selected": selected === 'pix',
     onPointerDown: function onPointerDown() {
       return setSelected('pix');
     }
-  }, React.createElement(RadioCircle$2, {
+  }, React.createElement(RadioCircle$3, {
     "$selected": selected === 'pix'
-  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Pix"), React.createElement(OptionSub$1, null, "Instant payment via Pix"))), React.createElement(RadioOption$1, {
+  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Pix"), React.createElement(OptionSub$1, null, "Instant payment via Pix"))), React.createElement(RadioOption$2, {
     "$selected": selected === 'dc',
     "$disabled": dcDisabled,
     onPointerDown: dcDisabled ? undefined : function () {
       return setSelected('dc');
     }
-  }, React.createElement(RadioCircle$2, {
+  }, React.createElement(RadioCircle$3, {
     "$selected": selected === 'dc'
   }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Definya Coin"), React.createElement(OptionSub$1, null, dcSubText)))), React.createElement(ConfirmRow$1, null, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,
     onPointerDown: handleConfirm
   }, "Confirm")))));
 };
-var Overlay$9 = /*#__PURE__*/styled.div.withConfig({
+var Overlay$a = /*#__PURE__*/styled.div.withConfig({
   displayName: "PaymentMethodModal__Overlay",
   componentId: "sc-1dxy6lr-0"
 })(["position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:1000;"]);
-var ModalContainer$6 = /*#__PURE__*/styled.div.withConfig({
+var ModalContainer$7 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PaymentMethodModal__ModalContainer",
   componentId: "sc-1dxy6lr-1"
 })(["position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1001;pointer-events:none;"]);
-var ModalContent$6 = /*#__PURE__*/styled.div.withConfig({
+var ModalContent$7 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PaymentMethodModal__ModalContent",
   componentId: "sc-1dxy6lr-2"
 })(["background:#1a1a2e;border:2px solid #f59e0b;border-radius:8px;padding:20px 24px 24px;min-width:300px;max-width:90%;display:flex;flex-direction:column;gap:16px;pointer-events:auto;animation:scaleIn 0.15s ease-out;@keyframes scaleIn{from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}}"]);
-var Header$f = /*#__PURE__*/styled.div.withConfig({
+var Header$g = /*#__PURE__*/styled.div.withConfig({
   displayName: "PaymentMethodModal__Header",
   componentId: "sc-1dxy6lr-3"
 })(["display:flex;align-items:center;justify-content:space-between;"]);
-var Title$m = /*#__PURE__*/styled.h3.withConfig({
+var Title$n = /*#__PURE__*/styled.h3.withConfig({
   displayName: "PaymentMethodModal__Title",
   componentId: "sc-1dxy6lr-4"
 })(["margin:0;font-family:'Press Start 2P',cursive;font-size:0.7rem;color:#fef08a;"]);
-var CloseButton$g = /*#__PURE__*/styled.button.withConfig({
+var CloseButton$h = /*#__PURE__*/styled.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;}"]);
@@ -71584,7 +71853,7 @@ var Options$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PaymentMethodModal__Options",
   componentId: "sc-1dxy6lr-6"
 })(["display:flex;flex-direction:column;gap:8px;"]);
-var RadioOption$1 = /*#__PURE__*/styled.div.withConfig({
+var RadioOption$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PaymentMethodModal__RadioOption",
   componentId: "sc-1dxy6lr-7"
 })(["display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid ", ";border-radius:6px;background:", ";cursor:", ";opacity:", ";transition:border-color 0.15s,background 0.15s,opacity 0.15s;&:hover{border-color:", ";}"], function (_ref2) {
@@ -71603,7 +71872,7 @@ var RadioOption$1 = /*#__PURE__*/styled.div.withConfig({
   var $disabled = _ref6.$disabled;
   return $disabled ? 'rgba(255,255,255,0.15)' : '#f59e0b';
 });
-var RadioCircle$2 = /*#__PURE__*/styled.div.withConfig({
+var RadioCircle$3 = /*#__PURE__*/styled.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) {
@@ -71786,7 +72055,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
     height: 32,
     imgScale: 2,
     centered: true
-  }) : React.createElement(DefaultIcon, null, "\uD83D\uDC64")), React.createElement(ItemDetails$5, null, React.createElement(Header$g, null, React.createElement(ItemName$7, null, item.name)), availableCharacters.length > 0 && currentCharacter && React.createElement(SelectedSkinNav, null, React.createElement(SelectedSkin, null, "Selected:"), React.createElement(SkinNavArrow, {
+  }) : React.createElement(DefaultIcon, null, "\uD83D\uDC64")), React.createElement(ItemDetails$5, null, React.createElement(Header$h, null, React.createElement(ItemName$7, null, item.name)), availableCharacters.length > 0 && currentCharacter && React.createElement(SelectedSkinNav, null, React.createElement(SelectedSkin, null, "Selected:"), React.createElement(SkinNavArrow, {
     direction: "left",
     onPointerDown: handlePreviousSkin,
     size: 24
@@ -71799,7 +72068,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
       display: 'flex',
       alignItems: 'center'
     }
-  }, item.currency === 'DC' ? React.createElement(React.Fragment, null, React.createElement(DCCoinWrapper$6, {
+  }, item.currency === 'DC' ? React.createElement(React.Fragment, null, React.createElement(DCCoinWrapper$7, {
     "$scale": 0.8
   }, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -71813,7 +72082,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
       alignItems: 'center',
       gap: '2px'
     }
-  }, React.createElement(DCCoinWrapper$6, null, React.createElement(SimpleTooltip, {
+  }, React.createElement(DCCoinWrapper$7, null, React.createElement(SimpleTooltip, {
     content: "Definya Coin",
     direction: "top"
   }, React.createElement(SpriteFromAtlas, {
@@ -71832,7 +72101,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
     style: {
       margin: '0 4px'
     }
-  }, "\xB7"), React.createElement(DCCoinWrapper$6, {
+  }, "\xB7"), React.createElement(DCCoinWrapper$7, {
     "$scale": 0.9
   }, React.createElement(SimpleTooltip, {
     content: "Definya Coin",
@@ -71900,7 +72169,7 @@ var Controls = /*#__PURE__*/styled.div.withConfig({
   displayName: "StoreCharacterSkinRow__Controls",
   componentId: "sc-81xqsx-8"
 })(["display:flex;align-items:center;gap:0.5rem;min-width:fit-content;"]);
-var DCCoinWrapper$6 = /*#__PURE__*/styled.span.withConfig({
+var DCCoinWrapper$7 = /*#__PURE__*/styled.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) {
@@ -71913,7 +72182,7 @@ var SkinNavArrow = /*#__PURE__*/styled(SelectArrow).withConfig({
   displayName: "StoreCharacterSkinRow__SkinNavArrow",
   componentId: "sc-81xqsx-10"
 })(["position:static;"]);
-var Header$g = /*#__PURE__*/styled.div.withConfig({
+var Header$h = /*#__PURE__*/styled.div.withConfig({
   displayName: "StoreCharacterSkinRow__Header",
   componentId: "sc-81xqsx-11"
 })(["display:flex;align-items:center;gap:0.5rem;"]);
@@ -72123,7 +72392,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
       display: 'flex',
       alignItems: 'center'
     }
-  }, item.currency === 'DC' ? React.createElement(React.Fragment, null, React.createElement(DCCoinWrapper$7, {
+  }, item.currency === 'DC' ? React.createElement(React.Fragment, null, React.createElement(DCCoinWrapper$8, {
     "$scale": 0.8
   }, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -72137,7 +72406,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
       alignItems: 'center',
       gap: '2px'
     }
-  }, React.createElement(DCCoinWrapper$7, null, React.createElement(SimpleTooltip, {
+  }, React.createElement(DCCoinWrapper$8, null, React.createElement(SimpleTooltip, {
     content: "Definya Coin",
     direction: "top"
   }, React.createElement(SpriteFromAtlas, {
@@ -72156,7 +72425,7 @@ var StoreItemRow = function StoreItemRow(_ref) {
     style: {
       margin: '0 4px'
     }
-  }, "\xB7"), React.createElement(DCCoinWrapper$7, {
+  }, "\xB7"), React.createElement(DCCoinWrapper$8, {
     "$scale": 0.9
   }, React.createElement(SimpleTooltip, {
     content: "Definya Coin",
@@ -72245,7 +72514,7 @@ var ItemDescription = /*#__PURE__*/styled.div.withConfig({
   displayName: "StoreItemRow__ItemDescription",
   componentId: "sc-ptotuo-7"
 })(["font-family:'Press Start 2P',cursive;font-size:0.625rem;color:rgba(255,255,255,0.85);line-height:1.4;margin-top:2px;"]);
-var DCCoinWrapper$7 = /*#__PURE__*/styled.span.withConfig({
+var DCCoinWrapper$8 = /*#__PURE__*/styled.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) {
@@ -72634,7 +72903,7 @@ var StoreItemDetails = function StoreItemDetails(_ref) {
     if (typeof imageUrl === 'string') return imageUrl;
     return imageUrl["default"] || imageUrl.src;
   };
-  return React.createElement(Container$O, null, React.createElement(Header$h, null, React.createElement(BackButton, {
+  return React.createElement(Container$O, null, React.createElement(Header$i, null, React.createElement(BackButton, {
     onClick: onBack
   }, React.createElement(FaArrowLeft, null), React.createElement("span", null, "Back"))), React.createElement(Content$5, null, React.createElement(DetailsGrid, null, React.createElement(ItemIcon, null, React.createElement("img", {
     src: getImageSrc(),
@@ -72652,7 +72921,7 @@ var Container$O = /*#__PURE__*/styled.div.withConfig({
   displayName: "StoreItemDetails__Container",
   componentId: "sc-k3ho5z-0"
 })(["display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;height:100%;"]);
-var Header$h = /*#__PURE__*/styled.div.withConfig({
+var Header$i = /*#__PURE__*/styled.div.withConfig({
   displayName: "StoreItemDetails__Header",
   componentId: "sc-k3ho5z-1"
 })(["display:flex;align-items:center;gap:1rem;"]);
@@ -73158,7 +73427,7 @@ var Store = function Store(_ref) {
   }), React.createElement(CartButtonWrapper, null, React.createElement(CTAButton, {
     icon: React.createElement(FaShoppingCart, null),
     onClick: handleOpenCart
-  }), getTotalItems() > 0 && React.createElement(CartBadge, null, getTotalItems()))), React.createElement(TabContent, null, (_tabsMap$activeTab = tabsMap[activeTab]) == null ? void 0 : _tabsMap$activeTab.content)), cartItems.length > 0 && React.createElement(Footer$2, null, React.createElement(CartSummary, null, React.createElement(CartInfo, null, React.createElement("span", null, "Items in cart:"), React.createElement("span", null, getTotalItems())), React.createElement(CartInfo, null, React.createElement("span", null, "Total:"), React.createElement("span", null, currencySymbol, getTotalPrice().toFixed(2)))), React.createElement(CTAButton, {
+  }), getTotalItems() > 0 && React.createElement(CartBadge, null, getTotalItems()))), React.createElement(TabContent, null, (_tabsMap$activeTab = tabsMap[activeTab]) == null ? void 0 : _tabsMap$activeTab.content)), cartItems.length > 0 && React.createElement(Footer$3, null, React.createElement(CartSummary, null, React.createElement(CartInfo, null, React.createElement("span", null, "Items in cart:"), React.createElement("span", null, getTotalItems())), React.createElement(CartInfo, null, React.createElement("span", null, "Total:"), React.createElement("span", null, currencySymbol, getTotalPrice().toFixed(2)))), React.createElement(CTAButton, {
     icon: React.createElement(FaShoppingCart, null),
     label: "Proceed to Checkout (" + currencySymbol + getTotalPrice().toFixed(2) + ")",
     onClick: handleOpenCart,
@@ -73189,7 +73458,7 @@ var TabContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__TabContent",
   componentId: "sc-64dj00-5"
 })(["flex:1;overflow-y:auto;"]);
-var Footer$2 = /*#__PURE__*/styled.div.withConfig({
+var Footer$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Store__Footer",
   componentId: "sc-64dj00-6"
 })(["display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:2px solid #f59e0b;background:rgba(0,0,0,0.2);flex-shrink:0;"]);
@@ -73252,7 +73521,7 @@ var TimeWidget = function TimeWidget(_ref) {
   return React.createElement(Draggable, {
     scale: scale,
     cancel: ".time-widget-close,.time-widget-container,.time-widget-container *"
-  }, React.createElement(WidgetContainer, null, React.createElement(CloseButton$h, {
+  }, React.createElement(WidgetContainer, null, React.createElement(CloseButton$i, {
     onPointerDown: onClose,
     className: "time-widget-close"
   }, "X"), React.createElement(DayNightContainer, {
@@ -73269,7 +73538,7 @@ var Time = /*#__PURE__*/styled.div.withConfig({
   displayName: "TimeWidget__Time",
   componentId: "sc-1ja236h-1"
 })(["top:0.75rem;right:0.5rem;position:absolute;font-size:", ";color:white;"], uiFonts.size.small);
-var CloseButton$h = /*#__PURE__*/styled.p.withConfig({
+var CloseButton$i = /*#__PURE__*/styled.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);
@@ -73378,7 +73647,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
     }
     return null;
   };
-  return React.createElement(ItemWrapper$1, null, React.createElement(ItemIconContainer$3, null, React.createElement(SpriteContainer$7, null, React.createElement(ItemInfoWrapper, {
+  return React.createElement(ItemWrapper$1, null, React.createElement(ItemIconContainer$3, null, React.createElement(SpriteContainer$8, null, React.createElement(ItemInfoWrapper, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     equipmentSet: equipmentSet,
@@ -73450,7 +73719,7 @@ var ItemIconContainer$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__ItemIconContainer",
   componentId: "sc-mja0b5-3"
 })(["display:flex;justify-content:flex-start;align-items:center;flex:0 0 40px;"]);
-var SpriteContainer$7 = /*#__PURE__*/styled.div.withConfig({
+var SpriteContainer$8 = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__SpriteContainer",
   componentId: "sc-mja0b5-4"
 })(["position:relative;top:-0.5rem;left:0;"]);
@@ -73548,7 +73817,7 @@ var TradingMenu = function TradingMenu(_ref) {
     width: "500px",
     cancelDrag: "#TraderContainer",
     scale: scale
-  }, React.createElement(Container$Q, null, React.createElement(Title$n, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React.createElement("hr", {
+  }, React.createElement(Container$Q, null, React.createElement(Title$o, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React.createElement("hr", {
     className: "golden"
   }), React.createElement(ScrollWrapper, {
     id: "TraderContainer"
@@ -73580,7 +73849,7 @@ var Container$Q = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingMenu__Container",
   componentId: "sc-1wjsz1l-0"
 })(["width:100%;"]);
-var Title$n = /*#__PURE__*/styled.h1.withConfig({
+var Title$o = /*#__PURE__*/styled.h1.withConfig({
   displayName: "TradingMenu__Title",
   componentId: "sc-1wjsz1l-1"
 })(["font-size:0.7rem !important;color:yellow !important;text-align:center;"]);
@@ -73762,5 +74031,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-7tgzv2-6"
 })(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
 
-export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterListingForm, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CountdownTimer, CraftBook, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FeaturedBanner, FriendList, GemSelector, GroupedBuyOrderRow, GroupedCharacterMarketplaceRow, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, MyCharacterListingsPanel, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, PurchaseSuccess, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, StoreBadges, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TrustBar, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
+export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterDetailModal, CharacterListingForm, CharacterListingModal, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CountdownTimer, CraftBook, DCRateStrip, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FeaturedBanner, FriendList, GemSelector, GroupedBuyOrderRow, GroupedCharacterMarketplaceRow, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, MyCharacterListingsPanel, NPCDialog, NPCDialogType, NPCMultiDialog, Pagination, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, PurchaseSuccess, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RadioCircle$2 as RadioCircle, RadioOption$1 as RadioOption, RadioOptionLabel, RadioOptionSub, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, StoreBadges, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TrustBar, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };
 //# sourceMappingURL=long-bow.esm.js.map