.exchange-screen{--exchange-gold:#edc38a;--exchange-line:rgba(238,190,120,.2);color:#e8e5e3;gap:12px}.exchange-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border:1px solid var(--exchange-line);border-radius:13px;background:radial-gradient(ellipse at 90% 0%,rgba(205,116,42,.16),transparent 60%),linear-gradient(120deg,#211a20,#15151f)}.exchange-eyebrow{display:block;font-size:10px;letter-spacing:2px;color:var(--exchange-gold);font-weight:800}.exchange-hero p{font-size:17px;margin:9px 0 0;color:#eee6df}.exchange-button{font-size:11px;letter-spacing:.6px;min-height:38px;white-space:normal}.exchange-button.primary{background:linear-gradient(#b67f43,#8c572b);border-color:#d7a669;color:#fff8ed}.exchange-button.primary:hover{filter:brightness(1.15)}.exchange-button:disabled{opacity:.4;cursor:default}.exchange-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--exchange-line);padding-bottom:10px}.exchange-tabs .exchange-button{background:transparent;border-color:transparent;color:#a8a1ac}.exchange-tabs .active{color:#ffd7a0;border-color:#92714c;background:rgba(207,150,77,.09)}.exchange-tools{display:flex;gap:10px}.exchange-tools[hidden]{display:none}.exchange-select,.exchange-search{min-width:0;border:1px solid #47404b;border-radius:7px;background:#18171f;color:#eee6dc;padding:10px 12px;font:inherit;font-size:12px}.exchange-search{flex:1}.exchange-select option{background:#18171f}.exchange-notice{font-size:12px;color:#b0cbb9;min-height:16px}.exchange-notice.error,.exchange-dialog-error{color:#ffb1a3}.exchange-body{flex:1;min-height:0;overflow:auto;padding:2px 5px 14px 0;scrollbar-color:#756048 #17151c}.exchange-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:14px}.exchange-listing,.exchange-offer{border:1px solid #39333d;border-radius:11px;background:linear-gradient(135deg,rgba(34,30,40,.96),rgba(21,20,29,.98));padding:15px}.exchange-item{--item-color:#bbb;min-width:0;border-top:2px solid var(--item-color);padding-top:10px}.exchange-item-top{display:flex;align-items:center;gap:12px;min-height:67px}.exchange-icon{width:62px;height:62px;flex:0 0 62px;background:radial-gradient(circle,rgba(245,191,119,.07),transparent 70%)}.exchange-item h3{font-size:15px;margin:5px 0;line-height:1.3}.exchange-rarity{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--item-color)}.exchange-set{font-size:11px;color:#a9a0b1;margin:0}.exchange-stats{list-style:none;padding:12px 0 5px;margin:0;display:grid;grid-template-columns:1fr;gap:5px;color:#c3bcce;font-size:12px}.exchange-stats li:before{content:'·';color:#ac895a;margin-right:7px}.exchange-listing-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#aca2b2;margin:13px 0;text-transform:none;line-height:1.5}.exchange-listing>.exchange-button{width:100%;margin-top:6px}.exchange-offer{grid-column:span 2}.exchange-offer-heading{font-size:12px;color:var(--exchange-gold);margin-bottom:15px}.exchange-pair{display:grid;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);align-items:start;gap:10px}.exchange-arrow{font-size:23px;align-self:center;color:#d8ac71;text-align:center}.exchange-item.compact .exchange-icon{width:42px;height:42px;flex-basis:42px}.exchange-item.compact h3{font-size:13px}.exchange-item.compact .exchange-item-top{gap:7px}.exchange-actions{display:flex;gap:8px}.exchange-empty{grid-column:1/-1;text-align:center;padding:35px 20px;border:1px dashed #403843;border-radius:12px;background:rgba(18,17,24,.6)}.exchange-empty-mark{font-size:46px;line-height:1;color:#bd905d}.exchange-empty h3{font-size:18px;margin:14px 0 9px}.exchange-empty p{max-width:490px;margin:0 auto;font-size:13px;line-height:1.7;color:#a59cac}.exchange-footer{font-size:10px;line-height:1.6;letter-spacing:.3px;color:#968b9c;text-align:center;border-top:1px solid #332c37;padding-top:10px}.exchange-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(5,4,10,.82);backdrop-filter:blur(5px);padding:18px}.exchange-dialog{width:min(620px,100%);max-height:90dvh;overflow:auto;background:linear-gradient(145deg,#27202a,#15141e);border:1px solid #967043;border-radius:14px;padding:23px;box-shadow:0 20px 80px #0009;display:flex;flex-direction:column;gap:17px;text-align:left}.exchange-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.exchange-dialog h2{font-size:20px;margin:0;color:#f1d2a6}.exchange-dialog-head .exchange-button{min-width:38px}.exchange-help,.exchange-dialog-error{font-size:12px;line-height:1.7;margin:0}.exchange-help{color:#beb3c4}.exchange-preview:empty{display:none}.exchange-dialog .exchange-preview{border:1px solid #3f3544;border-radius:8px;padding:13px}.exchange-screen :focus-visible{outline:2px solid #edc38a;outline-offset:3px}.menu-trading .menu-icon{color:#edc38a}.gear-in-trade{font-size:10px;color:#edc38a;display:block;padding:5px 0}
@media(max-width:800px){.exchange-offer{grid-column:1/-1}.exchange-hero{padding:14px;gap:12px}.exchange-hero p{font-size:14px}.exchange-tabs{gap:3px}.exchange-tabs .exchange-button{padding:8px;font-size:10px}.exchange-hero .exchange-button{min-width:120px}.exchange-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))}}
@media(max-width:520px){.exchange-tools{flex-wrap:wrap}.exchange-search{flex-basis:100%}.exchange-tools .exchange-select{flex:1}.exchange-hero{align-items:flex-start;flex-direction:column}.exchange-hero .exchange-button{width:100%}.exchange-dialog{padding:16px}.exchange-pair{grid-template-columns:minmax(0,1fr);gap:8px}.exchange-arrow{font-size:20px}.exchange-item.compact .exchange-icon{width:48px;height:48px;flex-basis:48px}.exchange-dialog .exchange-pair{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.exchange-dialog .exchange-pair .exchange-item-top{flex-direction:column;align-items:flex-start}.exchange-footer{font-size:9px}}

@media(max-width:700px){
  .exchange-screen .screen-head{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .exchange-screen .screen-titles{grid-column:1/-1;grid-row:1}
  .exchange-screen .screen-title{font-size:24px;letter-spacing:2px;line-height:1.25}
  .exchange-screen .screen-sub{font-size:11px;letter-spacing:.5px}
  .exchange-screen .screen-head>.hub-btn-back{justify-self:start}
  .exchange-screen .screen-head>.exchange-button{justify-self:end;min-width:100px}
}