.exchange-main{padding-top:145px;padding-bottom:80px;min-height:80vh}.exchange-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.exchange-heading h1{font-size:clamp(2rem,4vw,3.5rem);margin:10px 0}.exchange-heading p{color:#b7c5c4}.market-status{color:#c7d1cc;font-size:14px;min-height:24px}.market-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 36px}.market-overview article{padding:22px;border:1px solid #3c514e;background:linear-gradient(135deg,#203a40,#14262e);border-top:2px solid #b89b62}.market-overview h2{font-size:16px;color:#d6b87e;margin:0 0 14px}.market-overview a{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:14px}.market-overview a span:last-child{margin-left:auto;color:#d8d7c7;white-space:nowrap}.market-overview p{font-size:13px;color:#aebfbc;line-height:1.5}.exchange-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px}.market-sidebar{align-self:start;padding:23px;background:#14262e;border:1px solid #3c514e}.market-sidebar h2,.catalogue-heading h2{font-size:21px;margin:0 0 20px}.market-sidebar label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#b5c4bf;margin:22px 0 10px}.market-sidebar input,.market-sidebar select{width:100%;background:#0d1d24;color:#eee8d8;padding:12px;border:1px solid #526762;border-radius:3px;font:inherit;font-size:14px}.market-sidebar button{width:100%;font-size:13px;margin-top:20px}.exchange-help{border-top:1px solid #3c514e;margin-top:24px;padding-top:16px}.exchange-help h3{font-size:16px}.exchange-help p{font-size:13px;color:#b5c4bf;line-height:1.7}.catalogue-heading{display:flex;justify-content:space-between;align-items:center}.catalogue-heading span{font-size:13px;color:#aebfbc}.market-table-wrap{overflow:auto;border:1px solid #3c514e}.market-table-wrap table{width:100%;border-collapse:collapse;font-size:14px;min-width:540px}.market-table-wrap th{background:#20363d;padding:16px 14px;text-align:right;font-size:12px;color:#d9c594}.market-table-wrap th:first-child{text-align:left}.market-table-wrap td{padding:12px 14px;text-align:right;border-top:1px solid #30444a;font-variant-numeric:tabular-nums}.market-table-wrap td:first-child{text-align:left;width:46%}.market-table-wrap tbody tr:hover{background:#1d333b}.market-item{display:flex;align-items:center;gap:14px;color:#eee5cc}.market-item small{display:block;font-size:11px;color:#a6b9b7;margin-top:5px}.item-art{display:inline-block;width:42px;height:42px;flex-shrink:0;object-fit:contain}.market-pagination{display:flex;justify-content:space-between;align-items:center;margin:22px 0;font-size:13px}.market-pagination button,.detail-close,.chart-ranges button{background:#20363d;color:#e4d6b6;border:1px solid #526762;padding:10px 16px;cursor:pointer}.market-pagination button:disabled{opacity:.4;cursor:default}.positive{color:#a9d7b3}.negative{color:#efa99e}.muted{color:#9fb2b3}.item-detail{border:1px solid #59654e;background:#182e35;padding:25px;margin-bottom:30px}.detail-top{display:flex;gap:20px;align-items:center}.detail-top .item-art{width:75px;height:75px}.detail-top h2{font-size:26px;margin:0 0 8px}.detail-close{margin-left:auto;align-self:start}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.price-grid dt{font-size:11px;color:#acc0bd;text-transform:uppercase;letter-spacing:.6px}.price-grid dd{margin:8px 0 0;font-size:20px;color:#ead3a0}.chart-ranges{display:flex;gap:8px;margin:20px 0}.chart-ranges button[aria-pressed=true]{background:#d3b477;color:#15262c}.market-chart{width:100%;height:210px}.chart-empty{padding:45px 20px;text-align:center;border:1px dashed #526762;color:#b7c8c1}.chart-note{font-size:12px;color:#b6c6bf;line-height:1.7}.price-grid,.detail-top,.market-overview{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e6c682;outline-offset:3px}@media(max-width:950px){.exchange-layout{grid-template-columns:200px minmax(0,1fr)}.market-overview{gap:10px}.market-overview article{padding:16px}}@media(max-width:760px){.exchange-main{padding-top:125px}.exchange-heading{align-items:start;flex-direction:column}.market-overview{grid-template-columns:1fr}.exchange-layout{grid-template-columns:1fr}.market-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.market-sidebar h2,.exchange-help{grid-column:1/-1}.market-sidebar label{grid-column:1/-1;margin:10px 0 0}.market-sidebar input,.market-sidebar select{grid-column:1/-1}.market-sidebar button{grid-column:1/-1}.price-grid{grid-template-columns:repeat(2,1fr)}.item-detail{padding:16px}.detail-top{gap:10px}.detail-top h2{font-size:21px}.detail-top .item-art{width:50px;height:50px}.detail-close{padding:8px}.catalogue-heading h2{font-size:19px}.market-table-wrap table{min-width:500px}}

.market-catalogue{min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.exchange-page>.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.item-art{display:inline-block;flex:none;width:40px;height:40px;vertical-align:middle;background-repeat:no-repeat;background-size:600% 500%;pointer-events:none;filter:drop-shadow(0 2px 2px #0007)}
.item-art-a{background-image:url('https://play.dragonreachonline.com/assets/item-atlas-a.webp')}.item-art-b{background-image:url('https://play.dragonreachonline.com/assets/item-atlas-b.webp')}
.item-tint-hearth{filter:sepia(.65) saturate(1.2)}
.item-tint-cinder{filter:sepia(1) saturate(1.8) hue-rotate(-22deg) brightness(.95)}
.item-tint-storm,.item-tint-rift{filter:sepia(1) saturate(1.2) hue-rotate(140deg) brightness(1.12)}
.item-tint-dusk,.item-tint-berry{filter:sepia(1) saturate(1.5) hue-rotate(220deg)}
.item-tint-dawn,.item-tint-sun,.item-tint-root{filter:sepia(.85) saturate(1.25) brightness(1.2)}
.item-tint-star,.item-tint-silver{filter:saturate(.15) brightness(1.45)}
.item-tint-crown{filter:sepia(1) saturate(2.8) hue-rotate(-18deg) brightness(1.1)}

img.item-art{object-fit:contain}
.order-count{display:block;margin:8px 0 0 54px;font-size:11px;color:#b5c9bf}.market-table-wrap table{min-width:760px}