/* Original timber stall, stitched awning, iron corners and a paper receipt. */
#npc-dialog.market-dialog {
  --shop-gold:#c6ab73;--shop-ink:#1b1914;--shop-edge:#78613f;
  width:min(640px,96vw);max-height:94dvh;margin:auto;padding:8px;
  border:2px solid #181b17;border-image:none;outline:1px solid #a28c63;
  background:#382820 url('ui/market-wood.svg');color:#ded1ad;
  box-shadow:inset 0 0 0 2px #897149,inset 0 0 0 5px #281f18,0 12px 36px #000b;
  overflow:auto;font:12px/1.4 Verdana,Arial,sans-serif;
}
#npc-dialog.market-dialog::backdrop{background:#1019155c;backdrop-filter:none}
#npc-dialog.market-dialog::before,#npc-dialog.market-dialog::after {
  content:'';position:absolute;z-index:2;pointer-events:none;width:40px;height:40px;
  background:url('ui/market-corner.svg') no-repeat;top:0;left:0;
}
#npc-dialog.market-dialog::after{left:auto;right:0;transform:rotate(90deg)}
#npc-dialog.market-dialog>.section-heading,#npc-dialog.market-dialog .shop-heading,
#npc-dialog.market-dialog #npc-dialogue,#npc-dialog.market-dialog #npc-actions{display:none}
#npc-dialog.market-dialog.market-conversation #npc-dialogue,
#npc-dialog.market-dialog.market-conversation #npc-actions{display:block;background:#26261d;border:1px solid #78613f;padding:8px 12px;margin:3px 2px;color:#e3d8bd;font:12px/1.5 Verdana,sans-serif}
#npc-dialog.market-dialog #npc-dialogue p{margin:3px 0}
#npc-dialog.market-dialog #npc-actions button{margin-right:6px}
#npc-dialog.market-dialog #shop-section{margin:0;padding:0;border:0;background:none}
#shop-items.market-v9{display:block;max-height:none;overflow:visible;padding:0;gap:0}
.market-v9 .market-awning{height:28px;background:url('ui/market-awning.svg') repeat-x top left;background-size:56px 34px;background-position:0 -6px;filter:drop-shadow(0 3px 2px #0008);margin:-3px -3px 0}
.market-v9 .market-masthead{position:relative;display:flex;gap:8px;align-items:center;min-height:51px;padding:3px 6px 6px;border-bottom:1px solid #8a7047;box-shadow:0 2px #1b1813}
.market-v9 .market-emblem{width:34px;height:34px;color:#c4a168;background:#24251e;border:2px solid #826b49;box-shadow:inset 0 0 0 2px #151a14;flex:none;transform:rotate(-3deg)}
.market-v9 .market-emblem svg{width:100%;height:100%;padding:3px}
.market-v9 .market-merchant{flex:1;min-width:0}
.market-v9 .market-merchant>span{font:9px/1.4 Verdana,sans-serif;letter-spacing:1.1px;color:#b7a383}
#npc-dialog.market-dialog .market-merchant h2{margin:2px 0 0;font:600 22px/1.15 'Velmoria Pixel',Georgia,serif;color:#ead4a0;text-shadow:1px 2px #171912}
#npc-dialog.market-dialog .market-region-range{display:inline-block;vertical-align:middle;margin-left:9px;padding:3px 5px;border:1px solid #74613f;background:#252a1d;color:#cebf94;font:10px/1.2 Verdana,sans-serif;text-shadow:none;white-space:nowrap}
.market-v9 .market-purse{display:grid;grid-template-columns:30px auto;column-gap:5px;align-items:center;text-align:right;padding:4px 10px;margin-right:29px;min-width:90px;border-left:1px solid #725a3e;font:700 16px/1.2 Georgia,serif;color:#edd18a}
.market-v9 .market-purse>.item-icon{width:29px;height:29px;grid-row:1/3;background-color:transparent;box-shadow:none}
.market-v9 .market-purse small{font:9px/1.5 Verdana,sans-serif;color:#ad9c80}
#npc-dialog.market-dialog .market-close{position:absolute;right:3px;top:13px;width:26px;height:27px;min-height:0;padding:0;font:24px/1 Georgia,serif;background:#4b3027;color:#dac397;border:1px solid #a58d5f;box-shadow:inset 1px 1px #7b5c40,inset -1px -1px #211d15}
.market-v9 .market-layout{display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:10px;padding:9px 5px 6px}
.market-v9 .market-wares,.market-v9 .market-counter{min-width:0}
.market-v9 .market-counter{border-left:1px solid #725a3b;padding-left:8px;box-shadow:-2px 0 #201c17;display:flex;flex-direction:column;gap:8px}
.market-v9 .market-tabs{display:flex;gap:3px;border-bottom:2px solid #a08759;margin:0 0 7px}
#npc-dialog.market-dialog .market-tab{background:#2b251d url('ui/market-wood.svg');border:1px solid #665538;border-bottom:0;color:#b4a78c;padding:4px 10px;margin:0;box-shadow:inset 0 1px #756447;font:500 16px/1.2 'Velmoria Pixel',monospace;text-shadow:1px 1px #181713}
#npc-dialog.market-dialog .market-tab[aria-pressed=true]{color:#f0d897;background:#465039;border-color:#b19a63;box-shadow:inset 0 1px #7a835a}
.market-v9 .market-filters{display:flex;gap:6px;min-height:29px;margin:0 0 6px}
#npc-dialog.market-dialog .market-select{appearance:auto;flex:1;min-width:0;width:50%;background:#211f19;border:1px solid #746143;padding:4px 7px;box-shadow:inset 1px 1px #11140f;color:#d3c6aa;font:11px/1.2 Verdana,sans-serif}
.market-v9 .market-shortcut{font:10px/1.4 Verdana,sans-serif;color:#c4b594;margin:4px 0}
.market-v9 .market-categories{display:flex;gap:3px;margin-bottom:7px}
#npc-dialog.market-dialog .market-category{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:3px;padding:2px;height:29px;border:1px solid #6e5e40;background:#29291f;box-shadow:inset 0 1px #4c4d35;color:#bfb298;font:10px/1 Verdana,sans-serif}
#npc-dialog.market-dialog .market-category>.item-icon{width:23px;height:23px;flex:none;box-shadow:none;background-color:transparent}
#npc-dialog.market-dialog .market-category[aria-pressed=true]{background:#46523b;color:#efdbaa;border-color:#b6a36b}
.market-v9 .market-category span:not(.item-icon){display:none}
.market-v9 .market-category:first-child span:not(.item-icon){display:inline}
.market-v9 .market-category:first-child>.item-icon{display:none}
.market-v9 .market-shelf{position:relative;background:#151b15;border:1px solid #957a4d;box-shadow:0 0 0 2px #1b1a14,inset 0 0 10px #0008;padding:5px}
.market-v9 .market-board-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}
#npc-dialog.market-dialog .market-cell{
  --rarity-tone:#84704e;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:44px;overflow:hidden;
  background:radial-gradient(ellipse at 50% 40%,#3e4736 0,#222b20 75%);border:1px solid #665c42;border-color:var(--rarity-tone);border-radius:0;
  box-shadow:inset 1px 1px #080d0ab3,inset -1px -1px #a48e562a;padding:1px 2px 10px;margin:0;isolation:isolate;
}
#npc-dialog.market-dialog .market-cell>.item-icon{width:30px;height:30px;flex:none;box-shadow:none;filter:drop-shadow(1px 2px 1px #000b);background-color:transparent;pointer-events:none}
#npc-dialog.market-dialog .market-board-grid .market-cell{touch-action:none;user-select:none}
#npc-dialog.market-dialog .market-drag-ghost{position:fixed;z-index:100;pointer-events:none;width:40px;height:40px;filter:drop-shadow(2px 3px 2px #000b)}
#npc-dialog.market-dialog .market-drag-ghost>.item-icon{width:40px;height:40px}
#npc-dialog.market-dialog .market-cell.rarity-unique{--rarity-tone:#6ca58b;background:radial-gradient(ellipse at center,#294f3d,#192c25)}
#npc-dialog.market-dialog .market-cell.rarity-rare{--rarity-tone:#879bc1;background:radial-gradient(ellipse at center,#343a66,#1a2537)}
#npc-dialog.market-dialog .market-cell.rarity-legendary{--rarity-tone:#d2ab59;background:radial-gradient(ellipse at center,#5c4824,#292219)}
#npc-dialog.market-dialog .market-cell:hover:not(:disabled),#npc-dialog.market-dialog .market-cell.selected{border-color:#ead094;background-color:#4d533a;box-shadow:inset 0 0 0 1px #d6bd7766,0 0 6px #d6bd7733}
#npc-dialog.market-dialog .market-cell.empty{pointer-events:none;background:#1d241b;opacity:.65;border-color:#484332;box-shadow:inset 1px 2px #10170f}
.market-v9 .market-cell-level{position:absolute;left:3px;top:2px;font:9px/1.2 Verdana,sans-serif;color:#d0c8af;text-shadow:1px 1px #000;pointer-events:none}
.market-v9 .market-cell-price{position:absolute;bottom:2px;left:1px;right:1px;color:#d6ba76;text-align:center;font:9px/1.1 Verdana,sans-serif;text-shadow:1px 1px #000;pointer-events:none}
.market-v9 .market-quantity{position:absolute;right:3px;top:2px;padding:0 2px;font:700 10px/1.2 Verdana,sans-serif;color:#fff0c7;background:#0c130eb3;pointer-events:none}
.market-v9 .market-staged{position:absolute;right:2px;top:16px;font:9px/1.3 Verdana,sans-serif;background:#243c22;color:#d7ecc0;padding:0 2px;pointer-events:none}
.market-v9 .market-empty{position:absolute;inset:20% 10%;display:grid;place-items:center;text-align:center;pointer-events:none;color:#c8bea3;font:12px/1.5 Georgia,serif}
.market-v9 .market-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin:5px 0;font:11px/1.2 Verdana,sans-serif;color:#d4c095}
.market-v9 .market-pager small{color:#ad9c7c;margin-left:auto;font-size:10px}
#npc-dialog.market-dialog .market-page{background:#322a20;border:1px solid #816c48;box-shadow:inset 1px 1px #655339;padding:0;width:25px;height:23px;min-height:0;font:22px/1 Georgia,serif;color:#e0c89b}
.market-v9 .market-preview{height:48px;padding:4px 6px;display:flex;gap:6px;align-items:center;background:#26271e;border:1px solid #675b40;box-shadow:inset 0 1px #101610;color:#d3c4a2}
.market-v9 .market-preview>p{margin:0;font:11px/1.5 Verdana,sans-serif;color:#b3a789}
.market-v9 .market-preview>.item-icon{width:32px;height:32px;flex:none;box-shadow:none;background-color:transparent}
.market-v9 .market-preview-copy{display:flex;flex-direction:column;min-width:0;gap:1px}
.market-v9 .market-preview-copy strong{font:12px/1.4 Georgia,serif;color:#ead7a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-v9 .market-preview-copy small{font:9px/1.3 Verdana,sans-serif;color:#b1ab91}
.market-v9 .market-preview-stats{font:10px/1.4 Verdana,sans-serif;color:#c7cfb5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.market-v9 .market-basket{background:#24251b;border:1px solid #675a40;box-shadow:0 2px #181812;padding:5px}
.market-v9 .market-basket.drop-over{outline:2px solid #e7d49a;outline-offset:1px}
#npc-dialog.market-dialog .market-basket-heading{display:flex;align-items:center;justify-content:space-between;font:500 17px/1.2 'Velmoria Pixel',monospace;color:#ddc894;margin:0 0 4px}
.market-v9 .market-basket-heading>span{font:9px/1 Verdana,sans-serif;color:#9c9e82}
.market-v9 .market-basket-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.market-v9 .market-quantity-editor{margin-top:8px;padding-top:8px;border-top:1px solid #625840;display:grid;gap:7px;color:#e0d2b5}
.market-v9 .market-quantity-name{font:12px/1.45 Verdana,sans-serif;overflow-wrap:anywhere}
.market-v9 .market-quantity-item{width:100%;min-width:0;min-height:34px;background:#25251e;border:1px solid #736447;color:#e0d2b5;font:12px Verdana,sans-serif}
.market-v9 .market-quantity-controls{display:flex;align-items:end;gap:6px}
.market-v9 .market-quantity-label{display:grid;gap:3px;flex:1;min-width:0;font:11px Verdana,sans-serif}
.market-v9 .market-quantity-input{box-sizing:border-box;width:100%;min-width:48px;min-height:34px;padding:4px 6px;border:1px solid #8a7957;background:#1f211a;color:#f1e1bc;font:14px Verdana,sans-serif}
.market-v9 .market-quantity-controls button{min-height:34px;padding:5px 8px;font:12px Verdana,sans-serif}
.market-v9 .market-quantity-editor :focus-visible{outline:2px solid #d2b972;outline-offset:2px}
@media(max-width:710px){.market-v9 .market-quantity-input,.market-v9 .market-quantity-item,.market-v9 .market-quantity-controls button{min-height:42px}.market-v9 .market-quantity-input{font-size:16px}}
#npc-dialog.market-dialog .market-basket .market-cell{height:32px;padding:1px}
#npc-dialog.market-dialog .market-basket .market-cell>.item-icon{width:26px;height:26px}
.market-v9 .market-receipt{position:relative;margin-top:auto;padding:9px 10px 8px;background:#c6b385 url('ui/book-paper.svg');color:#413423;box-shadow:0 3px 4px #0006,inset 0 0 0 1px #e3d4a84d;border:1px solid #8d734b;transform:rotate(-.5deg)}
.market-v9 .market-receipt::before{content:'';position:absolute;top:-2px;left:45%;height:5px;width:18px;background:#89897b;border:1px solid #3e443b;box-shadow:1px 1px #d0c8a5}
#npc-dialog.market-dialog .market-receipt h3{font:700 17px/1.2 Georgia,serif;text-align:center;margin:2px 0 8px;color:#463625;letter-spacing:.4px}
.market-v9 .market-receipt-row{display:flex;gap:4px;justify-content:space-between;font:11px/1.5 Georgia,serif}
.market-v9 .market-receipt-row strong{font-variant-numeric:tabular-nums}
.market-v9 .market-net{margin-top:4px;padding-top:5px;border-top:1px dashed #816b44;font-weight:700}
.market-v9 .market-balance{font:9px/1.3 Verdana,sans-serif;text-align:right;margin:3px 0 8px;color:#60533a}
.market-v9 .market-balance.insufficient{color:#841f1d;font-weight:700}
#npc-dialog.market-dialog .market-confirm{width:100%;background:#395035 url('ui/book-paper.svg');color:#f0dfaa;border:1px solid #14231a;box-shadow:inset 1px 1px #8e9b63,inset -1px -1px #1c2d1c,0 1px #655737;padding:7px 2px;font:500 16px/1.1 'Velmoria Pixel',monospace;transform:rotate(.5deg)}
#npc-dialog.market-dialog .market-confirm:hover:not(:disabled){background-color:#4e6844;border-color:#2c4c2a;color:#fff2c0}
#npc-dialog.market-dialog .market-confirm:disabled{opacity:1;color:#b7b497;background:#707256;box-shadow:inset 1px 1px #929079;text-shadow:1px 1px #3a422c;cursor:default}
.market-v9 .market-footer{display:flex;gap:7px;align-items:center;padding:7px 7px 3px;border-top:1px solid #8a7047;box-shadow:0 -2px #1c1b14}
.market-v9 .market-footer::before,.market-v9 .market-footer::after{content:'';position:absolute;pointer-events:none;width:30px;height:30px;bottom:0;left:0;background:url('ui/market-corner.svg') center/30px 30px;transform:rotate(-90deg)}
.market-v9 .market-footer::after{left:auto;right:0;transform:rotate(180deg)}
.market-v9 .market-status{flex:1;font:10px/1.4 Verdana,sans-serif;color:#bbae8d;margin:0;min-width:0}
.market-v9 .market-status.success{color:#b3d38c}.market-v9 .market-status.error{color:#efb08c}
#npc-dialog.market-dialog .market-talk,#npc-dialog.market-dialog .market-clear{border:1px solid #7a6647;background:#342d21;box-shadow:inset 1px 1px #554a32;color:#c9b896;padding:4px 7px;white-space:nowrap;font:10px/1.4 Verdana,sans-serif}
#npc-dialog.market-dialog .market-talk.has-action{color:#eee0a7;border-color:#c7a974}
#npc-dialog.market-dialog .market-talk.has-action::before{content:'!';color:#f2d275;margin-right:4px}
#npc-dialog.market-dialog [hidden]{display:none!important}
@media(max-width:710px){.market-v9 .market-board-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:560px){
 #npc-dialog.market-dialog{width:96vw;padding:6px;max-height:96dvh}
 .market-v9 .market-layout{grid-template-columns:minmax(0,1fr);gap:8px;padding:7px 3px}
 .market-v9 .market-masthead{padding-right:4px;gap:7px}
 .market-v9 .market-emblem{width:32px;height:32px}
 .market-v9 .market-merchant>span{font-size:7px;letter-spacing:.4px}
 #npc-dialog.market-dialog .market-merchant h2{font-size:22px}
 #npc-dialog.market-dialog .market-region-range{margin-left:5px;padding:2px 3px;font-size:9px}
 .market-v9 .market-purse{font-size:13px;min-width:65px;padding:3px 4px;grid-template-columns:22px auto}
 .market-v9 .market-purse>.item-icon{width:22px;height:22px}
 .market-v9 .market-purse small{font-size:8px}
 .market-v9 .market-counter{display:grid;grid-template-columns:1fr 1fr;gap:6px;border:0;box-shadow:none;padding:0}
 .market-v9 .market-receipt{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;transform:none;padding:7px 10px}
 #npc-dialog.market-dialog .market-receipt h3{grid-row:1;grid-column:1;margin:0;text-align:left;font-size:15px}
 .market-v9 .market-receipt-row{grid-column:1;font-size:10px}
 .market-v9 .market-net{margin:1px 0 0;padding-top:2px}
 .market-v9 .market-balance{grid-column:2;grid-row:1/3;margin:0;align-self:center;text-align:center;font-size:9px}
 #npc-dialog.market-dialog .market-confirm{grid-column:2;grid-row:3/5;font-size:15px;transform:none;align-self:center;padding:9px 3px}
 .market-v9 .market-preview{height:49px;padding:4px 6px}
 #npc-dialog.market-dialog .market-cell{height:46px}
 #npc-dialog.market-dialog .market-cell>.item-icon{width:31px;height:31px}
 #npc-dialog.market-dialog .market-basket .market-cell{height:36px}
 #npc-dialog.market-dialog .market-basket .market-cell>.item-icon{width:28px;height:28px}
 .market-v9 .market-footer{padding:6px 3px 2px;flex-wrap:wrap}
 .market-v9 .market-status{flex-basis:100%;font-size:9px}
 .market-v9 .market-clear{margin-left:auto}
}