.exchange-heading{flex-wrap:wrap}.exchange-heading h1{margin-right:auto!important}.trader-row{cursor:pointer}.trader-row:hover{background:var(--soft)}.trader-row:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}.exchange-modal{width:min(620px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:90dvh;padding:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px}.exchange-modal::backdrop{background:#28262588}.exchange-modal .modal-body{max-height:65dvh;overflow:auto;display:grid;gap:14px}.exchange-modal .modal-head h3{font:26px Critters,sans-serif}.exchange-offer{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);display:grid;gap:12px}.exchange-offer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font:13px Poppins,sans-serif}.exchange-art-pair{display:flex;align-items:center;justify-content:center;gap:22px}.exchange-art{margin:0;display:flex;flex-direction:column;align-items:center;gap:3px;font:12px Poppins,sans-serif}.exchange-art img{width:116px;height:auto;object-fit:contain;border-radius:8px}.exchange-art figcaption{color:var(--muted);margin-top:5px}.exchange-arrow{font:32px system-ui;color:var(--accent-edge)}.exchange-offer-actions{display:flex;justify-content:center;gap:10px}.exchange-offer>.btn{justify-self:center;min-width:100px}.exchange-modal .segmented{display:flex}.exchange-modal .segmented button{flex:1}.exchange-modal .caption{font:12px/1.6 Poppins,sans-serif;margin:0}@media(max-width:600px){.exchange-heading .btn{font-size:11px;padding:10px}.exchange-heading h1{width:100%}.exchange-art-pair{gap:14px}.exchange-art img{width:96px}.exchange-modal .modal-body{padding:14px}.exchange-modal .modal-head h3{font-size:23px}}

/* Compact exchange rows, with the card attributes kept on the artwork. */
.exchange-modal{width:min(780px,calc(100vw - 24px))}.exchange-offer{display:grid;grid-template-columns:auto minmax(110px,1fr) auto;align-items:center;gap:12px;padding:14px 12px}.exchange-art-pair{gap:8px;justify-content:flex-start}.exchange-art{position:relative;padding-top:6px;display:block;flex:none}.exchange-art>img:not(.exchange-card-stars){display:block;width:70px;height:auto;border-radius:6px}.exchange-art .exchange-card-stars{position:absolute;top:0;left:50%;transform:translateX(-50%);width:auto;height:13px;max-width:60px;object-fit:contain}.exchange-card-number{position:absolute;bottom:5px;left:5px;right:5px;text-align:center;color:white;font:600 10px/1.2 Poppins,sans-serif;-webkit-text-stroke:2px #282625;paint-order:stroke fill}.exchange-arrow{font-size:20px}.exchange-pair-description{font:13px/1.6 Poppins,sans-serif;margin:0}.exchange-offer-actions{gap:6px;justify-content:flex-end}.exchange-offer-actions .btn{padding:9px 11px;min-height:40px;font-size:12px}.exchange-offer>.caption:empty{display:none}.exchange-offer>.caption{grid-column:2/-1}.exchange-offer-head{grid-column:1/-1}.exchange-offer>.btn{justify-self:end}
@media(max-width:600px){.exchange-offer{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 10px}.exchange-art>img:not(.exchange-card-stars){width:58px}.exchange-art .exchange-card-stars{height:12px;max-width:52px}.exchange-card-number{font-size:9px;bottom:4px;left:3px;right:3px}.exchange-art-pair{gap:5px;grid-row:span 2}.exchange-arrow{font-size:17px}.exchange-pair-description{font-size:11px;align-self:end}.exchange-offer-actions{grid-column:2;justify-content:flex-start;align-self:start;flex-wrap:wrap}.exchange-offer-actions .btn{font-size:11px;padding:8px 9px;min-height:36px}.exchange-offer>.caption{grid-column:1/-1}.exchange-offer>.btn{grid-column:2;justify-self:start}.exchange-offer-head+.exchange-art-pair{grid-row:span 2}}

.exchange-request-initiator{display:flex;align-items:center;gap:10px;font:12px Poppins,sans-serif}.exchange-request-initiator select{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);min-height:38px}