.trade-dialog{max-width:920px;width:calc(100% - 28px);max-height:90vh;overflow:auto}.trade-dialog h2{margin-bottom:12px}.trade-dialog h3{margin:20px 0 10px;letter-spacing:.5px}.trade-pools{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trade-pools section{border:1px dashed #698493;border-radius:12px;background:#0d202d;min-height:116px;padding:14px}.trade-pools h3{margin-top:0;color:#efd195}.card-row{display:flex;flex-wrap:wrap;gap:9px;align-items:start}.resource-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;min-width:84px;min-height:114px;border:2px solid #d2bd88;border-radius:10px;padding:9px;color:#fff;background:linear-gradient(145deg,#38594e,#172b26);box-shadow:0 3px 0 #06121a;font-size:13px;position:relative}.resource-card:hover:not(:disabled){transform:translateY(-3px);border-color:#fff1c4}.resource-card:disabled{opacity:.35;cursor:not-allowed}.resource-card.resource-1{background:linear-gradient(145deg,#985b42,#452d25)}.resource-card.resource-2{background:linear-gradient(145deg,#947838,#463c23)}.resource-card.resource-3{background:linear-gradient(145deg,#657b53,#2a3826)}.resource-card.resource-4{background:linear-gradient(145deg,#637687,#27313c)}.card-symbol{font-size:29px;line-height:1}.card-count{padding:3px 9px;background:#0005;border-radius:8px;font-size:17px}.pool-empty{color:#8da7b8}.trade-footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.trade-error{color:#ffdc9e;min-height:1.5em}.trade-partners{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.partner{border:1px solid #526b78;border-radius:12px;padding:12px}.partner p{font-size:13px}.partner-button{background:var(--player-color);color:#14242d;width:100%;display:flex;gap:12px;align-items:center;justify-content:center}.partner-button>span:first-child{font-size:26px}.partner-button:disabled{opacity:.7}.bank-status{font-size:13px}.trade-dialog button:focus-visible{outline:3px solid #a6e8ef;outline-offset:3px}.board-tooltip{position:absolute;z-index:5;pointer-events:none;max-width:280px;padding:10px 13px;background:#08141ff2;border:1px solid #d9be80;border-radius:8px;color:#fff3d9;font:13px/1.5 'Segoe UI',sans-serif;white-space:pre-line;box-shadow:0 6px 18px #0008}.board-tooltip[hidden]{display:none}@media(max-width:600px){.trade-dialog{padding:20px 16px}.trade-pools{grid-template-columns:1fr}.resource-card{min-width:68px;min-height:96px;font-size:12px}.trade-footer button{flex:1 1 130px}}

.trade-dialog{max-width:1020px;padding:26px}.trade-help{font-size:13px;color:#bccbd3;margin-bottom:20px}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.trade-column{min-width:0}.trade-pool{background:#0d202d;border:1px solid #59798a;border-radius:12px;padding:14px;min-height:175px}.trade-pool>h3{margin-top:0}.trade-pool .selected-cards{min-height:114px;align-content:flex-start}.trade-pool .pool-empty{width:100%;align-self:center;text-align:center;font-size:13px}.trade-column .source-label{font-size:12px;color:#b6c9d4;margin:16px 0 10px}.card-source{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.card-source .resource-card{min-width:0;width:100%;min-height:102px;padding:8px 3px;font-size:11px}.card-source .card-symbol{font-size:25px}.card-source .card-count{font-size:14px}.bank-rates{margin-top:20px;color:#b8ccd8}.bank-rates summary{font-size:13px}.bank-rates p{font-size:12px}.trade-footer{position:sticky;bottom:-26px;background:#192a35f5;padding:14px 0 10px;border-top:1px solid #415762;z-index:2;backdrop-filter:blur(8px)}.trade-error:empty{display:none}.trade-dialog h2{padding-inline-end:30px}.trade-dialog .close{inset-inline-end:14px;right:auto}
@media(max-width:640px){.trade-dialog{padding:20px 14px;max-height:94svh}.trade-columns{grid-template-columns:1fr;gap:20px}.trade-pool{min-height:145px}.trade-pool .selected-cards{min-height:85px}.trade-pool .resource-card{min-height:85px;min-width:64px}.card-source .resource-card{min-height:90px;font-size:10px}.trade-footer{bottom:-20px}.trade-footer button{flex:1 1 110px}}

.trade-dialog .close{left:auto;right:auto;inset-inline-start:auto;inset-inline-end:14px}