/* Market Screener: shared artwork, aligned quotes, and its trading desk. */
#view-marketplace:has(.has-market-screener) .marketplace-shell:has(#marketCollectionView[hidden]) { width:min(1480px,calc(100% - 64px));border:0;background:transparent;box-shadow:none; }
#marketHome.has-market-screener { background:transparent;border:0; }
#marketHome.has-market-screener > :not(#marketLanding) { display:none; }
.ml { color:var(--paper);font:14px/1.5 var(--sans);padding-bottom:32px; }
.ml * { box-sizing:border-box; }
.ml :is(h1,h2,h3,p) { margin:0; }
.ml :is(a,button,select,input) { -webkit-tap-highlight-color:transparent; }
.ml a { color:inherit;text-decoration:none; }
.ml button,.ml select { font:inherit;cursor:pointer; }
.ml :is(button,a,select,input,summary):focus-visible { outline:2px solid var(--acid);outline-offset:4px; }
.ml :is(button,a,select) { transition:background .16s,border-color .16s,box-shadow .16s,color .16s; }
.ml-art { display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;border-radius:inherit; }
.ml-no-art { display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:inherit;background:var(--panel-3);font:400 42px var(--sans);color:var(--secondary); }
.ml-sr-only { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.ml-button { display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:42px;padding:11px 18px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);font-size:12px;font-weight:600;white-space:nowrap; }
.ml-button:hover { background:var(--panel-3);border-color:var(--secondary);box-shadow:0 3px 12px var(--shadow); }
.ml .ml-primary { background:var(--acid);color:var(--on-accent);border-color:var(--acid); }
.ml .ml-primary:hover { background:var(--accent-hover);box-shadow:0 0 20px var(--primary-selection); }
.ml h1 { font:550 clamp(38px,4.6vw,68px)/1.04 var(--sans);letter-spacing:-.045em; }
.ml h1 em { font:400 1em/1.05 var(--serif);color:var(--acid); }
.ml-star { display:inline-grid;place-items:center;border:1px solid var(--line-strong);background:var(--panel);color:var(--paper);border-radius:50%;width:32px;height:32px;padding:0;font-size:20px;line-height:1;flex:none; }
.ml-star:hover,.ml-star.is-saved { color:var(--acid);border-color:var(--acid);background:var(--panel-3); }
.ml .nft-price-quote { display:grid;grid-template-columns:112px max-content;align-items:center;justify-content:start;gap:8px;max-width:100%;font:12px/1 var(--mono); }
.ml .nft-price-stock { display:grid;grid-template-columns:48px 64px;align-items:center;gap:0;min-height:28px; }
.ml .nft-price-amount { text-align:right;padding-right:7px; }
.ml .stock-denomination { font:11px/1 var(--mono)!important; }
.ml .stock-denomination > img { width:18px!important;height:18px!important;min-width:18px!important; }
.ml .nft-usd { min-width:108px;min-height:28px;justify-self:start; }
.ml .nft-usd-digits { height:16px; }
.ml-change { font:12px/1 var(--mono);color:var(--acid);white-space:nowrap; }
.ml-change.is-down { color:var(--muted); }
@media(max-width:1000px) {
  #view-marketplace:has(.has-market-screener) .marketplace-shell:has(#marketCollectionView[hidden]) { width:calc(100% - 36px); }
}
@media(max-width:700px) {
  .ml { padding-bottom:65px; }
  .ml h1 { font-size:42px; }
}
@media(prefers-reduced-motion:reduce) { .ml :is(button,a,select) { transition:none; } }
.mx-panel { border:1px solid var(--line);border-radius:11px;background:var(--panel);min-width:0;overflow:hidden;box-shadow:0 2px 3px var(--shadow);scroll-margin-top:18px; }
.mx-panel-head { display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:63px;padding:17px 20px;border-bottom:1px solid var(--line); }
.mx-panel-head h2 { font:550 17px/1.2 var(--sans);letter-spacing:-.4px; }
.mx-panel-head h2>span { display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:3px 6px;margin-left:6px;border:1px solid var(--line);border-radius:6px;font:9px var(--mono);color:var(--muted);vertical-align:middle; }
.mx-panel-head>small { font-size:9px;color:var(--muted-2);text-align:right; }
.mx-note { padding:18px 20px;color:var(--muted);font-size:12px; }
.mx-watch-list { padding:0 18px; }
.mx-watch-list>article { padding:17px 0;border-bottom:1px solid var(--line); }
.mx-watch-list>article:last-child { border-bottom:0; }
.mx-watch-list article>div { display:grid;grid-template-columns:30px minmax(0,1fr) 28px;align-items:center;gap:10px;margin-bottom:11px; }
.mx-watch-list .ml-art { width:30px;height:auto;aspect-ratio:1 / 1;border-radius:5px; }
.mx-watch-list a { font-size:12px;font-weight:550; }
.mx-watch-list a:hover { color:var(--acid); }
.mx-watch-list .ml-star { width:28px;height:28px;font-size:18px; }
.mx-watch-list .nft-price-quote { margin-left:0; }
.mx-market-select { display:block;padding:12px 18px;border-bottom:1px solid var(--line); }
.mx-market-select select { width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--paper);font-size:11px; }
.mx-depth-row { display:grid;grid-template-columns:74px minmax(234px,1fr) 48px;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--line); }
.mx-depth-row:hover { background:var(--panel-2); }
.mx-depth-row>span:first-child { display:flex;align-items:center;gap:8px; }
.mx-depth-row .ml-art { width:32px;height:auto;aspect-ratio:1 / 1;border-radius:4px; }
.mx-depth-row b { font:10px var(--mono); }
.mx-depth-row>small { text-align:right;font:9px var(--mono);color:var(--muted-2); }
.mx-sweep-estimate { display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:20px;background:var(--panel-2); }
.mx-sweep-estimate>label { display:grid;grid-template-columns:1fr auto;gap:12px;grid-column:1/-1;font-size:11px;color:var(--muted); }
.mx-sweep-estimate label strong { color:var(--paper);font:11px var(--mono); }
.mx-sweep-estimate input { grid-column:1/-1;width:100%;margin:0;accent-color:var(--acid); }
.mx-sweep-estimate>div>small { display:block;font-size:9px;color:var(--muted-2);margin-bottom:6px; }
.mx-sweep-estimate>.ml-button { align-self:end;font-size:11px;min-height:36px;padding:9px 12px; }
@media(max-width:1250px) {
  .mx-sweep-estimate { grid-template-columns:1fr; }.mx-sweep-estimate>.ml-button { justify-self:start; }
}
@media(max-width:1050px) {
  .mx-depth-row { grid-template-columns:40px minmax(0,1fr);gap:8px;padding-inline:16px; }.mx-depth-row .ml-art,.mx-depth-row>small { display:none; }
}
@media(max-width:760px) {
  .mx-panel-head { padding:16px;min-height:57px;gap:10px; }.mx-panel-head h2 { font-size:16px; }.mx-panel-head>small { font-size:8px;max-width:100px; }
}
@media(max-width:520px) {.mx-panel-head h2>span { display:none; }
  .mx-depth-row { grid-template-columns:25px minmax(0,1fr);gap:5px;padding:10px 12px; }.mx-depth-row .nft-price-quote { font-size:10px;gap:4px; }.mx-sweep-estimate { padding:16px; }
}
.msc-page { padding:24px 0 0; }
.msc-page :is(main,aside,section,article,header,footer,div) { min-width:0; }
.msc-page button { color:var(--paper); }
.msc-page :is(h1,h2,h3) { text-wrap:balance; }
.msc-page h2 { font-weight:550; }
.msc-page main>*,.msc-page aside>* { max-width:100%; }
.msc-page .nft-price-quote { grid-template-columns:118px max-content;font-size:11px; }
.msc-page .nft-price-stock { grid-template-columns:54px 64px; }
.msc-page .ml-art { width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain; }
.mp-avatar { display:block;width:42px;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;flex:none; }
.mp-link { display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:5px 0;font:12px/1.4 var(--sans);color:var(--secondary);cursor:pointer; }
.msc-page .mp-link:hover { color:var(--acid);text-decoration:underline;text-underline-offset:4px; }
.mp-expand { border-block:1px solid var(--line);margin-top:28px; }
.mp-expand>summary { display:flex;align-items:center;justify-content:space-between;padding:20px 0;list-style:none;cursor:pointer;font-size:14px; }
.mp-expand>summary:hover { color:var(--acid); }
.mp-expand>summary>span { color:var(--secondary); }
.mp-expand[open]>summary>span { transform:rotate(45deg); }
.mp-note { padding:22px;color:var(--muted);font-size:13px; }
.msc-page [data-market-section] { scroll-margin-top:24px; }
.msc-page .mx-panel { box-shadow:none; }
.msc-page .mx-depth-row { grid-template-columns:38px minmax(0,1fr);gap:8px;padding:11px 14px; }
.msc-page .mx-depth-row>small,.msc-page .mx-depth-row .ml-art { display:none; }
.msc-page .mx-sweep-estimate { grid-template-columns:1fr;padding:17px; }
.msc-page .mx-sweep-estimate>.ml-button { width:100%; }
.msc-page .mx-watch-list .nft-price-quote { margin:0; }
.msc-page .mx-panel-head { min-height:58px;padding:17px; }
.msc-page .mx-panel-head h2 { font-size:16px; }
.mp-matrix>header { display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:19px 20px;border-bottom:1px solid var(--line); }
.mp-matrix { border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel); }
.mp-matrix-picks { display:flex;flex-wrap:wrap;gap:6px;padding:14px 18px; }
.mp-matrix-picks button { border:1px solid var(--line);border-radius:5px;padding:6px 9px;background:transparent;cursor:pointer; }
.mp-matrix-picks button:hover { border-color:var(--acid); }
.mp-matrix-picks button[aria-pressed=true] { border-color:var(--secondary);background:var(--panel-3); }
.mp-matrix-scroll { overflow:auto; }
.mp-matrix-group>header { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--line);background:var(--panel-2); }
.mp-matrix-group h3 { margin:0;font-size:15px; }
.mp-matrix-group>header span { font-size:11px;color:var(--muted); }
.mp-matrix table { border-collapse:collapse;width:100%;text-align:left; }
.mp-matrix th,.mp-matrix td { padding:16px 20px;border-top:1px solid var(--line);border-right:1px solid var(--line);vertical-align:middle; }
.mp-matrix th:last-child,.mp-matrix td:last-child { border-right:0; }
.mp-matrix thead th { position:relative;vertical-align:top;min-width:265px; }
.mp-matrix thead th:first-child { vertical-align:bottom;min-width:170px; }
.mp-matrix th:first-child { width:170px;font:11px/1.4 var(--sans);color:var(--muted); }
.mp-matrix thead .mp-avatar { width:62px;border-radius:3px;margin-bottom:12px; }
.mp-matrix thead .mp-link { display:block;font-size:14px;font-weight:550;color:var(--paper);max-width:190px;min-height:2.8em; }
.mp-matrix thead .ml-star { position:absolute;right:16px;top:17px;width:27px;height:27px; }
.mp-matrix td { font:12px var(--mono);height:62px; }
.mp-matrix tbody tr:hover { background:var(--panel-2); }
@media(max-width:760px) {
  .msc-page { padding-top:14px; }.msc-page>div>header { gap:16px; }.msc-page h1 { text-wrap:balance; }
  .mp-matrix>header { padding:16px; }.mp-matrix>header h2 { font-size:16px; }
}
@media(max-width:450px) {
  .msc-page .nft-price-quote { grid-template-columns:106px max-content;gap:4px;font-size:10px; }.msc-page .nft-price-stock { grid-template-columns:45px 61px; }.msc-page .nft-usd { min-width:97px; }.msc-page .nft-usd-digits { height:14px; }
}
@media(prefers-reduced-motion:reduce) { .msc-page * { transition:none!important;scroll-behavior:auto!important; } }
.mp-matrix>header { display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:19px 20px;border-bottom:1px solid var(--line); }
.mp-matrix>header h2 { font-size:18px;letter-spacing:-.4px; }
.mp-matrix>header>span { font:9px/1.5 var(--mono);color:var(--muted-2);text-align:right; }
.market-loading { padding:32px;color:var(--muted);font:12px var(--mono); }