/* Merchant Artwork v03. Whole images; no v02 borders or tiled ornaments. */
.game-panel[data-trade-artwork="v03"]{background:#13160ff7}
.game-panel[data-trade-artwork="v03"]>.modal-body:before{background:none}
.rov-trade{height:100%;box-sizing:border-box;padding:14px;display:grid;grid-template-columns:minmax(220px,30%) minmax(0,1fr) minmax(260px,26%);grid-template-rows:minmax(0,1fr) auto;gap:12px;color:#f1dfb8;font:16px/1.4 var(--heading,Georgia,serif)}
.rov-trade button{box-sizing:border-box;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}
.rov-trade img{user-select:none;pointer-events:none}
.trade-portrait{position:relative;grid-column:1;grid-row:1/3;min-height:0;overflow:hidden;background:#171a14}
.trade-portrait-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 35%}
.trade-portrait-caption{position:absolute;bottom:0;left:0;right:0;padding:60px 26px 24px;background:linear-gradient(transparent,#10140fef 64%);text-shadow:0 2px 4px #000}
.trade-portrait-caption>span{font:13px var(--sans);text-transform:uppercase;letter-spacing:.16em;color:#cdbb94}
.trade-portrait-caption h3{font:40px/1.1 var(--heading);font-weight:400;margin:8px 0}.trade-portrait-caption p{margin:0;color:#d6c5a5}
.trade-goods{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0;gap:8px}
.trade-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;flex-wrap:wrap}.trade-list-heading h3{font-size:23px;font-weight:400;margin:0}.trade-list-heading>span{font:12px var(--sans);color:#b9ab8c}
.rov-trade .wares-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(174px,1fr));grid-auto-rows:auto;align-items:start;align-content:start;justify-items:center;gap:12px;margin:0;min-height:0;padding:10px;overflow:auto;scrollbar-color:#a5844e #14170f;overscroll-behavior:contain}
.rov-trade .offer-art,.rov-trade .art-button,.rov-trade .sell-art{position:relative;appearance:none;display:block;border:0;border-image:none;border-radius:0;background:none;box-shadow:none;margin:0;padding:0;min-height:0;isolation:isolate;transform:none;white-space:normal;text-shadow:0 2px 3px #000}
.rov-trade :is(.offer-art,.art-button,.sell-art):is(:before,:after){content:none}
.rov-trade .offer-art{width:100%;max-width:215px;aspect-ratio:384/652;overflow:visible;text-align:center}
.rov-trade .offer-art>.skin,.rov-trade .art-button>img,.rov-trade .sell-art>img,.trade-detail-frame>.detail-skin{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.rov-trade .offer-art>.skin.selected{opacity:0}.rov-trade .offer-art[aria-pressed=true]>.skin.selected{opacity:1}.rov-trade .offer-art[aria-pressed=true]>.skin.normal{opacity:0}
.rov-trade .offer-art:hover:not([aria-pressed=true])>.skin{filter:brightness(1.12)}
.rov-trade .offer-art:focus-visible{outline:2px dashed #fff0cb;outline-offset:-12px}
.rov-trade .offer-art>.content{position:absolute;inset:7% 11% 8%;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.rov-trade .offer-item{height:59%;width:100%;display:grid;place-items:center;flex-shrink:0}.rov-trade .catalog-art{position:static;inset:auto;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;border:0;background:none;box-shadow:none;margin:0}
.rov-trade .offer-name{font-size:18px;font-weight:400;line-height:1.15;margin:8% 0 3%;overflow-wrap:anywhere}.rov-trade .offer-price{margin-top:auto;font-size:17px;color:#efd2a0}.rov-trade .offer-price small{display:block;font:11px var(--sans);color:#c6b797}.rov-trade .offer-stock{font:11px/1.25 var(--sans);color:#c7b99b;margin-top:5px}
.trade-inspector{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:0;--trade-panel-width:min(100%,calc((100cqh - 48px)/1.623))}
.trade-detail-frame{position:relative;flex-shrink:0;aspect-ratio:600/706;width:var(--trade-panel-width)}
.trade-detail-content{position:absolute;inset:6.5% 9%;overflow:auto;padding:0 5px;overscroll-behavior:contain;scrollbar-color:#a5844e #171910}
.trade-detail-art{height:clamp(65px,18cqh,155px);display:grid;place-items:center;margin-bottom:12px}.trade-detail-art .catalog-art{max-width:210px}
.trade-detail-content h3{font:400 clamp(22px,1.6cqw,30px)/1.1 var(--heading);margin:0 0 10px}.trade-detail-content p{font:15px/1.4 var(--sans);margin:8px 0;color:#deccaa}
.trade-detail-content dl{font:12px/1.4 var(--sans);margin:14px 0;color:#cabc9e}.trade-detail-content dl>div{display:flex;justify-content:space-between;gap:9px;border-bottom:1px solid #a1844533;padding:5px 0}.trade-detail-content dd{margin:0;text-align:right}
.trade-recipient small{display:block;margin-top:5px;font-size:12px}.trade-detail-content .trade-reason{font-size:12px;color:#dcc18e}
.rov-trade .art-button{width:var(--trade-panel-width,100%);aspect-ratio:960/214;flex-shrink:0}
.rov-trade .art-button .lit{opacity:0}.rov-trade .art-button.buy:is(:hover,:focus-visible):not(:disabled) .lit{opacity:1}.rov-trade .art-button.buy:is(:hover,:focus-visible):not(:disabled) .resting{opacity:0}
.rov-trade .art-button .label{position:absolute;left:25%;right:13%;top:0;bottom:0;display:flex;align-items:center;justify-content:center;line-height:1.15;font:400 clamp(17px,1.35cqw,26px)/1.15 var(--heading);text-align:center;pointer-events:none}
.rov-trade .art-button.return:hover:not(:disabled) img{filter:brightness(1.12)}.rov-trade .art-button:active:not(:disabled) img{filter:brightness(.8)}.rov-trade .art-button:disabled{cursor:default;color:#b9af99}.rov-trade .art-button:disabled img{filter:grayscale(.8) brightness(.62)}.rov-trade .art-button:focus-visible{outline:2px dashed #fff0cb;outline-offset:-14px}
.rov-trade .trade-sell{grid-column:2;grid-row:2;position:relative;min-width:0;align-self:end;z-index:3}
.rov-trade .sell-art{width:100%;aspect-ratio:1400/171}.rov-trade .sell-art>span{position:absolute;inset:0 15% 0 20%;display:flex;align-items:center;font-size:clamp(17px,1.3cqw,25px);pointer-events:none}.rov-trade .sell-art:focus-visible{outline:2px dashed #fff0cb;outline-offset:-8px}.rov-trade .sell-art:hover{filter:brightness(1.12)}
.trade-sale-list{position:absolute;bottom:100%;left:0;right:0;max-height:44cqh;overflow:auto;background:#171a13fa;border:1px solid #a28449;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 -4px 20px #0008;scrollbar-color:#a5844e #14170f}.trade-sale-list[hidden]{display:none}.trade-sale-list p{margin:6px}
.rov-trade .trade-sale-item{display:flex;align-items:center;gap:14px;padding:8px 12px;min-height:52px;border:1px solid #655231;background:#25261c;box-shadow:none;text-align:left}.trade-sale-item .catalog-art{width:44px;height:44px}.trade-sale-item small{display:block;color:#d5bd8d;font-size:13px}.trade-sale-item:focus-visible{outline:2px solid #edd4a2;outline-offset:2px}
.merchant-resource-deck{position:absolute;inset:0;pointer-events:none}.merchant-resource-deck img{pointer-events:none}.merchant-resource-deck .inventory-footer-right{pointer-events:none}.merchant-resource-deck .inventory-resources{pointer-events:auto}
/* The existing quantity workflow uses the same artwork at every vendor. */
.game-panel[data-trade-artwork="v03"] .trade-confirmation{display:grid;place-items:center;padding:12px;min-height:100%;height:100%;background:#0e120cf7;box-sizing:border-box}
.game-panel[data-trade-artwork="v03"] .trade-quantity-card{position:relative;width:min(100%,550px,calc((100cqh - 24px)*600/706));aspect-ratio:600/706;max-height:none;border:0;padding:0;overflow:visible;background:none;box-shadow:none}
.trade-quantity-skin{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.trade-quantity-content{position:absolute;inset:7% 9%;overflow:auto;padding:0 5px;scrollbar-color:#a5844e #171910}
.game-panel[data-trade-artwork="v03"] .trade-quantity-card .merchant-button{background:#292d1e;border:1px solid #9b7c46;border-image:none;box-shadow:none;min-height:40px;transform:none}.game-panel[data-trade-artwork="v03"] .trade-quantity-card .merchant-button:before,.game-panel[data-trade-artwork="v03"] .trade-quantity-card .merchant-button:after{content:none}.game-panel[data-trade-artwork="v03"] .trade-quantity-card .merchant-button:hover{background:#3b3d29}.game-panel[data-trade-artwork="v03"] .trade-quantity-card .merchant-button:disabled{background:#22251b;opacity:.55}.game-panel[data-trade-artwork="v03"] .trade-quantity-card .merchant-button:focus-visible{outline:2px dashed #fff0cb;outline-offset:2px}
@container (max-width:1050px){.rov-trade{grid-template-columns:minmax(150px,24%) minmax(0,1fr) minmax(220px,29%);gap:8px;padding:10px}.rov-trade .wares-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}.trade-list-heading h3{font-size:20px}.trade-portrait-caption{padding:40px 16px 18px}.trade-portrait-caption h3{font-size:30px}}
@container (max-width:760px){.rov-trade{grid-template-columns:minmax(0,1fr) minmax(215px,42%)}.trade-portrait{display:none}.trade-goods,.rov-trade .trade-sell{grid-column:1}.trade-inspector{grid-column:2}.rov-trade .wares-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.trade-list-heading>span{display:none}}
@container (max-width:460px){.rov-trade{display:flex;flex-direction:column;overflow:auto;height:100%}.trade-goods{flex:none}.shop-modal.game-panel .rov-trade .wares-grid{max-height:48cqh;grid-template-columns:repeat(2,minmax(0,1fr))}.trade-inspector{flex:none;--trade-panel-width:min(100%,330px)}.rov-trade .trade-sell{flex:none;width:100%;order:3}.trade-sale-list{max-height:40cqh}.trade-detail-art{height:100px}}

.trade-portrait-figure{position:absolute;left:4%;top:15%;width:92%;height:65%;object-fit:contain;filter:drop-shadow(0 6px 12px #000b)}