:root {
  color-scheme: dark;
  --night: #09090e;
  --ink: #111119;
  --ink-soft: #191923;
  --blackberry: #171327;
  --cream: #fafafa;
  --text: #e8edf1;
  --muted: #9aa9b3;
  --faint: #65737e;
  --gold: #c3aaf6;
  --gold-soft: #e1d3fc;
  --cyan: #64c8ce;
  --green: #6ed3a1;
  --red: #ec8c84;
  --line: rgba(204, 219, 227, .17);
  --line-strong: rgba(195, 170, 246, .35);
  --magic: #a56de2;
  --pokemon: #f1c84d;
  --lorcana: #64a4e8;
  --one-piece: #e96f66;
  --riftbound: #69c7a2;
  --palworld: #5fd2d8;
  --sans: "Rethink Sans", "Avenir Next", Avenir, "Segoe UI", sans-serif;
  --serif: var(--sans);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--night); color: var(--text); font-family: var(--sans); line-height: 1.45; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
a { color: inherit; }
[hidden] { display: none !important; }
.mobile-nav, .mobile-key-metrics { display: none; }
summary { list-style: none; }
summary::-webkit-details-marker { display: none; }
.filter-disclosure > summary { display: none; }
.disclosure-chevron { display: none; }

.topbar { position: sticky; top: 0; z-index: 20; min-height: 66px; padding: 0 clamp(18px, 4vw, 54px); display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); background: rgba(10, 13, 18, .92); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.sideboard-lockup { width: 146px; height: auto; display: block; }
.topbar::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg,#2924c5,#ad52ee,#ddd79b,#65d7b6); }
.brand-mark { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line-strong); color: var(--gold); font-weight: 800; letter-spacing: -.08em; }
.brand > span:last-child { display: grid; gap: 1px; }
.brand strong { font-size: .92rem; }
.brand small { color: var(--muted); font-size: .66rem; }
.topbar nav { display: flex; align-items: center; gap: 25px; color: var(--muted); font-size: .78rem; }
.topbar nav a { text-decoration: none; }
.topbar nav a:hover { color: var(--cream); }
.topbar nav a.active { color: var(--gold-soft); }
.topbar nav form { margin: 0; }
.quiet-button { padding: 8px 12px; border: 1px solid var(--line); background: transparent; color: var(--muted); cursor: pointer; }
.quiet-button:hover { border-color: var(--line-strong); color: var(--cream); }

main { width: min(1480px, calc(100% - clamp(24px, 5vw, 72px))); margin: 0 auto; padding: 28px 0 72px; }
.intro { min-height: 168px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(430px, .72fr); gap: 52px; align-items: end; padding: 20px 0 28px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 85% 20%, rgba(112, 54, 84, .22), transparent 34rem); }
.intro-copy { max-width: 780px; }
.section-label { display: block; margin-bottom: 7px; color: var(--gold); font-size: .72rem; font-weight: 700; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 740px; margin-bottom: 13px; color: var(--cream); font: 600 clamp(2.45rem, 4.3vw, 4.1rem)/.98 var(--serif); letter-spacing: -.035em; }
.intro-copy p { max-width: 650px; margin-bottom: 0; color: var(--muted); font-size: 1rem; }
.market-pulse { margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-strong); }
.market-pulse div { padding: 18px 12px 6px 0; }
.market-pulse dt { min-height: 34px; color: var(--muted); font-size: .68rem; }
.market-pulse dd { margin: 0; color: var(--cream); font-size: clamp(1.45rem, 2.4vw, 2.15rem); font-weight: 650; font-variant-numeric: tabular-nums; }
.status-line { min-height: 38px; display: flex; align-items: center; color: var(--muted); font-size: .72rem; }
.state-panel { margin: 0; padding: 16px; color: var(--muted); background: rgba(255, 255, 255, .025); }
.state-panel.error { margin-bottom: 14px; color: var(--red); border: 1px solid rgba(236, 140, 132, .35); }

.global-workspace { margin-top: 22px; border: 1px solid var(--line); background: var(--ink); }
.global-heading { min-height: 150px; padding: clamp(24px, 4vw, 42px); display: flex; align-items: end; justify-content: space-between; gap: 34px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 86% 15%, rgba(112, 54, 84, .28), transparent 32rem); }
.global-heading h2 { font-size: clamp(2rem, 3.8vw, 3.4rem); }
.global-heading p { max-width: 720px; margin: 12px 0 0; color: var(--muted); }
.coverage-callout { max-width: 280px; color: var(--gold-soft); font-size: .75rem; text-align: right; }
.ranking-tabs { padding: 14px clamp(18px, 3vw, 32px) 0; display: flex; flex-wrap: wrap; gap: 5px; }
.ranking-tabs button { min-height: 38px; padding: 8px 13px; border: 1px solid transparent; background: transparent; color: var(--muted); cursor: pointer; }
.ranking-tabs button[aria-selected="true"] { border-color: var(--line-strong); background: rgba(227, 184, 95, .08); color: var(--gold-soft); }
.deal-filters { padding: 12px clamp(18px, 3vw, 32px) 18px; border-bottom: 1px solid var(--line); }
.deal-filter-fields { display: grid; grid-template-columns: 160px 200px 170px 90px minmax(260px, 1fr); gap: 10px; }
.deal-filters label { display: grid; gap: 5px; color: var(--muted); font-size: .65rem; }
.cost-key { padding: 9px 13px; display: grid; align-content: center; gap: 2px; border-left: 2px solid var(--gold); background: rgba(227, 184, 95, .05); }
.cost-key strong { color: var(--cream); font-size: .67rem; }
.cost-key span { color: var(--muted); font-size: .6rem; }
.global-deal-list { display: grid; }
.global-deal-card { min-width: 0; padding: 17px clamp(18px, 3vw, 32px); display: grid; grid-template-columns: 72px minmax(260px, 1fr) minmax(155px, .35fr) auto; gap: 18px; align-items: center; border-bottom: 1px solid var(--line); border-left: 3px solid var(--game-color, var(--line)); }
.global-deal-card:hover { background: rgba(255,255,255,.018); }
.deal-art { width: 72px; height: 82px; display: grid; place-items: center; overflow: hidden; background: #090d12; color: var(--faint); font: 700 .8rem var(--serif); }
.deal-art img { width: 100%; height: 100%; object-fit: contain; }
.global-deal-copy { min-width: 0; }
.global-deal-copy h3 { margin: 7px 0 4px; overflow: hidden; font: 600 1.15rem/1.15 var(--serif); text-overflow: ellipsis; white-space: nowrap; }
.deal-meta { display: flex; flex-wrap: wrap; gap: 5px; }
.deal-meta .confidence { text-transform: capitalize; }
.deal-seller { margin: 0; color: var(--muted); font-size: .64rem; }
.deal-seller strong { color: var(--text); }
.deal-cost { display: grid; gap: 2px; text-align: right; font-variant-numeric: tabular-nums; }
.deal-cost > strong { color: var(--gold-soft); font-size: 1.25rem; }
.deal-cost > span { color: var(--muted); font-size: .58rem; }
.deal-cost > span.incomplete { color: var(--red); }
.deal-cost > b { color: var(--green); font-size: .66rem; }
.deal-actions { display: grid; gap: 6px; }
.primary-link { min-width: 145px; padding: 10px 13px; border: 1px solid var(--gold); background: var(--gold); color: #17130b; font-size: .68rem; font-weight: 750; text-align: center; text-decoration: none; }
.seller-options { grid-column: 2 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 5px; }
.seller-option { padding: 9px 11px; display: flex; justify-content: space-between; gap: 12px; border: 1px solid var(--line); color: var(--muted); font-size: .64rem; text-decoration: none; }
.seller-option strong { color: var(--gold-soft); }
.source-summary { margin: 0; display: grid; grid-template-columns: repeat(7, 1fr); border-bottom: 1px solid var(--line); }
.source-summary div { padding: 20px clamp(12px, 2vw, 24px); border-right: 1px solid var(--line); }
.source-summary div:last-child { border-right: 0; }
.source-summary dt { color: var(--muted); font-size: .63rem; }
.source-summary dd { margin: 5px 0 0; color: var(--cream); font-size: 1.35rem; font-weight: 700; }
.source-list-header, .source-health-row { padding: 11px clamp(18px, 3vw, 32px); display: grid; grid-template-columns: minmax(260px, 1fr) 150px 180px; gap: 18px; align-items: center; }
.source-list-header { color: var(--faint); font-size: .58rem; text-transform: uppercase; letter-spacing: .06em; }
.source-health-row { border-top: 1px solid var(--line); }
.source-identity { min-width: 0; display: grid; gap: 2px; }
.source-identity strong { overflow: hidden; color: var(--cream); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.source-identity small, .source-verified { color: var(--muted); font-size: .6rem; }
.source-verified { display: grid; gap: 2px; }
.source-verified small { overflow: hidden; color: var(--red); font-size: .54rem; text-overflow: ellipsis; white-space: nowrap; }
.source-state { width: fit-content; padding: 3px 7px; border: 1px solid var(--line); color: var(--muted); font-size: .58rem; text-transform: capitalize; }
.source-state.state-success { border-color: rgba(110,211,161,.4); color: var(--green); }
.source-state.state-degraded { border-color: rgba(227,184,95,.45); color: var(--gold); }
.source-state.state-failed { border-color: rgba(236,140,132,.4); color: var(--red); }
.source-state.state-manual { border-color: rgba(227,184,95,.35); color: var(--gold); }

.community-radar { border-bottom: 1px solid var(--line-strong); background: linear-gradient(180deg, rgba(227,184,95,.025), transparent 180px); }
.community-radar-heading { padding: 24px clamp(18px, 3vw, 32px) 18px; display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.community-radar-heading h3 { font: 600 1.4rem/1.1 var(--serif); }
.community-radar-heading p { max-width: 680px; margin: 7px 0 0; color: var(--muted); font-size: .7rem; }
.community-summary { margin: 0; display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.community-summary div { padding: 14px clamp(14px, 2vw, 24px); border-right: 1px solid var(--line); }
.community-summary div:last-child { border-right: 0; }
.community-summary dt { color: var(--muted); font-size: .58rem; }
.community-summary dd { margin: 4px 0 0; color: var(--cream); font-size: 1.15rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.community-source-band { padding: 16px clamp(18px, 3vw, 32px); display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 16px; align-items: start; border-bottom: 1px solid var(--line); }
.community-source-band h4, .community-leads-heading h4 { margin: 7px 0 0; color: var(--cream); font-size: .68rem; }
.community-source-list { min-width: 0; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: thin; }
.community-source { flex: 0 0 260px; min-height: 52px; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--line); color: inherit; text-decoration: none; }
.community-source:hover { border-color: var(--line-strong); }
.community-source > span { min-width: 0; display: grid; gap: 2px; }
.community-source strong, .community-source small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.community-source strong { color: var(--cream); font-size: .65rem; }
.community-source small { color: var(--muted); font-size: .53rem; }
.community-source b { flex: 0 0 auto; font-weight: 500; }
.community-leads-heading { padding: 14px clamp(18px, 3vw, 32px) 10px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.community-leads-heading h4 { margin: 0; }
.community-leads-heading span { color: var(--faint); font-size: .56rem; }
.community-lead-list { display: grid; }
.community-lead-row { min-width: 0; padding: 13px clamp(18px, 3vw, 32px); display: grid; grid-template-columns: minmax(260px, 1fr) minmax(170px, .36fr) auto; gap: 18px; align-items: center; border-top: 1px solid var(--line); }
.community-lead-copy { min-width: 0; display: grid; gap: 3px; }
.community-lead-copy strong { overflow: hidden; color: var(--cream); font: 600 .86rem/1.2 var(--serif); text-overflow: ellipsis; white-space: nowrap; }
.community-lead-copy small { overflow: hidden; color: var(--muted); font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }
.community-lead-facts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.community-lead-facts b { width: 100%; color: var(--gold-soft); font-size: .66rem; text-align: right; }
.corroboration { padding: 2px 6px; border: 1px solid rgba(100,200,206,.35); color: var(--cyan); font-size: .54rem; }
.community-lead-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.community-lead-actions .primary-link, .community-lead-actions .quiet-button { min-width: 140px; display: grid; place-items: center; text-decoration: none; }
.retail-health-heading { padding: 22px clamp(18px, 3vw, 32px) 16px; display: flex; align-items: end; justify-content: space-between; gap: 22px; }
.retail-health-heading h3 { font: 600 1.2rem/1.1 var(--serif); }
.retail-health-heading p { max-width: 660px; margin: 0; color: var(--muted); font-size: .64rem; text-align: right; }

.workspace { display: grid; grid-template-columns: minmax(340px, 380px) minmax(0, 1fr); align-items: start; gap: 18px; }
.library, .product-workbench { min-width: 0; border: 1px solid var(--line); background: var(--ink); }
.library { position: sticky; top: 84px; max-height: calc(100vh - 104px); display: flex; flex-direction: column; overflow: hidden; }
.library-header { padding: 19px 20px 15px; display: flex; justify-content: space-between; align-items: end; gap: 16px; }
h2 { margin-bottom: 0; color: var(--cream); font: 600 1.65rem/1.08 var(--serif); }
h3 { margin-bottom: 0; color: var(--cream); font-size: 1rem; }
.result-count { color: var(--muted); text-align: right; font-size: .66rem; }
.game-tabs { padding: 0 13px 13px; display: flex; flex-wrap: wrap; gap: 4px; }
.game-tabs::-webkit-scrollbar { display: none; }
.game-tabs button { flex: 0 0 auto; padding: 7px 10px; border: 1px solid transparent; background: transparent; color: var(--muted); font-size: .67rem; cursor: pointer; }
.game-tabs button:hover { color: var(--cream); }
.game-tabs button.active { border-color: var(--line-strong); background: rgba(227, 184, 95, .08); color: var(--gold-soft); }
.library-filters { padding: 13px; display: grid; gap: 9px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(4, 8, 12, .28); }
.library-filter-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.library-filters label, .simulation-card label { min-width: 0; display: grid; gap: 5px; color: var(--muted); font-size: .65rem; }
input, select { width: 100%; min-height: 39px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 3px; background: #0c1218; color: var(--text); }
input::placeholder { color: var(--faint); }
input:hover, select:hover { border-color: rgba(227, 184, 95, .4); }
.product-grid { min-height: 0; padding: 8px; display: grid; gap: 4px; overflow-y: auto; }
.product-card { width: 100%; min-height: 89px; padding: 9px; display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; gap: 11px; align-items: center; border: 1px solid transparent; border-left: 3px solid var(--game-color, var(--line)); background: transparent; color: var(--text); text-align: left; cursor: pointer; }
.product-card:hover { background: var(--ink-soft); }
.product-card.selected { border-color: var(--line-strong); border-left-color: var(--game-color, var(--gold)); background: linear-gradient(90deg, rgba(227, 184, 95, .08), rgba(227, 184, 95, .015)); }
.product-card:disabled { cursor: default; opacity: .68; }
.product-thumb { width: 58px; height: 68px; display: grid; place-items: center; overflow: hidden; background: #0a0e13; color: var(--faint); font: 700 .65rem var(--serif); }
.product-thumb img { width: 100%; height: 100%; object-fit: contain; }
.product-copy { min-width: 0; display: grid; gap: 4px; }
.product-copy strong { overflow: hidden; color: var(--cream); font-size: .72rem; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.product-copy small { overflow: hidden; color: var(--muted); font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }
.confidence { width: fit-content; padding: 2px 6px; border: 1px solid var(--line); color: var(--muted); font-size: .55rem; }
.confidence.ready { border-color: rgba(110, 211, 161, .42); color: var(--green); }
.confidence.research { border-color: rgba(227, 184, 95, .36); color: var(--gold); }
.confidence.preorder { border-color: rgba(100, 200, 206, .42); color: var(--cyan); }
.product-price { color: var(--cream); font-size: .71rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.load-more { margin: 7px 10px 10px; min-height: 38px; border: 1px solid var(--line); background: transparent; color: var(--muted); cursor: pointer; }
.load-more:hover { color: var(--cream); border-color: var(--line-strong); }

.product-workbench { overflow: hidden; }
.product-masthead { min-height: 198px; padding: clamp(22px, 3vw, 32px); display: grid; grid-template-columns: minmax(120px, 165px) 1fr; gap: clamp(22px, 3vw, 34px); align-items: center; background: radial-gradient(circle at 8% 50%, rgba(139, 63, 96, .24), transparent 24rem), linear-gradient(135deg, var(--blackberry), var(--ink) 62%); }
.product-art { height: 150px; display: grid; place-items: center; }
.product-art img { max-width: 100%; max-height: 100%; filter: drop-shadow(0 18px 20px rgba(0, 0, 0, .42)); object-fit: contain; }
.product-art span { width: 112px; height: 145px; display: grid; place-items: center; border: 1px solid var(--line-strong); color: var(--gold); font: 700 1.7rem var(--serif); }
.product-meta { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: .72rem; }
.badge { padding: 4px 8px; border: 1px solid var(--line); font-size: .6rem; }
.badge.ready { border-color: rgba(110, 211, 161, .45); color: var(--green); }
.badge.research { border-color: rgba(227, 184, 95, .48); color: var(--gold-soft); }
.badge.preorder { border-color: rgba(100, 200, 206, .48); color: var(--cyan); }
.badge.blocked { border-color: rgba(236, 140, 132, .42); color: var(--red); }
.product-heading h2 { max-width: 780px; margin: 9px 0 8px; font-size: clamp(1.85rem, 3vw, 2.8rem); letter-spacing: -.025em; }
.product-heading p { max-width: 640px; margin-bottom: 13px; color: var(--muted); font-size: .82rem; }
.market-link { color: var(--gold); font-size: .72rem; text-underline-offset: 3px; }

.ev-snapshot, .value-history-card, .simulation-card, .offers-card, .contents-card { border-top: 1px solid var(--line); }
.ev-snapshot { padding: clamp(22px, 3vw, 34px); }
.ev-snapshot > header, .simulation-card > summary, .offers-card > header, .contents-card > summary { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.policy-note, #scan-meta { color: var(--muted); font-size: .63rem; }
.ev-metrics { margin-top: 22px; display: grid; grid-template-columns: 1.35fr repeat(5, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ev-metrics > div { min-width: 0; padding: 20px 15px; display: grid; gap: 5px; border-right: 1px solid var(--line); }
.ev-metrics > div:last-child { border-right: 0; }
.ev-metrics span { overflow: hidden; color: var(--cream); font-size: clamp(1.05rem, 2vw, 1.45rem); font-weight: 650; font-variant-numeric: tabular-nums; text-overflow: ellipsis; }
.ev-metrics .primary-metric span { color: var(--gold-soft); font: 650 clamp(1.7rem, 3vw, 2.7rem)/1 var(--serif); }
.ev-metrics small { color: var(--muted); font-size: .61rem; }
.value-positive { color: var(--green) !important; }
.value-negative { color: var(--red) !important; }
.valuation-controls { margin-top: 16px; border: 1px solid var(--line); background: rgba(255,255,255,.018); }
.valuation-controls > summary { padding: 13px 15px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); cursor: pointer; }
.valuation-controls h4 { margin: 0; color: var(--cream); font: 650 .76rem var(--sans); }
.valuation-controls summary p { margin: 3px 0 0; color: var(--muted); font-size: .59rem; }
.valuation-control-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 9px; }
.valuation-control-actions span { padding: 3px 7px; border: 1px solid var(--line-strong); color: var(--gold-soft); font-size: .56rem; }
.valuation-control-actions span.active { border-color: rgba(100,200,206,.42); color: var(--cyan); }
#valuation-form { padding: 13px 15px; display: grid; grid-template-columns: repeat(5, minmax(112px, 1fr)); gap: 10px; }
#valuation-form label { min-width: 0; display: grid; align-content: start; gap: 5px; color: var(--muted); font-size: .57rem; }
#valuation-form label > span:first-child { color: var(--cream); font-weight: 650; }
#valuation-form label > small { min-height: 2.2em; color: var(--faint); font-size: .52rem; line-height: 1.25; }
.input-affix { min-height: 35px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border: 1px solid var(--line); background: var(--night); }
.input-affix.currency-affix { grid-template-columns: auto minmax(0, 1fr); }
.input-affix:focus-within { border-color: var(--gold); }
.input-affix input { width: 100%; min-height: 33px; padding: 7px 8px; border: 0; background: transparent; color: var(--cream); font: 650 .7rem var(--sans); font-variant-numeric: tabular-nums; outline: 0; }
.input-affix b { padding: 0 8px; color: var(--faint); font-size: .55rem; font-weight: 600; }
.secondary-action { grid-column: 1 / -1; justify-self: end; min-height: 34px; padding: 6px 10px; border: 1px solid var(--line); background: transparent; color: var(--muted); font-size: .6rem; cursor: pointer; }
.secondary-action:hover { border-color: var(--line-strong); color: var(--cream); }
.valuation-status { margin: 0; padding: 9px 15px; border-top: 1px solid var(--line); color: var(--muted); font-size: .56rem; }
.valuation-status.error { color: var(--red); }
.trust-strip { padding-top: 17px; display: flex; align-items: flex-start; gap: 14px; }
.trust-strip > span { flex: 0 0 auto; padding: 3px 8px; border: 1px solid var(--line-strong); color: var(--gold); font-size: .59rem; }
.trust-strip p { margin: 0; color: var(--muted); font-size: .7rem; }

.value-history-card { padding: clamp(22px, 3vw, 34px); background: linear-gradient(180deg, rgba(255,255,255,.012), transparent); }
.value-history-card > header { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.history-range { display: flex; gap: 3px; }
.history-range button { min-width: 42px; padding: 6px 8px; border: 1px solid transparent; background: transparent; color: var(--muted); font-size: .6rem; cursor: pointer; }
.history-range button:hover { color: var(--cream); }
.history-range button[aria-pressed="true"] { border-color: var(--line-strong); background: rgba(227,184,95,.08); color: var(--gold-soft); }
.history-legend { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 17px; color: var(--muted); font-size: .61rem; }
.history-legend span::before { content: ""; width: 18px; height: 2px; margin-right: 7px; display: inline-block; vertical-align: middle; background: currentColor; }
.history-legend .series-market { color: var(--gold); }
.history-legend .series-gross { color: var(--cyan); }
.history-legend .series-realized { color: var(--green); }
.history-chart-wrap { position: relative; min-height: 240px; margin-top: 8px; }
#value-history-chart { width: 100%; height: auto; min-height: 240px; display: block; overflow: visible; }
#value-history-chart .history-grid { stroke: rgba(204,219,227,.11); stroke-width: 1; }
#value-history-chart .history-axis-label { fill: var(--faint); font: 12px var(--sans); }
#value-history-chart .history-line { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
#value-history-chart .history-line.market { stroke: var(--gold); }
#value-history-chart .history-line.gross { stroke: var(--cyan); }
#value-history-chart .history-line.realized { stroke: var(--green); }
#value-history-chart .history-point { stroke: var(--ink); stroke-width: 2; cursor: crosshair; vector-effect: non-scaling-stroke; }
#value-history-chart .history-point.market { fill: var(--gold); }
#value-history-chart .history-point.gross { fill: var(--cyan); }
#value-history-chart .history-point.realized { fill: var(--green); }
#value-history-chart .history-point:focus { outline: none; stroke: var(--cream); stroke-width: 4; }
#value-history-chart:focus-visible { outline: 1px solid var(--gold); outline-offset: 3px; }
#value-history-chart .history-crosshair { stroke: rgba(246,241,231,.5); stroke-width: 1; stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; pointer-events: none; }
#value-history-chart .history-focus-point { fill: var(--ink); stroke-width: 3; vector-effect: non-scaling-stroke; pointer-events: none; }
#value-history-chart .history-crosshair[hidden], #value-history-chart .history-focus-point[hidden] { display: none; }
#value-history-chart .history-focus-point.market { stroke: var(--gold); }
#value-history-chart .history-focus-point.gross { stroke: var(--cyan); }
#value-history-chart .history-focus-point.realized { stroke: var(--green); }
.history-tooltip { position: absolute; z-index: 4; width: 218px; padding: 11px 12px; border: 1px solid var(--line-strong); background: rgba(12,20,27,.97); box-shadow: 0 14px 32px rgba(0,0,0,.4); pointer-events: none; }
.history-tooltip[hidden] { display: none; }
.history-tooltip-head { padding-bottom: 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); }
.history-tooltip time { color: var(--cream); font-size: .66rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.history-tooltip-head span { color: var(--faint); font-size: .51rem; text-transform: uppercase; letter-spacing: .06em; }
.history-tooltip dl { margin: 8px 0 0; display: grid; gap: 6px; }
.history-tooltip dl div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.history-tooltip dt { font-size: .56rem; }
.history-tooltip dd { margin: 0; color: var(--cream); font-size: .65rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.history-tooltip .market dt { color: var(--gold); }
.history-tooltip .gross dt { color: var(--cyan); }
.history-tooltip .realized dt { color: var(--green); }
.history-foot { min-height: 40px; padding-top: 10px; display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: .61rem; }
.history-foot p { margin: 0; }
.history-foot output { max-width: 58%; color: var(--cream); text-align: right; font-variant-numeric: tabular-nums; }

.calculation-layout { display: grid; grid-template-columns: 1.25fr .75fr; }
.simulation-card, .offers-card, .contents-card { padding: clamp(20px, 3vw, 30px); }
.simulation-card > summary, .contents-card > summary { cursor: pointer; }
.offers-card { border-left: 1px solid var(--line); }
.simulation-card form { margin-top: 20px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.simulation-card .check-row { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; }
.check-row input { width: 16px; min-height: 16px; }
.primary-button { min-height: 42px; grid-column: 1 / -1; border: 1px solid var(--gold); background: var(--gold); color: #17130b; font-weight: 750; cursor: pointer; }
.primary-button:hover:not(:disabled) { background: var(--gold-soft); }
.primary-button:disabled { border-color: var(--line); background: var(--ink-soft); color: var(--faint); cursor: not-allowed; }
.inline-status { margin-top: 12px; color: var(--muted); font-size: .66rem; }
.distribution { margin-top: 23px; padding-top: 20px; border-top: 1px solid var(--line); }
.distribution-scale { position: relative; height: 12px; border-radius: 20px; background: linear-gradient(90deg, rgba(236,140,132,.55), var(--gold), rgba(110,211,161,.58)); }
.distribution-scale span { position: absolute; top: -4px; width: 2px; height: 20px; background: var(--cream); }
.distribution-scale span:first-child { left: 10%; }
.distribution-scale span:last-child { left: 90%; }
.distribution-scale i { position: absolute; top: -7px; left: 50%; width: 4px; height: 26px; background: var(--cream); box-shadow: 0 0 0 4px rgba(246,241,231,.12); }
.range-labels { margin-top: 13px; display: grid; grid-template-columns: repeat(3, 1fr); }
.range-labels > span { display: grid; gap: 2px; }
.range-labels > span:nth-child(2) { text-align: center; }
.range-labels > span:last-child { text-align: right; }
.range-labels small, .simulation-summary dt { color: var(--muted); font-size: .58rem; }
.range-labels b { font-size: .78rem; font-variant-numeric: tabular-nums; }
.simulation-summary { margin: 18px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.simulation-summary div { display: grid; gap: 3px; }
.simulation-summary dd { margin: 0; color: var(--cream); font-size: .85rem; font-weight: 650; }
.deal-list { margin-top: 18px; display: grid; gap: 7px; }
.deal-row { padding: 12px; display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; border: 1px solid var(--line); text-decoration: none; }
.deal-row:hover { border-color: var(--line-strong); }
.deal-identity { min-width: 0; display: grid; gap: 2px; }
.deal-identity strong { overflow: hidden; color: var(--cream); font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.deal-identity small { overflow: hidden; color: var(--muted); font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.deal-price { color: var(--gold-soft); font-size: .75rem; font-weight: 700; }
.deal-edge { grid-column: 2; color: var(--muted); font-size: .58rem; text-align: right; }
.deal-edge.positive { color: var(--green); }
.deal-edge.negative { color: var(--red); }
.mobile-offers-more { display: none; }

.contents-card header strong { color: var(--muted); font-size: .68rem; }
.slot-ledger { margin-top: 19px; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 7px; }
.slot-ledger > p { color: var(--muted); font-size: .7rem; }
.slot-item { min-width: 0; padding: 12px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; border: 1px solid var(--line); }
.slot-count { color: var(--gold); font: 600 1.25rem var(--serif); }
.slot-copy { min-width: 0; display: grid; gap: 3px; }
.slot-copy strong { overflow: hidden; color: var(--cream); font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.slot-copy small { color: var(--muted); font-size: .57rem; }
.evidence-disclosure { border-top: 1px solid var(--line); }
.evidence-disclosure summary, .research-drawer summary { padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; gap: 20px; cursor: pointer; list-style: none; }
.evidence-disclosure summary::-webkit-details-marker, .research-drawer summary::-webkit-details-marker { display: none; }
.evidence-disclosure summary > span:first-child, .research-drawer summary > span:first-child { display: grid; gap: 3px; }
.evidence-disclosure summary strong, .research-drawer summary strong { color: var(--cream); font-size: .79rem; }
.evidence-disclosure summary small, .research-drawer summary small { color: var(--muted); font-size: .61rem; }
.evidence-notes { padding: 8px 30px 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.evidence-notes h3 { font-size: .8rem; }
.evidence-notes ul { padding-left: 18px; color: var(--muted); font-size: .67rem; line-height: 1.55; }
.evidence-notes a { color: var(--gold); }
.audit-grid { margin: 0; padding: 0 30px 28px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; }
.audit-grid div { min-width: 0; padding: 10px; background: rgba(255,255,255,.025); }
.audit-grid dt { color: var(--muted); font-size: .56rem; }
.audit-grid dd { margin: 4px 0 0; overflow: hidden; color: var(--cream); font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }

.research-drawer { margin-top: 18px; border: 1px solid var(--line); background: var(--ink); }
.research-drawer > p { max-width: 720px; margin: 0; padding: 0 30px 20px; color: var(--muted); font-size: .72rem; }
#research-count { color: var(--gold); font-size: .65rem; }
.pipeline-ledger { padding: 0 30px 24px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; }
.pipeline-ledger > div { min-width: 0; padding: 13px; display: grid; gap: 4px; background: rgba(255,255,255,.03); }
.pipeline-ledger span { color: var(--cream); font-size: 1rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.pipeline-ledger small { color: var(--muted); font-size: .57rem; }
.quiet-totals { padding: 16px 30px; display: flex; flex-wrap: wrap; gap: 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: .65rem; }
.quiet-totals b { color: var(--cream); }
footer { width: min(1480px, calc(100% - clamp(24px, 5vw, 72px))); margin: 0 auto; padding: 24px 0 40px; display: flex; justify-content: space-between; color: var(--muted); font-size: .62rem; }

.game-magic { --game-color: var(--magic); }
.game-pokemon { --game-color: var(--pokemon); }
.game-lorcana { --game-color: var(--lorcana); }
.game-one_piece { --game-color: var(--one-piece); }
.game-riftbound { --game-color: var(--riftbound); }
.game-palworld { --game-color: var(--palworld); }

.login-page { min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at 20% 20%, rgba(115,47,76,.35), transparent 34rem), var(--night); }
.login-shell { width: min(900px, calc(100% - 28px)); display: grid; grid-template-columns: 1.15fr .85fr; border: 1px solid var(--line-strong); background: var(--ink); }
.login-copy { padding: clamp(34px, 6vw, 70px); border-right: 1px solid var(--line); }
.login-copy .eyebrow { color: var(--gold); font-size: .72rem; }
.login-copy h1 { max-width: 8ch; font-size: clamp(2.5rem, 5vw, 4.5rem); }
.login-copy > p:not(.eyebrow) { max-width: 480px; color: var(--muted); font-size: .8rem; }
.mini-ledger { margin-top: 32px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
.mini-ledger span { padding: 10px 5px 0 0; color: var(--muted); font-size: .58rem; }
.login-form-panel { padding: clamp(28px, 5vw, 52px); display: flex; flex-direction: column; justify-content: center; gap: 28px; }
.login-form-panel form { display: grid; gap: 9px; }
.login-form-panel label { color: var(--muted); font-size: .67rem; }
.fine-print { margin: 0; color: var(--faint); font-size: .6rem; }

@media (max-width: 1400px) {
  .ev-metrics { grid-template-columns: repeat(3, 1fr); }
  .ev-metrics > div:nth-child(3) { border-right: 0; }
  .ev-metrics > div:nth-child(-n + 3) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 1180px) {
  .intro { grid-template-columns: 1fr; gap: 34px; }
  .workspace { grid-template-columns: 1fr; }
  .library { position: static; max-height: 620px; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #valuation-form { grid-template-columns: repeat(3, minmax(112px, 1fr)); }
  .pipeline-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  body { padding-bottom: calc(62px + env(safe-area-inset-bottom)); }
  .topbar { min-height: 54px; padding: 0 14px; }
  .brand { min-height: 48px; gap: 8px; }
  .brand-mark { width: 31px; height: 31px; font-size: .76rem; }
  .brand strong { font-size: .82rem; }
  .brand small, .topbar nav a { display: none; }
  .topbar nav { gap: 0; }
  .topbar .quiet-button { min-height: 48px; padding: 7px 10px; border: 0; color: var(--muted); }

  main { width: 100%; padding: 10px 12px 28px; }
  #explore.intro, footer, .status-line, .research-drawer { display: none !important; }
  .mobile-nav { position: fixed; right: 0; bottom: 0; left: 0; z-index: 30; min-height: 62px; padding: 6px 10px; padding-bottom: calc(6px + env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line-strong); background: rgba(10,13,18,.97); backdrop-filter: blur(20px); }
  .mobile-nav a { min-height: 48px; display: grid; grid-template-rows: 18px auto; place-items: center; align-content: center; gap: 1px; color: var(--muted); font-size: .61rem; font-weight: 650; text-decoration: none; }
  .mobile-nav a span { color: var(--faint); font-size: 1rem; line-height: 1; }
  .mobile-nav a[aria-current="page"] { color: var(--gold-soft); }
  .mobile-nav a[aria-current="page"] span { color: var(--gold); }

  input, select { min-height: 48px; padding: 11px 12px; font-size: .84rem; }
  .workspace { grid-template-columns: 1fr; gap: 12px; }
  .library, .product-workbench, .global-workspace { border-color: var(--line); }
  .library { position: static; max-height: none; }
  .library-header { padding: 14px 14px 10px; align-items: center; }
  .library-header .section-label { display: none; }
  .library-header h2 { font: 600 1.28rem/1.1 var(--serif); }
  .result-count { max-width: 45%; font-size: .58rem; }
  .game-tabs { padding: 0 10px 11px; flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
  .game-tabs button { min-height: 48px; padding: 9px 12px; font-size: .7rem; }
  .library-filters { padding: 10px 12px 12px; gap: 10px; }
  .library-filters .search-field > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .filter-disclosure > summary { min-height: 48px; padding: 10px 2px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; border-top: 1px solid var(--line); color: var(--cream); cursor: pointer; }
  .filter-disclosure > summary > span:first-child { font-size: .73rem; font-weight: 650; }
  .filter-disclosure > summary small { grid-column: 1; color: var(--muted); font-size: .57rem; }
  .disclosure-chevron { width: 28px; height: 28px; grid-column: 2; grid-row: 1 / span 2; display: grid; place-items: center; color: var(--gold); font-size: 1.1rem; transition: transform 160ms ease; }
  details[open] > summary .disclosure-chevron { transform: rotate(45deg); }
  .library-filter-options, .deal-filter-fields { padding-top: 10px; display: grid; grid-template-columns: 1fr; gap: 10px; }
  .product-grid { max-height: min(43dvh, 390px); padding: 5px; grid-template-columns: 1fr; gap: 2px; overscroll-behavior: contain; }
  .product-card { min-height: 72px; padding: 7px; grid-template-columns: 46px minmax(0, 1fr) auto; gap: 9px; }
  .product-thumb { width: 46px; height: 56px; }
  .product-copy strong { font-size: .72rem; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .product-copy small { font-size: .55rem; }
  .confidence { padding: 1px 5px; font-size: .5rem; }
  .product-price { font-size: .68rem; }
  .load-more { min-height: 48px; }

  .product-workbench { display: flex; flex-direction: column; overflow: visible; scroll-margin-top: 62px; }
  .product-masthead { order: 1; min-height: 132px; padding: 16px; grid-template-columns: 82px minmax(0, 1fr); gap: 15px; align-items: center; }
  .product-art { height: 102px; }
  .product-art span { width: 74px; height: 96px; font-size: 1.1rem; }
  .product-meta { flex-wrap: wrap; gap: 5px; font-size: .59rem; }
  .badge { padding: 3px 6px; font-size: .52rem; }
  .product-heading h2 { margin: 7px 0 6px; font-size: clamp(1.25rem, 6vw, 1.6rem); line-height: 1.05; }
  .product-heading p { display: none; }
  .market-link { min-height: 48px; display: inline-flex; align-items: center; font-size: .62rem; }

  .ev-snapshot, .calculation-layout { display: contents; }
  .ev-snapshot > header, .ev-metrics, .trust-strip { display: none; }
  .mobile-key-metrics { order: 2; padding: 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .mobile-key-metrics > div { min-width: 0; min-height: 88px; padding: 15px 16px 13px; display: flex; flex-direction: column; justify-content: flex-end; gap: 4px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .mobile-key-metrics > div:nth-child(2n) { border-right: 0; }
  .mobile-key-metrics > div:nth-last-child(-n + 2) { border-bottom: 0; }
  .mobile-key-metrics span { overflow: hidden; color: var(--cream); font-size: clamp(1.25rem, 6.7vw, 1.65rem); font-weight: 700; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-key-metrics .mobile-primary-metric span { color: var(--gold-soft); font-family: var(--serif); font-size: clamp(1.55rem, 8vw, 2rem); }
  .mobile-key-metrics small { color: var(--muted); font-size: .58rem; }

  .offers-card { order: 3; padding: 18px 16px 20px; border-left: 0; }
  .offers-card > header { align-items: center; }
  .offers-card .section-label { margin-bottom: 2px; font-size: .61rem; }
  .offers-card h3 { font-size: 1.15rem; }
  #scan-meta { display: none; }
  .deal-list { margin-top: 13px; gap: 8px; }
  .deal-row { min-height: 58px; padding: 11px 12px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .deal-identity strong { font-size: .74rem; }
  .deal-identity small { font-size: .54rem; }
  .deal-price { font-size: .82rem; }
  .deal-edge { font-size: .55rem; }
  .mobile-offers-more { min-height: 48px; display: block; border: 1px solid var(--line); background: transparent; color: var(--gold-soft); font-size: .68rem; font-weight: 650; cursor: pointer; }

  .value-history-card { order: 4; padding: 18px 14px 14px; }
  .value-history-card > header { align-items: flex-start; flex-direction: column; gap: 12px; }
  .value-history-card .section-label { display: none; }
  .value-history-card h3 { font-size: 1.05rem; }
  .history-range { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
  .history-range button { min-width: 0; min-height: 48px; border-right: 1px solid var(--line); }
  .history-range button:last-child { border-right: 0; }
  .history-legend { margin-top: 14px; gap: 12px; font-size: .55rem; }
  .history-chart-wrap, #value-history-chart { min-height: 190px; }
  .history-tooltip { width: min(218px, calc(100% - 12px)); }
  .history-foot { min-height: 0; padding-top: 8px; display: block; font-size: .55rem; }
  .history-foot output { display: none; }

  .valuation-controls { order: 5; margin: 0; border-width: 1px 0 0; background: var(--ink); }
  .simulation-card { order: 6; }
  .contents-card { order: 7; }
  .evidence-disclosure { order: 8; }
  .mobile-disclosure { padding: 0; }
  .mobile-disclosure > summary, .evidence-disclosure > summary { min-height: 60px; padding: 15px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 0; cursor: pointer; }
  .mobile-disclosure[open] > summary, .evidence-disclosure[open] > summary { border-bottom: 1px solid var(--line); }
  .mobile-disclosure > summary .section-label { display: none; }
  .mobile-disclosure > summary h3, .mobile-disclosure > summary h4 { font: 650 .86rem var(--sans); }
  .valuation-controls summary p { display: none; }
  .valuation-control-actions { gap: 5px; }
  .summary-tail { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: .6rem; }
  #valuation-form { padding: 14px 16px; grid-template-columns: 1fr; gap: 12px; }
  #valuation-form label > span:first-child { font-size: .67rem; }
  #valuation-form label > small { min-height: 0; font-size: .56rem; }
  .input-affix, .input-affix input { min-height: 48px; }
  .secondary-action { width: 100%; min-height: 48px; justify-self: stretch; }
  .valuation-status { padding: 11px 16px 14px; font-size: .58rem; }
  .simulation-card, .contents-card { padding: 0; }
  .simulation-card .disclosure-body, .contents-card > .slot-ledger { padding: 0 16px 18px; }
  .simulation-card form { margin-top: 2px; grid-template-columns: 1fr; gap: 12px; }
  .simulation-card .check-row { min-height: 48px; }
  .primary-button { min-height: 50px; }
  .slot-ledger { margin-top: 0; grid-template-columns: 1fr; }
  .evidence-notes { grid-template-columns: 1fr; }
  .audit-grid { grid-template-columns: 1fr 1fr; }

  .global-workspace { margin-top: 0; }
  .global-heading { min-height: 0; padding: 20px 16px 16px; display: grid; gap: 8px; }
  .global-heading .section-label, .global-heading p { display: none; }
  .global-heading h2 { font-size: 1.65rem; }
  .coverage-callout { max-width: none; color: var(--muted); font-size: .62rem; text-align: left; }
  .ranking-tabs { padding: 8px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--line); }
  .ranking-tabs button { flex: 0 0 auto; min-height: 48px; padding: 9px 12px; }
  .deal-filters { padding: 0 12px; }
  .deal-filter-disclosure > summary { border-top: 0; }
  .deal-filter-fields { padding-bottom: 14px; }
  .cost-key { grid-column: auto; }
  .global-deal-card { padding: 14px 12px; grid-template-columns: 62px minmax(0, 1fr); gap: 8px 12px; align-items: center; }
  .deal-art { width: 62px; height: 74px; grid-row: 1 / span 2; }
  .global-deal-copy h3 { margin: 5px 0 3px; font-size: 1rem; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .deal-cost { grid-column: 2; text-align: left; }
  .deal-cost > strong { font-size: 1.1rem; }
  .deal-actions { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; margin-top: 5px; }
  .primary-link, .deal-actions .quiet-button { min-width: 0; min-height: 48px; display: grid; place-items: center; }
  .seller-options { grid-column: 1 / -1; }

  .source-summary { grid-template-columns: repeat(3, 1fr); }
  .source-summary div { padding: 14px 10px; }
  .source-summary div:nth-child(2), .source-summary div:nth-child(4), .source-summary div:nth-child(6), .source-summary div:nth-child(7) { display: none; }
  .source-summary dt { font-size: .55rem; }
  .source-summary dd { font-size: 1.15rem; }
  .source-list-header { display: none; }
  .source-health-row { min-height: 68px; padding: 12px; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 10px; }
  .source-verified { grid-column: 1 / -1; }

  .community-radar-heading { padding: 17px 14px 13px; display: grid; gap: 6px; }
  .community-radar-heading .section-label { display: none; }
  .community-radar-heading h3 { font-size: 1.12rem; }
  .community-radar-heading p { margin-top: 5px; font-size: .6rem; }
  .community-radar-heading .coverage-callout { font-size: .56rem; }
  .community-summary { grid-template-columns: repeat(3, 1fr); }
  .community-summary div { padding: 12px 9px; }
  .community-summary div:nth-child(2), .community-summary div:nth-child(5) { display: none; }
  .community-summary dt { font-size: .51rem; }
  .community-summary dd { font-size: 1.05rem; }
  .community-source-band { padding: 12px; grid-template-columns: 1fr; gap: 7px; }
  .community-source-band h4 { margin: 0; }
  .community-source { flex-basis: min(245px, 82vw); min-height: 58px; }
  .community-leads-heading { padding: 13px 12px 9px; }
  .community-lead-row { padding: 13px 12px; grid-template-columns: 1fr; gap: 9px; }
  .community-lead-copy strong { font-size: .82rem; white-space: normal; }
  .community-lead-copy small { white-space: normal; }
  .community-lead-facts { justify-content: flex-start; }
  .community-lead-facts b { width: auto; margin-left: auto; text-align: right; }
  .community-lead-actions { width: 100%; }
  .community-lead-actions .primary-link, .community-lead-actions .quiet-button { min-width: 0; min-height: 48px; padding: 8px; font-size: .6rem; }
  .retail-health-heading { padding: 18px 12px 12px; display: block; }
  .retail-health-heading p { margin-top: 5px; font-size: .57rem; text-align: left; }

  .login-page { display: block; padding: 14px; }
  .login-shell { width: 100%; min-height: calc(100dvh - 28px); grid-template-columns: 1fr; align-content: center; }
  .login-copy { padding: 24px 22px 18px; border-right: 0; border-bottom: 1px solid var(--line); }
  .login-copy h1 { margin-bottom: 0; font-size: 2.2rem; }
  .login-copy > p:not(.eyebrow), .mini-ledger { display: none; }
  .login-form-panel { padding: 22px; gap: 18px; }
}

@media (max-width: 520px) {
  main { padding-right: 8px; padding-left: 8px; }
  .product-masthead { padding-right: 12px; padding-left: 12px; grid-template-columns: 74px minmax(0, 1fr); gap: 12px; }
  .product-art { height: 94px; }
  .product-heading h2 { font-size: 1.23rem; }
  .mobile-key-metrics > div { padding-right: 12px; padding-left: 12px; }
  .deal-meta .confidence { font-size: .48rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
/* Stale evidence stays useful without masquerading as live inventory. */
.older-offers { margin-top: 1rem; border-top: 1px solid #34454d; padding-top: 1rem; }
.older-offers summary { color: #e7bb60; cursor: pointer; line-height: 1.5; }
.older-offers p { font-size: .85rem; line-height: 1.5; }
.stale-offer .deal-price { color: #a9b4bc; }
