:root {
  --bm-bg: #121719;
  --bm-surface: rgba(19, 26, 29, .92);
  --bm-surface-2: #192125;
  --bm-line: rgba(221, 226, 220, .13);
  --bm-line-strong: rgba(255, 191, 101, .32);
  --bm-text: #f0eeeb;
  --bm-muted: #a5aca9;
  --bm-gold: #ffbf65;
  --bm-green: #65d6a3;
  --bm-red: #fd8973;
  --bm-blue: #72a5cb;
  --bm-mono: "Chakra Petch", sans-serif;
  --bm-sans: "Manrope", sans-serif;
}

* { box-sizing: border-box; }

body.black-market-page {
  min-width: 320px;
  margin: 0;
  color: var(--bm-text);
  font-family: var(--bm-sans);
  background:
    linear-gradient(180deg, rgba(18, 23, 25, .8), rgba(18, 23, 25, .98) 520px),
    radial-gradient(circle at 84% 12%, rgba(255, 191, 101, .16), transparent 30%),
    url("/neon-grain-background.webp") 50% top / auto 100svh fixed no-repeat,
    var(--bm-bg);
}

.black-market-header-shell { position: relative; z-index: 100; padding-bottom: 0; overflow: visible; }
.black-market-header-shell .command-bar { grid-template-columns: minmax(220px, .84fr) minmax(250px, 1.15fr) auto auto auto auto; overflow: visible; }
.black-market-header-shell .market-menu-link.active { box-shadow: inset 0 -2px 0 var(--bm-gold), 0 0 18px rgba(255, 191, 101, .08); }

.bm-shell { width: min(100% - 40px, 1880px); margin: 0 auto; padding: 28px 0 64px; }
.bm-enter { opacity: 0; transform: translateY(12px); animation: bm-enter .46s cubic-bezier(.2, .78, .2, 1) forwards; animation-delay: var(--enter-delay, 0ms); }
@keyframes bm-enter { to { opacity: 1; transform: none; } }

.bm-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; padding: 16px 4px 26px; border-bottom: 1px solid var(--bm-line); }
.bm-heading h1 { margin: 2px 0 5px; font: 700 clamp(2.2rem, 4vw, 4.7rem)/.92 var(--bm-mono); letter-spacing: -.045em; }
.bm-heading > div:first-child > p:last-child { max-width: 720px; margin: 0; color: var(--bm-muted); font-size: .88rem; line-height: 1.55; }
.bm-kicker { margin: 0; color: var(--bm-gold); font: 700 .72rem/1 var(--bm-mono); letter-spacing: .15em; text-transform: uppercase; }

.bm-status { display: grid; grid-template-columns: 10px auto; column-gap: 10px; min-width: 270px; padding: 8px 0 5px 18px; border-left: 1px solid var(--bm-line-strong); }
.bm-status > span { grid-row: 1 / 3; align-self: center; width: 8px; height: 8px; border-radius: 50%; background: var(--bm-muted); box-shadow: 0 0 0 5px rgba(165, 172, 169, .08); }
.bm-status b { font: 700 .8rem/1.2 var(--bm-mono); }
.bm-status small { max-width: 340px; overflow: hidden; color: var(--bm-muted); font-size: .66rem; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.bm-status.loading > span { background: var(--bm-gold); animation: bm-pulse 1.15s ease-in-out infinite; }
.bm-status.live > span { background: var(--bm-green); box-shadow: 0 0 14px rgba(101, 214, 163, .58); }
.bm-status.warning > span { background: var(--bm-gold); }
.bm-status.error > span { background: var(--bm-red); }
@keyframes bm-pulse { 50% { opacity: .28; transform: scale(.7); } }

.bm-filters { position: relative; z-index: 8; padding: 24px 4px 22px; border-bottom: 1px solid var(--bm-line); }
.bm-filter-title, .bm-results-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.bm-filter-title h2, .bm-results-head h2 { margin: 0; font: 700 1.16rem/1.1 var(--bm-mono); }
.bm-filter-title p, .bm-results-head p { margin: 5px 0 0; color: var(--bm-muted); font-size: .72rem; }
.bm-filter-actions { display: flex; align-items: center; gap: 18px; }
.bm-guide-link { display: inline-flex; align-items: center; gap: 7px; padding: 4px 0; border-bottom: 1px solid var(--bm-line-strong); color: var(--bm-text); font: 700 .72rem var(--bm-mono); text-decoration: none; transition: border-color 150ms ease, color 150ms ease; }
.bm-guide-link svg { width: 14px; height: 14px; color: var(--bm-gold); }
.bm-guide-link:hover, .bm-guide-link:focus-visible { border-color: var(--bm-gold); color: #ffe0af; outline: 0; }
.bm-text-button { padding: 4px 0; border: 0; border-bottom: 1px solid var(--bm-line-strong); background: none; color: var(--bm-gold); font: 700 .72rem var(--bm-mono); cursor: pointer; }
.bm-text-button:hover { border-color: var(--bm-gold); color: #ffe0af; }

.bm-filter-grid { display: grid; grid-template-columns: minmax(220px, 1.3fr) repeat(2, minmax(205px, .95fr)) minmax(165px, .85fr) repeat(3, minmax(185px, 1fr)) repeat(2, minmax(125px, .65fr)); gap: 10px; margin-top: 17px; align-items: end; }
.bm-field { display: grid; gap: 6px; min-width: 0; }
.bm-field > span, .bm-field-label, .bm-city-selector summary small { color: var(--bm-muted); font-size: .67rem; font-weight: 700; }
.bm-field-label { display: flex; align-items: center; gap: 6px; min-height: 14px; }
.bm-field-label label { cursor: pointer; }
.bm-inline-help { display: inline-grid; place-items: center; width: 17px; height: 17px; padding: 0; border: 1px solid rgba(255, 191, 101, .48); border-radius: 50%; background: rgba(255, 191, 101, .06); color: var(--bm-gold); font: 800 .64rem/1 var(--bm-mono); cursor: help; transition: border-color 140ms ease, background 140ms ease, color 140ms ease, transform 140ms ease; }
.bm-inline-help:hover, .bm-inline-help:focus-visible { border-color: var(--bm-gold); background: rgba(255, 191, 101, .14); color: #ffe0af; outline: 0; transform: translateY(-1px); }
.bm-field input, .bm-field select, .bm-search-field > div, .bm-city-selector summary { width: 100%; height: 42px; border: 1px solid var(--bm-line); border-radius: 5px; outline: 0; background: rgba(9, 14, 16, .72); color: var(--bm-text); font: 600 .75rem var(--bm-sans); transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease; }
.bm-field input, .bm-field select { padding: 0 10px; }
.bm-field select { color-scheme: dark; }
.bm-field input:focus, .bm-field select:focus, .bm-search-field > div:focus-within, .bm-city-selector[open] summary { border-color: var(--bm-gold); box-shadow: 0 0 0 3px rgba(255, 191, 101, .1); }
.bm-search-field > div { display: flex; align-items: center; gap: 8px; padding: 0 10px; }
.bm-search-field svg { width: 16px; color: var(--bm-gold); }
.bm-search-field input { height: 40px; padding: 0; border: 0; background: none; box-shadow: none; }

.bm-variant-filter { display: grid; gap: 6px; min-width: 0; margin: 0; padding: 0; border: 0; }
.bm-variant-filter legend { padding: 0; color: var(--bm-muted); font-size: .67rem; font-weight: 700; }
.bm-variant-buttons { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
.bm-variant-buttons button { min-width: 0; height: 42px; padding: 0 3px; border: 1px solid var(--bm-line); border-radius: 5px; color: var(--bm-text); font: 700 .76rem var(--bm-mono); cursor: pointer; opacity: .58; filter: saturate(.72) brightness(.78); transition: opacity 150ms ease, filter 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease; }
.bm-variant-buttons button:hover, .bm-variant-buttons button:focus-visible { border-color: #fff; opacity: .9; filter: brightness(1.08); outline: 0; transform: translateY(-1px); }
.bm-variant-buttons button.active { border-color: #f0eeeb; color: #13181b; opacity: 1; filter: brightness(1.18); box-shadow: 0 0 0 2px rgba(255, 191, 101, .22); }
.bm-tier-filter button[data-tier="4"] { background: #245f91; }
.bm-tier-filter button[data-tier="5"] { background: #b85f55; }
.bm-tier-filter button[data-tier="6"] { background: #b9852c; }
.bm-tier-filter button[data-tier="7"] { background: #aa922d; }
.bm-tier-filter button[data-tier="8"] { background: #84949e; }
.bm-enchantment-filter button[data-enchantment="0"] { background: #30383d; color: #f0eeeb; }
.bm-enchantment-filter button[data-enchantment="1"] { background: #39784a; color: #f0eeeb; }
.bm-enchantment-filter button[data-enchantment="2"] { background: #2f6fa9; color: #f0eeeb; }
.bm-enchantment-filter button[data-enchantment="3"] { background: #704696; color: #f0eeeb; }
.bm-enchantment-filter button[data-enchantment="4"] { background: #b59622; }
.bm-enchantment-filter button[data-enchantment="0"].active { color: #f0eeeb; }

.bm-city-selector { position: relative; min-width: 0; }
.bm-city-selector summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 10px; list-style: none; cursor: pointer; }
.bm-city-selector summary::-webkit-details-marker { display: none; }
.bm-city-selector summary > span { display: grid; gap: 2px; min-width: 0; }
.bm-city-selector summary b { overflow: hidden; font: 700 .74rem var(--bm-sans); text-overflow: ellipsis; white-space: nowrap; }
.bm-city-selector summary svg { width: 16px; transition: transform 160ms ease; }
.bm-city-selector[open] summary svg { transform: rotate(180deg); }
.bm-city-selector fieldset { position: absolute; z-index: 20; top: calc(100% + 7px); left: 0; display: grid; gap: 2px; min-width: 220px; margin: 0; padding: 8px; border: 1px solid var(--bm-line-strong); border-radius: 6px; background: #111719; box-shadow: 0 20px 46px rgba(0, 0, 0, .46); animation: bm-pop 140ms ease-out; }
@keyframes bm-pop { from { opacity: 0; transform: translateY(-5px) scale(.98); } }
.bm-city-selector legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.bm-city-selector fieldset label { display: flex; align-items: center; gap: 9px; min-height: 34px; padding: 5px 8px; border-radius: 4px; color: var(--bm-muted); font-size: .75rem; cursor: pointer; }
.bm-city-selector fieldset label:hover { background: rgba(255, 191, 101, .07); color: var(--bm-text); }
.bm-city-selector fieldset .bm-city-option-best { margin-bottom: 4px; border-bottom: 1px solid var(--bm-line); border-radius: 4px 4px 0 0; color: var(--bm-gold); font-weight: 800; }
.bm-city-selector input { width: 15px; height: 15px; accent-color: var(--bm-gold); }

.bm-method-note { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; color: var(--bm-muted); font-size: .67rem; }
.bm-method-note svg { flex: 0 0 14px; width: 14px; color: var(--bm-blue); }

.bm-results { padding: 24px 4px 0; }
.bm-legend { display: flex; gap: 16px; color: var(--bm-muted); font-size: .66rem; }
.bm-legend span { display: inline-flex; align-items: center; gap: 6px; }
.bm-legend i { width: 7px; height: 7px; border-radius: 50%; background: #4b5457; }
.bm-legend i.positive { background: var(--bm-green); box-shadow: 0 0 8px rgba(101, 214, 163, .45); }

.bm-table-frame { position: relative; isolation: isolate; max-height: min(70vh, 820px); margin-top: 14px; overflow: auto; border: 1px solid var(--bm-line); background: rgba(10, 15, 17, .65); scrollbar-color: rgba(255, 191, 101, .42) rgba(16, 22, 24, .75); scroll-behavior: smooth; }
.bm-table-frame:focus-visible { outline: 2px solid var(--bm-gold); outline-offset: 3px; }
.bm-table { min-width: max-content; width: max-content; border-collapse: separate; border-spacing: 0; font-size: .71rem; }
.bm-table th, .bm-table td { min-width: 0; height: 52px; padding: 7px; border-right: 1px solid var(--bm-line); border-bottom: 1px solid var(--bm-line); background: rgba(19, 26, 29, .78); white-space: nowrap; }
.bm-table thead th { position: sticky; z-index: 5; top: 0; height: 38px; padding: 6px; background: #20282b; color: var(--bm-muted); font: 700 .64rem/1.25 var(--bm-mono); letter-spacing: .015em; text-align: center; }
.bm-table thead tr:nth-child(2) th { top: 38px; background: #192124; }
.bm-table thead .bm-city-group { min-width: 440px; border-left: 2px solid color-mix(in srgb, var(--bm-city-accent) 62%, transparent); border-right: 1px solid color-mix(in srgb, var(--bm-city-accent) 28%, transparent); background: linear-gradient(180deg, color-mix(in srgb, var(--bm-city-accent) 12%, #20282b), #20282b); box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--bm-city-accent) 58%, transparent); color: var(--bm-text); font-size: .72rem; }
.bm-table .bm-black-market { min-width: 112px; width: 112px; max-width: 112px; border-left: 2px solid rgba(255, 191, 101, .46); border-right: 2px solid rgba(255, 191, 101, .28); background: linear-gradient(130deg, #27251e, #1c2021); color: var(--bm-gold); }
.bm-table .bm-col-price { min-width: 92px; width: 92px; max-width: 92px; }
.bm-table .bm-col-chart { min-width: 106px; width: 106px; max-width: 106px; }
.bm-table .bm-col-profit { min-width: 92px; width: 92px; max-width: 92px; }
.bm-table .bm-col-roi { min-width: 66px; width: 66px; max-width: 66px; }
.bm-table .bm-col-volume { min-width: 84px; width: 84px; max-width: 84px; }
.bm-city-best { --bm-city-accent: var(--bm-gold); }
.bm-city-brecilien { --bm-city-accent: #bd91ff; }
.bm-city-bridgewatch { --bm-city-accent: #f08a28; }
.bm-city-caerleon { --bm-city-accent: #c8aa6a; }
.bm-city-fort-sterling { --bm-city-accent: #f0eeeb; }
.bm-city-lymhurst { --bm-city-accent: #a9b21e; }
.bm-city-martlock { --bm-city-accent: #27a8d2; }
.bm-city-thetford { --bm-city-accent: #d929bd; }
.bm-table thead tr:nth-child(2) th.bm-city-cell { background: color-mix(in srgb, var(--bm-city-accent) 4%, #192124); }
.bm-table tbody td.bm-city-cell { background-color: color-mix(in srgb, var(--bm-city-accent) 2.5%, #182023); }
.bm-table .bm-city-start { border-left: 2px solid color-mix(in srgb, var(--bm-city-accent) 52%, transparent); }
.bm-table .bm-city-end { border-right-color: color-mix(in srgb, var(--bm-city-accent) 26%, transparent); }
.bm-table thead .bm-sortable { padding: 0; }
.bm-sortable button { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; min-height: 38px; padding: 6px; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.bm-sortable button i { color: #667175; font: 700 .72rem var(--bm-mono); font-style: normal; transition: color 140ms ease, transform 140ms ease; }
.bm-sortable button:hover, .bm-sortable button:focus-visible { background: rgba(255, 191, 101, .07); color: var(--bm-text); outline: 0; }
.bm-sortable button:hover i, .bm-sortable button:focus-visible i, .bm-sortable.active button i { color: var(--bm-gold); }
.bm-sortable.active { box-shadow: inset 0 -2px 0 var(--bm-gold); color: var(--bm-text); }
.bm-table thead .bm-item-col button { justify-content: flex-start; min-height: 76px; }
.bm-table .bm-item-col { position: sticky; left: 0; z-index: 7; width: 220px; min-width: 220px; max-width: 220px; border-right: 2px solid var(--bm-line-strong); background: #151c1f; box-shadow: 5px 0 12px rgba(0, 0, 0, .22); text-align: left; }
.bm-table thead .bm-item-col { z-index: 10; top: 0; color: var(--bm-text); }
.bm-table tbody tr { animation: bm-row .34s ease both; animation-delay: var(--row-delay, 0ms); }
@keyframes bm-row { from { opacity: 0; transform: translateX(7px); } }
.bm-table tbody tr:hover td, .bm-table tbody tr:hover th { background-color: #202a2d; }
.bm-table tbody tr:hover .bm-item-col { background: #1d272a; }
.bm-table tbody .bm-item-col { font-weight: 400; }
.bm-item-content { display: flex; align-items: center; gap: 9px; min-width: 0; }
.bm-item-col img { width: 38px; height: 38px; object-fit: contain; }
.bm-item-label { display: flex; align-items: baseline; gap: 7px; min-width: 0; }
.bm-item-label b { min-width: 0; overflow: hidden; font: 700 .76rem var(--bm-mono); text-overflow: ellipsis; white-space: nowrap; }
.bm-item-variant { display: inline-flex; flex: 0 0 auto; align-items: baseline; font: 800 .68rem/1 var(--bm-mono); letter-spacing: .02em; }
.bm-item-variant i { color: var(--bm-muted); font-style: normal; }
.bm-item-tier[data-tier="4"] { color: color-mix(in srgb, #245f91 66%, white); }
.bm-item-tier[data-tier="5"] { color: color-mix(in srgb, #b85f55 72%, white); }
.bm-item-tier[data-tier="6"] { color: color-mix(in srgb, #b9852c 76%, white); }
.bm-item-tier[data-tier="7"] { color: color-mix(in srgb, #aa922d 76%, white); }
.bm-item-tier[data-tier="8"] { color: color-mix(in srgb, #84949e 72%, white); }
.bm-item-enchantment[data-enchantment="0"] { color: color-mix(in srgb, #30383d 38%, white); }
.bm-item-enchantment[data-enchantment="1"] { color: color-mix(in srgb, #39784a 68%, white); }
.bm-item-enchantment[data-enchantment="2"] { color: color-mix(in srgb, #2f6fa9 68%, white); }
.bm-item-enchantment[data-enchantment="3"] { color: color-mix(in srgb, #704696 66%, white); }
.bm-item-enchantment[data-enchantment="4"] { color: color-mix(in srgb, #b59622 76%, white); }
.bm-table .bm-num { text-align: right; font-variant-numeric: tabular-nums; }
.bm-best-price { display: inline-grid; justify-items: end; gap: 2px; line-height: 1.05; }
.bm-best-price strong { font: inherit; }
.bm-best-price small { color: var(--bm-city-accent); font: 700 .52rem var(--bm-mono); white-space: nowrap; }
.bm-table .bm-black-price { color: var(--bm-gold); font: 700 .78rem var(--bm-mono); }
.bm-table .bm-profit, .bm-table .bm-roi { font-weight: 800; }
.bm-table .eligible { color: var(--bm-green); background-image: linear-gradient(90deg, rgba(101, 214, 163, .035), rgba(101, 214, 163, .08)); }
.bm-table .negative { color: var(--bm-red); }
.bm-table .missing { color: #687174; }
.bm-table .bm-chart-cell { padding: 4px; text-align: center; }
.bm-spark { width: 100px; height: 36px; padding: 1px; border: 0; border-radius: 3px; background: transparent; cursor: zoom-in; transition: background 140ms ease, transform 140ms ease; }
.bm-spark:hover, .bm-spark:focus-visible { background: rgba(114, 165, 203, .09); outline: 0; transform: translateY(-1px); }
.bm-spark svg { width: 96px; height: 32px; overflow: visible; }
.bm-spark path { fill: none; stroke: var(--bm-blue); stroke-width: 2; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 4px rgba(114, 165, 203, .38)); }
.bm-no-data { color: #687174; }
.bm-empty { min-width: min(100vw, 680px) !important; height: 180px !important; color: var(--bm-muted); text-align: center !important; }
.bm-empty strong, .bm-empty span { display: block; }
.bm-empty strong { color: var(--bm-text); font: 700 .9rem var(--bm-mono); }
.bm-empty span { margin-top: 6px; font-size: .7rem; }

.bm-guide { display: grid; grid-template-columns: minmax(250px, .62fr) minmax(0, 1.38fr); gap: 36px 64px; scroll-margin-top: 24px; margin: 54px 4px 0; padding: 38px 0 10px; border-top: 1px solid var(--bm-line-strong); }
.bm-guide-heading { position: sticky; top: 24px; align-self: start; }
.bm-guide-heading h2 { max-width: 520px; margin: 10px 0 12px; font: 700 clamp(1.55rem, 2.4vw, 2.5rem)/1.05 var(--bm-mono); letter-spacing: -.025em; }
.bm-guide-heading > p:last-child { max-width: 520px; margin: 0; color: var(--bm-muted); font-size: .84rem; line-height: 1.65; }
.bm-guide-steps { grid-column: 2; margin: 0; padding: 0; border-top: 1px solid var(--bm-line); list-style: none; }
.bm-guide-steps li { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; padding: 19px 0 20px; border-bottom: 1px solid var(--bm-line); }
.bm-guide-steps li > span { color: var(--bm-gold); font: 700 .72rem var(--bm-mono); letter-spacing: .08em; }
.bm-guide-steps h3 { margin: 0 0 5px; font: 700 .94rem var(--bm-mono); }
.bm-guide-steps p { max-width: 880px; margin: 0; color: var(--bm-muted); font-size: .76rem; line-height: 1.62; }
.bm-guide-steps b { color: var(--bm-text); }
.bm-guide-details { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr); gap: 52px; margin-top: 8px; padding-top: 30px; border-top: 1px solid var(--bm-line); }
.bm-guide-details h3 { margin: 0 0 15px; font: 700 1.05rem var(--bm-mono); }
.bm-guide-details dl { display: grid; gap: 0; margin: 0; }
.bm-guide-details dl div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 18px; padding: 10px 0; border-bottom: 1px solid var(--bm-line); }
.bm-guide-details dt { color: var(--bm-gold); font: 700 .76rem var(--bm-mono); }
.bm-guide-details dd, .bm-guide-warning p { margin: 0; color: var(--bm-muted); font-size: .76rem; line-height: 1.62; }
.bm-guide-warning { padding-left: 28px; border-left: 1px solid var(--bm-line-strong); }
.bm-guide-warning p + p { margin-top: 12px; }

.bm-chart-dialog { width: min(900px, calc(100% - 28px)); padding: 22px; border: 1px solid var(--bm-line-strong); border-radius: 8px; background: #12191b; color: var(--bm-text); box-shadow: 0 30px 90px rgba(0, 0, 0, .7); }
.bm-chart-dialog::backdrop { background: rgba(5, 8, 9, .76); backdrop-filter: blur(5px); }
.bm-chart-dialog[open] { animation: bm-dialog 180ms ease-out; }
@keyframes bm-dialog { from { opacity: 0; transform: translateY(12px) scale(.985); } }
.bm-dialog-head { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
.bm-dialog-head p { margin: 0 0 4px; color: var(--bm-gold); font: 700 .68rem var(--bm-mono); text-transform: uppercase; letter-spacing: .09em; }
.bm-dialog-head h2 { margin: 0; font: 700 1.25rem var(--bm-mono); }
.bm-dialog-head button { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--bm-line); border-radius: 4px; background: #1b2326; color: var(--bm-text); cursor: pointer; }
.bm-dialog-chart { margin-top: 18px; border-top: 1px solid var(--bm-line); border-bottom: 1px solid var(--bm-line); }
.bm-dialog-chart svg { display: block; width: 100%; height: auto; }
.bm-dialog-chart .price-line { fill: none; stroke: var(--bm-gold); stroke-width: 3; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 6px rgba(255, 191, 101, .3)); }
.bm-dialog-chart .volume-bars rect { fill: rgba(114, 165, 203, .34); }
.bm-dialog-chart text { fill: var(--bm-muted); font: 11px var(--bm-sans); }
.bm-chart-dialog > p { margin: 12px 0 0; color: var(--bm-muted); font-size: .68rem; }
.bm-price-help-dialog { width: min(650px, calc(100% - 28px)); }
.bm-price-help-list { display: grid; gap: 0; margin: 20px 0 0; }
.bm-price-help-list > div { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 18px; padding: 15px 0; border-top: 1px solid var(--bm-line); }
.bm-price-help-list dt { color: var(--bm-gold); font: 700 .8rem var(--bm-mono); }
.bm-price-help-list dd { margin: 0; color: var(--bm-muted); font-size: .76rem; line-height: 1.58; }

@media (max-width: 1450px) {
  .black-market-header-shell .command-bar { grid-template-columns: minmax(210px, .8fr) minmax(220px, 1fr) auto auto auto; }
  .black-market-header-shell .server-badge { display: none; }
  .bm-filter-grid { grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(180px, 1fr)); }
  .bm-filter-grid .bm-field:nth-last-child(-n+2) { grid-column: span 1; }
}

@media (max-width: 1120px) {
  .black-market-header-shell .command-bar { grid-template-columns: minmax(210px, 1fr) auto auto auto; }
  .black-market-header-shell .search-box { display: none; }
  .bm-filter-grid { grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(160px, .7fr)); }
  .bm-filter-grid > :nth-child(n+5) { grid-column: span 2; }
  .bm-search-field { grid-column: span 2; }
  .bm-guide { grid-template-columns: 1fr; }
  .bm-guide-heading { position: static; }
  .bm-guide-steps { grid-column: 1; }
}

@media (max-width: 760px) {
  .black-market-header-shell .command-bar { grid-template-columns: minmax(0, 1fr) auto auto; }
  .black-market-header-shell .top-menu { display: none; }
  .black-market-header-shell .market-menu-link { min-width: 42px; padding: 0 9px; }
  .black-market-header-shell .market-menu-link span { display: none; }
  .bm-shell { width: calc(100% - 20px); padding-top: 15px; }
  .bm-heading { display: block; padding: 14px 2px 20px; }
  .bm-heading h1 { font-size: clamp(2.4rem, 14vw, 4rem); }
  .bm-status { min-width: 0; margin-top: 18px; }
  .bm-filter-title { align-items: start; }
  .bm-filter-title p { max-width: 260px; }
  .bm-filter-actions { align-items: flex-end; flex-direction: column; gap: 8px; }
  .bm-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bm-filter-grid > *, .bm-filter-grid > :nth-child(n+5), .bm-search-field { grid-column: span 1; }
  .bm-search-field, .bm-city-selector, .bm-filter-grid > :nth-child(5), .bm-filter-grid > :nth-child(6) { grid-column: 1 / -1; }
  .bm-city-selector fieldset { right: 0; min-width: 100%; }
  .bm-method-note { align-items: start; line-height: 1.45; }
  .bm-results { padding-inline: 0; }
  .bm-results-head { align-items: start; }
  .bm-legend { display: none; }
  .bm-table-frame { max-height: 68vh; }
  .bm-table .bm-item-col { width: 190px; min-width: 190px; max-width: 190px; }
  .bm-item-col img { width: 34px; height: 34px; }
  .bm-item-col b { font-size: .69rem; }
  .bm-price-help-list > div { grid-template-columns: 1fr; gap: 5px; }
  .bm-guide { gap: 28px; margin: 42px 2px 0; padding-top: 30px; }
  .bm-guide-details { grid-template-columns: 1fr; gap: 30px; }
  .bm-guide-warning { padding: 24px 0 0; border-top: 1px solid var(--bm-line-strong); border-left: 0; }
  .bm-guide-details dl div { grid-template-columns: 1fr; gap: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}