/* v38: one visible commodity, quantity and pair of trade actions. */
#treasuryDialog{width:min(860px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:22px;overflow:auto;overscroll-behavior:contain;border-radius:20px;background:#f3ead5}
#treasuryDialog .market-heading{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:16px;position:sticky;top:-22px;z-index:2;background:#f3ead5;padding:12px 0}
.market-heading>div>small{font-size:10px;letter-spacing:1.6px;color:#64704f;font-weight:750}
#treasuryDialog h2{font:30px/1.2 Georgia,serif;margin:5px 0 0;color:#2c4431}
#treasuryDialog #closeTreasury{width:44px;height:44px;padding:0;align-self:start;font-size:25px;background:#e8dcc0;border-color:#c6ae7c}
.market-purse{display:flex;align-items:center;gap:8px;background:#fff6d6;border:1px solid #ceb278;border-radius:12px;padding:10px 13px;white-space:nowrap}
.market-purse>span{width:25px;height:25px;border:2px solid #b98d34;border-radius:50%;background:#e9bf58;box-shadow:inset 0 0 0 3px #f8dc89;color:#b88729;text-align:center;font-size:13px;line-height:20px}
#treasuryDialog #treasuryBalance{font:700 24px/1.1 system-ui;margin:0;color:#4c6134}
#treasuryDialog .market-intro{font-size:14px;margin:7px 0 18px;color:#637054}
.market-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.market-amount{display:flex;align-items:center;gap:6px}.market-amount>span{font-size:14px;font-weight:650;margin-right:6px}
#treasuryDialog .market-amount button{width:48px;min-height:44px;padding:8px;background:#fff8e6;border-color:#c5b58e;color:#46533b;font-size:16px}
#treasuryDialog .market-amount button[aria-pressed=true]{background:#456145;color:#fff9e4;border-color:#456145;box-shadow:inset 0 0 0 1px #f8e5a280}
#marketStoreControl{display:flex;align-items:center;gap:8px}#marketStoreControl[hidden],#marketBuildStore[hidden]{display:none}
#marketStoreControl label{font-size:13px;color:#59674c}#treasuryDialog #marketStore{margin:0;padding:8px;width:auto;max-width:240px;min-height:44px;font-size:14px}
#treasuryDialog #marketInventory{font-size:12px;font-weight:600;color:#697557;margin:15px 0 8px}
.market-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.market-card{min-width:0;padding:15px 12px 10px;background:#fffaf0;border:1px solid #d7c8a7;border-radius:14px;box-shadow:0 3px 0 #cfbe962b}
.market-goods{display:flex;align-items:center;gap:8px;text-align:left}.market-goods img{display:block;flex:0 0 70px;width:70px;height:70px;object-fit:contain;margin:0}.market-goods h3{font:700 20px/1.3 system-ui;margin:0;color:#2f4731}
#treasuryDialog .market-goods p{font-size:11px;line-height:1.4;color:#748066;margin:4px 0 0}
.market-stock{margin-top:12px;display:flex;justify-content:space-between;align-items:baseline;gap:5px;padding:10px 0 12px;border-top:1px solid #e6ddc6}.market-stock>span{font-size:12px;color:#6b775c}.market-stock>strong{font-size:16px;color:#43583b;font-variant-numeric:tabular-nums;white-space:nowrap}
.market-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.market-action{min-width:0}
#treasuryDialog .market-actions button{width:100%;min-height:62px;padding:8px 4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:14px;font-weight:750;line-height:1.25;color:#273e2d}
#treasuryDialog .market-actions button small{font-size:12px;font-weight:600}
#treasuryDialog .market-buy{background:#dce9c9;border-color:#a2b788}#treasuryDialog .market-sell{background:#f2d18b;border-color:#bd9b56}
#treasuryDialog .market-buy:hover:not(:disabled){background:#cdddba}#treasuryDialog .market-sell:hover:not(:disabled){background:#ffe1a0}
#treasuryDialog .market-actions button:disabled{background:#e7e8df;border-color:#c5c8b7;color:#6c7261;opacity:1}
.market-hint{display:block;min-height:2.7em;font-size:11px;line-height:1.35;margin:7px 1px 0;color:#85562c;overflow-wrap:anywhere}
#treasuryDialog #marketStatus{font-size:14px;line-height:1.4;min-height:22px;margin:14px 0 7px;color:#3b653f}#marketStatus[data-state=error]{color:#885033!important}
.market-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #d9cba8;padding-top:12px}
#treasuryDialog #marketReserveInfo{font-size:12px;line-height:1.5;color:#6a7659;margin:0;max-width:390px}
#treasuryDialog #marketStock{width:auto;min-height:44px;flex-shrink:0;padding:9px 12px;background:#e8dfc7;border-color:#cbbb97;font-size:12px}
#treasuryDialog button:focus-visible,#treasuryDialog select:focus-visible{outline:3px solid #567147;outline-offset:3px}
@media(max-width:620px){#treasuryDialog{padding:14px}.market-cards{grid-template-columns:1fr;gap:10px}#treasuryDialog .market-heading{top:-14px;gap:8px}#treasuryDialog h2{font-size:24px}.market-purse{padding:9px;gap:5px}#treasuryDialog #treasuryBalance{font-size:18px}.market-purse>span{width:20px;height:20px;line-height:16px;font-size:10px}.market-card{padding:12px}.market-goods{display:flex;align-items:center;text-align:left;gap:12px}.market-goods img{width:80px;height:64px;margin:0}.market-goods h3{font-size:21px}#treasuryDialog .market-goods p{margin:3px 0}.market-stock{margin-top:7px;padding:7px 0 9px}.market-stock>strong{font-size:17px}#treasuryDialog .market-actions button{font-size:16px;min-height:54px;flex-direction:row;gap:7px}.market-hint{min-height:1.35em;margin-top:5px;font-size:12px}.market-footer{align-items:start;gap:10px;flex-direction:column}#treasuryDialog .market-intro{margin-bottom:12px}.market-toolbar{gap:10px}#marketStoreControl{width:100%}#treasuryDialog #marketStore{flex:1;max-width:none}}