/* Approved shop canvases are 1672 × 941. Only the entire stage scales uniformly. */
.nx108-layer.nx200-shop-layer { padding: 0 !important; overflow: hidden; background: #160f09; }
.nx200-shop-layer[hidden] { display: none !important; }
.nx200-shop-layer > .nx108-panel { display: none !important; }
.nx200-shop-stage { position: absolute; left: 50%; top: 50%; width: 1672px; height: 941px; margin: 0; color: #f9e9c5; font-family: Georgia, "Times New Roman", serif; transform: translate(-50%, -50%) scale(var(--shop-scale, 1)); transform-origin: center; background-repeat: no-repeat, repeat; background-size: 1672px 941px, 256px 256px; isolation: isolate; }
.nx200-shop-gems { background-image: url("assets/ui-shops-200/gems-chrome.png"), url("assets/ui-shops-200/shop-panel-fill.png"); }
.nx200-shop-general { background-image: url("assets/ui-shops-200/general-chrome.png"), url("assets/ui-shops-200/shop-panel-fill.png"); }
.nx200-shop-potions { background-image: url("assets/ui-shops-200/potions-chrome.png"), url("assets/ui-shops-200/shop-panel-fill.png"); }
.nx200-shop-jewelry { background-image: url("assets/ui-shops-200/jewelry-chrome.png"), url("assets/ui-shops-200/shop-panel-fill.png"); }
.nx200-shop-stage *, .nx200-shop-stage *::before, .nx200-shop-stage *::after { box-sizing: border-box; }
.nx200-shop-stage button, .nx200-shop-stage input { font-family: inherit; color: inherit; border: 1px solid #ad8349; border-radius: 12px; background: linear-gradient(#604321, #2d1d10); box-shadow: inset 0 0 0 2px #1e150ca6; padding: 0; margin: 0; line-height: 1.15; text-shadow: 0 2px 3px #000; touch-action: manipulation; }
.nx200-shop-stage button { cursor: pointer; }
.nx200-shop-stage button:hover:not(:disabled) { filter: brightness(1.15); }
.nx200-shop-stage button:focus-visible, .nx200-shop-stage input:focus-visible { outline: 3px solid #ffe39a; outline-offset: 2px; }
.nx200-shop-stage button:disabled { cursor: default; opacity: .5; }
.nx200-shop-heading { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.nx200-shop-stage .nx200-shop-close { position: absolute; left: 1537px; top: 78px; width: 80px; height: 77px; font-size: 0; background: none; border: none; box-shadow: none; }
.nx200-shop-gold { position: absolute; display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid #967344; border-radius: 12px; background: #20170eee; font-size: 28px; height: 62px; top: 88px; left: 1241px; width: 273px; white-space: nowrap; }
.nx200-shop-gold > span { font-size: 21px; order: 3; }
.nx200-shop-gold b { font-weight: 400; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.nx200-shop-gold i, .nx200-shop-card b i { font-style: normal; color: #ffd76b; text-shadow: 0 0 3px #6f3d0f; }
.nx200-shop-gold i { order: -1; }
.nx200-shop-tabs { position: absolute; inset: 0; pointer-events: none; }
.nx200-shop-tabs button { position: absolute; pointer-events: auto; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: contain; border: none; box-shadow: none; filter: brightness(.8); }
.nx200-shop-tabs button.is-active { filter: brightness(1.13); box-shadow: 0 0 16px #dca53666; }
.nx200-shop-products { position: absolute; display: grid; gap: 14px; align-content: start; padding: 8px; overflow: auto; scrollbar-color: #c29a5c #2b1c0f; scrollbar-width: thin; overscroll-behavior: contain; }
.nx200-shop-products::-webkit-scrollbar { width: 10px; }
.nx200-shop-products::-webkit-scrollbar-thumb { background: #ad8953; border-radius: 10px; }
.nx200-shop-products::-webkit-scrollbar-track { background: #322012; border-radius: 10px; }
.nx200-shop-stage .nx200-shop-card { display: flex; flex-direction: column; align-items: center; justify-content: start; gap: 8px; overflow: hidden; min-width: 0; border: 2px solid #a98650; border-radius: 12px; background: linear-gradient(135deg, #3d2917, #170f08 75%); box-shadow: inset 0 0 0 3px #21140b, inset 0 0 0 4px #70512c; padding: 5px 5px 10px; text-align: center; }
.nx200-shop-stage .nx200-shop-card.is-selected { border-color: #ffdd8c; box-shadow: 0 0 14px #e8b75980, inset 0 0 0 3px #392710, inset 0 0 0 4px #f2ca75; }
.nx200-shop-card-picture { display: flex; width: 100%; align-items: center; justify-content: center; overflow: hidden; border-radius: 9px; background: radial-gradient(ellipse at center, #8d673533, #120d0990); }
.nx200-shop-card img { display: block; width: 100%; height: 100%; object-fit: contain; }
.nx200-shop-card strong { display: flex; align-items: center; justify-content: center; min-height: 48px; font-size: 25px; line-height: 1.1; font-weight: 400; padding: 0 6px; }
.nx200-shop-card small { font-size: 20px; color: #d6ba81; }
.nx200-shop-card b { margin-top: auto; width: 94%; border-top: 1px solid #7a5c31; padding-top: 8px; font-weight: 400; font-size: 27px; }
.nx200-shop-card b span { font-size: 19px; }
.nx200-shop-detail { position: absolute; inset: 0; pointer-events: none; }
.nx200-shop-detail button, .nx200-shop-detail input { pointer-events: auto; }
.nx200-shop-preview { position: absolute; display: grid; place-items: center; overflow: hidden; border-radius: 15px; background: radial-gradient(ellipse at 50% 46%, #d29b414a, #170e0866 70%); }
.nx200-shop-preview img { position: relative; display: block; width: 88%; height: 88%; object-fit: contain; filter: drop-shadow(0 12px 14px #100902); }
.nx200-shop-pedestal { position: absolute; left: 10%; bottom: 8%; width: 80%; height: 16%; border-radius: 50%; background: radial-gradient(ellipse, #ac7440 0%, #603a20 45%, #35200f 55%, #9c713a 62%, #25160e 68%); box-shadow: 0 11px 15px #130b08; }
.nx200-shop-copy { position: absolute; text-align: center; pointer-events: auto; }
.nx200-shop-copy h3 { font-size: 34px; line-height: 1.15; margin: 0 0 10px; color: #ffecc0; font-weight: 400; }
.nx200-shop-copy p { font-size: 23px; line-height: 1.25; margin: 0; color: #e0cba3; }
.nx200-shop-unit-price { position: absolute; text-align: center; font-size: 28px; }
.nx200-shop-unit-price b { color: #ffdb82; font-weight: 400; }
.nx200-shop-quantity { position: absolute; display: flex; align-items: center; gap: 10px; height: 64px; }
.nx200-shop-quantity > span { display: none; }
.nx200-shop-quantity > button { height: 64px; min-width: 68px; font-size: 41px; }
.nx200-shop-quantity > input { width: 120px; height: 64px; text-align: center; font-size: 32px; background: #1c1209; appearance: textfield; -moz-appearance: textfield; }
.nx200-shop-quantity input::-webkit-inner-spin-button, .nx200-shop-quantity input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.nx200-shop-quantity [data-shop-action="maximum"] { font-size: 23px; min-width: 140px; }
.nx200-shop-quantity small { display: none; }
.nx200-shop-quantity.is-single { justify-content: center; }
.nx200-shop-quantity.is-single button { display: none; }
.nx200-shop-quantity.is-single > span { display: block; font-size: 24px; }
.nx200-shop-quantity.is-single small { display: block; font-size: 22px; color: #ccb78e; }
.nx200-shop-total { position: absolute; font-size: 23px; text-align: center; color: #e5c88c; }
.nx200-shop-total b { font-weight: 400; color: #ffe09a; }
.nx200-shop-stage .nx200-shop-buy { position: absolute; font-size: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; box-shadow: none; border: 0; border-radius: 12px; }
.nx200-shop-stage .nx200-shop-buy.is-combine { background-image: url("assets/ui-shops-200/gems-btn-buy-rim.png"); font-size: 34px; }
.nx200-shop-message { position: absolute; margin: 0; left: 88px; top: 889px; width: 1488px; height: 35px; text-align: center; overflow: hidden; font-family: system-ui, sans-serif; font-size: 20px; line-height: 30px; text-shadow: 0 1px 5px #000, 0 0 8px #000; }
.nx200-shop-empty, .nx200-shop-empty-detail { color: #e2cb9f; font-size: 29px; line-height: 1.4; text-align: center; padding: 50px 25px; }
.nx200-shop-empty { grid-column: 1 / -1; }
.nx200-shop-empty-detail { position: absolute; left: 1110px; top: 290px; width: 480px; }

.nx200-shop-gems .nx200-shop-tabs [data-shop-tab="buy"] { left: 543px; top: 86px; width: 316px; height: 72px; background-image: url("assets/ui-shops-200/gems-tab-buy.png"); }
.nx200-shop-gems .nx200-shop-tabs [data-shop-tab="combine"] { left: 868px; top: 86px; width: 294px; height: 71px; background-image: url("assets/ui-shops-200/gems-tab-merge.png"); }
.nx200-shop-gems .nx200-shop-products { left: 68px; top: 186px; width: 1010px; height: 641px; grid-template-columns: repeat(5, 1fr); grid-auto-rows: 300px; }
.nx200-shop-gems .nx200-shop-card-picture { height: 169px; flex: 0 0 169px; }
.nx200-shop-gems .nx200-shop-card strong { font-size: 24px; }
.nx200-shop-gems .nx200-shop-card small { font-size: 18px; }
.nx200-shop-gems[data-shop-mode="combine"] .nx200-shop-card-picture { height: 140px; flex-basis: 140px; }
.nx200-shop-gems .nx200-shop-preview { left: 1107px; top: 182px; width: 490px; height: 330px; }
.nx200-shop-gems .nx200-shop-copy { left: 1120px; top: 520px; width: 465px; max-height: 96px; overflow: auto; }
.nx200-shop-gems .nx200-shop-copy h3 { font-size: 33px; }
.nx200-shop-gems .nx200-shop-copy p { font-size: 20px; }
.nx200-shop-gems .nx200-shop-unit-price { left: 1125px; top: 611px; width: 456px; font-size: 25px; }
.nx200-shop-gems .nx200-shop-quantity { left: 1133px; top: 648px; width: 444px; }
.nx200-shop-gems .nx200-shop-total { left: 1125px; top: 832px; width: 456px; font-size: 19px; }
.nx200-shop-gems .nx200-shop-buy { left: 1121px; top: 723px; width: 461px; height: 102px; background-image: url("assets/ui-shops-200/gems-btn-buy.png"); }

.nx200-shop-general .nx200-shop-gold { left: 1301px; top: 88px; width: 242px; font-size: 26px; }
.nx200-shop-general .nx200-shop-tabs [data-shop-tab="skill-book"] { left: 492px; top: 85px; width: 249px; height: 72px; background-image: url("assets/ui-shops-200/general-tab-skill.png"); }
.nx200-shop-general .nx200-shop-tabs [data-shop-tab="enchant-scroll"] { left: 752px; top: 85px; width: 248px; height: 72px; background-image: url("assets/ui-shops-200/general-tab-enchant.png"); }
.nx200-shop-general .nx200-shop-tabs [data-shop-tab="extraction"] { left: 1011px; top: 85px; width: 258px; height: 72px; background-image: url("assets/ui-shops-200/general-tab-unsocket.png"); }
.nx200-shop-general .nx200-shop-products { left: 76px; top: 180px; width: 845px; height: 680px; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 324px; }
.nx200-shop-general .nx200-shop-card-picture { height: 198px; flex: 0 0 198px; }
.nx200-shop-general .nx200-shop-card strong { font-size: 25px; min-height: 46px; }
.nx200-shop-general .nx200-shop-preview { left: 962px; top: 182px; width: 634px; height: 355px; }
.nx200-shop-general .nx200-shop-preview img { max-width: 410px; }
.nx200-shop-general .nx200-shop-copy { left: 982px; top: 540px; width: 595px; max-height: 86px; overflow: auto; }
.nx200-shop-general .nx200-shop-copy h3 { font-size: 32px; }
.nx200-shop-general .nx200-shop-copy p { font-size: 20px; }
.nx200-shop-general .nx200-shop-unit-price { left: 1009px; top: 637px; width: 548px; }
.nx200-shop-general .nx200-shop-quantity { left: 1011px; top: 692px; width: 544px; justify-content: center; }
.nx200-shop-general .nx200-shop-total { left: 982px; top: 865px; width: 595px; font-size: 18px; }
.nx200-shop-general .nx200-shop-buy { left: 1004px; top: 770px; width: 555px; height: 93px; background-image: url("assets/ui-shops-200/general-btn-buy.png"); }

.nx200-shop-potions .nx200-shop-gold { left: 1114px; top: 85px; width: 362px; font-size: 28px; }
.nx200-shop-potions .nx200-shop-products { left: 79px; top: 170px; width: 716px; height: 656px; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 309px; gap: 20px; }
.nx200-shop-potions .nx200-shop-card-picture { height: 181px; flex: 0 0 181px; }
.nx200-shop-potions .nx200-shop-card strong { font-size: 29px; min-height: 44px; }
.nx200-shop-potions .nx200-shop-preview { left: 823px; top: 184px; width: 393px; height: 627px; }
.nx200-shop-potions .nx200-shop-preview img { height: auto; max-height: 86%; }
.nx200-shop-potions .nx200-shop-copy { left: 1231px; top: 219px; width: 346px; max-height: 180px; overflow: auto; }
.nx200-shop-potions .nx200-shop-copy h3 { font-size: 36px; }
.nx200-shop-potions .nx200-shop-copy p { font-size: 25px; }
.nx200-shop-potions .nx200-shop-unit-price { left: 1230px; top: 419px; width: 350px; font-size: 31px; }
.nx200-shop-potions .nx200-shop-quantity { left: 1228px; top: 509px; width: 353px; gap: 5px; }
.nx200-shop-potions .nx200-shop-quantity button { min-width: 54px; height: 62px; }
.nx200-shop-potions .nx200-shop-quantity input { width: 100px; height: 62px; }
.nx200-shop-potions .nx200-shop-quantity [data-shop-action="maximum"] { min-width: 120px; font-size: 24px; }
.nx200-shop-potions .nx200-shop-total { left: 1228px; top: 602px; width: 351px; font-size: 28px; padding: 15px 0; border-top: 1px solid #ae8349; border-bottom: 1px solid #ae8349; }
.nx200-shop-potions .nx200-shop-buy { left: 1224px; top: 686px; width: 361px; height: 116px; background-image: url("assets/ui-shops-200/potions-btn-buy.png"); }

.nx200-shop-jewelry .nx200-shop-gold { left: 1182px; top: 81px; width: 307px; font-size: 29px; }
.nx200-shop-jewelry .nx200-shop-tabs [data-shop-tab="all"] { left: 79px; top: 167px; width: 242px; height: 70px; background-image: url("assets/ui-shops-200/jewelry-tab-all.png"); }
.nx200-shop-jewelry .nx200-shop-tabs [data-shop-tab="necklace"] { left: 340px; top: 167px; width: 240px; height: 70px; background-image: url("assets/ui-shops-200/jewelry-tab-necklace.png"); }
.nx200-shop-jewelry .nx200-shop-tabs [data-shop-tab="ring"] { left: 600px; top: 167px; width: 230px; height: 70px; background-image: url("assets/ui-shops-200/jewelry-tab-ring.png"); }
.nx200-shop-jewelry .nx200-shop-products { left: 83px; top: 245px; width: 748px; height: 601px; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 281px; gap: 17px; }
.nx200-shop-jewelry .nx200-shop-card-picture { height: 145px; flex: 0 0 145px; }
.nx200-shop-jewelry .nx200-shop-card strong { min-height: 33px; font-size: 29px; }
.nx200-shop-jewelry .nx200-shop-card small { font-size: 20px; }
.nx200-shop-jewelry .nx200-shop-card b { padding-top: 4px; }
.nx200-shop-jewelry .nx200-shop-preview { left: 874px; top: 174px; width: 716px; height: 449px; }
.nx200-shop-jewelry .nx200-shop-preview img { width: 84%; height: 89%; }
.nx200-shop-jewelry .nx200-shop-copy { left: 888px; top: 662px; width: 336px; max-height: 159px; overflow: auto; text-align: left; }
.nx200-shop-jewelry .nx200-shop-copy h3 { font-size: 30px; margin-bottom: 6px; }
.nx200-shop-jewelry .nx200-shop-copy p { font-size: 22px; margin-top: 0; }
.nx200-shop-jewelry .nx200-shop-stats { display: grid; gap: 3px; margin-top: 7px; font-size: 21px; line-height: 1.2; color: #eddaa9; }
.nx200-shop-jewelry .nx200-shop-unit-price { left: 888px; top: 828px; width: 336px; text-align: left; font-size: 25px; }
.nx200-shop-jewelry .nx200-shop-total { display: none; }
.nx200-shop-jewelry .nx200-shop-buy { left: 1230px; top: 696px; width: 350px; height: 122px; background-image: url("assets/ui-shops-200/jewelry-btn-buy.png"); }
@media (prefers-reduced-motion: reduce) { .nx200-shop-stage * { transition: none !important; animation: none !important; } }
