/* Functional positions adapted from the preserved approved Merchant QA page.
   Existing graphical placeholders remain; no new art or footer. */
#gameScreen{position:relative}
.core-merchant-view[hidden]{display:none!important}
.core-merchant-view{position:absolute;inset:0 0 var(--footer-height,74px) 0;z-index:8;background:#090d0d;overflow:hidden}
.core-merchant-shell{display:grid;grid-template-rows:minmax(170px,31%) minmax(0,1fr) 62px;height:100%;min-height:0}
.core-merchant-hero{position:relative;min-height:0;background:#111;overflow:hidden}
.core-merchant-hero-text{position:absolute;bottom:16px;right:14px;max-width:55%;padding:10px;color:#e9d3a3;background:#1d1a13}
.core-merchant-gold{position:absolute;right:14px;top:12px;color:#f2dca6;background:#15202a;padding:10px}
.core-merchant-view .merchant-list{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:4px;padding:0 8px;background:#090d0d}
.core-merchant-view .merchant-item-row{min-height:75px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;background:#e8cd96;color:#241609}
.core-merchant-view .merchant-item-portrait{width:58px;height:58px;background:#111b20;border:1px solid #b98732}
.core-merchant-view .merchant-item-main{min-width:0}
.core-merchant-view .merchant-item-main h3{font-size:clamp(16px,4.5vw,23px);margin:0}
.core-merchant-view .merchant-item-main p{font-size:clamp(12px,3vw,15px);margin:4px 0 0}
.core-merchant-view .merchant-item-end{display:flex;align-items:center;gap:10px}
.core-merchant-view .merchant-item-price{white-space:nowrap;font-weight:700}
.core-merchant-view .merchant-trade-btn{min-height:44px;padding:8px 12px;background:#19582e;color:#fff;border:1px solid #a77e34}
.core-merchant-view .merchant-trade-btn:disabled{opacity:.45}
.core-merchant-view .core-merchant-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:7px 10px;background:#090d0d}
.core-merchant-view .core-merchant-controls button{min-height:48px;color:#eed49c;background:#112431;border:1px solid #aa7b31}
.core-merchant-view .merchant-empty{padding:20px;color:#f0d8a8}
@media(max-width:440px){.core-merchant-view .merchant-item-row{grid-template-columns:40px minmax(0,1fr) auto;gap:5px}.core-merchant-view .merchant-item-portrait{width:40px;height:40px}.core-merchant-view .merchant-item-row .merchant-trade-btn{grid-column:3}.core-merchant-view .merchant-item-end{display:flex;align-items:center;gap:10px}
.core-merchant-view .merchant-item-price{grid-column:3}}