/* Both trading tabs live in the shop header, above the decorative frame.
   Keep one visible copy and the same geometry in either selected state. */
#game-window[data-panel=shop] {--trade-tab-height:72px;--trade-tab-font:26px;--trade-tab-left:12px;--trade-tab-top:4px}
#game-window[data-panel=shop] .shop-trade-tabs-rear {display:none}
#game-window[data-panel=shop] .shop-trade-tabs-front {
  position:absolute;inset:var(--trade-tab-top) auto auto var(--trade-tab-left);
  display:flex;align-items:center;gap:4px;z-index:6;
  width:calc(3.6 * var(--trade-tab-height) + 4px);height:var(--trade-tab-height);
  max-width:calc(100% - var(--trade-tab-left) - 12px);pointer-events:none;
}
#game-window[data-panel=shop] .shop-trade-tabs-front .shop-trade-tab {
  position:relative;inset:auto;display:grid;place-items:center;
  flex:1 1 0;min-width:0;width:auto;height:100%;min-height:44px;
  margin:0;padding:8px 12px;border:0;border-radius:22% 22% 30% 30%;
  transform:none;translate:none;box-shadow:0 3px 5px #294c3433;z-index:1;
  font-size:var(--trade-tab-font);line-height:1.1;letter-spacing:0;
  background:#fffef0;
  pointer-events:auto;
}
#game-window[data-panel=shop] .shop-trade-tabs-front .shop-trade-tab[data-mode=sell] {background:#fffef0}
#game-window[data-panel=shop] .shop-trade-tabs-front .shop-trade-tab>span {
  position:static;inset:auto;display:grid;place-items:center;
  visibility:visible;opacity:1;filter:none;width:100%;height:100%;
  padding:4px 10px;background:url('../assets/ui-user/shop-buy-label-bg.png') center / 100% 100% no-repeat;
  color:#285c51;text-shadow:0 1px 1px #fff8;
}
#game-window[data-panel=shop] .shop-trade-tabs-front .shop-trade-tab.active>span {color:#fff5c6;filter:drop-shadow(0 2px 2px #56723a55)}
#game-window[data-panel=shop] .shop-trade-tabs-front .shop-trade-tab:not(.active)>span {background-image:url('../assets/ui-user/shop-sell-label-bg.png');filter:saturate(.55)}
#game-window[data-panel=shop] .shop-trade-tabs-front .shop-trade-tab>span>b {transform:none;white-space:nowrap}
#game-window[data-panel=shop] .shop-trade-tabs-front .shop-trade-tab:active:not(:disabled) {transform:translateY(1px)}
@media(min-width:1051px) and (min-height:701px) {
  #game-window[data-panel=shop] {--trade-tab-height:calc(210 * var(--su));--trade-tab-font:clamp(22px,calc(55 * var(--su)),52px);--trade-tab-left:calc(150 * var(--su));--trade-tab-top:0px}
}
@media(orientation:landscape) and (max-height:700px),(orientation:landscape) and (max-width:1050px) {
  #game-window[data-panel=shop] {--trade-tab-height:60px;--trade-tab-font:24px;--trade-tab-left:14px;--trade-tab-top:4px}
  body[data-story-panel=true] #game-window[data-panel=shop] {--trade-tab-height:44px;--trade-tab-font:20px;--trade-tab-top:0px}
}
@media(orientation:landscape) and (max-height:420px) {
  #game-window[data-panel=shop] {--trade-tab-height:48px;--trade-tab-font:20px;--trade-tab-top:2px}
}
@media(orientation:portrait) and (max-width:760px) {
  #game-window[data-panel=shop] {--trade-tab-height:44px;--trade-tab-font:20px;--trade-tab-top:4px}
  #game-window[data-panel=shop] .shop-trade-tabs-front .shop-trade-tab {padding:3px 5px}
}
@media(orientation:portrait) and (max-width:350px) {
  #game-window[data-panel=shop] {--trade-tab-font:18px}
  #game-window[data-panel=shop] .shop-trade-tabs-front {max-width:calc(100% - 160px)}
  #game-window[data-panel=shop] .shop-trade-tabs-front .shop-trade-tab>span {padding:3px 5px}
}