.building-quick-modal.marketplace-modal{width:min(100%,820px)}
.marketplace-section{--market-ink:var(--nation-ink,#593a25);--market-accent:var(--nation-accent,#94613a);color:var(--market-ink);margin-top:20px;padding-top:18px;border-top:1px solid #9a693d88;font-size:13px}
body.game-roman-empire .marketplace-section{--market-ink:#6a241d;--market-accent:#b38936}
body.game-bulgarian-empire .marketplace-section{--market-ink:#743320;--market-accent:#a27a35}
.marketplace-section button{color:var(--market-ink);background:#f5dfb9;border:1px solid var(--market-accent);padding:9px 12px;font:inherit;cursor:pointer;letter-spacing:normal;min-height:38px}
.marketplace-section button:hover:not(:disabled){background:#ffe9c7}
.marketplace-section button:disabled{opacity:.5;cursor:default}
.market-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.marketplace-section .market-tabs button{font-size:15px;font-variant:small-caps;font-weight:700;padding:12px}
.marketplace-section .market-tabs button[aria-pressed=true],.marketplace-section .market-submit{background:var(--market-ink);color:#fff0cc;border-color:var(--market-accent)}
.marketplace-section .market-submit:hover:not(:disabled){background:var(--market-accent);color:#231910}
.marketplace-section p{color:var(--market-ink);line-height:1.6}
.marketplace-section h3{color:var(--market-ink);font-size:19px;margin:20px 0 10px}
.market-lock,.market-error{padding:12px;border:1px solid #a36c3f;background:#eed4a7}
.marketplace-section .market-error{color:#8d211c;background:#f8ddd0}
.market-form{margin:15px 0 20px}
.market-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end}
.market-world-fields{grid-template-columns:1.2fr 1fr 1.2fr 1fr}
.marketplace-section .market-field{display:flex;flex-direction:column;min-width:0;margin:0;color:var(--market-ink);font-size:12px;font-weight:600;gap:6px;letter-spacing:normal}
.marketplace-section input[type=number]{width:100%;min-width:0;height:42px;padding:8px;background:#f5dfb9;color:var(--market-ink);border:1px solid var(--market-accent);font:inherit}
.market-picker{position:relative;font-weight:400}
.market-picker summary{display:flex;align-items:center;justify-content:space-between;gap:6px;list-style:none;padding:9px;border:1px solid var(--market-accent);background:#f5dfb9;cursor:pointer;min-height:42px}
.market-picker summary::-webkit-details-marker{display:none}
.market-picker summary[aria-disabled=true]{opacity:.55}
.market-picker-options{position:absolute;left:0;right:0;top:100%;z-index:5;border:1px solid var(--market-accent);box-shadow:0 5px 12px #0004;background:#f4dfb9}
.marketplace-section .market-picker-options button{display:block;width:100%;border:0;border-bottom:1px solid #b18b5c55;text-align:left}
.market-resource{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;white-space:nowrap;max-width:100%}
.market-resource img{width:22px;height:22px;flex:none;object-fit:contain}
.market-traders{margin-top:14px;padding:11px;border:1px solid #9a693d88;background:#eed4a755;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.market-help{font-size:12px}
.market-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 10px}
.market-list-heading h3{margin:0}
.market-offers{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.market-offer{min-width:0;padding:14px;border:1px solid #9a693d88;background:linear-gradient(125deg,#fff5dd77,#e1b77b33);box-shadow:inset 0 0 0 2px #fff0cc55}
.market-offer-heading{display:flex;justify-content:space-between;gap:8px;overflow-wrap:anywhere}
.market-offer-heading>span{font-size:11px;opacity:.8}
.marketplace-section .market-offer-location{font-size:11px;margin:5px 0 12px}
.market-offer-exchange{display:flex;align-items:center;justify-content:space-between;gap:8px}
.market-offer-exchange>div{min-width:0}
.market-offer-exchange small{display:block;margin-bottom:5px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.market-offer-exchange .market-resource{flex-wrap:wrap;gap:3px;font-size:12px}
.market-offer-action{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:11px}
.market-offer-action button{flex:none}
.marketplace-section .market-offer-reason{font-size:11px;margin:7px 0 0}
.market-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.market-empty{padding:14px;grid-column:1/-1;border:1px dashed #9a693d88;margin:0}
.marketplace-section :is(button,summary,input):focus-visible{outline:2px solid var(--market-ink);outline-offset:3px}
@media(max-width:650px){.market-fields,.market-world-fields{grid-template-columns:1fr 1fr}.market-offers{grid-template-columns:1fr}.market-tabs button{font-size:13px}.market-traders{font-size:12px}.market-list-heading h3{font-size:17px}.marketplace-section{font-size:12px}.market-offer-exchange .market-resource{font-size:13px}.market-form .market-submit{width:100%}}