/* BinderWorth 3.7 — Collector Tech brand implementation
   Visual layer only. Scanner matching/ranking logic remains 3.3.5. */
:root {
  color-scheme: dark;
  --bw-charcoal: #0B0F14;
  --bw-charcoal-2: #080B10;
  --bw-slate: #161B24;
  --bw-slate-2: #111720;
  --bw-silver: #A6ADBA;
  --bw-offwhite: #F4F6F8;
  --bw-violet: #7C4DFF;
  --bw-violet-2: #9B73FF;
  --bw-cyan: #00D1FF;
  --bw-emerald: #00C889;
  --bw-amber: #F5C85A;
  --bw-red: #FF6E82;
  --bg: var(--bw-charcoal-2);
  --surface: #10161E;
  --surface-2: #141C26;
  --ink: var(--bw-offwhite);
  --muted: var(--bw-silver);
  --line: rgba(166,173,186,.15);
  --nav: #080B10;
  --nav-2: #151B25;
  --accent: var(--bw-violet);
  --accent-2: var(--bw-cyan);
  --accent-soft: rgba(124,77,255,.12);
  --purple-3: #A98DFF;
  --green: var(--bw-emerald);
  --warning: var(--bw-amber);
  --gold: var(--bw-amber);
  --red: var(--bw-red);
  --shadow: 0 20px 55px rgba(0,0,0,.26);
  --shadow-soft: 0 12px 32px rgba(0,0,0,.18);
  --radius: 18px;
}

html { background: var(--bw-charcoal); }
body {
  color: var(--ink);
  background:
    radial-gradient(circle at 8% -5%, rgba(124,77,255,.16), transparent 24rem),
    radial-gradient(circle at 100% 18%, rgba(0,209,255,.08), transparent 25rem),
    radial-gradient(circle at 78% 100%, rgba(0,200,137,.06), transparent 26rem),
    linear-gradient(180deg, #0A0E13, #080B10 45%, #0B0F14);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, black, transparent 72%);
}
::selection { color:#fff; background: rgba(124,77,255,.72); }

/* Core shell */
.sidebar {
  background:
    radial-gradient(circle at 18% 0%, rgba(124,77,255,.16), transparent 17rem),
    radial-gradient(circle at 100% 36%, rgba(0,209,255,.08), transparent 16rem),
    linear-gradient(180deg, #0B0F14, #090D13 58%, #080B10);
  border-right: 1px solid rgba(166,173,186,.10);
  box-shadow: 22px 0 64px rgba(0,0,0,.18);
}
.brand {
  position: relative;
  display: grid;
  gap: 5px;
  padding: 0 6px 26px;
}
.brand::after {
  content: '';
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 10px;
  height: 1px;
  background: linear-gradient(90deg, rgba(124,77,255,.55), rgba(0,209,255,.30), transparent);
}
.brand img {
  width: 208px;
  max-width: 100%;
  filter: drop-shadow(0 8px 20px rgba(124,77,255,.13));
}
.brand small {
  color: #818A99;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.main-content { position: relative; }
.topbar {
  border-bottom-color: rgba(166,173,186,.10);
}
.topbar h1 {
  color: var(--bw-offwhite);
  letter-spacing: -.035em;
}
.topbar-brand-logo { width: 205px; }
.eyebrow {
  color: #A78CFF;
  font-weight: 850;
  letter-spacing: .16em;
}

/* Navigation */
.nav-item {
  color: #929BAB;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}
.nav-item:hover {
  color: #F4F6F8;
  border-color: rgba(166,173,186,.10);
  background: rgba(255,255,255,.035);
}
.nav-item.active {
  color: #fff;
  background: linear-gradient(90deg, rgba(124,77,255,.18), rgba(0,209,255,.055));
  border-color: rgba(124,77,255,.22);
  box-shadow: inset 2px 0 0 var(--bw-violet), 0 9px 24px rgba(0,0,0,.14);
}
.nav-item.scan-nav.active { box-shadow: inset 2px 0 0 var(--bw-cyan), 0 9px 24px rgba(0,0,0,.14); }
.nav-item em {
  color: #C6F8FF;
  background: rgba(0,209,255,.10);
  border: 1px solid rgba(0,209,255,.22);
}
.nav-count {
  color: #DDE2E9;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.07);
}
.privacy-note {
  color: #7E8796;
  background: rgba(255,255,255,.022);
  border-color: rgba(166,173,186,.09);
}
.privacy-note strong { color: #B6BDC8; }
.account-menu-copy small { color:#7E8796; }
.account-menu-dot.signed-in { background:var(--bw-emerald); box-shadow:0 0 0 4px rgba(0,200,137,.10); }

/* Buttons and inputs */
.button, .icon-button, button, input, select, textarea { font-family: inherit; }
.button {
  border-radius: 12px;
  font-weight: 820;
  letter-spacing: -.01em;
}
.button.primary {
  color:#fff;
  border-color: rgba(124,77,255,.68);
  background: linear-gradient(135deg, #7143F6, #8C5CFF);
  box-shadow: 0 12px 27px rgba(124,77,255,.20);
}
.button.primary:hover { background: linear-gradient(135deg, #8156FF, #9B73FF); box-shadow: 0 14px 32px rgba(124,77,255,.28); }
.button.ghost, .button.light, .icon-button {
  color:#E7EAF0;
  background: rgba(255,255,255,.035);
  border-color: rgba(166,173,186,.16);
}
.button.ghost:hover, .icon-button:hover { background:rgba(255,255,255,.07); border-color:rgba(0,209,255,.24); }
.button.light.hero-primary {
  color:#071117;
  background: linear-gradient(135deg, #00D1FF, #58E2FF);
  border-color: transparent;
  box-shadow: 0 14px 30px rgba(0,209,255,.18);
}
.button.hero-secondary { color:#E9EDF3; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.14); }
.button.danger { background:#B84154; }
.button.ghost.danger { color:#FF8495; background:rgba(255,110,130,.06); border-color:rgba(255,110,130,.24); }
input, select, textarea,
.field input, .field select, .field textarea,
.collection-toolbar select {
  color: var(--bw-offwhite);
  background: #0B1118;
  border-color: rgba(166,173,186,.16);
}
input::placeholder, textarea::placeholder { color:#697382; }
input:focus, select:focus, textarea:focus,
.field input:focus, .field select:focus, .field textarea:focus {
  border-color: rgba(0,209,255,.56);
  box-shadow: 0 0 0 3px rgba(0,209,255,.09);
}

/* Panels and cards */
.panel, .stat-card, .collection-row, .result-card,
.set-card, .set-row, .wanted-card, .wanted-list-card,
.progress-mode-card, .progress-summary-card,
.capture-panel, .scan-result-panel,
.account-card, .settings-card {
  color: var(--ink);
  background: linear-gradient(180deg, rgba(18,24,33,.96), rgba(13,18,26,.98));
  border-color: rgba(166,173,186,.14);
  box-shadow: var(--shadow-soft);
}
.panel { backdrop-filter: blur(12px); }
.panel-heading h3, .result-body h3, .collection-name strong, .collection-detail span { color:var(--bw-offwhite); }
.panel-heading small, .collection-name small, .collection-detail small, .result-body p { color:var(--muted); }

/* Hero */
.youth-hero, .branded-hero {
  min-height: 272px;
  border: 1px solid rgba(124,77,255,.26);
  background:
    radial-gradient(circle at 78% 30%, rgba(124,77,255,.17), transparent 18rem),
    radial-gradient(circle at 92% 92%, rgba(0,209,255,.08), transparent 17rem),
    linear-gradient(135deg, #10141C, #111722 52%, #0B1018);
  box-shadow: 0 28px 60px rgba(0,0,0,.27);
}
.youth-hero::before {
  opacity: .35;
  background-image:
    linear-gradient(90deg, transparent 0 39%, rgba(255,255,255,.025) 39% 40%, transparent 40% 100%),
    linear-gradient(transparent 0 39%, rgba(255,255,255,.025) 39% 40%, transparent 40% 100%);
  background-size: 54px 54px;
}
.youth-hero::after, .branded-hero::after {
  content:'';
  position:absolute;
  z-index:0;
  width:310px;
  height:310px;
  right:28px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  border-radius:0;
  opacity:.13;
  background: url('brand-mark.svg') center/contain no-repeat;
  filter: drop-shadow(0 0 38px rgba(124,77,255,.26));
}
.hero-playground { display:none !important; }
.hero-copy { max-width: 760px; }
.hero-panel h2 {
  max-width: 760px;
  color:#fff;
  font-family: Orbitron, Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight:700;
  font-size: clamp(34px,4vw,52px);
  line-height:1.04;
  letter-spacing:-.035em;
}
.hero-panel p:not(.eyebrow) { color:#AAB2BF; max-width:670px; }
.status-chip {
  color:#BDF8E6;
  background:rgba(0,200,137,.08);
  border-color:rgba(0,200,137,.22);
}
.status-chip i { background:var(--bw-emerald); box-shadow:0 0 0 4px rgba(0,200,137,.08); }
.hero-badge-row { gap:7px; }
.mini-badge {
  color:#C6CDD7;
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(166,173,186,.14);
  box-shadow:none;
}
.hero-badge-row .badge-purple { color:#C9B9FF; border-color:rgba(124,77,255,.27); }
.hero-badge-row .badge-cyan { color:#B7F4FF; border-color:rgba(0,209,255,.23); }
.hero-badge-row .badge-gold { color:#B9F5DF; border-color:rgba(0,200,137,.22); }

/* Quick actions and dashboard */
.home-actions button {
  color:var(--bw-offwhite);
  border-color:rgba(166,173,186,.13);
  background:linear-gradient(180deg, #111821, #0D131B);
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}
.home-actions button::after { display:none; }
.home-actions button:hover { transform:translateY(-2px); border-color:rgba(124,77,255,.36); box-shadow:0 16px 34px rgba(0,0,0,.24); }
.home-actions strong { color:#F4F6F8; }
.home-actions small { color:#8E97A5; }
.home-action-icon {
  color:#C8B8FF;
  background:rgba(124,77,255,.08);
  border-color:rgba(124,77,255,.18);
  box-shadow:none;
}
.home-actions button:nth-child(1) .home-action-icon { color:#A7F0FF; background:rgba(0,209,255,.08); border-color:rgba(0,209,255,.18); }
.home-actions button:nth-child(4) .home-action-icon { color:#B9F5DF; background:rgba(0,200,137,.07); border-color:rgba(0,200,137,.17); }
.stat-card { overflow:hidden; background:linear-gradient(180deg,#111821,#0C1219); border-color:rgba(166,173,186,.13); }
.stat-card::after { background:radial-gradient(circle, rgba(124,77,255,.12), transparent 66%); }
.stat-card:nth-child(2)::after { background:radial-gradient(circle, rgba(0,209,255,.10), transparent 66%); }
.stat-card:nth-child(3)::after { background:radial-gradient(circle, rgba(0,200,137,.10), transparent 66%); }
.stat-card:nth-child(4)::after { background:radial-gradient(circle, rgba(124,77,255,.10), transparent 66%); }
.stat-card p, .stat-card small { color:#8993A2; }
.stat-card strong { color:#F4F6F8; }
.stat-icon { color:#C7B5FF; background:rgba(124,77,255,.08); border:1px solid rgba(124,77,255,.15); }
.stat-card:nth-child(2) .stat-icon { color:#A9F2FF; background:rgba(0,209,255,.08); border-color:rgba(0,209,255,.15); }
.stat-card:nth-child(3) .stat-icon { color:#A9F2D9; background:rgba(0,200,137,.07); border-color:rgba(0,200,137,.14); }
.stat-card-link { color:#9F8BFF; }
.youth-strip-panel {
  border-color:rgba(124,77,255,.16);
  background:linear-gradient(135deg,#10161E,#0E151D 65%,#0B151A);
  box-shadow:var(--shadow-soft);
}
.youth-strip-panel h3 { color:#F4F6F8; }
.youth-strip-panel p:not(.eyebrow) { color:#8F99A8; }
.youth-strip-badges span {
  color:#AEB7C4;
  background:rgba(255,255,255,.025);
  border-color:rgba(166,173,186,.12);
}

/* Status banners */
.global-estimate-banner {
  color:#D9CC9A;
  border-color:rgba(245,200,90,.18);
  background:linear-gradient(135deg,rgba(245,200,90,.06),rgba(22,27,36,.92));
  box-shadow:none;
}
.global-estimate-banner strong { color:#F3E5B0; }
.global-estimate-banner span, .global-estimate-banner button { color:#BCAF80; }
.estimate-icon { color:#FFD975; background:rgba(245,200,90,.10); }
.network-status-banner { color:#B7C0CC; background:#101821; border-color:rgba(0,209,255,.16); }

/* Scanner */
.scan-intro, .sets-hero, .search-hero {
  border-color:rgba(124,77,255,.16);
  background:linear-gradient(135deg,#111821,#0D141C 72%,#0A1717);
  box-shadow:var(--shadow-soft);
}
.scan-intro h2, .sets-hero h2, .search-hero h2 { color:#F4F6F8; }
.ai-chip, .service-pill {
  color:#B7F4FF;
  background:rgba(0,209,255,.07);
  border-color:rgba(0,209,255,.18);
}
.scan-stepper span { color:#717C8D; }
.scan-stepper span.active { color:#F2F4F7; }
.scan-stepper b { color:#9CA5B3; background:#141B25; border-color:rgba(166,173,186,.14); }
.scan-stepper .active b { color:#061218; background:var(--bw-cyan); box-shadow:0 0 0 4px rgba(0,209,255,.08); }
.scan-stepper i { background:rgba(166,173,186,.13); }
.scan-help, .scan-advanced-details, .crop-tools, .scan-more-matches {
  color:#B0B8C4;
  background:#0D141C;
  border-color:rgba(166,173,186,.13);
}
.scan-help summary, .scan-advanced-details > summary span strong, .crop-tools > summary span strong { color:#E5E8ED; }
.scan-warning { color:#C9B976; background:rgba(245,200,90,.045); border-color:rgba(245,200,90,.16); }
.capture-stage, .capture-stage.preview-active {
  background:
    radial-gradient(circle at center, rgba(124,77,255,.08), transparent 42%),
    linear-gradient(160deg,#070A0F,#0D131B);
  border-color:rgba(0,209,255,.20);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);
}
.capture-stage::before { border-color:rgba(0,209,255,.52) !important; }
.card-guide { border-color:rgba(0,209,255,.82) !important; box-shadow:0 0 0 1px rgba(0,209,255,.08),0 0 32px rgba(0,209,255,.10); }
.scan-placeholder { color:#A8B1BE; }
.scan-placeholder strong { color:#E9EDF2; }
.scan-gallery-button { color:#C7CED7; background:#0B1118; border-color:rgba(166,173,186,.14); }
.scan-identify { background:linear-gradient(135deg,#7143F6,#8C5CFF) !important; box-shadow:0 14px 32px rgba(124,77,255,.23) !important; }
.scan-status { color:#A8B0BD; }
.scanner-confidence-card {
  color:#DDE2E9;
  background:linear-gradient(135deg,rgba(124,77,255,.10),rgba(0,209,255,.045));
  border-color:rgba(124,77,255,.18);
}
.scan-diagnostic-chips span { color:#AAB3C0; background:#0B1118; border-color:rgba(166,173,186,.12); }
.scan-candidate, .scan-more-list .scan-candidate {
  color:#F0F2F5;
  background:#101720;
  border-color:rgba(166,173,186,.14);
}
.scan-candidate.best { border-color:rgba(124,77,255,.34); box-shadow:0 12px 30px rgba(0,0,0,.19); }
.scan-candidate .match-label { color:#BFAEFF; }
.match-reasons span { color:#9BA5B3; background:#0B1118; border-color:rgba(166,173,186,.10); }

/* Search and card results */
.search-box, .filter-field { background:#0B1118; border-color:rgba(166,173,186,.14); }
.search-box input, .filter-field input { color:#F4F6F8; background:transparent; }
.result-card { background:#101720; border-color:rgba(166,173,186,.13); }
.result-image { background:linear-gradient(145deg,#151C25,#0B1118); }
.result-image img { filter:drop-shadow(0 12px 18px rgba(0,0,0,.34)); }
.skeleton { background:linear-gradient(90deg,#111821,#18202A,#111821); background-size:200% 100%; }

/* Collection and sets */
.collection-toolbar { background:rgba(15,21,29,.92); border-color:rgba(166,173,186,.14); box-shadow:0 15px 36px rgba(0,0,0,.22); backdrop-filter:blur(18px); }
.collection-summary { color:#8993A2; }
.collection-row { background:#101720; border-color:rgba(166,173,186,.13); }
.collection-row img { filter:drop-shadow(0 9px 14px rgba(0,0,0,.28)); }
.value-cell strong { color:#F4F6F8; }
.value-cell small { color:#8D97A5; }
.set-card, .set-row, .wanted-card, .wanted-list-card { background:#101720 !important; border-color:rgba(166,173,186,.13) !important; }
.set-progress-track, .monthly-progress-track, .achievement-page-progress { background:#202936 !important; }
.set-progress-track i, .monthly-progress-track i, .achievement-page-progress i { background:linear-gradient(90deg,var(--bw-violet),var(--bw-cyan),var(--bw-emerald)) !important; }
.segmented, .mode-switch { background:#0B1118; border-color:rgba(166,173,186,.13); }
.segmented button, .mode-switch button { color:#8E98A7; }
.segmented button.active, .mode-switch button.active { color:#fff; background:rgba(124,77,255,.16); }

/* Achievements */
.achievements-page-hero { background:linear-gradient(135deg,#111821,#101622 62%,#0B1718); border-color:rgba(124,77,255,.18); }
.achievements-page-hero h2 { color:#F4F6F8; }
.collector-rank-pill, .challenge-reward { color:#C8B7FF; background:rgba(124,77,255,.10); border-color:rgba(124,77,255,.20); }
.concept-b-level-ring, .achievements-concept-b-wrap .concept-b-level-ring { filter:drop-shadow(0 14px 30px rgba(124,77,255,.14)); }
.achievement-card, .badge-card { background:#101720 !important; border-color:rgba(166,173,186,.13) !important; }

/* Commerce and notices */
.tool-links a, .shop-card-panel { color:#E9EDF2; background:linear-gradient(145deg,#111821,#0D141C); border-color:rgba(166,173,186,.13); }
.tool-links a span, .affiliate-smallprint, .shop-card-panel small { color:#87919F; }
.affiliate-button { color:#0A1116 !important; background:linear-gradient(135deg,#00D1FF,#6BE7FF) !important; border-color:transparent !important; }
.ad-slot { color:#737D8B; background:#0B1118; border-color:rgba(166,173,186,.10); }

/* Modals */
.modal {
  color:var(--ink);
  background:#0E141C;
  border:1px solid rgba(166,173,186,.14);
  box-shadow:0 35px 100px rgba(0,0,0,.55);
}
.modal::backdrop { background:rgba(2,5,8,.78); backdrop-filter:blur(6px); }
.modal-frame { background:#0E141C; }
.modal-close { color:#8E98A7; }
.modal-card-preview { border-color:rgba(166,173,186,.12); }
.modal-image-wrap { background:#111821; }
.modal-card-preview h2 { color:#F4F6F8; }
.modal-meta, .settings-intro, .field small { color:#8F99A7; }
.price-badge { color:#A9F0D6; background:rgba(0,200,137,.08); border:1px solid rgba(0,200,137,.15); }
.estimate-strip { background:#111821; border:1px solid rgba(166,173,186,.10); }
.estimate-strip span, .estimate-strip strong { color:#F1F3F6; }
.modal-estimate-warning { color:#CBBE89; background:rgba(245,200,90,.045); border-color:rgba(245,200,90,.16); }
.settings-section { border-color:rgba(166,173,186,.12); }

/* Footer and toasts */
.site-footer { color:#707A89; border-top:1px solid rgba(166,173,186,.08); margin-top:24px; }
.site-footer strong { color:#9AA3AF; }
.site-footer button { color:#8E9CFF; }
.site-footer .merchant-network-link a { color:#8E9CFF; font-weight:700; text-decoration:none; }
.site-footer .merchant-network-link a:hover { color:#B7C1FF; text-decoration:underline; }
.toast { background:#161E28; border:1px solid rgba(166,173,186,.12); box-shadow:0 18px 48px rgba(0,0,0,.35); }
.toast.success { background:#0D2A22; border-color:rgba(0,200,137,.18); }
.toast.error { background:#35151C; border-color:rgba(255,110,130,.20); }

/* Scrollbars */
* { scrollbar-color:#384355 #0A0E13; }
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-track { background:#0A0E13; }
::-webkit-scrollbar-thumb { background:#333D4B; border:2px solid #0A0E13; border-radius:999px; }
::-webkit-scrollbar-thumb:hover { background:#465264; }

/* Mobile Collector Tech shell */
@media (max-width: 780px) {
  body { padding-bottom:82px; }
  .topbar {
    background:rgba(8,11,16,.91);
    border-bottom-color:rgba(166,173,186,.10);
    backdrop-filter:blur(18px) saturate(130%);
  }
  .mobile-menu { color:#CFD5DD; background:#101720; border-color:rgba(166,173,186,.13); }
  .topbar-brand-logo { width:172px; }
  .global-estimate-banner { margin-top:8px; }
  .branded-hero, .youth-hero { min-height:230px; padding:24px; border-radius:18px; }
  .youth-hero::after, .branded-hero::after { width:180px; height:180px; right:-36px; opacity:.075; }
  .hero-panel h2 { max-width:90%; font-size:33px; }
  .hero-panel p:not(.eyebrow) { max-width:92%; color:#A3ACB8; }
  .hero-badge-row { margin-top:10px; }
  .mini-badge { font-size:8px; padding:6px 8px; }
  .youth-strip-panel { grid-template-columns:1fr; }
  .youth-strip-badges { justify-content:flex-start; }
  .mobile-bottom-nav {
    grid-template-columns:repeat(5,1fr);
    height:66px;
    border-color:rgba(166,173,186,.14);
    background:rgba(10,14,20,.94);
    box-shadow:0 14px 45px rgba(0,0,0,.42);
    backdrop-filter:blur(20px) saturate(140%);
  }
  .mobile-bottom-nav .mobile-tab { color:#778292; background:transparent; border:0; }
  .mobile-bottom-nav .mobile-tab.active {
    color:#EDEFF3;
    background:rgba(124,77,255,.12);
    box-shadow:inset 0 0 0 1px rgba(124,77,255,.17);
  }
  .mobile-bottom-nav .mobile-tab[data-view="scan"].active { color:#C1F6FF; background:rgba(0,209,255,.08); box-shadow:inset 0 0 0 1px rgba(0,209,255,.16); }
  .mobile-bottom-nav .mobile-tab > span:first-child { color:inherit; }
  .collection-toolbar { top:72px; }
  .modal-actions {
    background:rgba(14,20,28,.97);
    border-top-color:rgba(166,173,186,.12);
  }
}

@media (max-width: 520px) {
  .hero-panel h2 { font-size:30px; }
  .hero-actions { gap:8px; }
  .hero-actions .button { min-height:46px; padding-inline:13px; }
  .youth-strip-panel { display:none; }
  .home-actions button { border-radius:15px; }
  .stat-card { border-radius:16px; }
  #scanView .scan-intro { background:rgba(14,20,28,.84); }
}

/* Onboarding brand mark */
.welcome-logo-mark {
  width:92px;
  height:92px;
  padding:13px;
  border-radius:24px;
  background:linear-gradient(145deg,#141A23,#090D13);
  border:1px solid rgba(166,173,186,.14);
  box-shadow:0 18px 44px rgba(0,0,0,.32), 0 0 34px rgba(124,77,255,.09);
  transform:none;
}
.welcome-logo-mark img { width:100%; height:100%; object-fit:contain; }
.welcome-visual span { color:#B5BDC9; background:rgba(255,255,255,.03); border-color:rgba(166,173,186,.12); }
.welcome-progress i.active { background:linear-gradient(90deg,var(--bw-violet),var(--bw-cyan),var(--bw-emerald)); }
.welcome-step-visual { background:linear-gradient(135deg,rgba(124,77,255,.08),rgba(0,209,255,.04)); border:1px solid rgba(166,173,186,.08); }
.welcome-feature-grid span { color:#AEEFFF; background:rgba(255,255,255,.025); border-color:rgba(166,173,186,.10); }

/* BinderWorth 3.7.1 — Compact Home Dashboard
   Mobile-first usability pass. Scanner 3.3.5 logic is untouched. */

/* Finish the dark-theme conversion for dynamic dashboard cards. */
.achievement-badge,
.quest-card,
.wanted-spotlight-card,
.wanted-spotlight-empty,
.recent-row,
.mover-row {
  color: var(--bw-offwhite);
  background: linear-gradient(180deg,#111821,#0D141C);
  border-color: rgba(166,173,186,.13);
}
.achievement-badge.unlocked {
  border-color: rgba(124,77,255,.24);
  background: linear-gradient(135deg,rgba(124,77,255,.09),#111821 52%,rgba(0,209,255,.035));
}
.achievement-icon,
.quest-icon,
.wanted-spotlight-image {
  color:#D9DDE4;
  background:#151D27;
  border-color:rgba(166,173,186,.13);
}
.achievement-copy strong,.quest-head strong,.wanted-spotlight-card strong,.recent-row strong,.mover-row strong { color:#F4F6F8; }
.achievement-copy small,.quest-copy small,.wanted-spotlight-card small,.recent-row small,.mover-row small,.wanted-spotlight-empty span { color:#8F99A8; }
.quest-head span { color:#A998FF; }
.quest-progress { background:#202936; }
.quest-progress i { background:linear-gradient(90deg,var(--bw-cyan),var(--bw-violet),#E94CB7); }
.achievement-state { color:#B7A9E6; background:rgba(124,77,255,.10); }
.recent-row { width:100%; border:1px solid rgba(166,173,186,.11); border-radius:14px; text-align:left; }
.recent-row:hover { border-color:rgba(124,77,255,.28); }
.mover-row { border:1px solid rgba(166,173,186,.11); border-radius:13px; }
.wanted-spotlight-empty { border-style:dashed; border-color:rgba(124,77,255,.22); }
.wanted-spotlight-card b { color:#9F8BFF; }

/* Value history is now summary-first with detail on demand. */
.compact-history-panel { overflow:hidden; }
.history-details { margin-top:12px; }
.history-details > summary {
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(124,77,255,.18);
  border-radius:13px;
  color:#C7B9F5;
  background:rgba(124,77,255,.055);
  cursor:pointer;
  font-size:11px;
  font-weight:800;
}
.history-details > summary::-webkit-details-marker { display:none; }
.history-details > summary b { color:#7F8997; font-size:9px; font-weight:600; }
.history-details > summary::after { content:'+'; color:#9F8BFF; font-size:18px; line-height:1; }
.history-details[open] > summary::after { content:'–'; }
.history-details[open] > .history-range { margin-top:14px; }
.history-extra-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:12px; }

/* The old marketing strip duplicates the actual dashboard. */
#dashboardView > .youth-strip-panel { display:none; }

@media (max-width: 780px) {
  .main-content { padding-bottom:112px; }
  #dashboardView { padding-bottom:18px; }

  /* Notices and hero: compact enough to keep the main actions above the fold. */
  .global-estimate-banner {
    min-height:52px;
    padding:9px 12px;
    margin-bottom:10px;
    border-radius:14px;
  }
  .global-estimate-banner .estimate-icon { width:30px; height:30px; }
  .global-estimate-banner div span { display:none; }
  .global-estimate-banner button { font-size:10px; }
  .branded-hero,.youth-hero {
    min-height:0;
    padding:18px;
    margin-bottom:10px;
    border-radius:18px;
  }
  .youth-hero::after,.branded-hero::after { width:140px; height:140px; right:-32px; opacity:.055; }
  .status-chip { font-size:9px; padding:7px 9px; }
  .hero-badge-row { display:none; }
  .hero-panel h2 { max-width:92%; margin:12px 0 7px; font-size:27px; line-height:1.04; }
  .hero-panel p:not(.eyebrow) {
    max-width:92%;
    font-size:12px;
    line-height:1.48;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .hero-actions { margin-top:14px; display:grid; grid-template-columns:1.25fr 1fr; gap:8px; }
  .hero-actions .button { min-height:43px; padding:9px 10px; font-size:11px; border-radius:12px; }

  /* Persistent bottom nav already exposes these destinations. Avoid duplicate full-height cards. */
  #dashboardView > .home-actions { display:none; }

  /* Four important numbers in ~one third of the previous vertical space. */
  .stats-grid { gap:8px; margin:10px 0 12px; }
  .stat-card { min-height:100px; padding:13px 12px; border-radius:15px; }
  .stat-card p { margin:0 0 5px; font-size:10px; }
  .stat-card strong { font-size:23px; }
  .stat-card small { margin-top:3px; font-size:8px; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .stat-card-link { margin-top:7px; font-size:8px; }
  .stat-icon { width:30px; height:30px; top:12px; right:12px; }

  /* Activity becomes horizontal previews rather than ten vertically stacked rows. */
  .compact-activity-grid { gap:10px; margin:0 0 12px; }
  .compact-activity-grid .panel { padding:14px; }
  .compact-heading { margin-bottom:10px; }
  .compact-heading h3 { font-size:16px; }
  .compact-heading .eyebrow { font-size:8px; }
  .compact-activity-grid .recent-list,
  .compact-activity-grid .movers-list {
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:1px 1px 5px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .compact-activity-grid .recent-list::-webkit-scrollbar,
  .compact-activity-grid .movers-list::-webkit-scrollbar { display:none; }
  .compact-activity-grid .recent-row {
    flex:0 0 245px;
    min-height:76px;
    grid-template-columns:42px minmax(0,1fr) auto;
    padding:8px;
    scroll-snap-align:start;
  }
  .compact-activity-grid .recent-row img { width:38px; height:53px; }
  .compact-activity-grid .recent-value { font-size:11px; }
  .compact-activity-grid .mover-row {
    flex:0 0 182px;
    min-height:66px;
    align-items:center;
    padding:9px 10px;
    border-bottom:1px solid rgba(166,173,186,.11);
    scroll-snap-align:start;
  }

  /* Collector level: small dashboard summary, not a full standalone page. */
  .gameboard-grid { gap:10px; margin-bottom:10px; }
  .collector-panel-concept-b { padding:15px; }
  .concept-b-heading { margin-bottom:8px; }
  .concept-b-heading h3 { margin:3px 0 0; font-size:18px; }
  .concept-b-heading > div > p:not(.eyebrow) { display:none; }
  .concept-b-main {
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:13px;
    align-items:center;
  }
  .concept-b-level-ring { width:92px !important; height:92px; }
  .concept-b-level-core { inset:13px; }
  .concept-b-crown { font-size:13px; }
  .concept-b-level-core strong { font-size:31px !important; line-height:1; }
  .concept-b-level-core > span:last-child { margin-top:4px; font-size:7px; }
  .concept-b-rank-zone { justify-items:start !important; text-align:left !important; }
  .concept-b-rank-badge { width:auto !important; min-height:0; padding:9px 10px; justify-content:flex-start !important; border-radius:13px; }
  .concept-b-rank-icon { width:30px; height:30px; font-size:16px; }
  .concept-b-rank-badge small { font-size:7px; }
  .concept-b-rank-badge strong { font-size:13px; }
  .concept-b-rank-zone > p,.concept-b-next { display:none; }
  .concept-b-xp-panel { margin-top:10px; padding:10px 11px; border-radius:13px; }
  .concept-b-xp-labels { flex-direction:row !important; align-items:baseline; gap:8px; }
  .concept-b-xp-labels strong { font-size:14px; }
  .concept-b-xp-labels span { font-size:8px; }
  .concept-b-xp-track { margin-top:7px; height:8px; }
  .concept-b-mini-grid {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px;
    margin-top:8px;
  }
  .collector-panel-concept-b .concept-b-mini-grid article { min-height:0; padding:8px 5px; border-radius:10px; text-align:center; }
  .collector-panel-concept-b .concept-b-mini-grid span { font-size:7px; line-height:1.1; }
  .collector-panel-concept-b .concept-b-mini-grid strong { margin-top:3px; font-size:11px; }

  /* Achievement preview is one horizontal row; full board already has its own page. */
  .badge-panel { padding:14px; }
  .dashboard-achievement-scroll {
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:1px 1px 5px;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .dashboard-achievement-scroll::-webkit-scrollbar { display:none; }
  .dashboard-achievement-scroll .achievement-badge {
    flex:0 0 230px;
    min-height:76px;
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;
    padding:9px;
    border-radius:13px;
    scroll-snap-align:start;
  }
  .dashboard-achievement-scroll .achievement-icon { width:38px; height:38px; border-radius:11px; font-size:18px; }
  .dashboard-achievement-scroll .achievement-copy strong { font-size:11px; }
  .dashboard-achievement-scroll .achievement-copy small { margin-top:2px; font-size:8px; line-height:1.3; }
  .dashboard-achievement-scroll .achievement-state { grid-column:2; justify-self:start; padding:4px 7px; font-size:7px; }

  /* Set quests become a swipeable preview instead of one giant card per target. */
  .quest-panel { padding:14px; margin-bottom:10px; }
  .quest-panel .panel-heading { margin-bottom:9px; align-items:flex-start; }
  .quest-panel .panel-heading small { max-width:48%; font-size:8px; line-height:1.35; text-align:right; }
  .quest-list {
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:1px 1px 5px;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .quest-list::-webkit-scrollbar { display:none; }
  .quest-card {
    flex:0 0 275px;
    min-height:112px;
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;
    padding:10px;
    border-radius:13px;
    scroll-snap-align:start;
  }
  .quest-icon { width:38px; height:38px; border-radius:11px; font-size:17px; }
  .quest-head { flex-direction:row !important; align-items:baseline !important; gap:7px; }
  .quest-head strong { font-size:11px; }
  .quest-head span { font-size:8px; }
  .quest-copy small { font-size:8px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .quest-progress { height:7px; margin-top:7px; }
  .quest-card .button { grid-column:2; justify-self:start; min-height:30px; padding:6px 10px; font-size:8px; border-radius:9px; }

  /* Monthly challenge and wanted cards are swipeable side-by-side modules. */
  .challenge-spotlight-grid {
    display:flex;
    gap:9px;
    overflow-x:auto;
    margin-bottom:10px;
    padding-bottom:4px;
    scrollbar-width:none;
    scroll-snap-type:x mandatory;
  }
  .challenge-spotlight-grid::-webkit-scrollbar { display:none; }
  .challenge-spotlight-grid > .panel {
    flex:0 0 calc(100% - 34px);
    padding:14px;
    border-radius:16px;
    scroll-snap-align:start;
  }
  .monthly-challenge-panel > p { margin:0 0 10px; font-size:9px; line-height:1.45; }
  .monthly-progress-row strong { font-size:18px; }
  .monthly-progress-row small { font-size:8px; }
  .monthly-progress-track { height:9px; margin-top:7px; }
  .wanted-spotlight-empty { min-height:92px; padding:12px; }
  .wanted-spotlight-empty .button { min-height:31px; padding:6px 10px; font-size:8px; }

  /* Value history is summary-first. The full chart is one tap away. */
  .collection-history-panel { margin-top:0; padding:14px; }
  .home-history-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .home-history-kpis > div { min-height:72px; padding:11px; border-radius:13px; }
  .home-history-kpis span { font-size:8px; }
  .home-history-kpis strong { margin-top:5px; font-size:18px; }
  .history-details > summary { padding:10px 11px; }
  .history-details > summary b { display:none; }
  .history-extra-kpis { gap:8px; }
  .history-extra-kpis > div { min-height:68px; padding:10px; }
  .collection-history-chart,.collection-history-chart svg { min-height:175px; }
  .history-note { font-size:9px; line-height:1.45; }

  /* Lower utility areas stay useful without turning the page into another report. */
  .collector-tools { padding:14px; }
  .tool-links { display:flex; overflow-x:auto; gap:8px; scrollbar-width:none; }
  .tool-links::-webkit-scrollbar { display:none; }
  .tool-links a { flex:0 0 205px; min-height:74px; }

  .panel-heading { margin-bottom:11px; }
  .panel-heading h3 { font-size:16px; }
  .text-button { font-size:9px; }
}

@media (max-width: 380px) {
  .hero-panel h2 { font-size:25px; }
  .hero-actions { grid-template-columns:1fr 1fr; }
  .stat-card strong { font-size:21px; }
  .concept-b-main { grid-template-columns:84px minmax(0,1fr) !important; }
  .concept-b-level-ring { width:84px !important; height:84px; }
  .concept-b-level-core strong { font-size:28px !important; }
}

/* BinderWorth 3.7.3 — Mobile compact-layout stabilisation
   Fixes horizontal overflow, fixed bottom navigation, oversized dashboard
   preview containers and the small collector-level ring. Scanner logic untouched. */
@media (max-width: 780px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }

  .app-shell,
  .main-content,
  .view,
  #dashboardView,
  .dashboard-grid,
  .compact-activity-grid,
  .gameboard-grid,
  .collector-panel-concept-b,
  .badge-panel,
  .quest-panel,
  .challenge-spotlight-grid,
  .collection-history-panel {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Keep the app navigation pinned to the physical viewport even when a
     horizontal preview has scrollable content wider than its own card. */
  .mobile-bottom-nav {
    display: grid !important;
    position: fixed !important;
    z-index: 9999 !important;
    left: 8px !important;
    right: auto !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    box-sizing: border-box !important;
  }

  .mobile-bottom-nav .mobile-tab {
    min-width: 0;
    overflow: hidden;
  }

  /* Do not let the two dashboard panels inherit matching/stretched heights. */
  .gameboard-grid {
    align-items: start;
  }
  .collector-panel-concept-b,
  .badge-panel {
    align-self: start;
  }

  /* Collector level: use a simple progress ring at compact size. The old
     segmented mask was designed for the full-size 200px+ achievement ring. */
  .collector-panel-concept-b {
    padding: 14px;
  }
  .collector-panel-concept-b .concept-b-main {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    min-height: 0 !important;
    gap: 10px;
    align-items: center;
  }
  .collector-panel-concept-b .concept-b-level-ring {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px;
    filter: drop-shadow(0 8px 18px rgba(124,77,255,.16));
  }
  .collector-panel-concept-b .concept-b-level-ring::before {
    inset: 11px;
  }
  .collector-panel-concept-b .concept-b-level-ring::after,
  .collector-panel-concept-b .concept-b-segment-mask {
    display: none !important;
  }
  .collector-panel-concept-b .concept-b-level-core {
    width: 76%;
    height: 76%;
  }
  .collector-panel-concept-b .concept-b-crown {
    margin-bottom: 2px;
    font-size: 11px;
  }
  .collector-panel-concept-b .concept-b-level-core strong {
    font-size: 27px !important;
  }
  .collector-panel-concept-b .concept-b-level-core > span:last-child {
    min-width: 48px;
    margin-top: 3px;
    padding-top: 3px;
    font-size: 6px;
  }
  .collector-panel-concept-b .concept-b-rank-zone {
    min-width: 0;
  }
  .collector-panel-concept-b .concept-b-rank-badge {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    padding: 8px;
    gap: 8px;
    box-sizing: border-box;
  }
  .collector-panel-concept-b .concept-b-rank-badge > div {
    min-width: 0;
  }
  .collector-panel-concept-b .concept-b-rank-icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    font-size: 14px;
  }
  .collector-panel-concept-b .concept-b-rank-badge small {
    font-size: 6px;
  }
  .collector-panel-concept-b .concept-b-rank-badge strong {
    max-width: 100%;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .collector-panel-concept-b .concept-b-xp-panel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 10px;
    padding: 9px 10px;
    overflow: hidden;
    box-sizing: border-box;
  }
  .collector-panel-concept-b .concept-b-xp-labels {
    min-width: 0;
  }
  .collector-panel-concept-b .concept-b-xp-labels strong {
    font-size: 13px;
  }
  .collector-panel-concept-b .concept-b-xp-labels span {
    display: none;
  }
  .collector-panel-concept-b .concept-b-xp-track {
    width: 100%;
    max-width: 100%;
    height: 7px;
    overflow: hidden;
    box-sizing: border-box;
  }
  /* The four streak/badge mini-cards duplicate the dedicated achievement
     screen and were causing another wide row on narrow phones. */
  #dashboardView .collector-panel-concept-b .concept-b-mini-grid {
    display: none !important;
  }

  /* Achievement Board: remove the legacy 342px fixed-height desktop scroller. */
  #dashboardView .dashboard-achievement-scroll {
    display: flex !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    grid-auto-rows: unset !important;
    align-items: stretch;
    padding: 1px 1px 4px;
  }
  #dashboardView .dashboard-achievement-scroll .achievement-badge {
    flex: 0 0 min(230px, 76vw);
    width: min(230px, 76vw);
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px;
    box-sizing: border-box;
    overflow: hidden;
  }

  /* Set quest previews: keep them compact and dark. A more-specific legacy
     :has() rule was restoring the old light card after the rebrand. */
  #dashboardView .quest-list {
    min-height: 0;
    align-items: stretch;
  }
  #dashboardView .quest-card,
  #dashboardView .quest-card:has([data-open-quest-set]) {
    flex: 0 0 min(270px, 84vw);
    width: min(270px, 84vw);
    height: 118px !important;
    min-height: 118px !important;
    max-height: 118px;
    padding: 10px;
    overflow: hidden;
    color: var(--bw-offwhite) !important;
    background: linear-gradient(180deg,#111821,#0D141C) !important;
    border-color: rgba(124,77,255,.22) !important;
    box-sizing: border-box;
  }
  #dashboardView .quest-card:has([data-open-quest-set]) .quest-icon {
    color: #D9DDE4 !important;
    background: #151D27 !important;
    border-color: rgba(166,173,186,.13) !important;
  }
  #dashboardView .quest-card:has([data-open-quest-set]) .button {
    color: #C8BAFF !important;
    background: rgba(124,77,255,.07) !important;
    border-color: rgba(124,77,255,.25) !important;
  }

  /* Horizontal strips scroll inside themselves; they must never widen Home. */
  #dashboardView .recent-list,
  #dashboardView .movers-list,
  #dashboardView .dashboard-achievement-scroll,
  #dashboardView .quest-list,
  #dashboardView .challenge-spotlight-grid,
  #dashboardView .tool-links {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overscroll-behavior-x: contain;
  }
}

@media (max-width: 380px) {
  .collector-panel-concept-b .concept-b-main {
    grid-template-columns: 74px minmax(0, 1fr) !important;
  }
  .collector-panel-concept-b .concept-b-level-ring {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px;
  }
  .collector-panel-concept-b .concept-b-level-ring::before { inset: 10px; }
  .collector-panel-concept-b .concept-b-level-core strong { font-size: 24px !important; }
  .collector-panel-concept-b .concept-b-rank-badge strong { font-size: 11px; }
}

/* BinderWorth 3.7.5 — Header logo polish
   Final compact-dashboard refinements after 3.7.3. Visual/layout only.
   Scanner 3.3.5 logic is intentionally untouched. */
@media (max-width: 780px) {
  /* Keep enough physical space below the final Home module for the fixed nav. */
  body {
    padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
  }
  #dashboardView {
    padding-bottom: 18px;
  }

  /* Collector Level: remove the inherited 13px relative inset from the old
     large-ring layout. The inner stack now sits at the true geometric centre. */
  .collector-panel-concept-b {
    padding: 13px 14px;
  }
  .collector-panel-concept-b .concept-b-heading {
    margin-bottom: 5px;
  }
  .collector-panel-concept-b .concept-b-main {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 9px;
  }
  .collector-panel-concept-b .concept-b-level-wrap {
    min-width: 0;
  }
  .collector-panel-concept-b .concept-b-level-core {
    inset: auto !important;
    position: relative !important;
    width: 72% !important;
    height: 72% !important;
    transform: none !important;
    margin: 0 !important;
    align-self: center;
    justify-self: center;
  }
  .collector-panel-concept-b .concept-b-crown {
    position: absolute;
    top: 4px;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
    font-size: 10px;
    line-height: 1;
  }
  .collector-panel-concept-b .concept-b-level-core strong {
    margin: -1px 0 0 !important;
    font-size: 27px !important;
    line-height: .92 !important;
  }
  .collector-panel-concept-b .concept-b-level-core > span:last-child {
    min-width: 43px;
    margin-top: 3px;
    padding-top: 3px;
    font-size: 6px;
    line-height: 1;
    letter-spacing: .18em;
  }
  .collector-panel-concept-b .concept-b-rank-badge {
    min-height: 58px;
    padding: 7px 8px;
  }
  .collector-panel-concept-b .concept-b-xp-panel {
    margin-top: 7px;
    padding: 8px 10px;
  }

  /* Show more of the next item so horizontal scrolling is immediately obvious. */
  .compact-activity-grid .recent-row {
    flex-basis: min(220px, 72vw);
  }
  .compact-activity-grid .mover-row {
    flex-basis: min(164px, 54vw);
  }
  #dashboardView .dashboard-achievement-scroll .achievement-badge {
    flex-basis: min(205px, 67vw);
    width: min(205px, 67vw);
  }
  #dashboardView .quest-card,
  #dashboardView .quest-card:has([data-open-quest-set]) {
    flex-basis: min(242px, 78vw);
    width: min(242px, 78vw);
  }
  .challenge-spotlight-grid > .panel {
    flex-basis: calc(100% - 54px);
  }

  /* A quiet right-edge fade acts as a swipe cue without adding another label. */
  #dashboardView .recent-list,
  #dashboardView .movers-list,
  #dashboardView .dashboard-achievement-scroll,
  #dashboardView .quest-list,
  #dashboardView .challenge-spotlight-grid,
  #dashboardView .tool-links {
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 22px), transparent 100%);
    mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 22px), transparent 100%);
  }

  /* Slightly tighter module rhythm without compromising tap targets. */
  #dashboardView .badge-panel,
  #dashboardView .quest-panel,
  #dashboardView .collection-history-panel,
  #dashboardView .collector-tools {
    padding: 13px;
  }
  #dashboardView .gameboard-grid,
  #dashboardView .quest-panel,
  #dashboardView .challenge-spotlight-grid {
    margin-bottom: 9px;
  }
}

@media (max-width: 380px) {
  .collector-panel-concept-b .concept-b-main {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 8px;
  }
  .collector-panel-concept-b .concept-b-level-core {
    inset: auto !important;
    width: 72% !important;
    height: 72% !important;
  }
  .collector-panel-concept-b .concept-b-crown { top: 3px; font-size: 9px; }
  .collector-panel-concept-b .concept-b-level-core strong { font-size: 24px !important; }
  .collector-panel-concept-b .concept-b-level-core > span:last-child {
    min-width: 39px;
    font-size: 5.5px;
  }
}


/* BinderWorth 3.7.5 — Header logo polish
   Make the mobile header brand lockup larger and truly centred. */
@media (max-width: 780px) {
  .topbar {
    display: grid;
    grid-template-columns: 44px minmax(0,1fr) 44px;
    align-items: center;
    gap: 10px;
  }
  .topbar::after {
    content: '';
    width: 44px;
    height: 44px;
    grid-column: 3;
    grid-row: 1;
  }
  .mobile-menu {
    grid-column: 1;
    grid-row: 1;
    z-index: 2;
  }
  .topbar-title {
    grid-column: 1 / -1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-inline: 56px;
  }
  .topbar h1 {
    width: 100%;
    text-align: center;
  }
  .topbar-brand-logo {
    width: 196px;
    max-width: min(58vw, 196px);
    max-height: 54px;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
  }
}

@media (max-width: 380px) {
  .topbar-title {
    padding-inline: 50px;
  }
  .topbar-brand-logo {
    width: 176px;
    max-width: min(56vw, 176px);
  }
}


/* BinderWorth 3.7.6 — Header centring + estimate notice polish */
@media (max-width: 780px) {
  /* Absolute centring is intentional here: it centres the logo against the
     full header width regardless of the hamburger button on the left. */
  .topbar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: sticky;
  }
  .topbar::after { display:none; }
  .topbar-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 126px);
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: none;
  }
  .topbar-brand-logo {
    position: static;
    width: 214px;
    max-width: 100%;
    max-height: 58px;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
    transform: none;
  }
  .topbar h1 {
    width: 100%;
    margin: 0;
    text-align: center;
  }

  /* Prevent the circular i badge being squeezed into an oval by flex layout. */
  .global-estimate-banner .estimate-icon {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    aspect-ratio: 1 / 1;
    padding: 0;
    border-radius: 50%;
    box-sizing: border-box;
    line-height: 1;
    font-size: 14px;
    font-weight: 850;
  }
}

@media (max-width: 380px) {
  .topbar-title { width: calc(100% - 112px); }
  .topbar-brand-logo { width: 190px; }
}


/* BinderWorth 3.7.7 — visually centred header lockup
   The standard logo.svg has intentional right-side canvas for broad lockups.
   logo-header.svg uses a cropped viewBox so the visible artwork, not the SVG
   canvas, is centred over the viewport. */
@media (max-width: 780px) {
  .topbar-title {
    left: 50vw !important;
    width: min(236px, 66vw) !important;
  }
  .topbar-brand-logo {
    width: 100% !important;
    max-width: 236px !important;
    max-height: 62px !important;
  }
}
@media (max-width: 380px) {
  .topbar-title { width: min(212px, 64vw) !important; }
  .topbar-brand-logo { max-width: 212px !important; }
}


/* BinderWorth 3.7.8 — Home activity row swipe fix
   Make Recently added and Price movement clearly horizontally swipeable on mobile. */
@media (max-width: 780px) {
  #dashboardView .recent-list,
  #dashboardView .movers-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: none;
    padding-bottom: 8px;
  }
  #dashboardView .recent-list > *,
  #dashboardView .movers-list > * {
    flex: 0 0 auto !important;
  }
  #dashboardView .recent-list .recent-row,
  #dashboardView .movers-list .mover-row {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}


/* BinderWorth 3.7.9 — Compact Scan page
   Shorter mobile capture flow and hide the empty Match panel until a photo exists. */
@media (max-width: 780px) {
  #scanView { gap: 12px; }
  #scanView .scan-help { margin-top: 8px; }
  #scanView .scan-warning.compact { margin: 8px 0 2px; padding: 12px 14px; }
  #scanView .scan-warning.compact p { margin: 3px 0 0; font-size: 13px; line-height: 1.35; }
  #scanView .scan-grid { gap: 14px; }
  #scanView .capture-panel,
  #scanView .scan-result-panel { padding: 16px; }
  #scanView .scan-capture-heading h3,
  #scanView .scan-result-heading h3 { font-size: 18px; }
  #scanView .capture-stage {
    min-height: 0;
    height: clamp(340px, 52vh, 430px);
    max-height: 430px;
    border-radius: 24px;
  }
  #scanView .scan-placeholder { padding: 22px 18px; }
  #scanView .scan-placeholder .camera-symbol { transform: scale(.92); }
  #scanView .scan-placeholder strong { font-size: 17px; }
  #scanView .scan-placeholder span { font-size: 14px; max-width: 28ch; }
  #scanView .scan-actions { gap: 10px; margin-top: 12px; }
  #scanView .scan-gallery-button { min-height: 52px; }
  #scanView .scan-privacy { margin-top: 10px; }
  #scanView .scan-result-panel.hidden { display: none !important; }
}


/* BinderWorth 3.8.0 — Scan final polish
   Shorten the mobile capture area again and reduce wasted space near the footer. */
@media (max-width: 780px) {
  .main-content { padding-bottom: 96px; }
  .site-footer { margin-top: 16px; }
  #scanView { gap: 10px; padding-bottom: 4px; }
  #scanView .scan-grid { gap: 12px; }
  #scanView .capture-panel { padding: 14px; }
  #scanView .capture-stage {
    height: clamp(270px, 43vh, 335px);
    max-height: 335px;
    border-radius: 22px;
  }
  #scanView .scan-placeholder { padding: 16px 16px; }
  #scanView .scan-placeholder .camera-symbol { transform: scale(.84); margin-bottom: 12px; }
  #scanView .scan-placeholder strong { font-size: 16px; line-height: 1.18; }
  #scanView .scan-placeholder span { font-size: 13px; line-height: 1.5; max-width: 24ch; }
  #scanView .scan-placeholder em { margin-top: 12px; }
  #scanView .scan-actions { gap: 8px; margin-top: 10px; }
  #scanView .scan-gallery-button { min-height: 48px; }
  #scanView .scan-privacy { margin-top: 6px; }
}


/* BinderWorth 3.8.1 — Scan readout contrast fix
   Make OCR correction text fields and labels clearly readable on mobile. */
.scan-advanced-details > summary small { color:#8F99A7; }
.scan-advanced-body { display:grid; gap:14px; }
.scan-diagnostic-chips b { color:#E6EAF0; margin-right:6px; }
.scan-readout-head h4 { margin:0; color:#F4F6F8; font-size:31px; line-height:1.02; }
.scan-readout-head p { margin:6px 0 0; color:#AAB3C0; }
.ocr-quality { color:#EAFBF4; background:rgba(0,200,137,.10); border:1px solid rgba(0,200,137,.18); }
.ocr-quality.partial { color:#EAE4C3; background:rgba(245,200,90,.09); border-color:rgba(245,200,90,.18); }
.ocr-quality.weak { color:#FFD8DE; background:rgba(255,110,130,.08); border-color:rgba(255,110,130,.18); }
.scan-evidence { display:flex; flex-wrap:wrap; gap:8px; }
.scan-evidence span {
  color:#DCE2EA;
  background:#111821;
  border:1px solid rgba(166,173,186,.12);
  border-radius:999px;
  padding:8px 12px;
  line-height:1.25;
}
.scan-correction {
  display:grid;
  gap:12px;
  padding-top:8px;
  border-top:1px solid rgba(166,173,186,.12);
}
.scan-correction-title { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; align-items:end; }
.scan-correction-title strong { color:#F4F6F8; font-size:14px; line-height:1.2; }
.scan-correction-title span { color:#A9B2BE; font-size:12px; line-height:1.35; }
.scan-correction-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.scan-correction-grid label { display:grid; gap:6px; }
.scan-correction-grid label span { color:#AEB7C3; font-size:12px; font-weight:760; letter-spacing:-.01em; }
.scan-correction-grid input,
.scan-correction-grid select {
  width:100%;
  min-height:54px;
  padding:14px 16px;
  color:#F4F6F8 !important;
  -webkit-text-fill-color:#F4F6F8;
  opacity:1;
  background:#101720 !important;
  border:1px solid rgba(166,173,186,.16);
  border-radius:16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
.scan-correction-grid input::placeholder { color:#7C8797 !important; opacity:1; }
.scan-correction-grid select option { color:#F4F6F8; background:#101720; }
.scan-correction-grid input:focus,
.scan-correction-grid select:focus {
  border-color:rgba(0,209,255,.58);
  box-shadow:0 0 0 3px rgba(0,209,255,.10);
}
.scan-correction-actions { display:flex; justify-content:flex-start; }
@media (max-width: 780px) {
  .scan-readout-head h4 { font-size:24px; }
  .scan-correction-title { grid-template-columns:1fr 1fr; gap:10px; }
  .scan-correction-grid { grid-template-columns:1fr; gap:10px; }
  .scan-correction-grid input,
  .scan-correction-grid select { min-height:50px; padding:12px 14px; }
}

/* 3.8.1 hard contrast overrides: these intentionally beat legacy scanner form rules. */
#scanView .scan-correction-title strong,
#scanView .scan-correction-grid label > span {
  color:#E8EDF3 !important;
  -webkit-text-fill-color:#E8EDF3 !important;
  opacity:1 !important;
}
#scanView .scan-correction-title > span {
  color:#AEB8C5 !important;
  -webkit-text-fill-color:#AEB8C5 !important;
  opacity:1 !important;
}
#scanView .scan-correction-grid input,
#scanView .scan-correction-grid select {
  color:#F7F9FB !important;
  -webkit-text-fill-color:#F7F9FB !important;
  caret-color:#00D1FF !important;
  background:#101720 !important;
  background-color:#101720 !important;
  border-color:rgba(166,173,186,.22) !important;
  opacity:1 !important;
}
#scanView .scan-correction-grid input::placeholder {
  color:#788494 !important;
  -webkit-text-fill-color:#788494 !important;
  opacity:1 !important;
}
#scanView .scan-correction-grid select option {
  color:#F7F9FB !important;
  background:#101720 !important;
}
#scanView .scan-evidence span {
  color:#DDE3EB !important;
  background:#111821 !important;
  border-color:rgba(166,173,186,.14) !important;
}
#scanView .scan-diagnostic-chips span {
  color:#B7C0CC !important;
  background:#0B1118 !important;
  border-color:rgba(166,173,186,.15) !important;
}
#scanView .scan-diagnostic-chips span b {
  color:#F1F4F7 !important;
}


/* BinderWorth 3.9.0 — Complete My Set launch */
.complete-set-focus {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  margin:14px 0;
  padding:20px;
  border-color:rgba(124,77,255,.22) !important;
  background:
    radial-gradient(circle at 88% 22%,rgba(0,209,255,.08),transparent 30%),
    linear-gradient(135deg,rgba(124,77,255,.09),#101720 48%,rgba(0,200,137,.035)) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
.complete-set-focus-copy { min-width:0; }
.complete-set-focus h3 { margin:4px 0 5px; color:#F4F6F8; font-size:22px; line-height:1.08; }
.complete-set-focus-copy > p:not(.eyebrow) { margin:0 0 13px; color:#939DAB; font-size:12px; }
.complete-set-focus .set-progress-track { margin:0 0 9px; }
.complete-set-focus-stats { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#9BA5B3; font-size:11px; }
.complete-set-focus-stats strong { color:#C8F8E8; font-size:12px; }
.complete-set-focus > .button { min-width:190px; white-space:nowrap; }
.set-row .button.primary { white-space:nowrap; }

@media (max-width:780px) {
  .complete-set-focus {
    grid-template-columns:1fr;
    gap:13px;
    margin:10px 0 12px;
    padding:16px;
    border-radius:17px;
  }
  .complete-set-focus h3 { font-size:19px; }
  .complete-set-focus-copy > p:not(.eyebrow) { margin-bottom:11px; font-size:11px; }
  .complete-set-focus > .button { width:100%; min-width:0; min-height:44px; }
  .complete-set-focus-stats { font-size:10px; }
}


/* BinderWorth 3.9.1 — Sets polish
   - Dark toolbar select styling
   - Slimmer Sets hero
   - Lighter repeated per-set CTA buttons */
.sets-hero {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:end;
  padding:20px;
}
.sets-hero h2 {
  margin:4px 0 8px;
  font-size:24px;
  line-height:1.08;
}
.sets-hero p:not(.eyebrow) {
  max-width:560px;
  margin:0;
  color:#A7B1BF;
  font-size:13px;
  line-height:1.55;
}
.sets-hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.sets-toolbar {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(200px, 260px);
  gap:12px;
  align-items:center;
}
.sets-toolbar select,
.wanted-toolbar select {
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  width:100%;
  min-height:48px;
  padding:12px 40px 12px 14px;
  color:#F4F6F8 !important;
  background-color:#0B1118 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2397A2B2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 13px center;
  border:1px solid rgba(166,173,186,.16);
  border-radius:14px;
  box-shadow:none;
}
.sets-toolbar select option,
.wanted-toolbar select option {
  color:#F4F6F8;
  background:#0B1118;
}
.set-row .button.set-row-cta {
  min-height:38px;
  padding:8px 12px;
  border-radius:12px;
  color:#CABFFF !important;
  background:rgba(124,77,255,.08) !important;
  border-color:rgba(124,77,255,.22) !important;
  box-shadow:none !important;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.set-row .button.set-row-cta:hover,
.set-row .button.set-row-cta:focus-visible {
  background:rgba(124,77,255,.14) !important;
  border-color:rgba(124,77,255,.32) !important;
}
@media (max-width:780px) {
  .sets-hero {
    grid-template-columns:1fr;
    gap:12px;
    align-items:start;
    padding:16px;
  }
  .sets-hero h2 {
    font-size:20px;
    margin-bottom:6px;
  }
  .sets-hero p:not(.eyebrow) {
    font-size:12px;
    line-height:1.5;
  }
  .sets-hero-actions {
    width:100%;
    justify-content:stretch;
  }
  .sets-hero-actions .button {
    flex:1 1 0;
    min-width:0;
  }
  .sets-toolbar {
    grid-template-columns:1fr;
    gap:10px;
  }
  .sets-toolbar select,
  .wanted-toolbar select {
    min-height:46px;
    font-size:14px;
  }
  .set-row {
    grid-template-columns:42px 58px minmax(0,1fr);
    gap:11px;
  }
  .set-row .button.set-row-cta {
    grid-column:2 / -1;
    justify-self:start;
    min-height:34px;
    padding:7px 11px;
    font-size:11px;
  }
}

/* BinderWorth 3.9.2 — Complete My Set cost engine */
.set-cost-panel {
  display:grid;
  gap:14px;
  margin:14px 0;
  padding:18px;
  border:1px solid rgba(0,200,137,.18);
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 8%,rgba(0,200,137,.07),transparent 30%),
    linear-gradient(145deg,rgba(0,209,255,.035),#0D141C 48%,rgba(124,77,255,.045));
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}
.set-cost-head {
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.set-cost-head > div { min-width:0; }
.set-cost-head .eyebrow { margin:0 0 5px; }
.set-cost-head > div > strong {
  display:block;
  color:#F4F6F8;
  font-size:30px;
  line-height:1;
  letter-spacing:-.035em;
}
.set-cost-head > div > span {
  display:block;
  margin-top:7px;
  color:#99A4B2;
  font-size:11px;
  line-height:1.4;
}
.set-cost-state {
  flex:0 0 auto;
  max-width:190px;
  padding:7px 10px;
  border:1px solid rgba(0,200,137,.17);
  border-radius:999px;
  color:#BFF7E2;
  background:rgba(0,200,137,.07);
  font-size:9px;
  font-weight:800;
  text-align:center;
}
.set-cost-progress {
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#202936;
}
.set-cost-progress i {
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--bw-violet),var(--bw-cyan),var(--bw-emerald));
  transition:width .22s ease;
}
.set-cost-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.set-cost-grid article {
  min-width:0;
  padding:11px;
  border:1px solid rgba(166,173,186,.10);
  border-radius:13px;
  background:rgba(255,255,255,.025);
}
.set-cost-grid span,
.set-cost-grid small {
  display:block;
  color:#8994A3;
  font-size:8px;
  line-height:1.25;
}
.set-cost-grid strong {
  display:block;
  margin:4px 0 2px;
  color:#EDF1F5;
  font-size:17px;
}
.set-cost-highlights {
  display:grid;
  gap:7px;
}
.set-cost-highlight-title {
  color:#9BA5B3;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.set-cost-highlight-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 11px;
  border:1px solid rgba(166,173,186,.10);
  border-radius:12px;
  background:#101720;
}
.set-cost-highlight-row > span { min-width:0; }
.set-cost-highlight-row b {
  display:inline-block;
  min-width:42px;
  margin-right:7px;
  color:#A998FF;
  font-size:8px;
  text-transform:uppercase;
}
.set-cost-highlight-row strong {
  color:#E9EDF2;
  font-size:11px;
}
.set-cost-highlight-row small {
  display:block;
  margin:3px 0 0 49px;
  color:#7F8998;
  font-size:8px;
}
.set-cost-highlight-row em {
  flex:0 0 auto;
  color:#C6F8E8;
  font-size:13px;
  font-style:normal;
  font-weight:850;
}
.set-cost-cheapest {
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-top:3px;
  color:#7F8998;
  font-size:8px;
}
.set-cost-cheapest strong { color:#AEB7C4; font-size:9px; }
.set-cost-placeholder,
.set-cost-complete {
  padding:11px 12px;
  border:1px dashed rgba(166,173,186,.13);
  border-radius:12px;
  color:#8F99A7;
  font-size:10px;
  line-height:1.4;
}
.set-cost-complete { color:#A7EBD2; border-color:rgba(0,200,137,.18); }
.set-cost-foot {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  color:#747F8F;
  font-size:8px;
  line-height:1.4;
}
.set-card-cost {
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:5px;
  padding:4px 7px;
  border:1px solid rgba(0,200,137,.14);
  border-radius:999px;
  color:#AEEBD4;
  background:rgba(0,200,137,.055);
  font-size:8px;
  font-weight:750;
}
@media (max-width:780px) {
  .set-cost-panel { margin:11px 0; padding:14px; gap:11px; border-radius:16px; }
  .set-cost-head { gap:10px; }
  .set-cost-head > div > strong { font-size:25px; }
  .set-cost-head > div > span { font-size:9px; }
  .set-cost-state { max-width:126px; padding:6px 8px; font-size:7px; }
  .set-cost-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .set-cost-grid article { padding:9px 10px; }
  .set-cost-grid strong { font-size:15px; }
  .set-cost-highlight-row { padding:8px 9px; }
  .set-cost-highlight-row b { min-width:35px; margin-right:5px; font-size:7px; }
  .set-cost-highlight-row strong { font-size:10px; }
  .set-cost-highlight-row small { margin-left:40px; }
  .set-cost-highlight-row em { font-size:11px; }
  .set-cost-foot { font-size:7px; }
}


/* BinderWorth 3.9.3 — market-value guardrails */
.set-cost-review-title {
  margin-top:2px;
  color:#F3C6CE;
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.set-cost-review-row {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:11px 12px;
  border:1px solid rgba(255,110,130,.20);
  border-radius:14px;
  background:rgba(255,110,130,.055);
}
.set-cost-review-row > span { min-width:0; }
.set-cost-review-row b {
  display:inline-block;
  min-width:42px;
  margin-right:6px;
  color:#FF9CAB;
  font-size:8px;
  letter-spacing:.08em;
}
.set-cost-review-row strong { color:#F4F6F8; font-size:11px; }
.set-cost-review-row small {
  display:block;
  margin:3px 0 0 48px;
  color:#9EA8B6;
  font-size:8px;
  line-height:1.35;
}
.set-cost-review-row em {
  flex:0 0 auto;
  color:#FFD1D8;
  font-size:13px;
  font-style:normal;
  font-weight:850;
}
.set-buy-cost-note {
  display:grid;
  gap:4px;
  padding:12px 13px;
  border:1px solid rgba(0,209,255,.15);
  border-radius:14px;
  background:rgba(0,209,255,.035);
}
.set-buy-cost-note > span {
  color:#82E9FF;
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
}
.set-buy-cost-note strong { color:#E9EDF2; font-size:11px; }
.set-buy-cost-note small { color:#8995A5; font-size:8px; line-height:1.45; }
.set-card-cost.review { color:#FF9CAB !important; }
@media (max-width:780px) {
  .set-cost-review-row { padding:9px 10px; }
  .set-cost-review-row strong { font-size:10px; }
  .set-cost-review-row em { font-size:11px; }
  .set-buy-cost-note { padding:10px 11px; }
}


/* BinderWorth 3.9.5 — Set completion contrast fix
   Replace the legacy light completion card with Collector Tech styling. */
#setModal .set-progress-card {
  color:#F4F6F8 !important;
  background:
    radial-gradient(circle at 88% 20%,rgba(0,209,255,.06),transparent 34%),
    linear-gradient(145deg,#111821,#0D141C) !important;
  border:1px solid rgba(124,77,255,.18) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.20) !important;
}
#setModal .set-progress-card > div:first-child > span {
  color:#A994FF !important;
  -webkit-text-fill-color:#A994FF !important;
  opacity:1 !important;
}
#setModal .set-progress-card > div:first-child > strong {
  color:#F7F9FB !important;
  -webkit-text-fill-color:#F7F9FB !important;
  opacity:1 !important;
}
#setModal .set-progress-card > div:first-child > small {
  color:#9DA7B5 !important;
  -webkit-text-fill-color:#9DA7B5 !important;
  opacity:1 !important;
}
#setModal .set-progress-card .set-progress-track {
  background:#202936 !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.26);
}
#setModal .set-progress-card .set-progress-track i {
  background:linear-gradient(90deg,var(--bw-violet),var(--bw-cyan),var(--bw-emerald)) !important;
}
@media (max-width:780px) {
  #setModal .set-progress-card {
    padding:16px !important;
    border-radius:18px !important;
  }
  #setModal .set-progress-card > div:first-child > strong {
    font-size:28px !important;
    line-height:1.05 !important;
  }
  #setModal .set-progress-card > div:first-child > small {
    margin-top:5px !important;
    font-size:12px !important;
    line-height:1.4 !important;
  }
}


/* BinderWorth 3.10.0 — Actual Buy Cost / live-offer foundation */
.set-buy-cost-panel {
  display:grid;
  gap:11px;
  padding:13px;
  border:1px solid rgba(0,209,255,.17);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(0,209,255,.045),rgba(13,20,28,.94) 55%,rgba(124,77,255,.045));
}
.set-buy-cost-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.set-buy-cost-head > div { min-width:0; }
.set-buy-cost-head .eyebrow { margin:0 0 4px; color:#82E9FF; }
.set-buy-cost-head strong { display:block; color:#F4F6F8; font-size:22px; line-height:1.05; }
.set-buy-cost-head > div > span { display:block; margin-top:6px; color:#96A2B1; font-size:9px; line-height:1.4; }
.set-buy-cost-state { flex:0 0 auto; max-width:150px; padding:6px 9px; border:1px solid rgba(0,209,255,.17); border-radius:999px; color:#AEEFFF; background:rgba(0,209,255,.06); font-size:8px; font-weight:800; text-align:center; }
.set-buy-cost-progress { height:6px; overflow:hidden; border-radius:999px; background:#202936; }
.set-buy-cost-progress i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--bw-cyan),var(--bw-emerald)); transition:width .22s ease; }
.set-buy-cost-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.set-buy-cost-grid article { padding:10px 11px; border:1px solid rgba(166,173,186,.10); border-radius:12px; background:rgba(255,255,255,.022); }
.set-buy-cost-grid span,.set-buy-cost-grid small { display:block; color:#8995A4; font-size:8px; }
.set-buy-cost-grid strong { display:block; margin:4px 0 2px; color:#EDF2F6; font-size:16px; }
.set-buy-cost-highlights { display:grid; gap:7px; }
.set-buy-offer-row { display:flex; justify-content:space-between; gap:12px; padding:9px 10px; border:1px solid rgba(0,209,255,.12); border-radius:12px; background:#101720; }
.set-buy-offer-row > span:first-child { min-width:0; }
.set-buy-offer-row b { display:inline-block; min-width:40px; margin-right:6px; color:#82E9FF; font-size:7px; text-transform:uppercase; }
.set-buy-offer-row strong { color:#E9EDF2; font-size:10px; }
.set-buy-offer-row small { display:block; margin:3px 0 0 46px; color:#7F8998; font-size:7px; line-height:1.35; }
.set-buy-offer-price { flex:0 0 auto; text-align:right; }
.set-buy-offer-price em { display:block; color:#BDF7E2; font-size:12px; font-style:normal; font-weight:850; }
.set-buy-offer-price small { margin:2px 0 0; }
.set-buy-offer-price a { display:block; margin-top:4px; color:#82E9FF; font-size:7px; font-weight:800; }
.set-buy-cost-button { width:100%; min-height:40px; color:#BDF4FF !important; border-color:rgba(0,209,255,.20) !important; background:rgba(0,209,255,.055) !important; }
.set-buy-cost-button:disabled { opacity:.55; cursor:not-allowed; }
.set-buy-cost-foot,.set-buy-cost-empty { color:#7E8998; font-size:8px; line-height:1.45; }
.set-buy-cost-empty { padding:10px 11px; border:1px dashed rgba(0,209,255,.14); border-radius:11px; }
@media (max-width:780px) {
  .set-buy-cost-panel { padding:11px; gap:9px; }
  .set-buy-cost-head { gap:8px; }
  .set-buy-cost-head strong { font-size:19px; }
  .set-buy-cost-state { max-width:110px; font-size:7px; }
  .set-buy-offer-row { padding:8px 9px; }
  .set-buy-offer-row b { min-width:34px; }
  .set-buy-offer-row small { margin-left:40px; }
}

/* BinderWorth 3.10.2 — Merchant Trust & Location */
.set-buy-preferences {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  gap:9px;
  align-items:stretch;
}
.set-buy-preferences label,
.set-buy-location {
  display:grid;
  gap:6px;
  padding:10px 11px;
  border:1px solid rgba(166,173,186,.10);
  border-radius:12px;
  background:rgba(255,255,255,.022);
}
.set-buy-preferences label > span,
.set-buy-location > span {
  color:#95A1B0;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.set-buy-preferences select {
  width:100%;
  min-height:38px;
  padding:8px 32px 8px 10px;
  color:#F4F6F8;
  background:#0B1118;
  border:1px solid rgba(166,173,186,.14);
  border-radius:10px;
}
.set-buy-location { align-content:space-between; }
.set-buy-location > div { display:flex; align-items:center; gap:8px; }
.set-buy-location .button { min-height:34px; padding:7px 10px; font-size:8px; }
.set-buy-location .text-button { font-size:8px; }
.set-buy-trust-note {
  display:flex;
  gap:8px;
  align-items:flex-start;
  padding:9px 10px;
  border:1px solid rgba(0,200,137,.15);
  border-radius:11px;
  background:rgba(0,200,137,.045);
}
.set-buy-trust-note strong { flex:0 0 auto; color:#BDF7E2; font-size:8px; }
.set-buy-trust-note span { color:#8D9AA8; font-size:8px; line-height:1.45; }
@media (max-width:780px) {
  .set-buy-preferences { grid-template-columns:1fr; }
  .set-buy-location > div { flex-wrap:wrap; }
}

/* BinderWorth 3.10.4 — Actual Buy Cost UI polish
   Compact no-source state while preserving the richer connected/results flow. */
#setBuyCostPanel {
  gap:9px;
  padding:12px;
  border-radius:14px;
}
#setBuyCostPanel .set-buy-cost-head {
  align-items:center;
  gap:10px;
}
#setBuyCostPanel .set-buy-cost-head .eyebrow { margin-bottom:3px; }
#setBuyCostPanel .set-buy-cost-head strong {
  font-size:20px;
  line-height:1.08;
}
#setBuyCostPanel .set-buy-cost-head > div > span {
  margin-top:4px;
  font-size:8px;
  line-height:1.35;
}
#setBuyCostPanel .set-buy-cost-state {
  max-width:132px;
  padding:5px 8px;
  font-size:7px;
  line-height:1.2;
}
#setBuyCostPanel .set-buy-cost-progress { height:4px; }
#setBuyCostPanel .set-buy-cost-grid { gap:7px; }
#setBuyCostPanel .set-buy-cost-grid article {
  min-height:62px;
  padding:8px 10px;
  border-radius:11px;
}
#setBuyCostPanel .set-buy-cost-grid span,
#setBuyCostPanel .set-buy-cost-grid small { font-size:7px; }
#setBuyCostPanel .set-buy-cost-grid strong {
  margin:3px 0 1px;
  font-size:15px;
}
#setBuyCostPanel .set-buy-preferences {
  grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);
  gap:7px;
}
#setBuyCostPanel .set-buy-preferences label,
#setBuyCostPanel .set-buy-location {
  gap:5px;
  padding:8px 9px;
  border-radius:11px;
}
#setBuyCostPanel .set-buy-preferences label > span,
#setBuyCostPanel .set-buy-location-copy > span {
  display:block;
  color:#95A1B0;
  font-size:7px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
#setBuyCostPanel .set-buy-location-copy small {
  display:block;
  margin-top:3px;
  color:#7F8C9C;
  font-size:7px;
  line-height:1.3;
}
#setBuyCostPanel .set-buy-preferences select {
  min-height:34px;
  padding:7px 30px 7px 9px;
  border-radius:9px;
  font-size:9px;
}
#setBuyCostPanel .set-buy-location {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
#setBuyCostPanel .set-buy-location-copy { min-width:0; }
#setBuyCostPanel .set-buy-location > div:last-child {
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:6px;
}
#setBuyCostPanel .set-buy-location .button {
  min-height:31px;
  padding:6px 9px;
  font-size:7px;
}
#setBuyCostPanel .set-buy-location .text-button { font-size:7px; }
#setBuyCostPanel .set-buy-trust-note {
  gap:7px;
  padding:8px 9px;
  border-radius:10px;
}
#setBuyCostPanel .set-buy-trust-note strong { font-size:7px; }
#setBuyCostPanel .set-buy-trust-note span {
  font-size:7px;
  line-height:1.35;
}
#setBuyCostPanel .set-buy-cost-button {
  min-height:36px;
  font-size:9px;
}
#setBuyCostPanel .set-buy-cost-foot {
  font-size:7px;
  line-height:1.4;
}
#setBuyCostPanel .set-buy-source-note {
  display:flex;
  gap:7px;
  align-items:flex-start;
  padding:8px 9px;
  border:1px solid rgba(0,209,255,.12);
  border-radius:10px;
  background:rgba(0,209,255,.035);
}
#setBuyCostPanel .set-buy-source-note strong {
  flex:0 0 auto;
  color:#AEEFFF;
  font-size:7px;
}
#setBuyCostPanel .set-buy-source-note span {
  color:#7E8998;
  font-size:7px;
  line-height:1.35;
}
@media (max-width:780px) {
  #setBuyCostPanel {
    gap:8px;
    padding:10px;
  }
  #setBuyCostPanel .set-buy-cost-head { align-items:flex-start; }
  #setBuyCostPanel .set-buy-cost-head strong { font-size:18px; }
  #setBuyCostPanel .set-buy-cost-state {
    max-width:104px;
    padding:5px 7px;
    font-size:6.5px;
  }
  #setBuyCostPanel .set-buy-cost-grid article {
    min-height:56px;
    padding:7px 8px;
  }
  #setBuyCostPanel .set-buy-preferences { grid-template-columns:1fr; }
  #setBuyCostPanel .set-buy-location { padding:8px 9px; }
  #setBuyCostPanel .set-buy-trust-note,
  #setBuyCostPanel .set-buy-source-note { padding:7px 8px; }
}

/* BinderWorth 3.10.5 — Collector crest + merchant location search polish */
#dashboardView .collector-rank-crest {
  display:grid !important;
  place-items:center;
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:12px !important;
  color:#FFD761;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,224,111,.16),transparent 38%),
    linear-gradient(145deg,rgba(124,77,255,.24),rgba(15,19,43,.98));
  box-shadow:inset 0 0 0 1px rgba(255,214,84,.30),0 8px 20px rgba(0,0,0,.18);
  overflow:hidden;
}
#dashboardView .collector-rank-crest svg { width:31px; height:31px; display:block; }
#dashboardView .collector-rank-crest .crest-shield {
  fill:rgba(9,14,25,.72);
  stroke:#FFD761;
  stroke-width:1.35;
}
#dashboardView .collector-rank-crest .crest-frame {
  fill:none;
  stroke:#65E7FF;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#dashboardView .collector-rank-crest .crest-b { fill:#F7F2D6; }

/* Vertically balance the two short trust/information rows. */
#setBuyCostPanel .set-buy-trust-note,
#setBuyCostPanel .set-buy-source-note {
  align-items:center;
}
#setBuyCostPanel .set-buy-trust-note strong,
#setBuyCostPanel .set-buy-source-note strong {
  align-self:center;
}

/* Location can be set without granting browser geolocation permission. */
#setBuyCostPanel .set-buy-location {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px 9px;
  align-items:center;
}
#setBuyCostPanel .set-buy-location-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
#setBuyCostPanel .set-buy-location-search {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
  margin:0;
}
#setBuyCostPanel .set-buy-location-search input {
  width:100%;
  min-width:0;
  min-height:32px;
  padding:6px 9px;
  color:#F4F6F8;
  -webkit-text-fill-color:#F4F6F8;
  background:#0B1118;
  border:1px solid rgba(166,173,186,.14);
  border-radius:9px;
  outline:none;
  font-size:8px;
}
#setBuyCostPanel .set-buy-location-search input::placeholder {
  color:#697687;
  -webkit-text-fill-color:#697687;
  opacity:1;
}
#setBuyCostPanel .set-buy-location-search input:focus {
  border-color:rgba(0,209,255,.52);
  box-shadow:0 0 0 2px rgba(0,209,255,.08);
}
#setBuyCostPanel .set-buy-location-search .button {
  min-height:32px;
  padding:6px 9px;
  font-size:7px;
  white-space:nowrap;
}
@media (max-width:780px) {
  #dashboardView .collector-rank-crest {
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
  }
  #dashboardView .collector-rank-crest svg { width:29px; height:29px; }
  #setBuyCostPanel .set-buy-location {
    grid-template-columns:1fr auto;
  }
  #setBuyCostPanel .set-buy-location-search input { font-size:7.5px; }
}


/* BinderWorth 3.10.7 — Merchant ranking validation */
#setBuyCostPanel .set-buy-strategy-compare {
  display:grid;
  gap:7px;
  padding:8px 9px;
  border:1px solid rgba(124,77,255,.15);
  border-radius:11px;
  background:rgba(124,77,255,.035);
}
#setBuyCostPanel .set-buy-strategy-compare.hidden { display:none !important; }
#setBuyCostPanel .set-buy-compare-head { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
#setBuyCostPanel .set-buy-compare-head > span { color:#B7A8FF; font-size:7px; font-weight:850; letter-spacing:.08em; }
#setBuyCostPanel .set-buy-compare-head small { color:#7E8998; font-size:6.5px; }
#setBuyCostPanel .set-buy-compare-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
#setBuyCostPanel .set-buy-compare-card { min-width:0; padding:8px; text-align:left; border:1px solid rgba(166,173,186,.10); border-radius:10px; background:#101720; box-shadow:none; }
#setBuyCostPanel .set-buy-compare-card.active { border-color:rgba(0,209,255,.30); background:linear-gradient(145deg,rgba(0,209,255,.065),rgba(124,77,255,.055)); }
#setBuyCostPanel .set-buy-compare-card > span { display:block; color:#DDE3EA; font-size:7px; font-weight:800; }
#setBuyCostPanel .set-buy-compare-card > strong { display:block; margin:4px 0 2px; color:#BDF7E2; font-size:12px; line-height:1.05; }
#setBuyCostPanel .set-buy-compare-card > small { display:block; color:#8C98A7; font-size:6.5px; line-height:1.35; }
#setBuyCostPanel .set-buy-compare-card > em { display:block; margin-top:5px; color:#6F7C8D; font-size:6px; font-style:normal; line-height:1.3; }
@media (max-width:780px) {
  #setBuyCostPanel .set-buy-compare-grid { grid-template-columns:1fr; }
  #setBuyCostPanel .set-buy-compare-card { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:10px; align-items:center; }
  #setBuyCostPanel .set-buy-compare-card > strong { grid-column:2; grid-row:1 / span 2; margin:0; font-size:13px; }
  #setBuyCostPanel .set-buy-compare-card > small { grid-column:1; }
  #setBuyCostPanel .set-buy-compare-card > em { grid-column:1 / -1; margin-top:4px; }
}


/* BinderWorth 3.10.9 — unique missing-card live-offer list */
#setBuyCostPanel .set-buy-all-missing {
  overflow:hidden;
  border:1px solid rgba(124,77,255,.16);
  border-radius:13px;
  background:rgba(8,14,21,.40);
}
#setBuyCostPanel .set-buy-all-missing > summary {
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 12px;
  cursor:pointer;
}
#setBuyCostPanel .set-buy-all-missing > summary::-webkit-details-marker { display:none; }
#setBuyCostPanel .set-buy-all-missing > summary span { min-width:0; }
#setBuyCostPanel .set-buy-all-missing > summary strong { display:block; color:#E9EDF3; font-size:10px; }
#setBuyCostPanel .set-buy-all-missing > summary small { display:block; margin-top:3px; color:#8591A0; font-size:7px; }
#setBuyCostPanel .set-buy-all-missing > summary b { min-width:31px; padding:5px 7px; border-radius:999px; color:#BFAEFF; background:rgba(124,77,255,.10); text-align:center; font-size:8px; }
#setBuyCostPanel .set-buy-all-list { display:grid; max-height:520px; overflow-y:auto; border-top:1px solid rgba(166,173,186,.09); }
#setBuyCostPanel .set-buy-all-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 11px; border-bottom:1px solid rgba(166,173,186,.075); }
#setBuyCostPanel .set-buy-all-row:last-child { border-bottom:0; }
#setBuyCostPanel .set-buy-all-row > span:first-child { min-width:0; }
#setBuyCostPanel .set-buy-all-row strong { display:block; color:#E8ECF1; font-size:9px; }
#setBuyCostPanel .set-buy-all-row small { display:block; margin-top:3px; color:#7F8A99; font-size:7px; line-height:1.35; }
#setBuyCostPanel .set-buy-all-price { flex:0 0 auto; text-align:right; }
#setBuyCostPanel .set-buy-all-price em { display:block; color:#BDF7E2; font-size:10px; font-style:normal; font-weight:850; }
#setBuyCostPanel .set-buy-all-price a { display:block; margin-top:3px; color:#82E9FF; font-size:7px; font-weight:800; text-decoration:none; }
#setBuyCostPanel .set-buy-all-status { flex:0 0 auto; color:#8E99A8; font-size:7px; font-weight:800; white-space:nowrap; }
#setBuyCostPanel .set-buy-all-row.unavailable { opacity:.74; }
@media (max-width:780px) {
  #setBuyCostPanel .set-buy-all-list { max-height:430px; }
  #setBuyCostPanel .set-buy-all-row { padding:9px 10px; }
}


/* BinderWorth 3.10.11 — clearer stock-list affordance */
#setBuyCostPanel .set-buy-all-missing > summary {
  min-height:64px;
  transition:background .16s ease,border-color .16s ease;
}
#setBuyCostPanel .set-buy-all-missing > summary:hover,
#setBuyCostPanel .set-buy-all-missing > summary:focus-visible {
  background:rgba(124,77,255,.055);
  outline:none;
}
#setBuyCostPanel .set-buy-all-copy { min-width:0; }
#setBuyCostPanel .set-buy-all-missing > summary .set-buy-all-copy strong {
  font-size:10px;
}
#setBuyCostPanel .set-buy-all-missing > summary .set-buy-all-copy small {
  margin-top:3px;
  font-size:7px;
}
#setBuyCostPanel .set-buy-all-missing > summary .set-buy-all-copy em {
  display:block;
  margin-top:5px;
  color:#AAB4C2;
  font-size:7px;
  line-height:1.35;
  font-style:normal;
}
#setBuyCostPanel .set-buy-all-toggle {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:34px;
  padding:8px 10px;
  border:1px solid rgba(124,77,255,.30);
  border-radius:10px;
  background:rgba(124,77,255,.13);
  color:#D8CFFF;
  font-size:7.5px;
  line-height:1;
  font-weight:850;
  white-space:nowrap;
}
#setBuyCostPanel .set-buy-all-toggle i {
  display:inline-block;
  color:#8BEAFF;
  font-size:12px;
  line-height:.7;
  font-style:normal;
  transform:translateY(-1px);
  transition:transform .16s ease;
}
#setBuyCostPanel .set-buy-all-toggle-open { display:none; }
#setBuyCostPanel .set-buy-all-missing[open] > summary .set-buy-all-toggle-closed { display:none; }
#setBuyCostPanel .set-buy-all-missing[open] > summary .set-buy-all-toggle-open { display:inline; }
#setBuyCostPanel .set-buy-all-missing[open] > summary .set-buy-all-toggle i { transform:rotate(180deg) translateY(1px); }
#setBuyCostPanel .set-buy-all-missing[open] > summary {
  background:rgba(124,77,255,.045);
  border-bottom:1px solid rgba(166,173,186,.08);
}
@media (max-width:780px) {
  #setBuyCostPanel .set-buy-all-missing > summary { gap:9px; padding:11px 10px; }
  #setBuyCostPanel .set-buy-all-toggle { min-height:32px; padding:7px 8px; font-size:7px; }
  #setBuyCostPanel .set-buy-all-missing > summary .set-buy-all-copy em { max-width:200px; }
}

/* BinderWorth 3.10.12 — Missing Cards UX polish + simplified collector rank medal */

/* Collector rank: a simple circular BinderWorth medal that visually belongs with the level dial. */
#dashboardView .collector-rank-crest {
  display:grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  flex:0 0 44px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
#dashboardView .collector-rank-medal {
  position:relative;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:2px solid rgba(255,215,97,.90);
  border-radius:50%;
  background:
    radial-gradient(circle at 36% 28%,rgba(255,235,151,.20),transparent 34%),
    linear-gradient(145deg,rgba(124,77,255,.42),rgba(18,19,48,.98));
  box-shadow:
    inset 0 0 0 3px rgba(7,12,21,.72),
    0 0 0 1px rgba(101,231,255,.18),
    0 7px 18px rgba(0,0,0,.22);
}
#dashboardView .collector-rank-medal::after {
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  right:-1px;
  bottom:3px;
  border-radius:2px;
  background:#65E7FF;
  transform:rotate(45deg);
  box-shadow:0 0 8px rgba(101,231,255,.52);
}
#dashboardView .collector-rank-medal b {
  display:block;
  color:#FFF4C9;
  font-size:21px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.06em;
  transform:translateX(-.5px);
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}

/* Missing-card page: cards first, buying/value analysis on demand. */
#setModal .set-buying-insights {
  overflow:hidden;
  margin:14px 0 4px;
  border:1px solid rgba(124,77,255,.17);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(124,77,255,.035),rgba(8,14,21,.48));
}
#setModal .set-buying-insights > summary {
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:58px;
  padding:11px 12px;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
#setModal .set-buying-insights > summary::-webkit-details-marker { display:none; }
#setModal .set-buying-insights > summary:hover,
#setModal .set-buying-insights > summary:focus-visible {
  background:rgba(124,77,255,.045);
  outline:none;
}
#setModal .set-buying-insights-copy { min-width:0; }
#setModal .set-buying-insights-copy > strong {
  display:flex;
  align-items:center;
  gap:7px;
  color:#EDEFF4;
  font-size:11px;
  line-height:1.2;
}
#setModal .set-buying-insights-copy > strong b {
  display:inline-flex;
  padding:3px 6px;
  border:1px solid rgba(124,77,255,.20);
  border-radius:999px;
  color:#BCAEFF;
  background:rgba(124,77,255,.08);
  font-size:6.5px;
  line-height:1;
  letter-spacing:.06em;
  text-transform:uppercase;
}
#setModal .set-buying-insights-copy small {
  display:block;
  margin-top:4px;
  color:#7F8B9A;
  font-size:7.5px;
  line-height:1.4;
}
#setModal .set-buying-insights-toggle {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:7px 9px;
  border:1px solid rgba(124,77,255,.22);
  border-radius:10px;
  color:#D6CDFF;
  background:rgba(124,77,255,.09);
  font-size:7px;
  font-weight:850;
  white-space:nowrap;
}
#setModal .set-buying-insights-toggle i,
#setModal .set-insight-drilldown > summary > b i {
  display:inline-block;
  color:#82E9FF;
  font-size:11px;
  line-height:.8;
  font-style:normal;
  transition:transform .16s ease;
}
#setModal .set-buying-insights .open-copy { display:none; }
#setModal .set-buying-insights[open] > summary .closed-copy { display:none; }
#setModal .set-buying-insights[open] > summary .open-copy { display:inline; }
#setModal .set-buying-insights[open] > summary .set-buying-insights-toggle i { transform:rotate(180deg); }
#setModal .set-buying-insights[open] > summary {
  border-bottom:1px solid rgba(166,173,186,.08);
  background:rgba(124,77,255,.035);
}
#setModal .set-buying-insights-body { padding:10px; }

/* The market-value panel is now a compact summary, not a dashboard wall. */
#setModal .set-buying-insights .set-cost-panel {
  margin:0;
  padding:11px;
  gap:10px;
  border-color:rgba(0,200,137,.13);
  border-radius:13px;
  background:rgba(10,17,24,.72);
  box-shadow:none;
}
#setModal .set-insight-kicker {
  display:block;
  margin-bottom:4px;
  color:#A994FF;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}
#setModal .set-buying-insights .set-cost-head > div > strong { font-size:24px; }
#setModal .set-buying-insights .set-cost-head > div > span:not(.set-insight-kicker) {
  max-width:390px;
  font-size:8px;
}
#setModal .set-buying-insights .set-cost-state {
  max-width:118px;
  padding:6px 8px;
  font-size:7px;
}
#setModal .set-buying-insights .set-cost-progress { height:5px; }
#setModal .compact-market-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
#setModal .compact-market-grid article { padding:9px 10px; }
#setModal .compact-market-grid strong { font-size:16px; }

/* Price review / high-value / live-offer detail is progressive disclosure. */
#setModal .set-cost-highlights { gap:7px; }
#setModal .set-insight-drilldown {
  overflow:hidden;
  border:1px solid rgba(166,173,186,.10);
  border-radius:12px;
  background:rgba(255,255,255,.018);
}
#setModal .set-insight-drilldown > summary {
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:50px;
  padding:9px 10px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
#setModal .set-insight-drilldown > summary::-webkit-details-marker { display:none; }
#setModal .set-insight-drilldown > summary:hover,
#setModal .set-insight-drilldown > summary:focus-visible {
  background:rgba(255,255,255,.025);
  outline:none;
}
#setModal .set-insight-drilldown > summary > span { min-width:0; }
#setModal .set-insight-drilldown > summary strong {
  display:block;
  color:#E7EBF0;
  font-size:9px;
}
#setModal .set-insight-drilldown > summary small {
  display:block;
  margin-top:3px;
  color:#7E8998;
  font-size:7px;
  line-height:1.35;
}
#setModal .set-insight-drilldown > summary > b {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#BAAEFF;
  font-size:7px;
  font-weight:850;
  white-space:nowrap;
}
#setModal .set-insight-drilldown .open-copy { display:none; }
#setModal .set-insight-drilldown[open] > summary .closed-copy { display:none; }
#setModal .set-insight-drilldown[open] > summary .open-copy { display:inline; }
#setModal .set-insight-drilldown[open] > summary > b i { transform:rotate(180deg); }
#setModal .set-insight-drilldown[open] > summary { border-bottom:1px solid rgba(166,173,186,.08); }
#setModal .set-insight-drilldown-body {
  display:grid;
  gap:7px;
  padding:8px;
}
#setModal .set-price-review-list { max-height:420px; overflow-y:auto; }
#setModal .set-live-offers-drilldown { border-color:rgba(0,209,255,.13); }
#setModal .set-live-offers-drilldown > summary > b { color:#82E9FF; }
#setModal .set-live-offers-drilldown .set-buy-cost-panel {
  margin:0;
  border-radius:11px;
}
#setModal .set-buying-insights .set-cost-foot {
  padding-top:1px;
  font-size:7px;
}

@media (max-width:780px) {
  #dashboardView .collector-rank-crest {
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }
  #dashboardView .collector-rank-medal { width:34px; height:34px; }
  #dashboardView .collector-rank-medal b { font-size:20px; }

  #setModal .set-buying-insights { margin-top:11px; border-radius:13px; }
  #setModal .set-buying-insights > summary { min-height:56px; padding:10px; gap:8px; }
  #setModal .set-buying-insights-copy > strong { font-size:10px; }
  #setModal .set-buying-insights-copy small { max-width:245px; font-size:7px; }
  #setModal .set-buying-insights-toggle { min-height:30px; padding:6px 8px; font-size:6.5px; }
  #setModal .set-buying-insights-body { padding:8px; }
  #setModal .set-buying-insights .set-cost-panel { padding:9px; gap:8px; }
  #setModal .set-buying-insights .set-cost-head > div > strong { font-size:22px; }
  #setModal .set-buying-insights .set-cost-head > div > span:not(.set-insight-kicker) { font-size:7.5px; }
  #setModal .compact-market-grid article { min-height:58px; padding:8px 9px; }
  #setModal .set-insight-drilldown > summary { min-height:48px; padding:8px 9px; }
  #setModal .set-insight-drilldown > summary strong { font-size:8.5px; }
  #setModal .set-insight-drilldown > summary small { font-size:6.5px; }
  #setModal .set-insight-drilldown > summary > b { font-size:6.5px; }
}

/* BinderWorth 3.10.13 — Live Offers UX polish
   Make the optional live-offer tool compact, action-led and mobile-first. */
#setModal .set-live-offers-drilldown .set-insight-drilldown-body {
  padding:6px;
}
#setModal .set-live-offers-drilldown .set-buy-cost-panel {
  border-radius:12px;
}

#setBuyCostPanel {
  gap:7px;
  padding:9px;
  border-color:rgba(0,209,255,.12);
  background:linear-gradient(145deg,rgba(0,209,255,.022),rgba(13,20,28,.94) 58%,rgba(124,77,255,.018));
  box-shadow:none;
}
#setBuyCostPanel .set-buy-cost-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
}
#setBuyCostPanel .set-buy-cost-heading {
  min-width:0;
  flex:1 1 auto;
}
#setBuyCostPanel .set-buy-cost-title {
  display:block;
  color:#F3F6F8;
  font-size:14px;
  line-height:1.1;
  letter-spacing:-.015em;
}
#setBuyCostPanel .set-buy-cost-head .set-buy-cost-heading > span {
  display:block;
  margin-top:3px;
  max-width:310px;
  color:#8995A4;
  font-size:7px;
  line-height:1.35;
}
#setBuyCostPanel .set-buy-cost-state {
  max-width:112px;
  padding:5px 8px;
  border-color:rgba(0,209,255,.14);
  background:rgba(0,209,255,.045);
  color:#B9F4FF;
  font-size:6.5px;
  line-height:1.15;
}
#setBuyCostPanel .set-buy-cost-result {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  padding:5px 1px 2px;
  border-top:1px solid rgba(166,173,186,.07);
}
#setBuyCostPanel .set-buy-cost-result.hidden { display:none !important; }
#setBuyCostPanel .set-buy-cost-result > span {
  color:#7F8C9B;
  font-size:7px;
  font-weight:750;
}
#setBuyCostPanel .set-buy-cost-result > strong {
  color:#C7F7E8;
  font-size:17px;
  line-height:1;
  text-align:right;
}
#setBuyCostPanel .set-buy-cost-progress {
  height:3px;
  background:#1C2531;
}
#setBuyCostPanel .set-buy-cost-grid {
  gap:6px;
}
#setBuyCostPanel .set-buy-cost-grid article {
  min-height:48px;
  padding:7px 9px;
  border-color:rgba(166,173,186,.075);
  border-radius:10px;
  background:rgba(255,255,255,.016);
}
#setBuyCostPanel .set-buy-cost-grid span,
#setBuyCostPanel .set-buy-cost-grid small {
  font-size:6.5px;
}
#setBuyCostPanel .set-buy-cost-grid strong {
  margin:2px 0 0;
  font-size:14px;
}

#setBuyCostPanel .set-buy-preferences {
  grid-template-columns:1fr;
  gap:6px;
}
#setBuyCostPanel .set-buy-preferences label,
#setBuyCostPanel .set-buy-location {
  padding:7px 8px;
  border:1px solid rgba(166,173,186,.075);
  border-radius:10px;
  background:rgba(255,255,255,.014);
  box-shadow:none;
}
#setBuyCostPanel .set-buy-preferences label {
  display:grid;
  gap:4px;
}
#setBuyCostPanel .set-buy-preferences label > span,
#setBuyCostPanel .set-buy-location-head > span {
  color:#8E9AAA;
  font-size:6.5px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#setBuyCostPanel .set-buy-preferences select {
  min-height:32px;
  padding:6px 29px 6px 9px;
  border-radius:8px;
  font-size:8.5px;
}

#setBuyCostPanel .set-buy-location {
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
}
#setBuyCostPanel .set-buy-location-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
}
#setBuyCostPanel .set-buy-location-head small {
  color:#727F8F;
  font-size:6.5px;
  line-height:1.25;
  text-align:right;
}
#setBuyCostPanel .set-buy-location-current {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
}
#setBuyCostPanel .set-buy-location-current > strong {
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
  color:#DCE4EA;
  font-size:8px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#setBuyCostPanel .set-buy-location-actions {
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:6px;
}
#setBuyCostPanel .set-buy-location .button {
  min-height:29px;
  padding:5px 8px;
  border-radius:8px;
  font-size:6.5px;
}
#setBuyCostPanel .set-buy-location .text-button {
  font-size:6.5px;
}
#setBuyCostPanel .set-buy-location-search {
  grid-column:auto;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
}
#setBuyCostPanel .set-buy-location-search input {
  min-height:30px;
  padding:5px 8px;
  border-color:rgba(166,173,186,.11);
  border-radius:8px;
  font-size:7.5px;
}

#setBuyCostPanel .set-buy-trust-note {
  display:flex;
  align-items:center;
  gap:7px;
  padding:5px 2px;
  border:0;
  border-radius:0;
  background:transparent;
}
#setBuyCostPanel .set-buy-trust-note strong {
  flex:0 0 auto;
  color:#BDF7E2;
  font-size:6.5px;
  white-space:nowrap;
}
#setBuyCostPanel .set-buy-trust-note strong > span {
  color:#72E6BE;
}
#setBuyCostPanel .set-buy-trust-note > span {
  color:#7F8B99;
  font-size:6.5px;
  line-height:1.3;
}

#setBuyCostPanel .set-buy-cost-button {
  min-height:38px;
  border:1px solid rgba(0,209,255,.25) !important;
  border-radius:10px;
  color:#061217 !important;
  background:linear-gradient(135deg,#36DFFF,#34D8BD) !important;
  box-shadow:0 8px 18px rgba(0,209,255,.10) !important;
  font-size:8.5px;
  font-weight:900;
}
#setBuyCostPanel .set-buy-cost-button:hover,
#setBuyCostPanel .set-buy-cost-button:focus-visible {
  background:linear-gradient(135deg,#5BE7FF,#51E2C8) !important;
}
#setBuyCostPanel .set-buy-cost-button:disabled {
  opacity:.52;
  box-shadow:none !important;
}

#setBuyCostPanel .set-buy-how-it-works {
  border-top:1px solid rgba(166,173,186,.07);
}
#setBuyCostPanel .set-buy-how-it-works > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:30px;
  padding:6px 1px 0;
  color:#7E8B9A;
  cursor:pointer;
  list-style:none;
  font-size:6.5px;
  font-weight:800;
}
#setBuyCostPanel .set-buy-how-it-works > summary::-webkit-details-marker { display:none; }
#setBuyCostPanel .set-buy-how-it-works > summary i {
  color:#82E9FF;
  font-style:normal;
  transition:transform .18s ease;
}
#setBuyCostPanel .set-buy-how-it-works[open] > summary i { transform:rotate(180deg); }
#setBuyCostPanel .set-buy-how-it-works .set-buy-cost-foot {
  padding:5px 1px 1px;
  color:#778493;
  font-size:6.5px;
  line-height:1.45;
}

/* Results remain stronger than settings once the user has checked offers. */
#setBuyCostPanel .set-buy-strategy-compare,
#setBuyCostPanel .set-buy-cost-highlights {
  margin-top:1px;
}

@media (max-width:780px) {
  #setModal .set-live-offers-drilldown .set-insight-drilldown-body { padding:5px; }
  #setBuyCostPanel { gap:6px; padding:8px; }
  #setBuyCostPanel .set-buy-cost-head { align-items:center; }
  #setBuyCostPanel .set-buy-cost-title { font-size:13px; }
  #setBuyCostPanel .set-buy-cost-state { max-width:96px; font-size:6px; }
  #setBuyCostPanel .set-buy-cost-grid article { min-height:45px; padding:6px 8px; }
  #setBuyCostPanel .set-buy-location { padding:7px 8px; }
  #setBuyCostPanel .set-buy-trust-note { padding:4px 1px; }
  #setBuyCostPanel .set-buy-cost-button { min-height:37px; }
}

@media (max-width:390px) {
  #setBuyCostPanel .set-buy-location-head {
    align-items:flex-start;
  }
  #setBuyCostPanel .set-buy-location-head small {
    max-width:155px;
  }
  #setBuyCostPanel .set-buy-location-current {
    flex-wrap:wrap;
  }
  #setBuyCostPanel .set-buy-location-current > strong {
    flex:1 1 125px;
  }
  #setBuyCostPanel .set-buy-location-actions {
    margin-left:auto;
  }
  #setBuyCostPanel .set-buy-trust-note {
    align-items:flex-start;
  }
}

/* BinderWorth 3.12.1 — telemetry consent + local scanner diagnostics */
.feedback-consent-frame {
  max-width: 520px;
}
.feedback-consent-lead {
  margin: 8px 0 14px;
  color: #C5CBD4;
  line-height: 1.55;
}
.feedback-consent-privacy {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 14px;
}
.feedback-consent-privacy span {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px 10px;
  border: 1px solid rgba(0, 200, 137, .18);
  border-radius: 12px;
  background: rgba(0, 200, 137, .055);
  color: #BDEBD9;
  font-size: 12px;
  font-weight: 750;
}
.feedback-consent-detail {
  margin: 0 0 8px;
  color: #8F99A7;
  font-size: 13px;
  line-height: 1.5;
}
.feedback-consent-actions {
  margin-top: 16px;
}
.feedback-consent-actions .button.primary {
  min-width: 190px;
}
.diagnostic-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-top: 12px;
}
.diagnostic-actions .button {
  min-height: 42px;
}
.diagnostic-actions .text-button:disabled,
.diagnostic-actions .button:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.diagnostic-note {
  margin-top: 9px;
}
.feedback-settings .settings-toggle small {
  line-height: 1.45;
}

@media (max-width: 520px) {
  .feedback-consent-privacy {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .feedback-consent-privacy span {
    min-height: 36px;
    justify-content: flex-start;
    text-align: left;
  }
  .feedback-consent-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .feedback-consent-actions .action-spacer { display: none; }
  .feedback-consent-actions .button {
    width: 100%;
    min-width: 0;
  }
  .feedback-consent-actions .button.primary { order: -1; }
  .diagnostic-actions {
    align-items: stretch;
  }
  .diagnostic-actions .button {
    width: 100%;
  }
}

/* 3.13.0 Collector cloud recovery */
.cloud-recovery-list { display:grid; gap:10px; margin-top:12px; }
.cloud-recovery-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 14px; border:1px solid rgba(126,87,255,.22); border-radius:16px; background:rgba(10,15,23,.54); }
.cloud-recovery-row > div { min-width:0; display:grid; gap:4px; }
.cloud-recovery-row strong { color:#F4F7FB; font-size:.96rem; }
.cloud-recovery-row span { color:#8C96A8; font-size:.78rem; line-height:1.35; }
.cloud-recovery-row .button { flex:0 0 auto; min-height:40px; padding:0 14px; }
@media (max-width:560px) {
  .cloud-recovery-row { align-items:flex-start; }
  .cloud-recovery-row .button { min-width:84px; }
}


/* 3.13.1 Achievements polish */
.concept-b-level-badge {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin: 0 auto 4px;
  border-radius: 8px;
  background:
    radial-gradient(circle at 28% 26%, rgba(104, 212, 255, .22), transparent 42%),
    linear-gradient(145deg, rgba(18, 24, 34, .98), rgba(41, 24, 73, .92));
  border: 1px solid rgba(241, 203, 92, .58);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 8px 18px rgba(0,0,0,.22),
    0 0 0 1px rgba(124,77,255,.16);
}
.concept-b-level-badge::before,
.concept-b-level-badge::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 10px;
  pointer-events: none;
}
.concept-b-level-badge::before {
  border: 1px solid rgba(124,77,255,.28);
  opacity: .85;
}
.concept-b-level-badge::after {
  inset: auto 4px -4px 4px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(124,77,255,.62), rgba(0,209,255,.34));
  filter: blur(.4px);
}
.concept-b-level-badge > span {
  position: relative;
  z-index: 1;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  color: #F7E39B;
  text-shadow: 0 1px 0 rgba(0,0,0,.35), 0 0 10px rgba(124,77,255,.22);
}
.concept-b-level-core > .concept-b-level-badge + strong {
  margin-top: 1px;
}
.collector-panel-concept-b .concept-b-level-badge {
  width: 20px;
  height: 20px;
  margin-bottom: 3px;
}
.collector-panel-concept-b .concept-b-level-badge > span {
  font-size: 11px;
}
.achievements-page-level .concept-b-level-badge {
  width: 24px;
  height: 24px;
  margin-bottom: 5px;
}
.achievements-page-level .concept-b-level-badge > span {
  font-size: 13px;
}
.collector-panel-concept-b .concept-b-level-core,
.achievements-page-level .concept-b-level-core {
  gap: 0;
}
#achievementsView {
  padding-bottom: calc(148px + env(safe-area-inset-bottom));
}
#achievementsView .achievement-full-grid,
#achievementsView .achievements-page-stats {
  scroll-margin-bottom: calc(124px + env(safe-area-inset-bottom));
}
@media (max-width: 640px) {
  .collector-panel-concept-b .concept-b-level-badge {
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-50%);
  }
  .collector-panel-concept-b .concept-b-level-badge::after,
  .achievements-page-level .concept-b-level-badge::after {
    inset: auto 4px -3px 4px;
    height: 3px;
  }
  .achievements-page-level .concept-b-level-badge {
    margin-bottom: 4px;
  }
}


/* 3.13.2 Collector UI correction
   Level dial is intentionally number-only; rank branding lives in Collector Rank.
   Recently Added gets an explicit mobile card width because the legacy 3.7.8
   flex:auto rule otherwise overrides the intended peek-card sizing. */
.concept-b-level-core {
  justify-content:center;
}
.concept-b-level-core > strong {
  margin-top:0 !important;
}

@media (max-width: 780px) {
  #dashboardView .recent-list .recent-row {
    flex: 0 0 min(190px, 61vw) !important;
    width: min(190px, 61vw) !important;
    min-width: 0 !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    grid-template-areas:
      "image copy"
      "image value";
    column-gap: 9px;
    row-gap: 2px;
    min-height: 70px;
    padding: 8px 9px;
  }
  #dashboardView .recent-list .recent-row > img {
    grid-area:image;
    width:36px;
    height:50px;
    align-self:center;
  }
  #dashboardView .recent-list .recent-row > span:nth-of-type(1) {
    grid-area:copy;
    min-width:0;
    align-self:end;
  }
  #dashboardView .recent-list .recent-row > span:nth-of-type(1) strong,
  #dashboardView .recent-list .recent-row > span:nth-of-type(1) small {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  #dashboardView .recent-list .recent-value {
    grid-area:value;
    display:flex;
    align-items:baseline;
    gap:5px;
    min-width:0;
    align-self:start;
    text-align:left;
    white-space:nowrap;
  }
  #dashboardView .recent-list .recent-value small {
    display:inline;
    font-size:7px;
  }
  #dashboardView .recent-list {
    padding-right:36px;
  }
}

@media (max-width: 380px) {
  #dashboardView .recent-list .recent-row {
    flex-basis:min(178px, 59vw) !important;
    width:min(178px, 59vw) !important;
  }
}


/* 3.13.3 Achievements page correction
   This page no longer inherits the dashboard collector-card geometry.
   The level ring is deliberately number-only; rank identity is separate. */
#achievementsView .concept-b-level-badge,
#achievementsView .concept-b-crown {
  display: none !important;
}
#achievementsView .achievements-page-hero {
  padding: 24px;
}
#achievementsView .achievements-page-level {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  margin-top: 20px;
}
#achievementsView .achievements-concept-b-wrap {
  width: 118px;
  min-width: 118px;
  display: grid;
  place-items: center;
  justify-self: start;
}
#achievementsView .achievements-concept-b-wrap .concept-b-level-ring {
  position: relative !important;
  width: 108px !important;
  height: 108px !important;
  min-width: 108px !important;
  min-height: 108px !important;
  margin: 0 !important;
}
#achievementsView .achievements-concept-b-wrap .concept-b-level-core {
  position: absolute !important;
  inset: 17px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}
#achievementsView .achievements-concept-b-wrap .concept-b-level-core strong {
  margin: 0 !important;
  font-size: 36px !important;
  line-height: .92 !important;
}
#achievementsView .achievements-concept-b-wrap .concept-b-level-core > span:last-child {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  border: 0 !important;
  font-size: 8px !important;
  line-height: 1 !important;
  letter-spacing: .16em !important;
}
#achievementsView .achievements-level-meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  text-align: left;
}
#achievementsView .achievements-level-meta .collector-rank-pill {
  max-width: 100%;
  white-space: normal;
  text-align: left;
}
#achievementsView .achievements-level-meta #achievementsPageXp {
  display: block;
  margin: 0;
  font-size: clamp(30px, 8vw, 42px);
  line-height: 1;
}
#achievementsView .achievements-level-meta #achievementsPageXpMeta {
  display: block;
  margin: 0;
  line-height: 1.35;
}
#achievementsView {
  padding-bottom: calc(166px + env(safe-area-inset-bottom)) !important;
}

@media (max-width: 640px) {
  #achievementsView .achievements-page-hero {
    padding: 20px 18px 22px;
  }
  #achievementsView .achievements-page-hero > div:first-child > p:last-child {
    margin-bottom: 0;
  }
  #achievementsView .achievements-page-level {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 15px;
    margin-top: 18px;
  }
  #achievementsView .achievements-concept-b-wrap {
    width: 104px;
    min-width: 104px;
  }
  #achievementsView .achievements-concept-b-wrap .concept-b-level-ring {
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    min-height: 98px !important;
  }
  #achievementsView .achievements-concept-b-wrap .concept-b-level-core {
    inset: 16px !important;
  }
  #achievementsView .achievements-concept-b-wrap .concept-b-level-core strong {
    font-size: 33px !important;
  }
  #achievementsView .achievements-level-meta #achievementsPageXp {
    font-size: 32px;
  }
  #achievementsView .achievements-level-meta .collector-rank-pill {
    font-size: 11px;
    line-height: 1.2;
  }
}

@media (max-width: 390px) {
  #achievementsView .achievements-page-level {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 12px;
  }
  #achievementsView .achievements-concept-b-wrap {
    width: 92px;
    min-width: 92px;
  }
  #achievementsView .achievements-concept-b-wrap .concept-b-level-ring {
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
  }
  #achievementsView .achievements-concept-b-wrap .concept-b-level-core {
    inset: 14px !important;
  }
  #achievementsView .achievements-concept-b-wrap .concept-b-level-core strong {
    font-size: 30px !important;
  }
}


/* 3.13.4 Collector level number resilience
   Scale by digit count so triple-figure and larger levels never collide with the dial. */
.concept-b-level-core strong[data-level-digits] {
  display:block;
  max-width:100%;
  white-space:nowrap;
  text-align:center;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  letter-spacing:-.02em;
}

/* Home collector dial */
#dashboardView .collector-panel-concept-b .concept-b-level-core strong[data-level-digits="triple"] {
  font-size:20px !important;
  letter-spacing:-.045em;
}
#dashboardView .collector-panel-concept-b .concept-b-level-core strong[data-level-digits="quad"] {
  font-size:17px !important;
  letter-spacing:-.055em;
}
#dashboardView .collector-panel-concept-b .concept-b-level-core strong[data-level-digits="long"] {
  font-size:14px !important;
  letter-spacing:-.065em;
}

/* Full Achievements page dial */
#achievementsView .achievements-concept-b-wrap .concept-b-level-core strong[data-level-digits="triple"] {
  font-size:28px !important;
  letter-spacing:-.04em !important;
}
#achievementsView .achievements-concept-b-wrap .concept-b-level-core strong[data-level-digits="quad"] {
  font-size:23px !important;
  letter-spacing:-.05em !important;
}
#achievementsView .achievements-concept-b-wrap .concept-b-level-core strong[data-level-digits="long"] {
  font-size:19px !important;
  letter-spacing:-.06em !important;
}

@media (max-width:390px) {
  #achievementsView .achievements-concept-b-wrap .concept-b-level-core strong[data-level-digits="triple"] { font-size:25px !important; }
  #achievementsView .achievements-concept-b-wrap .concept-b-level-core strong[data-level-digits="quad"] { font-size:21px !important; }
  #achievementsView .achievements-concept-b-wrap .concept-b-level-core strong[data-level-digits="long"] { font-size:17px !important; }
}


/* 3.13.5 Recently Added carousel polish
   Dedicated manual-swipe carousel. No autoplay, no JS-driven movement. */
@media (max-width: 780px) {
  #dashboardView .recent-carousel {
    display:flex !important;
    flex-flow:row nowrap !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:1px 52px 8px 1px !important;
    box-sizing:border-box !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-inline-start:1px;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    touch-action:pan-x pan-y;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
  #dashboardView .recent-carousel::-webkit-scrollbar {
    display:none;
    width:0;
    height:0;
  }
  #dashboardView .recent-carousel .recent-row {
    flex:0 0 calc(100% - 52px) !important;
    width:calc(100% - 52px) !important;
    max-width:none !important;
    min-width:0 !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:normal !important;
  }
  #dashboardView .recent-carousel .recent-row:only-child {
    flex-basis:100% !important;
    width:100% !important;
  }
  #dashboardView .recent-carousel .empty-state {
    flex:0 0 100%;
    width:100%;
  }
}

@media (max-width: 380px) {
  #dashboardView .recent-carousel {
    padding-right:44px !important;
  }
  #dashboardView .recent-carousel .recent-row {
    flex-basis:calc(100% - 44px) !important;
    width:calc(100% - 44px) !important;
  }
  #dashboardView .recent-carousel .recent-row:only-child {
    flex-basis:100% !important;
    width:100% !important;
  }
}


/* 3.13.6 Recently Added width correction
   Keep every card compact, including a single-card carousel. The previous
   :only-child rule expanded one card to full width and removed the carousel feel. */
@media (max-width: 780px) {
  #dashboardView .recent-carousel {
    padding-right: 18px !important;
  }
  #dashboardView .recent-carousel .recent-row,
  #dashboardView .recent-carousel .recent-row:only-child {
    flex: 0 0 clamp(238px, 78vw, 320px) !important;
    width: clamp(238px, 78vw, 320px) !important;
    max-width: calc(100% - 22px) !important;
  }
}
@media (max-width: 380px) {
  #dashboardView .recent-carousel {
    padding-right: 16px !important;
  }
  #dashboardView .recent-carousel .recent-row,
  #dashboardView .recent-carousel .recent-row:only-child {
    flex-basis: clamp(222px, 76vw, 286px) !important;
    width: clamp(222px, 76vw, 286px) !important;
    max-width: calc(100% - 20px) !important;
  }
}

/* 3.13.8 Recently Added deterministic swipe paging
   Android touch gestures are handled card-by-card in app.js; vertical page scrolling remains native. */
@media (max-width: 780px) {
  #dashboardView .recent-carousel {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    touch-action: pan-y !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch;
  }
  #dashboardView .recent-carousel.recent-carousel-touching {
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
  }
  #dashboardView .recent-carousel .recent-row {
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
  #dashboardView .recent-carousel .recent-row img {
    pointer-events: none;
    -webkit-user-drag: none;
  }
}


/* 3.13.9 Home activity carousels
   Recently Added and Price Movement share the same manual horizontal paging behaviour. */
@media (max-width: 780px) {
  #dashboardView .recent-carousel,
  #dashboardView .movers-carousel {
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain !important;
    touch-action:pan-y !important;
    scrollbar-width:none;
    padding:1px 18px 8px 1px !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
  #dashboardView .recent-carousel::-webkit-scrollbar,
  #dashboardView .movers-carousel::-webkit-scrollbar { display:none; }
  #dashboardView .recent-carousel.home-carousel-touching,
  #dashboardView .movers-carousel.home-carousel-touching {
    scroll-snap-type:none !important;
    scroll-behavior:auto !important;
  }
  #dashboardView .recent-carousel .recent-row,
  #dashboardView .recent-carousel .recent-row:only-child {
    flex:0 0 clamp(238px,78vw,320px) !important;
    width:clamp(238px,78vw,320px) !important;
    max-width:calc(100% - 22px) !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
  }
  #dashboardView .movers-carousel .mover-row,
  #dashboardView .movers-carousel .mover-row:only-child {
    flex:0 0 clamp(190px,62vw,250px) !important;
    width:clamp(190px,62vw,250px) !important;
    max-width:calc(100% - 42px) !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
  }
  #dashboardView .recent-carousel .recent-row,
  #dashboardView .movers-carousel .mover-row {
    user-select:none;
    -webkit-user-select:none;
    -webkit-user-drag:none;
  }
  #dashboardView .recent-carousel .recent-row img { pointer-events:none; -webkit-user-drag:none; }
}
@media (max-width:380px) {
  #dashboardView .recent-carousel,
  #dashboardView .movers-carousel { padding-right:16px !important; }
  #dashboardView .recent-carousel .recent-row,
  #dashboardView .recent-carousel .recent-row:only-child {
    flex-basis:clamp(222px,76vw,286px) !important;
    width:clamp(222px,76vw,286px) !important;
  }
  #dashboardView .movers-carousel .mover-row,
  #dashboardView .movers-carousel .mover-row:only-child {
    flex-basis:clamp(178px,60vw,228px) !important;
    width:clamp(178px,60vw,228px) !important;
  }
}


/* 3.13.10 Native Home activity carousels
   Root-cause correction: do not intercept Android touch gestures in JS.
   The browser owns horizontal panning; scroll snap only settles the row. */
@media (max-width: 780px) {
  #dashboardView .recent-carousel,
  #dashboardView .movers-carousel {
    display: flex !important;
    flex-flow: row nowrap !important;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    scroll-behavior: auto !important;
    scrollbar-width: none !important;
    cursor: grab;
  }
  #dashboardView .recent-carousel::-webkit-scrollbar,
  #dashboardView .movers-carousel::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  #dashboardView .recent-carousel .recent-row,
  #dashboardView .movers-carousel .mover-row {
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
    touch-action: auto !important;
  }
}

/* 3.13.12 Home activity root fix
   Parent scrolling is deliberately NOT restyled here. Both Home strips use the
   exact .dashboard-achievement-scroll mechanics already proven by Achievement Board. */
#dashboardView #recentCollection > .recent-row {
  flex: 0 0 min(280px, 76vw) !important;
  width: min(280px, 76vw) !important;
  min-width: min(280px, 76vw) !important;
  max-width: min(280px, 76vw) !important;
  min-height: 76px !important;
  height: auto !important;
  box-sizing: border-box !important;
  scroll-snap-align: start;
  cursor: pointer;
}
#dashboardView #moversList > .mover-row {
  flex: 0 0 min(230px, 70vw) !important;
  width: min(230px, 70vw) !important;
  min-width: min(230px, 70vw) !important;
  max-width: min(230px, 70vw) !important;
  min-height: 76px !important;
  height: auto !important;
  box-sizing: border-box !important;
  scroll-snap-align: start;
}
#dashboardView #recentCollection > .recent-row:focus-visible {
  outline: 2px solid rgba(0,209,255,.72);
  outline-offset: 2px;
}
@media (max-width:380px) {
  #dashboardView #recentCollection > .recent-row {
    flex-basis: min(258px,76vw) !important;
    width: min(258px,76vw) !important;
    min-width: min(258px,76vw) !important;
    max-width: min(258px,76vw) !important;
  }
  #dashboardView #moversList > .mover-row {
    flex-basis: min(210px,68vw) !important;
    width: min(210px,68vw) !important;
    min-width: min(210px,68vw) !important;
    max-width: min(210px,68vw) !important;
  }
}


/* 3.13.13 Home activity scroll — root grid constraint fix
   The activity strips were inside a dashboard grid whose mobile track could
   retain desktop/min-content width. The body then clipped that wide grid,
   making the strips look horizontally overflowed while their own scrollWidth
   equalled their clientWidth. Constrain the grid track and panels to the
   viewport so the strips themselves own the overflow, exactly like the
   working Achievement Board. */
@media (max-width: 780px) {
  #dashboardView .compact-activity-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;
  }

  #dashboardView .compact-activity-grid > .panel,
  #dashboardView .compact-activity-grid > .wide-panel {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
  }

  #dashboardView #recentCollection,
  #dashboardView #moversList {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
    touch-action: auto !important;
  }

  #dashboardView #recentCollection::-webkit-scrollbar,
  #dashboardView #moversList::-webkit-scrollbar {
    display: none;
  }
}


/* BinderWorth 3.15.0 — Completion Core
   Completion-first intelligence + Chase List. Scanner 3.3.5 is untouched. */
.completion-intel-meta {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.completion-intel-meta span,
.completion-intel-pill {
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:5px 8px;
  border:1px solid rgba(124,77,255,.20);
  border-radius:999px;
  color:#CBBFFF;
  background:rgba(124,77,255,.075);
  font-size:8px;
  font-weight:850;
  letter-spacing:.035em;
}
.completion-intel-pill {
  margin-right:5px;
  padding:3px 6px;
  color:#BFF7E4;
  border-color:rgba(0,200,137,.20);
  background:rgba(0,200,137,.075);
  vertical-align:1px;
}
.wanted-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.chase-next-panel {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin:0 0 12px;
  padding:18px;
  border-color:rgba(0,209,255,.18) !important;
  background:linear-gradient(135deg,rgba(0,209,255,.055),#101720 46%,rgba(124,77,255,.075)) !important;
}
.chase-next-panel h3 { margin:4px 0 5px; color:#F4F6F8; font-size:19px; }
.chase-next-panel p:not(.eyebrow) { margin:0; color:#9AA5B4; font-size:11px; line-height:1.5; }
.chase-next-panel > .button { min-width:130px; }
.chase-row-tags { display:flex !important; gap:6px; flex-wrap:wrap; margin-top:6px; }
.chase-row-tags span,
.chase-row-tags em {
  display:inline-flex !important;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:0 !important;
  padding:4px 7px;
  border-radius:99px;
  font-size:8px !important;
  font-style:normal;
  font-weight:800;
}
.chase-row-tags span { color:#C8B8FF !important; background:rgba(124,77,255,.10) !important; }
.chase-row-tags em { color:#BDF6E1; background:rgba(0,200,137,.085); }
@media (max-width:780px) {
  .wanted-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wanted-summary-grid article:last-child { grid-column:1 / -1; }
  .chase-next-panel { grid-template-columns:1fr; gap:11px; padding:15px; }
  .chase-next-panel > .button { width:100%; min-width:0; min-height:42px; }
  .completion-intel-meta { gap:5px; }
}


/* BinderWorth 3.15.2 — Chase Intelligence
   Budget-aware completion planning + nearby approved trader basket recommendation. */
.chase-budget-panel { margin:0 0 12px; padding:18px; border-color:rgba(124,77,255,.18) !important; background:linear-gradient(135deg,rgba(124,77,255,.07),#101720 52%,rgba(0,200,137,.04)) !important; }
.chase-budget-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.chase-budget-head h3 { margin:4px 0 5px; color:#F4F6F8; font-size:19px; }
.chase-budget-head p:not(.eyebrow) { margin:0; max-width:720px; color:#9AA5B4; font-size:11px; line-height:1.5; }
.chase-budget-state { flex:0 0 auto; padding:6px 9px; border-radius:999px; border:1px solid rgba(0,200,137,.2); background:rgba(0,200,137,.08); color:#BDF6E1; font-size:8px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.chase-budget-form { display:grid; grid-template-columns:130px auto minmax(170px,1fr) auto; align-items:end; gap:10px; margin-top:16px; }
.chase-budget-form label { display:grid; gap:6px; color:#8F99A8; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.chase-budget-form select,.chase-budget-money { min-height:42px; border:1px solid rgba(166,173,186,.16); border-radius:10px; background:#0B1118; color:#F4F6F8; }
.chase-budget-form select { width:100%; padding:0 11px; }
.chase-budget-money { display:grid; grid-template-columns:auto 1fr; align-items:center; padding:0 10px; }
.chase-budget-money b { color:#8F99A8; font-size:14px; }
.chase-budget-money input { min-width:0; width:100%; height:40px; border:0; outline:0; background:transparent; color:#F4F6F8; font-size:16px; font-weight:850; }
.chase-budget-presets { display:flex; gap:5px; align-items:center; min-height:42px; }
.chase-budget-presets button { min-height:34px; padding:0 9px; border:1px solid rgba(124,77,255,.18); border-radius:8px; background:rgba(124,77,255,.07); color:#CBBFFF; font-size:9px; font-weight:850; cursor:pointer; }
.chase-budget-location { display:grid; grid-template-columns:minmax(190px,1fr) auto minmax(245px,auto); gap:12px; align-items:center; margin-top:12px; padding:11px 12px; border:1px solid rgba(166,173,186,.10); border-radius:11px; background:rgba(4,8,13,.24); }
.chase-budget-location > div:first-child { display:grid; gap:2px; }
.chase-budget-location span { color:#8F99A8; font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.055em; }
.chase-budget-location strong { color:#E8EDF4; font-size:11px; }
.chase-budget-location small { color:#748090; font-size:8px; }
.chase-budget-location-actions { display:flex; align-items:center; gap:8px; }
.chase-budget-location form { display:grid; grid-template-columns:1fr auto; gap:7px; }
.chase-budget-location input { min-width:0; min-height:38px; padding:0 10px; border:1px solid rgba(166,173,186,.14); border-radius:9px; background:#0B1118; color:#F4F6F8; }
.chase-budget-result { margin-top:14px; border-top:1px solid rgba(166,173,186,.10); padding-top:14px; }
.chase-budget-result-head { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:end; gap:16px; }
.chase-budget-result-head span,.chase-budget-trader span { display:block; color:#9F8BFF; font-size:8px; font-weight:900; letter-spacing:.08em; }
.chase-budget-result-head strong { display:block; margin-top:3px; color:#F4F6F8; font-size:17px; }
.chase-budget-result-head p { margin:0; color:#9AA5B4; font-size:10px; line-height:1.45; text-align:right; }
.chase-budget-trader { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; margin-top:12px; padding:12px 13px; border:1px solid rgba(0,200,137,.18); border-radius:11px; background:rgba(0,200,137,.055); }
.chase-budget-trader > div { display:grid; gap:3px; }
.chase-budget-trader > div:last-child { justify-items:end; text-align:right; }
.chase-budget-trader strong { color:#DDFBEF; font-size:11px; }
.chase-budget-trader small { color:#8EB6A8; font-size:9px; }
.chase-budget-list { display:grid; gap:7px; margin-top:10px; }
.chase-budget-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:10px 11px; border:1px solid rgba(166,173,186,.09); border-radius:10px; background:rgba(5,9,14,.24); }
.chase-budget-item > div:first-child { display:grid; gap:2px; }
.chase-budget-item strong { color:#EEF2F7; font-size:11px; }
.chase-budget-item small { color:#8792A1; font-size:9px; }
.chase-budget-item em { color:#A9EAD5; font-size:8px; font-style:normal; }
.chase-budget-item-buy { display:grid; justify-items:end; gap:2px; text-align:right; }
.chase-budget-item-buy > strong { color:#CBBFFF; font-size:12px; }
.chase-budget-item-buy a { color:#9F8BFF; font-size:8px; font-weight:850; text-decoration:none; }
.chase-budget-footnote { margin:10px 0 0; color:#6F7A88; font-size:8px; line-height:1.5; }
@media (max-width:900px) {
  .chase-budget-form { grid-template-columns:120px 1fr; }
  .chase-budget-form > label:nth-of-type(2),.chase-budget-form > .button { grid-column:auto; }
  .chase-budget-location { grid-template-columns:1fr auto; }
  .chase-budget-location form { grid-column:1 / -1; }
}
@media (max-width:620px) {
  .chase-budget-panel { padding:15px; }
  .chase-budget-head { display:grid; gap:8px; }
  .chase-budget-state { width:max-content; }
  .chase-budget-form { grid-template-columns:1fr; }
  .chase-budget-presets { overflow-x:auto; padding-bottom:2px; }
  .chase-budget-form .button { width:100%; min-height:43px; }
  .chase-budget-location { grid-template-columns:1fr; }
  .chase-budget-location-actions { justify-content:flex-start; }
  .chase-budget-location form { grid-column:auto; grid-template-columns:1fr auto; }
  .chase-budget-result-head,.chase-budget-trader,.chase-budget-item { grid-template-columns:1fr; }
  .chase-budget-result-head p,.chase-budget-trader > div:last-child,.chase-budget-item-buy { text-align:left; justify-items:start; }
}

.chase-budget-result-actions { display:flex; justify-content:flex-end; margin-top:10px; }
@media (max-width:620px) { .chase-budget-result-actions .button { width:100%; } }


/* BinderWorth 3.15.3 — trader-first Find Card */
.find-card-frame{max-width:720px}
.find-card-priority{display:flex;flex-direction:column;gap:4px;margin:12px 0;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft)}
.find-card-priority strong{font-size:.92rem}.find-card-priority span,.find-card-status{color:var(--muted);font-size:.84rem;line-height:1.45}
.find-card-offers{display:grid;gap:10px;margin:14px 0}
.find-card-loading{padding:18px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}
.find-card-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.find-card-offer.recommended{box-shadow:0 0 0 1px var(--accent) inset}
.find-card-offer-main,.find-card-offer-buy{display:flex;flex-direction:column;gap:4px}.find-card-offer-main small,.find-card-offer-buy small{color:var(--muted);font-size:.78rem}
.find-card-offer-buy{text-align:right;align-items:flex-end}.find-card-offer-buy>strong{font-size:1.08rem}.find-card-offer-buy .button{margin-top:4px}
.find-card-offer-badges{display:flex;flex-wrap:wrap;gap:5px}.find-card-offer-badges span{font-size:.66rem;font-weight:800;letter-spacing:.04em;padding:3px 7px;border-radius:999px;background:var(--chip);color:var(--muted)}
.find-card-in-stock{font-size:.76rem;font-weight:800;color:var(--muted);margin-top:4px}
.find-card-fallback{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.find-card-fallback>div{display:flex;flex-direction:column;gap:3px}.find-card-fallback small{color:var(--muted);font-size:.76rem;line-height:1.4}
@media(max-width:640px){.find-card-offer{grid-template-columns:1fr}.find-card-offer-buy{text-align:left;align-items:flex-start}.find-card-fallback{align-items:stretch;flex-direction:column}.find-card-fallback .button{width:100%}}


/* BinderWorth 3.15.4 — Chase List trader baskets */
.chase-trader-baskets-panel{margin:0 0 12px;padding:18px;border-color:rgba(0,200,137,.16)!important;background:linear-gradient(135deg,rgba(0,200,137,.055),#101720 56%,rgba(124,77,255,.04))!important}
.chase-trader-baskets-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.chase-trader-baskets-head h3{margin:4px 0 5px;color:#F4F6F8;font-size:19px}.chase-trader-baskets-head p:not(.eyebrow){margin:0;max-width:720px;color:#9AA5B4;font-size:11px;line-height:1.5}
.chase-trader-baskets-status{margin:13px 0 0;color:#8F99A8;font-size:9px;line-height:1.45}.chase-trader-baskets-list{display:grid;gap:9px;margin-top:12px}
.chase-trader-basket-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:13px 14px;border:1px solid rgba(166,173,186,.10);border-radius:12px;background:rgba(5,9,14,.28)}.chase-trader-basket-card.recommended{border-color:rgba(0,200,137,.28);box-shadow:0 0 0 1px rgba(0,200,137,.08) inset}
.chase-trader-basket-main,.chase-trader-basket-buy{display:grid;gap:4px}.chase-trader-basket-main>strong{color:#EAF7F2;font-size:12px}.chase-trader-basket-main>small,.chase-trader-basket-buy small{color:#829188;font-size:8px}.chase-trader-basket-buy{justify-items:end;text-align:right}.chase-trader-basket-buy>strong{color:#A9EAD5;font-size:14px}
.chase-trader-basket-badges{display:flex;flex-wrap:wrap;gap:5px}.chase-trader-basket-badges span{font-size:7px;font-weight:900;letter-spacing:.055em;padding:3px 6px;border-radius:999px;background:rgba(0,200,137,.08);color:#A9EAD5}
.chase-trader-basket-items{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.chase-trader-basket-items span{display:inline-flex;gap:5px;align-items:center;padding:4px 6px;border-radius:7px;background:rgba(166,173,186,.06);color:#C8D0DA;font-size:8px}.chase-trader-basket-items span strong{font-size:8px}.chase-trader-basket-items span em{font-style:normal;color:#9F8BFF}
.find-card-basket-context{display:block;margin-top:3px;color:#A9EAD5;font-size:.76rem;font-style:normal;line-height:1.4}
@media(max-width:640px){.chase-trader-baskets-panel{padding:15px}.chase-trader-baskets-head,.chase-trader-basket-card{display:grid;grid-template-columns:1fr}.chase-trader-baskets-head .button{width:100%}.chase-trader-basket-buy{justify-items:start;text-align:left}.chase-trader-basket-items{display:grid;grid-template-columns:1fr 1fr}}

/* BinderWorth 3.15.6 — expandable Chase List trader baskets */
.chase-trader-basket-card{cursor:pointer;grid-template-columns:1fr}
.chase-trader-basket-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
.chase-trader-basket-coverage{margin-top:3px;color:#A9EAD5;font-size:9px;font-weight:800}
.chase-trader-basket-toggle{appearance:none;border:0;border-top:1px solid rgba(166,173,186,.08);background:transparent;color:#A9EAD5;font:inherit;font-size:9px;font-weight:900;text-align:left;padding:9px 0 0;margin-top:7px;cursor:pointer}
.chase-trader-basket-toggle:hover{color:#D5FFF1}
.chase-trader-basket-detail{margin-top:9px;padding-top:10px;border-top:1px solid rgba(0,200,137,.12);display:grid;gap:9px}
.chase-trader-basket-detail.hidden{display:none}
.chase-trader-basket-detail-list{display:grid;gap:6px}
.chase-trader-basket-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px;border-radius:9px;background:rgba(166,173,186,.055)}
.chase-trader-basket-detail-row>div{display:grid;gap:2px;min-width:0}.chase-trader-basket-detail-row strong{color:#E7EDF5;font-size:10px}.chase-trader-basket-detail-row small{color:#7F8B98;font-size:8px}.chase-trader-basket-detail-row em{font-style:normal;color:#B9A9FF;font-size:10px;font-weight:900;white-space:nowrap}
.chase-trader-basket-detail-total{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding-top:3px}.chase-trader-basket-detail-total span{color:#8F99A8;font-size:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.chase-trader-basket-detail-total strong{color:#A9EAD5;font-size:15px}.chase-trader-basket-detail-total small{grid-column:1/-1;color:#7F8B98;font-size:8px}
@media(max-width:640px){.chase-trader-basket-summary{grid-template-columns:1fr}.chase-trader-basket-buy{justify-items:start;text-align:left}.chase-trader-basket-toggle{width:100%;padding-top:10px}}


/* BinderWorth 3.15.6 — internal trader profiles + privacy-aware map */
.trader-page-shell{max-width:980px;margin:0 auto;padding:20px 16px 90px}.trader-profile-back{display:inline-flex;margin-bottom:14px}.trader-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.trader-hero h1{margin:.15rem 0 .35rem;font-size:clamp(1.7rem,5vw,2.6rem)}.trader-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.trader-badges span,.trader-stock-badge{display:inline-flex;padding:6px 9px;border:1px solid var(--line,#2d3a46);border-radius:999px;font-size:.78rem;font-weight:800}.trader-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;margin-top:16px}.trader-map-frame{width:100%;min-height:320px;border:0;border-radius:16px;background:#101820}.trader-map-note{font-size:.82rem;opacity:.72;margin-top:8px}.trader-section{margin-top:16px}.trader-section-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:10px}.trader-card-list{display:grid;gap:8px}.trader-card-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 12px;border:1px solid var(--line,#2d3a46);border-radius:13px;background:rgba(255,255,255,.025)}.trader-card-row strong{display:block}.trader-card-row small{display:block;opacity:.72;margin-top:2px}.trader-card-row em{font-style:normal;font-weight:900;white-space:nowrap}.trader-empty{padding:18px;border:1px dashed var(--line,#2d3a46);border-radius:14px;opacity:.8}.trader-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.trader-stock-search{width:100%;max-width:340px}.trader-stock-summary{opacity:.72;font-size:.85rem}.trader-location-label{opacity:.78}.trader-map-fallback{min-height:260px;display:grid;place-items:center;text-align:center;padding:24px;border:1px dashed var(--line,#2d3a46);border-radius:16px}.trader-chase-highlight{border-color:rgba(56,189,248,.55);background:rgba(56,189,248,.06)}@media(max-width:760px){.trader-grid{grid-template-columns:1fr}.trader-hero{grid-template-columns:1fr}.trader-map-frame{min-height:260px}.trader-card-row{align-items:flex-start}}
\n\n/* BinderWorth 3.15.8 — trader event attendance */\n.trader-event-context{display:block;margin-top:5px;color:#c9baff;font-style:normal;font-size:11px;font-weight:800}.trader-event-list{display:grid;gap:9px}.trader-event-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px;border:1px solid rgba(166,173,186,.12);border-radius:13px;background:rgba(8,15,22,.68)}.trader-event-card>div:first-child{display:grid;gap:3px;min-width:0}.trader-event-card span{width:max-content;padding:3px 6px;border-radius:999px;border:1px solid rgba(124,77,255,.24);color:#c9baff;font-size:9px;font-weight:900;letter-spacing:.05em}.trader-event-card strong{font-size:15px}.trader-event-card small{color:#929caa}.trader-event-card em{color:#bdefff;font-style:normal;font-size:11px;font-weight:800}.trader-event-card p{margin:2px 0 0;color:#9da7b2;font-size:11px}.trader-event-flags{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.trader-event-flags b{padding:4px 7px;border-radius:999px;border:1px solid rgba(0,200,137,.2);background:rgba(0,200,137,.05);color:#bdeedb;font-size:9px;text-transform:uppercase}.chase-trader-basket-main .trader-event-context,.find-card-offer-main .trader-event-context{color:#c9baff}.budget-local-trader .trader-event-context{color:#c9baff}\n@media(max-width:620px){.trader-event-card{flex-direction:column}.trader-event-flags{justify-content:flex-start}}\n
/* BinderWorth 3.15.9 — completion polish */
.chase-trader-polish-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:14px}
.chase-trader-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.chase-trader-summary-strip article{display:grid;gap:2px;padding:10px 11px;border:1px solid rgba(0,200,137,.12);border-radius:11px;background:rgba(0,200,137,.035)}.chase-trader-summary-strip span{color:#819187;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.chase-trader-summary-strip strong{color:#e7fff6;font-size:13px}.chase-trader-summary-strip small{color:#819187;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chase-trader-sort{display:grid;gap:4px;min-width:170px}.chase-trader-sort span{color:#84918b;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.chase-trader-sort select{min-height:38px;border:1px solid rgba(166,173,186,.14);border-radius:9px;background:#091018;color:#e6edf5;padding:7px 9px;font:inherit;font-size:10px}
.chase-trader-unmatched{display:grid;gap:2px;margin:10px 0 0;padding:9px 11px;border:1px solid rgba(124,77,255,.14);border-radius:10px;background:rgba(124,77,255,.035)}.chase-trader-unmatched strong{color:#d9ceff;font-size:9px}.chase-trader-unmatched span{color:#8f96a5;font-size:8px;line-height:1.45}
.chase-live-pill{display:inline-flex;align-items:center;padding:3px 6px!important;border-radius:999px!important;font-size:7px!important;font-style:normal!important;font-weight:900!important;letter-spacing:.025em!important}.chase-live-pill.available{background:rgba(0,200,137,.09)!important;color:#a9ead5!important}.chase-live-pill.none{background:rgba(166,173,186,.07)!important;color:#8d97a3!important}.chase-live-pill.checking{background:rgba(124,77,255,.07)!important;color:#b8a9ef!important}
@media(max-width:720px){.chase-trader-polish-controls{grid-template-columns:1fr}.chase-trader-summary-strip{grid-template-columns:1fr 1fr}.chase-trader-summary-strip article:last-child{grid-column:1/-1}.chase-trader-sort{min-width:0}.chase-trader-sort select{width:100%}}
@media(max-width:440px){.chase-trader-summary-strip{grid-template-columns:1fr}.chase-trader-summary-strip article:last-child{grid-column:auto}}


/* BinderWorth 3.15.16 — artwork resilience polish */
.nav-list a.nav-item{text-decoration:none;cursor:pointer}
.trader-profile-back{cursor:pointer}


/* BinderWorth 3.15.16 — artwork resilience polish */
.result-image.artwork-missing { display:grid; place-items:center; min-height:220px; padding:18px; }
.artwork-placeholder { width:100%; min-height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; text-align:center; color:#AAB4C0; padding:18px; border:1px dashed rgba(166,173,186,.2); border-radius:12px; background:linear-gradient(145deg,rgba(21,28,37,.9),rgba(11,17,24,.92)); }
.artwork-placeholder span { font-size:34px; line-height:1; color:#7C8798; }
.artwork-placeholder strong { font-size:12px; color:#DDE3EA; }
.artwork-placeholder small { font-size:10px; color:#84909E; }
.artwork-placeholder.compact { min-height:150px; border:0; border-radius:10px; }
.modal-image-wrap { position:relative; display:grid; place-items:center; overflow:hidden; }
.modal-image-wrap .artwork-placeholder { height:100%; min-height:210px; }


/* BinderWorth 3.16.0 — Challenge Mode foundation */
.challenge-mode-panel{margin-bottom:14px;padding:18px;border-color:rgba(0,200,137,.34)!important;background:linear-gradient(135deg,rgba(0,200,137,.10),rgba(10,17,24,.96) 48%,rgba(124,77,255,.10))!important;box-shadow:0 0 0 1px rgba(0,200,137,.05) inset}
.challenge-mode-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.challenge-mode-head h2{margin:3px 0 4px;font-size:clamp(1.25rem,4vw,1.75rem)}.challenge-mode-head p:not(.eyebrow){margin:0;color:#A9EAD5;font-size:.85rem;font-weight:800}
.challenge-mode-state{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 10px;border:1px solid rgba(0,200,137,.34);border-radius:999px;background:rgba(0,200,137,.08);color:#A9EAD5;font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em}
.challenge-mode-state.scheduled{border-color:rgba(124,77,255,.35);background:rgba(124,77,255,.09);color:#D2C7FF}.challenge-mode-state.closed,.challenge-mode-state.complete{border-color:rgba(166,173,186,.22);background:rgba(166,173,186,.07);color:#B8C0CB}
.challenge-progress-wrap{display:grid;gap:8px;margin-top:16px}.challenge-progress-copy{display:flex;justify-content:space-between;gap:12px;align-items:center}.challenge-progress-copy strong{font-size:.92rem}.challenge-progress-copy span,.challenge-progress-wrap small{color:#92A09C;font-size:.75rem}
.challenge-progress-track{height:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.075)}.challenge-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00C889,#49E5BA);box-shadow:0 0 16px rgba(0,200,137,.35);transition:width .25s ease}
.challenge-mode-message{margin:14px 0 0;color:#AEB8C4;font-size:.82rem;line-height:1.5}.challenge-mode-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.challenge-rules{margin-top:13px;border-top:1px solid rgba(166,173,186,.12);padding-top:10px}.challenge-rules summary{cursor:pointer;color:#BDEEDB;font-size:.78rem;font-weight:850}.challenge-rules div{display:grid;gap:6px;margin-top:9px}.challenge-rules span{position:relative;padding-left:17px;color:#96A3AF;font-size:.75rem;line-height:1.45}.challenge-rules span:before{content:'✓';position:absolute;left:0;color:#00C889;font-weight:900}
.scan-gallery-button.challenge-disabled{display:none}.challenge-count-flash{animation:challenge-count-flash .7s ease}@keyframes challenge-count-flash{50%{box-shadow:0 0 0 3px rgba(0,200,137,.28),0 0 30px rgba(0,200,137,.22)}}
@media(max-width:620px){.challenge-mode-panel{padding:15px}.challenge-mode-head{display:grid;grid-template-columns:1fr}.challenge-mode-state{width:max-content}.challenge-progress-copy{align-items:flex-start;flex-direction:column;gap:3px}.challenge-mode-actions .button{flex:1;text-align:center;justify-content:center}}
.challenge-label{display:inline-flex;padding:4px 7px;border:1px solid rgba(0,200,137,.28);border-radius:999px;background:rgba(0,200,137,.08);color:#A9EAD5;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.event-challenge-note{display:grid;gap:3px;margin:12px 0;padding:11px 12px;border:1px solid rgba(0,200,137,.18);border-radius:12px;background:rgba(0,200,137,.045)}.event-challenge-note strong{color:#D9FFF2;font-size:.83rem}.event-challenge-note span{color:#95A7A1;font-size:.75rem}


/* BinderWorth 3.16.1 — Challenge discovery */
.challenge-hub-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;margin-bottom:14px;border-color:rgba(0,200,137,.24)!important;background:linear-gradient(135deg,rgba(0,200,137,.08),rgba(10,17,24,.96) 52%,rgba(124,77,255,.08))!important}.challenge-hub-hero h2{margin:3px 0 5px;font-size:clamp(1.45rem,4vw,2rem)}.challenge-hub-hero p:not(.eyebrow){margin:0;max-width:680px;color:#9eabb6;line-height:1.5}.challenge-hub-shield{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(0,200,137,.28);border-radius:18px;background:rgba(0,200,137,.075);color:#91f0cf;font-size:29px;box-shadow:0 0 28px rgba(0,200,137,.08)}
.challenge-hub-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:14px;align-items:start}.challenge-directory-panel,.challenge-directory-detail{padding:17px}.challenge-directory-status{color:#8ea099;font-size:.72rem;font-weight:850}.challenge-directory-list{display:grid;gap:8px;margin-top:10px}.challenge-directory-card{display:grid;gap:4px;width:100%;padding:13px 14px;text-align:left;border:1px solid rgba(166,173,186,.12);border-radius:13px;background:rgba(7,13,19,.7);color:inherit;cursor:pointer;font:inherit;transition:border-color .15s ease,background .15s ease,transform .15s ease}.challenge-directory-card:hover,.challenge-directory-card:focus-visible{border-color:rgba(0,200,137,.34);background:rgba(0,200,137,.04);outline:none}.challenge-directory-card.selected{border-color:rgba(0,200,137,.48);background:linear-gradient(135deg,rgba(0,200,137,.075),rgba(124,77,255,.035));box-shadow:0 0 0 1px rgba(0,200,137,.06) inset}.challenge-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.challenge-card-top b{color:#9fe8d0;font-size:.66rem;text-transform:uppercase;letter-spacing:.055em}.challenge-card-top em{color:#87949f;font-size:.68rem;font-style:normal;font-weight:800}.challenge-directory-card>strong{font-size:.98rem;color:#eef5f6}.challenge-directory-card>span:not(.challenge-card-top){color:#a9ead5;font-size:.78rem;font-weight:800}.challenge-directory-card>small{color:#87939f;font-size:.72rem}.challenge-directory-empty{display:grid;gap:7px;place-items:start;margin-top:10px;padding:18px;border:1px dashed rgba(166,173,186,.15);border-radius:13px;color:#8f9ba6}.challenge-directory-empty strong{color:#dbe4e8}.challenge-directory-empty .button{margin-top:5px}
.challenge-directory-detail{position:sticky;top:86px}.challenge-directory-detail>p:not(.eyebrow){color:#96a2ad;line-height:1.5}.challenge-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.challenge-detail-head h3{margin:3px 0 0;font-size:1.25rem}.challenge-detail-prize{margin:12px 0!important;color:#a9ead5!important;font-weight:900}.challenge-detail-facts{display:grid;gap:7px;margin:12px 0}.challenge-detail-facts span{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;color:#9da9b4;font-size:.75rem}.challenge-detail-facts b{color:#dce5e9}.challenge-detail-progress{display:grid;gap:8px;margin:14px 0;padding:12px;border:1px solid rgba(0,200,137,.16);border-radius:12px;background:rgba(0,200,137,.04)}.challenge-detail-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.challenge-detail-progress strong{font-size:.82rem}.challenge-detail-progress span,.challenge-detail-progress small{color:#8ea099;font-size:.7rem}.challenge-detail-copy{margin:13px 0 0!important;color:#a7b2bc!important;font-size:.78rem;line-height:1.5!important}.challenge-detail-rules{display:grid;gap:5px;margin-top:12px}.challenge-detail-rules span{color:#8f9ba6;font-size:.71rem;line-height:1.45}.challenge-nav em{background:rgba(0,200,137,.1)!important;color:#a9ead5!important}
@media(max-width:900px){.challenge-hub-grid{grid-template-columns:1fr}.challenge-directory-detail{position:static}.challenge-hub-shield{width:52px;height:52px;border-radius:15px}}
@media(max-width:560px){.challenge-hub-hero{align-items:flex-start;padding:16px}.challenge-hub-shield{width:44px;height:44px;font-size:22px}.challenge-directory-panel,.challenge-directory-detail{padding:14px}.challenge-detail-head{display:grid}.challenge-detail-progress>div:first-child{align-items:flex-start;flex-direction:column}.challenge-detail-facts span{grid-template-columns:52px minmax(0,1fr)}}


/* BinderWorth 3.38.28 — Settings Desktop Reconciliation
   Desktop-only presentation pass. Settings behaviour and mobile layout are unchanged. */
@media (min-width: 901px) {
  #settingsModal {
    width: min(860px, calc(100vw - 72px)) !important;
    max-width: 860px !important;
    max-height: calc(100vh - 48px) !important;
    overflow: hidden !important;
    border: 1px solid rgba(166,173,186,.16) !important;
    border-radius: 20px !important;
    background: #0d141c !important;
    color-scheme: dark;
  }

  #settingsModal .modal-frame {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 48px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 20px !important;
    row-gap: 0 !important;
    align-items: start !important;
    padding: 24px 28px 20px !important;
    background:
      radial-gradient(circle at 96% 0%, rgba(124,77,255,.08), transparent 24rem),
      linear-gradient(180deg, #0f161f, #0c131b) !important;
    scrollbar-gutter: stable;
  }

  #settingsModal .modal-frame > .eyebrow,
  #settingsModal .modal-frame > h2,
  #settingsModal .modal-frame > p.settings-intro,
  #settingsModal .modal-frame > .form-grid,
  #settingsModal .modal-frame > .modal-actions {
    grid-column: 1 / -1 !important;
  }

  #settingsModal .modal-frame > .eyebrow {
    grid-row: 1 !important;
    margin: 3px 44px 5px 0 !important;
    align-self: center !important;
  }

  #settingsModal .modal-frame > h2 {
    grid-row: 2 !important;
    margin: 5px 0 7px !important;
    font-size: 25px !important;
    line-height: 1.12 !important;
    color: #f4f6f8 !important;
  }

  #settingsModal .modal-frame > p.settings-intro {
    grid-row: 3 !important;
    max-width: 720px !important;
    margin: 0 !important;
    color: #a0a9b5 !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
  }

  #settingsModal .modal-close {
    position: sticky !important;
    top: 0 !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
    width: 34px !important;
    height: 34px !important;
    margin: -4px -5px 0 0 !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(166,173,186,.14) !important;
    border-radius: 10px !important;
    background: rgba(10,17,24,.94) !important;
    color: #aab4c0 !important;
    font-size: 21px !important;
    line-height: 1 !important;
    backdrop-filter: blur(12px) !important;
    z-index: 20 !important;
  }

  #settingsModal .modal-close:hover {
    color: #f4f6f8 !important;
    border-color: rgba(245,200,90,.28) !important;
    background: #121b24 !important;
  }

  #settingsModal .form-grid {
    grid-row: 4 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 14px 0 0 !important;
    padding: 13px !important;
    border: 1px solid rgba(245,200,90,.14) !important;
    border-radius: 13px !important;
    background: rgba(245,200,90,.025) !important;
  }

  #settingsModal .field {
    min-width: 0 !important;
  }

  #settingsModal .field > span {
    color: #cbd2da !important;
    font-size: 10px !important;
  }

  #settingsModal .field input {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 9px 11px !important;
    border-color: rgba(166,173,186,.18) !important;
    background: #0a1118 !important;
    color: #f4f6f8 !important;
    border-radius: 10px !important;
  }

  #settingsModal .settings-section {
    min-width: 0 !important;
    margin-top: 14px !important;
    padding: 14px 15px !important;
    border: 1px solid rgba(166,173,186,.12) !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, rgba(18,25,33,.96), rgba(12,19,27,.96)) !important;
    color: #f4f6f8 !important;
  }

  #settingsModal .settings-section h3 {
    margin: 0 0 8px !important;
    color: #f1f3f6 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  #settingsModal .settings-section .settings-intro {
    margin: 0 !important;
    color: #929da9 !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
  }

  #settingsModal .value-settings {
    border-color: rgba(66,203,185,.16) !important;
    background:
      linear-gradient(145deg, rgba(66,203,185,.035), transparent 48%),
      linear-gradient(180deg, rgba(18,25,33,.97), rgba(12,19,27,.97)) !important;
  }

  /* Override the old light-theme feedback panel that was leaking through on desktop. */
  #settingsModal .feedback-settings {
    border-color: rgba(124,77,255,.26) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(124,77,255,.10), transparent 17rem),
      linear-gradient(180deg, rgba(18,25,35,.98), rgba(12,19,29,.98)) !important;
    color: #f4f6f8 !important;
  }

  #settingsModal .settings-toggle {
    min-width: 0 !important;
    gap: 9px !important;
    color: #f4f6f8 !important;
  }

  #settingsModal .settings-toggle input {
    width: 17px !important;
    height: 17px !important;
    margin-top: 1px !important;
    accent-color: #7c4dff !important;
  }

  #settingsModal .settings-toggle span {
    min-width: 0 !important;
  }

  #settingsModal .settings-toggle strong {
    color: #eef2f6 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  #settingsModal .settings-toggle small {
    color: #8e99a7 !important;
    font-size: 9px !important;
    line-height: 1.45 !important;
  }

  #settingsModal .feedback-settings #settingsFeedbackStatus,
  #settingsModal .feedback-settings .diagnostic-note {
    color: #8f9baa !important;
  }

  #settingsModal .diagnostic-actions {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  #settingsModal .diagnostic-actions .button,
  #settingsModal .diagnostic-actions .text-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 9px !important;
    border: 1px solid rgba(166,173,186,.15) !important;
    border-radius: 10px !important;
    background: #0b1219 !important;
    color: #c7d0d9 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #settingsModal .diagnostic-actions .text-button {
    color: #e7b756 !important;
    border-color: rgba(245,200,90,.18) !important;
  }

  #settingsModal .button-row {
    min-width: 0 !important;
    gap: 7px !important;
  }

  #settingsModal .button-row .button,
  #settingsModal .button-row .file-button {
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 39px !important;
    padding: 8px 11px !important;
    font-size: 10px !important;
  }

  #settingsModal .danger-zone {
    border-color: rgba(255,110,130,.18) !important;
    background:
      linear-gradient(145deg, rgba(255,110,130,.04), transparent 50%),
      linear-gradient(180deg, rgba(18,24,32,.97), rgba(12,18,26,.97)) !important;
  }

  #settingsModal .danger-zone h3 {
    color: #ffb3be !important;
  }

  #settingsModal .danger-zone .button.danger {
    color: #ffd2d8 !important;
    border-color: rgba(255,110,130,.28) !important;
    background: rgba(255,110,130,.09) !important;
  }

  #settingsModal .modal-actions {
    position: sticky !important;
    bottom: -20px !important;
    z-index: 15 !important;
    margin: 16px -28px -20px !important;
    padding: 12px 28px 14px !important;
    border-top: 1px solid rgba(166,173,186,.12) !important;
    background: rgba(10,16,23,.94) !important;
    backdrop-filter: blur(14px) !important;
  }

  #settingsModal .modal-actions .button.primary {
    min-width: 145px !important;
    min-height: 42px !important;
  }

  #settingsModal .modal-frame *,
  #settingsModal .modal-frame *::before,
  #settingsModal .modal-frame *::after {
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (min-width: 901px) and (max-height: 760px) {
  #settingsModal {
    max-height: calc(100vh - 28px) !important;
  }
  #settingsModal .modal-frame {
    max-height: calc(100vh - 28px) !important;
    padding-top: 20px !important;
  }
  #settingsModal .settings-section {
    margin-top: 10px !important;
    padding: 11px 13px !important;
  }
}

/* BinderWorth 3.38.29 — Account Desktop Reconciliation
   Desktop-only visual reconciliation for Account & cloud backup.
   Cloud sync, backup, recovery and account logic are intentionally untouched. */
@media (min-width: 901px) {
  #accountHubModal {
    width: min(760px, calc(100vw - 48px)) !important;
    max-width: 760px !important;
    max-height: calc(100vh - 44px) !important;
    overflow: hidden !important;
    border: 1px solid rgba(166,173,186,.16) !important;
    border-radius: 20px !important;
    background: #0d141c !important;
    box-shadow: 0 34px 100px rgba(0,0,0,.46) !important;
  }

  #accountHubModal::backdrop {
    background: rgba(3,8,12,.76) !important;
    backdrop-filter: blur(9px) !important;
  }

  #accountHubModal .modal-frame {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(230px, .75fr) !important;
    gap: 14px !important;
    max-height: calc(100vh - 44px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 26px 28px 28px !important;
    color: #f4f6f8 !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(124,77,255,.09), transparent 22rem),
      linear-gradient(180deg, #0f161f, #0b1219) !important;
    scrollbar-gutter: stable !important;
  }

  #accountHubModal .modal-close {
    position: sticky !important;
    top: 0 !important;
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
    align-self: start !important;
    z-index: 12 !important;
    width: 38px !important;
    height: 38px !important;
    margin: -4px -2px 0 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(166,173,186,.14) !important;
    border-radius: 11px !important;
    background: rgba(7,13,19,.92) !important;
    color: #9da7b3 !important;
    font-size: 23px !important;
    line-height: 1 !important;
    backdrop-filter: blur(12px) !important;
  }

  #accountHubModal .modal-close:hover {
    color: #f4f6f8 !important;
    border-color: rgba(245,200,90,.24) !important;
    background: #111a23 !important;
  }

  #accountHubModal .modal-frame > .eyebrow {
    grid-column: 1 !important;
    margin: 0 0 2px !important;
    color: #eab24e !important;
    font-size: 10px !important;
    letter-spacing: .15em !important;
  }

  #accountHubModal .modal-frame > h2 {
    grid-column: 1 !important;
    margin: 0 0 6px !important;
    color: #f4f6f8 !important;
    font-size: 28px !important;
    line-height: 1.1 !important;
    letter-spacing: -.025em !important;
  }

  /* Signed-in state: restore BinderWorth dark surface and give sync status a clear hierarchy. */
  #accountHubModal .account-panel {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 16px !important;
    align-items: center !important;
    margin-top: 2px !important;
    padding: 16px 17px !important;
    border: 1px solid rgba(66,203,185,.20) !important;
    border-radius: 15px !important;
    background:
      linear-gradient(135deg, rgba(66,203,185,.055), transparent 48%),
      linear-gradient(180deg, rgba(17,25,33,.98), rgba(11,18,25,.98)) !important;
    box-shadow: inset 3px 0 0 rgba(66,203,185,.36) !important;
    color: #f4f6f8 !important;
  }

  #accountHubModal .account-copy {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 12px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 3px !important;
    align-items: center !important;
  }

  #accountHubModal .account-copy .sync-state-dot {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 10px !important;
    height: 10px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #7c8794 !important;
    box-shadow: 0 0 0 4px rgba(124,135,148,.08) !important;
  }

  #accountHubModal .account-copy .sync-state-dot.synced {
    background: #42cbb9 !important;
    box-shadow: 0 0 0 4px rgba(66,203,185,.11), 0 0 16px rgba(66,203,185,.18) !important;
  }

  #accountHubModal .account-copy .sync-state-dot.syncing {
    background: #e8b34e !important;
    box-shadow: 0 0 0 4px rgba(232,179,78,.10) !important;
  }

  #accountHubModal .account-copy .sync-state-dot.error {
    background: #ff6e82 !important;
    box-shadow: 0 0 0 4px rgba(255,110,130,.10) !important;
  }

  #accountHubModal .account-copy strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    color: #f4f6f8 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
  }

  #accountHubModal .account-copy span:not(.sync-state-dot) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    color: #8f9ca8 !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
  }

  #accountHubModal .account-panel .button-row {
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  #accountHubModal .account-panel .button {
    min-height: 40px !important;
    padding: 8px 13px !important;
    border-color: rgba(166,173,186,.15) !important;
    background: #0b1219 !important;
    color: #dbe1e7 !important;
    font-size: 10px !important;
  }

  #accountHubModal .account-panel .button:hover {
    border-color: rgba(66,203,185,.24) !important;
    background: #101922 !important;
  }

  #accountHubModal .cloud-privacy-note {
    grid-column: 1 / -1 !important;
    margin: -2px 2px 0 !important;
    padding: 0 2px !important;
    color: #8e9aa7 !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
  }

  /* Recovery and destructive actions become explicit cards rather than loose divider sections. */
  #accountHubModal .settings-section {
    min-width: 0 !important;
    margin: 2px 0 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(166,173,186,.12) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(17,24,32,.98), rgba(11,18,25,.98)) !important;
  }

  #accountHubModal .settings-section:not(.account-danger-zone) {
    grid-column: 1 !important;
  }

  #accountHubModal .settings-section h3 {
    margin: 0 0 7px !important;
    color: #f2f4f6 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  #accountHubModal .settings-section .settings-intro {
    margin: 0 0 12px !important;
    color: #919ca8 !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
  }

  #accountHubModal .settings-section .button-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  #accountHubModal .settings-section .button-row .button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 8px 10px !important;
    border-color: rgba(166,173,186,.15) !important;
    background: #0b1219 !important;
    color: #dce2e8 !important;
    font-size: 10px !important;
    white-space: normal !important;
  }

  #accountHubModal .account-danger-zone {
    grid-column: 2 !important;
    align-self: stretch !important;
    border-color: rgba(255,110,130,.20) !important;
    background:
      linear-gradient(145deg, rgba(255,110,130,.055), transparent 52%),
      linear-gradient(180deg, rgba(20,22,29,.98), rgba(14,18,25,.98)) !important;
  }

  #accountHubModal .account-danger-zone h3 {
    color: #ffb1bd !important;
  }

  #accountHubModal .account-danger-zone::before {
    content: 'Permanent action';
    display: block;
    margin-bottom: 7px;
    color: #8f98a4;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  #accountHubModal .account-danger-zone .button {
    width: 100% !important;
    min-height: 40px !important;
    margin-top: 6px !important;
    border-color: rgba(255,110,130,.28) !important;
    background: rgba(255,110,130,.085) !important;
    color: #ffd1d8 !important;
    font-size: 10px !important;
  }

  #accountHubModal .modal-frame *,
  #accountHubModal .modal-frame *::before,
  #accountHubModal .modal-frame *::after {
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (min-width: 901px) and (max-height: 700px) {
  #accountHubModal {
    max-height: calc(100vh - 24px) !important;
  }
  #accountHubModal .modal-frame {
    max-height: calc(100vh - 24px) !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  #accountHubModal .account-panel,
  #accountHubModal .settings-section {
    padding: 13px 14px !important;
  }
}

/* BinderWorth 3.38.31 — Home Missing Card Tile Polish + Desktop Nav Sign-off
   Desktop-only visual pass. Home routing/chase logic and all mobile behaviour are untouched. */
@media (min-width: 1041px) {
  /* The desktop sidebar is already present, so the mobile hamburger must stay hidden. */
  .main-content > .topbar .mobile-menu,
  .topbar .mobile-menu,
  #mobileMenu {
    display: none !important;
  }

  /* Give the three Home chase cards a fuller, more deliberate desktop presentation. */
  #dashboardView.active .home-1c-chase-list,
  #dashboardView.active .wanted-spotlight-list.home-1c-chase-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(174px, 1fr) auto !important;
    gap: 0 !important;
    min-width: 0 !important;
    min-height: 228px !important;
    padding: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(166,173,186,.15) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(18,27,24,.98), rgba(15,23,21,.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
    transform: none !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card::after {
    content: '';
    position: absolute;
    inset: 7px 7px auto auto;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(66,203,185,.055), transparent 68%);
    pointer-events: none;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(240,179,64,.28) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-image {
    position: relative !important;
    width: 100% !important;
    height: 174px !important;
    min-height: 174px !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(166,173,186,.08) !important;
    border-radius: 11px !important;
    background:
      radial-gradient(circle at 50% 45%, rgba(66,203,185,.075), transparent 46%),
      linear-gradient(180deg, rgba(9,16,15,.98), rgba(10,17,16,.98)) !important;
    box-shadow: inset 0 0 0 4px rgba(0,0,0,.15), inset 0 -18px 30px rgba(0,0,0,.08) !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-image::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 118px;
    height: 148px;
    transform: translate(-50%, -50%);
    border-radius: 12px;
    background: radial-gradient(ellipse at center, rgba(0,0,0,.05), rgba(0,0,0,.22) 72%);
    box-shadow: 0 12px 30px rgba(0,0,0,.26);
    pointer-events: none;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-image img {
    position: relative !important;
    z-index: 1 !important;
    width: auto !important;
    height: 88% !important;
    max-width: 86% !important;
    max-height: 154px !important;
    object-fit: contain !important;
    border-radius: 5px !important;
    filter: drop-shadow(0 9px 12px rgba(0,0,0,.38)) !important;
    transform: scale(1.04) !important;
    transform-origin: center !important;
  }

  /* Intentional artwork fallback rather than a tiny empty icon floating in the stage. */
  #dashboardView.active .home-1c-chase-list .wanted-spotlight-image .bw-empty-sleeve {
    position: relative !important;
    z-index: 1 !important;
    width: 104px !important;
    height: 146px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px dashed rgba(240,179,64,.34) !important;
    border-radius: 10px !important;
    background:
      radial-gradient(circle at 50% 32%, rgba(240,179,64,.08), transparent 42%),
      linear-gradient(180deg, rgba(16,24,23,.98), rgba(11,18,18,.98)) !important;
    color: #d2a84f !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-image .bw-empty-sleeve svg {
    width: 38px !important;
    height: 52px !important;
    stroke: currentColor !important;
    opacity: .72 !important;
    transform: translateY(-9px) !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-image .bw-empty-sleeve::after {
    content: 'Artwork unavailable';
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 12px;
    color: #9ea6a6;
    font-size: 8px;
    font-style: normal;
    font-weight: 750;
    line-height: 1.25;
    text-align: center;
    letter-spacing: .015em;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card > span:nth-of-type(2) {
    display: block !important;
    min-width: 0 !important;
    padding: 9px 1px 2px !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card strong {
    display: block !important;
    min-width: 0 !important;
    color: #f4f2e9 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card small {
    display: block !important;
    min-width: 0 !important;
    margin-top: 3px !important;
    color: #8f9b98 !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card > b {
    position: absolute !important;
    right: 14px !important;
    bottom: 13px !important;
    z-index: 2 !important;
    width: 24px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(240,179,64,.15) !important;
    border-radius: 999px !important;
    background: rgba(240,179,64,.055) !important;
    color: #e5b64e !important;
    font-size: 14px !important;
    line-height: 1 !important;
    opacity: 0 !important;
    transform: translateX(4px) !important;
    transition: opacity .16s ease, transform .16s ease !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card:hover > b {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }
}

/* Keep the existing phone/tablet navigation behaviour intact below desktop. */
@media (max-width: 1040px) {
  #dashboardView .home-1c-chase-list .wanted-spotlight-image img {
    transform: none;
  }
}

/* BinderWorth 3.38.32 — Home Sign-off Fix
   Final desktop-only Home pass: force-hide the mobile hamburger and let chase-card artwork
   properly occupy the three desktop spotlight tiles. No routing or mobile behaviour changes. */
@media (min-width: 1041px) {
  /* Loaded before some component sheets, so use an intentionally strong selector here. */
  html body .app-shell .main-content header.topbar > button#mobileMenu.mobile-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  /* With the menu removed, keep the desktop brand/title centred in the full header. */
  html body .app-shell .main-content header.topbar .topbar-title {
    margin-left: 0 !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card {
    grid-template-rows: 226px auto !important;
    min-height: 284px !important;
    padding: 9px !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-image {
    height: 226px !important;
    min-height: 226px !important;
    border-radius: 12px !important;
    background:
      radial-gradient(ellipse at 50% 47%, rgba(66,203,185,.105), transparent 43%),
      radial-gradient(circle at 50% 50%, rgba(240,179,64,.025), transparent 67%),
      linear-gradient(180deg, rgba(8,15,14,.99), rgba(10,17,16,.99)) !important;
    box-shadow:
      inset 0 0 0 4px rgba(0,0,0,.14),
      inset 0 -24px 42px rgba(0,0,0,.09) !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-image::before {
    width: 154px !important;
    height: 206px !important;
    border-radius: 14px !important;
    background: radial-gradient(ellipse at center, rgba(0,0,0,.025), rgba(0,0,0,.20) 75%) !important;
    box-shadow: 0 16px 38px rgba(0,0,0,.28) !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-image img {
    width: auto !important;
    height: 94% !important;
    max-width: 92% !important;
    max-height: 210px !important;
    object-fit: contain !important;
    transform: none !important;
    filter: drop-shadow(0 12px 15px rgba(0,0,0,.42)) !important;
  }

  /* Match the stronger artwork scale when an image is unavailable. */
  #dashboardView.active .home-1c-chase-list .wanted-spotlight-image .bw-empty-sleeve {
    width: 142px !important;
    height: 202px !important;
    border-radius: 12px !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-image .bw-empty-sleeve svg {
    width: 46px !important;
    height: 62px !important;
    transform: translateY(-13px) !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-image .bw-empty-sleeve::after {
    bottom: 16px !important;
    font-size: 9px !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card > span:nth-of-type(2) {
    padding: 10px 2px 3px !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card strong {
    font-size: 13px !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card small {
    margin-top: 4px !important;
    font-size: 9.5px !important;
  }
}

/* BinderWorth 3.38.33 — Home chase artwork fill
   Make card artwork actually occupy the portrait image well on desktop. */
@media (min-width: 1041px) {
  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image::before {
    width: 158px !important;
    height: 216px !important;
    border-radius: 13px !important;
  }

  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image > img {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: auto !important;
    height: calc(100% - 8px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 4px auto !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 6px !important;
    transform: none !important;
    filter: drop-shadow(0 12px 16px rgba(0,0,0,.44)) !important;
  }

  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image > .bw-empty-sleeve {
    width: 150px !important;
    height: 212px !important;
    margin: 4px auto !important;
  }
}

/* BinderWorth 3.38.34 — Home Chase Artwork Final Fit
   Final desktop-only chase-card artwork fit: remove the inner black surround and
   let the artwork sit edge-to-edge in a true trading-card ratio. */
@media (min-width: 1041px) {
  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image::before {
    display: none !important;
    content: none !important;
  }

  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image > img {
    width: 154px !important;
    height: 216px !important;
    aspect-ratio: 63.5 / 88.9 !important;
    max-width: 154px !important;
    max-height: 216px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    object-fit: contain !important;
    object-position: center !important;
    box-shadow: 0 14px 26px rgba(0,0,0,.32) !important;
    filter: none !important;
  }

  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image > .bw-empty-sleeve {
    width: 154px !important;
    height: 216px !important;
    aspect-ratio: 63.5 / 88.9 !important;
    margin: 0 auto !important;
    border-radius: 7px !important;
  }
}

/* BinderWorth 3.38.35 — Home Chase Artwork Clip Fix
   The previous fit enlarged the image but left the legacy 44px artwork wrapper in force,
   so the card edges were being clipped. Make the artwork stage full-width while keeping
   the foreground card at its natural trading-card ratio. */
@media (min-width: 1041px) {
  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 226px !important;
    min-height: 226px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image > img {
    width: 154px !important;
    height: 216px !important;
    min-width: 154px !important;
    min-height: 216px !important;
    max-width: 154px !important;
    max-height: 216px !important;
    aspect-ratio: 63.5 / 88.9 !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    overflow: visible !important;
    border-radius: 7px !important;
    box-shadow: 0 14px 26px rgba(0,0,0,.32) !important;
  }

  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image > .bw-empty-sleeve {
    width: 154px !important;
    height: 216px !important;
    min-width: 154px !important;
    min-height: 216px !important;
    max-width: 154px !important;
    max-height: 216px !important;
    margin: 0 !important;
  }
}

/* BinderWorth 3.38.36 — Collection set-strip percentage/logo separation
   Desktop-only sign-off fix: reserve a dedicated logo row and metadata footer so
   completion percentages never compete with set artwork. */
@media (min-width: 1041px) {
  html body .app-shell .main-content #collectionView.active .collection-set-dividers {
    align-items: stretch !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider {
    position: relative !important;
    display: grid !important;
    grid-template-rows: 34px 20px !important;
    align-items: center !important;
    gap: 3px !important;
    min-height: 62px !important;
    height: 62px !important;
    padding: 4px 10px 5px !important;
    overflow: hidden !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider > img,
  html body .app-shell .main-content #collectionView.active .collection-set-divider > i {
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    width: auto !important;
    max-width: 112px !important;
    height: auto !important;
    max-height: 31px !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider > span {
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider > span > strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider > span > small {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: #59d9c8 !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider.active > span > small {
    color: #e7b24f !important;
  }
}

/* BinderWorth 3.38.37 — Collection Set-Strip Final Fit
   Keep the logo row untouched, but give the set name the full usable footer width
   and pin the completion percentage independently on the right. */
@media (min-width: 1041px) {
  html body .app-shell .main-content #collectionView.active .collection-set-divider {
    min-width: 184px !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider > span {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 38px !important;
    overflow: hidden !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider > span > strong {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 20px !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider > span > small {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    min-width: 30px !important;
    margin: 0 !important;
    text-align: right !important;
    line-height: 20px !important;
  }
}

/* BinderWorth 3.38.37 — Collection Set-Strip Final Fit (recovery override)
   Final desktop structure: logo owns row 1; set name and percentage own separate
   grid columns on row 2. Using display:contents removes the footer wrapper as a
   sizing bottleneck so readable names cannot collapse to initials. */
@media (min-width: 1041px) {
  html body .app-shell .main-content #collectionView.active .collection-set-divider {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 34px 20px !important;
    column-gap: 10px !important;
    row-gap: 3px !important;
    min-width: 184px !important;
    height: 62px !important;
    min-height: 62px !important;
    padding: 4px 10px 5px !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider > img,
  html body .app-shell .main-content #collectionView.active .collection-set-divider > i {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    width: auto !important;
    max-width: 112px !important;
    height: auto !important;
    max-height: 31px !important;
    margin: 0 !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider > span {
    display: contents !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider > span > strong {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    align-self: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 20px !important;
    text-align: left !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider > span > small {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    transform: none !important;
    justify-self: end !important;
    align-self: center !important;
    width: auto !important;
    min-width: 30px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: right !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    color: #59d9c8 !important;
  }

  html body .app-shell .main-content #collectionView.active .collection-set-divider.active > span > small {
    color: #e7b24f !important;
  }
}

/* BinderWorth 3.39.5 — trader stock visibility & trust */
.find-card-offer-badges span.freshness{
  border:1px solid rgba(62,214,184,.26);
  background:rgba(62,214,184,.08);
  color:#82ead4;
}
.find-card-trust-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px 9px;
  margin-top:6px;
  padding:7px 9px;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(76,199,183,.15);
  border-radius:10px;
  background:rgba(39,157,145,.045);
  color:#91a7a3;
  font-size:.69rem;
  line-height:1.35;
}
.find-card-trust-meta strong{
  color:#7de1ce;
  font-size:.69rem;
  font-weight:900;
  letter-spacing:.01em;
}
.find-card-trust-meta span{color:#a0aaa8}
.find-card-trust-meta small{
  color:#6f7f7d;
  font-size:.63rem;
}
.find-card-trust-meta.recent{
  border-color:rgba(76,199,183,.24);
  background:linear-gradient(90deg,rgba(39,157,145,.075),rgba(39,157,145,.025));
}
@media(max-width:640px){
  .find-card-trust-meta{width:100%;gap:4px 8px}
  .find-card-trust-meta small{flex-basis:100%}
}

/* BinderWorth 3.39.6 — Trader Basket / Multi-card Buying */
.chase-buy-route{display:grid;grid-template-columns:minmax(0,1.2fr) auto auto;gap:16px;align-items:center;margin:14px 0 10px;padding:15px 16px;border:1px solid rgba(0,200,137,.24);border-radius:15px;background:linear-gradient(120deg,rgba(0,200,137,.085),rgba(7,15,20,.78) 58%,rgba(244,170,42,.055));box-shadow:0 0 0 1px rgba(0,200,137,.035) inset}.chase-buy-route.hidden{display:none}.chase-buy-route-copy{display:grid;gap:3px;min-width:0}.chase-buy-route-copy>span,.chase-combined-head span{color:#58d9c4;font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.chase-buy-route-copy>strong{color:#f3f6f4;font-size:20px;line-height:1.1}.chase-buy-route-copy>small{max-width:560px;color:#9eaaa7;font-size:10px;line-height:1.45}.chase-buy-route-metrics{display:grid;grid-template-columns:repeat(3,minmax(90px,auto));gap:7px}.chase-buy-route-metrics>div{display:grid;gap:2px;min-height:52px;padding:8px 10px;border:1px solid rgba(166,173,186,.10);border-radius:10px;background:rgba(3,8,12,.38)}.chase-buy-route-metrics b{color:#f0f5f2;font-size:13px;white-space:nowrap}.chase-buy-route-metrics span{color:#75827f;font-size:6.5px;font-weight:900;letter-spacing:.055em}.chase-buy-route-go{white-space:nowrap}.chase-buy-route-combined{display:block;padding:13px 14px;border-color:rgba(124,77,255,.25);background:linear-gradient(120deg,rgba(124,77,255,.075),rgba(6,13,19,.82) 60%,rgba(0,200,137,.045))}.chase-combined-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.chase-combined-head>div{display:grid;gap:3px}.chase-combined-head strong{color:#f2efff;font-size:15px}.chase-combined-head small{color:#8f98a7;font-size:8px;line-height:1.4}.chase-combined-head>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(124,77,255,.13);color:#cbbcff;font-size:16px}.chase-combined-shops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.chase-combined-shop{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;border:1px solid rgba(166,173,186,.09);border-radius:9px;background:rgba(4,9,14,.34)}.chase-combined-shop>div{display:grid;gap:2px;min-width:0}.chase-combined-shop strong{color:#e9edf3;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chase-combined-shop small{color:#818c98;font-size:7px}.chase-combined-shop a{flex:0 0 auto;color:#70dfcc;font-size:7px;font-weight:900;text-decoration:none}.chase-combined-shop a:hover{color:#b9fff2}.find-card-basket-context{font-weight:800}
@media(max-width:980px){.chase-buy-route{grid-template-columns:1fr}.chase-buy-route-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.chase-buy-route-go{width:max-content}.chase-combined-shops{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.chase-buy-route{padding:13px}.chase-buy-route-metrics{grid-template-columns:1fr 1fr}.chase-buy-route-metrics>div:last-child{grid-column:1/-1}.chase-buy-route-go{width:100%}.chase-combined-shops{grid-template-columns:1fr}.chase-combined-head{align-items:flex-start}.chase-buy-route-copy>strong{font-size:18px}}


/* BinderWorth 3.39.6a — Find search-results final fit
   Keep exact-printing results compact on desktop even when later component
   styles alter the generic .card-results grid. */
#searchView .card-results.find-results{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr)) !important;
  gap:12px !important;
  align-items:start !important;
}
#searchView .find-result-card{
  min-width:0 !important;
  height:100%;
  display:flex;
  flex-direction:column;
}
#searchView .find-result-card .result-image{
  width:100%;
  min-height:0 !important;
  max-height:300px !important;
  aspect-ratio:245/337 !important;
  padding:10px !important;
  overflow:hidden;
}
#searchView .find-result-card .result-image img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:220px !important;
  max-height:280px !important;
  margin:auto;
  object-fit:contain !important;
}
#searchView .find-result-card .result-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:11px !important;
}
#searchView .find-result-card .find-result-actions{margin-top:auto}
@media (max-width:1180px){
  #searchView .card-results.find-results{grid-template-columns:repeat(auto-fill,minmax(205px,1fr)) !important}
}
@media (max-width:760px){
  #searchView .card-results.find-results{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important}
  #searchView .find-result-card .result-image{max-height:none !important;padding:7px !important}
  #searchView .find-result-card .result-image img{max-width:100% !important;max-height:none !important}
}

/* BinderWorth 3.40.0 — Pricing Intelligence */
.pricing-intelligence-panel{
  position:relative;
  overflow:hidden;
  margin-bottom:14px;
  border-color:rgba(76,199,183,.22);
  background:
    radial-gradient(circle at 88% 0,rgba(124,77,255,.13),transparent 34%),
    linear-gradient(145deg,rgba(8,21,27,.98),rgba(5,13,18,.96));
}
.pricing-intelligence-panel::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(#58d9c4,#7c4dff);
}
.pricing-intelligence-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.pricing-intelligence-head>div{display:grid;gap:4px}
.pricing-intelligence-head h3{margin:0;color:#f3f7f5;font-size:1.08rem}
.pricing-intelligence-head p:not(.eyebrow){margin:0;max-width:720px;color:#93a29f;font-size:.78rem;line-height:1.45}
.pricing-intelligence-state{
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(76,199,183,.22);
  border-radius:999px;
  background:rgba(39,157,145,.08);
  color:#79dfce;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.pricing-intelligence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.collection-pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.pricing-intelligence-grid>div{
  display:grid;
  gap:4px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(164,181,177,.1);
  border-radius:12px;
  background:rgba(1,8,12,.38);
}
.pricing-intelligence-grid span{color:#71827f;font-size:.61rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.pricing-intelligence-grid strong{color:#eff7f4;font-size:1.2rem;line-height:1.1}
.pricing-intelligence-grid strong.up,.pricing-movers em.up{color:#62d9a6}
.pricing-intelligence-grid strong.down,.pricing-movers em.down{color:#ff8b94}
.pricing-intelligence-grid strong.flat{color:#dce7e4}
.pricing-intelligence-grid small{color:#7f8d8a;font-size:.66rem;line-height:1.35}
.pricing-intelligence-note{margin:11px 0 0;color:#657572;font-size:.65rem;line-height:1.4}
.pricing-movers{margin-top:11px}
.pricing-movers:empty{display:none}
.pricing-movers-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;color:#71827f;font-size:.6rem;font-weight:900;letter-spacing:.055em}
.pricing-movers-head small{font-weight:700;letter-spacing:0;text-transform:none}
.pricing-movers-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.pricing-movers-list button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  padding:8px 9px;
  border:1px solid rgba(164,181,177,.09);
  border-radius:9px;
  background:rgba(4,11,16,.52);
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.pricing-movers-list button:hover{border-color:rgba(76,199,183,.26);background:rgba(39,157,145,.06)}
.pricing-movers-list span{display:grid;gap:2px;min-width:0}
.pricing-movers-list strong,.pricing-movers-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pricing-movers-list strong{color:#dfe8e6;font-size:.7rem}
.pricing-movers-list small{color:#667672;font-size:.58rem}
.pricing-movers-list em{flex:0 0 auto;font-size:.69rem;font-style:normal;font-weight:900}
.chase-pricing-intelligence{margin:12px 0}
.chase-market-pill{border-color:rgba(76,199,183,.2)!important;background:rgba(39,157,145,.08)!important;color:#7de1ce!important;font-style:normal!important}
.chase-market-pill.check{border-color:rgba(244,170,42,.24)!important;background:rgba(244,170,42,.08)!important;color:#f4bd62!important}
@media(max-width:1080px){
  .collection-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-movers-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  .pricing-intelligence-head{display:grid;gap:9px}
  .pricing-intelligence-state{width:max-content}
  .pricing-intelligence-grid,.collection-pricing-grid{grid-template-columns:1fr 1fr}
  .pricing-movers-list{grid-template-columns:1fr}
}

/* BinderWorth 3.40.0c — compact desktop Home chase tiles
   Keep exact-card interaction and the desktop sign-off while returning the
   three-card preview to a height that keeps names visible. */
@media (min-width: 1041px) {
  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card {
    grid-template-rows: 174px auto !important;
    min-height: 228px !important;
    height: auto !important;
    padding: 8px !important;
  }

  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 174px !important;
    min-height: 174px !important;
    max-height: 174px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 1px solid rgba(166,173,186,.08) !important;
    border-radius: 11px !important;
    background:
      radial-gradient(circle at 50% 45%, rgba(66,203,185,.075), transparent 46%),
      linear-gradient(180deg, rgba(9,16,15,.98), rgba(10,17,16,.98)) !important;
    box-shadow: inset 0 0 0 4px rgba(0,0,0,.15), inset 0 -18px 30px rgba(0,0,0,.08) !important;
  }

  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image::before {
    display: block !important;
    content: '' !important;
    width: 118px !important;
    height: 148px !important;
    border-radius: 12px !important;
    background: radial-gradient(ellipse at center, rgba(0,0,0,.05), rgba(0,0,0,.22) 72%) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.26) !important;
  }

  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image > img {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: auto !important;
    height: 88% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 86% !important;
    max-height: 154px !important;
    aspect-ratio: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 9px 12px rgba(0,0,0,.38)) !important;
    transform: scale(1.04) !important;
  }

  html body .app-shell .main-content #dashboardView.active .home-1c-chase-list .wanted-spotlight-card .wanted-spotlight-image > .bw-empty-sleeve {
    width: 104px !important;
    height: 146px !important;
    min-width: 104px !important;
    min-height: 146px !important;
    max-width: 104px !important;
    max-height: 146px !important;
    margin: 0 auto !important;
    border-radius: 10px !important;
  }

  #dashboardView.active .home-1c-chase-list .wanted-spotlight-card > span:nth-of-type(2) {
    padding: 9px 1px 2px !important;
  }
}

@media (min-width: 781px) {
  html body .app-shell > aside.sidebar {
    position: sticky !important;
    top: 0 !important;
    align-self: start !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
  }
}