/* Banks and shops share the ordinary inventory dock. */
#modal.trade-window[open]{position:fixed;z-index:30;display:flex;flex-direction:column;left:max(12px,env(safe-area-inset-left));right:calc(var(--dock) + 12px + env(safe-area-inset-right));top:max(12px,calc(env(safe-area-inset-top) + 4dvh));bottom:auto;width:auto;max-width:760px;height:min(580px,calc(100dvh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-height:none;margin:0;padding:0;overflow:visible;border:2px solid #ad9466;border-radius:7px;background:#302f26;box-shadow:0 12px 36px #07110bbb,inset 0 0 0 3px #5b503a}
.trade-window #modalBody{display:flex;flex-direction:column;flex:1;min-height:0;padding:14px}
.trade-heading{display:flex;align-items:center;gap:11px;padding-right:38px;margin-bottom:12px}
.trade-heading h2{font:23px Georgia,serif;color:#f1d393;margin:0 0 3px}
.trade-heading p{font-size:13px;color:#c3b99d;margin:0;line-height:1.3}
.trade-emblem{display:grid;place-items:center;flex:0 0 39px;height:39px;font-size:25px;color:#e6c37b;border:1px solid #958058;background:#46412e;box-shadow:inset 0 0 0 3px #322e23}
.trade-window #closeModal{position:absolute;right:10px;top:9px;width:36px;height:36px;min-height:36px;padding:0;margin:0;font-size:26px;line-height:1;background:#543b2e;border-color:#a37b52;color:#f0d3a6}
.trade-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 10px;border-bottom:1px solid #70654b}
.trade-tabs{display:flex;gap:4px;flex-shrink:0}
.trade-window .trade-tabs button{width:auto;min-height:36px;margin:0;padding:6px 10px;font-size:13px;background:#35392d;border-color:#756f51}
.trade-window .trade-tabs button[aria-pressed=true]{background:#75603a;border-color:#c8ab70;color:#ffe4a7}
.trade-window #tradeSearch{width:170px;min-width:100px;min-height:36px;height:36px;padding:5px 9px;margin:0;font-size:14px;background:#1e231d;border-color:#75684c}
.trade-scroll{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:10px 0;background:#252820;border:1px solid #686146;box-shadow:inset 0 2px 10px #11180f66;scrollbar-color:#a59062 #282e24}
.trade-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:10px;align-content:start}
.trade-window .trade-slot{position:relative;display:block;width:100%;height:60px;min-height:0;padding:7px;margin:0;background:#34392b;border:1px solid #615c43;border-radius:3px;box-shadow:inset 0 1px #cabb8830,inset 0 -2px #151d1680;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.trade-slot canvas{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px #0e170daa)}
.trade-slot b{position:absolute;left:4px;top:2px;font-size:13px;color:#ffdd65;line-height:1;text-shadow:0 1px 2px #000}
.trade-slot small{position:absolute;right:4px;bottom:2px;font-size:12px;color:#e8d7aa;background:#22281dd9;padding:1px 3px;border-radius:2px}
.trade-window .trade-empty-slot{background:#24291f;border-color:#3a4330;box-shadow:inset 0 2px 6px #121b1066}
.trade-window .trade-slot:hover{background:#535439;border-color:#cfb270}
.trade-window .trade-empty-slot:hover{background:#24291f;border-color:#3a4330}
#tradeEmpty{position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%);margin:0;padding:14px;background:#252a20ef;text-align:center;font-size:15px;color:#d3c6a4;pointer-events:none}
.trade-bottom{flex:0 0 auto;border-top:1px solid #6f654b;padding-top:7px}
#tradeNotice{min-height:20px;font-size:13px;color:#ded0af;line-height:1.35;margin:0 0 7px}
.trade-controls{display:flex;justify-content:space-between;align-items:center;gap:9px}
.trade-quantity{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.trade-quantity>span{font-size:13px;color:#c6bca0;margin-right:4px}
.trade-window .trade-quantity button{width:auto;min-width:34px;min-height:36px;margin:0;padding:5px 9px;font-size:14px;background:#373b2e;border-color:#7e7456}
.trade-window .trade-quantity button[aria-pressed=true]{color:#ffe8b1;background:#77603b;border-color:#d2b478;box-shadow:inset 0 0 0 1px #a89159}
.trade-window #tradeCustom{width:70px;min-height:36px;height:36px;font-size:14px;padding:4px 6px;margin:0}
.trade-window #depositInventory{width:auto;min-height:38px;margin:0;padding:6px 12px;background:#5e583b;border-color:#b29b64;color:#ffe6b3;font-size:13px;white-space:nowrap}
.trade-wallet{font-size:14px;color:#f2d57d;white-space:nowrap}
.trade-bag-hint{font-size:12px;color:#e5ca91;margin:6px 0 4px;line-height:1.3}
body.trade-open #gameDock{z-index:22;border-color:#bc9f67;background:linear-gradient(125deg,#394234,#222b22)}
body.trade-open #gameDock nav button:disabled{cursor:default;opacity:.45}
body.trade-open #togglePanels{z-index:23}
body.trade-open #cameraControls,body.trade-open #tutorial,body.trade-open .legend{visibility:hidden}
#tradeItemMenu{position:fixed;z-index:70;width:200px;padding:5px;border:2px solid #b39862;background:#252b21;box-shadow:0 8px 28px #000b}
#tradeItemMenu strong{display:block;padding:6px;font:16px Georgia,serif;color:#f5d68e}
#tradeItemMenu small{display:block;font-size:13px;padding:0 6px 6px;color:#d8c7a3}
#tradeItemMenu button{display:block;text-align:left;width:100%;min-height:38px;font-size:14px;padding:5px 8px;margin:2px 0;background:#333b2c;border-color:transparent}
#tradeItemMenu button:hover,#tradeItemMenu button:focus-visible{background:#655b39;color:#ffe6a6}
@media(max-height:560px){.trade-window #modalBody{padding:10px}.trade-heading{margin-bottom:8px;gap:8px}.trade-heading h2{font-size:20px}.trade-emblem{flex-basis:32px;height:32px;font-size:21px}.trade-tools{padding-bottom:7px}.trade-scroll{margin:7px 0}.trade-grid{gap:4px;padding:7px}.trade-window .trade-slot{height:49px;padding:5px}.trade-heading p{font-size:12px}.trade-window #tradeSearch{width:145px}.trade-window .trade-tabs button{padding:5px 8px}#tradeNotice{font-size:12px;min-height:16px;margin-bottom:5px}.trade-quantity>span{display:none}.trade-window .trade-quantity button{min-width:32px;padding:5px 8px}}
@media(max-width:900px){.trade-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.trade-tools{flex-wrap:wrap;gap:6px}.trade-window #tradeSearch{width:100%}.trade-controls{flex-wrap:wrap}.trade-window .trade-tabs button{font-size:12px}.trade-wallet{font-size:13px}}
@media(min-width:740px) and (max-width:900px){.trade-tools{flex-wrap:nowrap}.trade-window #tradeSearch{width:145px}.trade-window .trade-tabs button{padding-inline:7px}}
@media(max-height:560px){body.trade-open .bagslot{height:clamp(27px,calc((100dvh - 205px)/5),49px)}}
@media(pointer:fine) and (max-width:720px){body.trade-open.panels-open{--dock:230px}body.trade-open #gameDock{width:224px}.trade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}