/* Vault Ledger: graphite surfaces, one type scale, gold only for SSP and 1/1.
   The wordmark stays the supplied logo. Type is the local system stack, so
   there is no webfont file to preload. */
:root {
  --vault-bg: #1b1e23;
  --vault-surface: #242830;
  --vault-surface-2: #2c3138;
  --vault-text: #f4f6f8;
  --vault-muted: #c5ced6;
  --vault-line: #4a545f;
  --vault-gold: #ffe7a8;
  --vault-gold-line: #e6c36a;
  --vault-ink: #10251e;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --type-kicker: 0.75rem;
  --type-body: 1rem;
  --type-title: clamp(1.75rem, 4vw, 2.75rem);
  --type-numeral: 2rem;
  --control-min: 44px;
  --radius: 14px;
  --bg: var(--vault-bg);
  --color-bg: var(--vault-bg);
  --panel: var(--vault-surface);
  --panel2: var(--vault-surface-2);
  --text: var(--vault-text);
  --muted: var(--vault-muted);
  --line: var(--vault-line);
  --blue: #d5dbe3;
  --color-primary: #d5dbe3;
  --collector-ink: var(--vault-ink);
  color-scheme: dark;
}
body {
  background: var(--vault-bg);
  color: var(--vault-text);
  font-size: var(--type-body);
}
.collector-intro h1,
.pricing-shell h1,
.wrap h1 {
  font-size: var(--type-title);
  letter-spacing: -0.03em;
}
body .btn,
body .tab,
body .mini,
body .chip,
.btn,
.tab,
.collector-filter-chip {
  min-height: var(--control-min);
  border-radius: var(--radius);
  background: var(--vault-surface-2);
  color: var(--vault-text);
  border-color: var(--vault-line);
}
body .btn.primary,
body .tab.active,
.btn.primary {
  background: var(--color-primary);
  color: var(--collector-ink);
  border-color: var(--color-primary);
}
body .drawer,
body .binder-sheet,
body .binder-sheet .sheet-card,
.ebay-listing-dialog,
.poster-viewer {
  background: var(--vault-surface);
  color: var(--vault-text);
}
.ssp-badge,
.badge.is-ssp {
  background: transparent;
  color: var(--vault-gold);
  border-color: var(--vault-gold-line);
}
:focus-visible {
  outline: 3px solid var(--vault-text);
  outline-offset: 3px;
}
body .drawer,
body .binder-sheet,
.ebay-listing-dialog,
.card,
.panel {
  border-radius: var(--radius);
}
.rainbow-numeral,
.vault-numeral {
  font-size: var(--type-numeral);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.rainbow-chip.is-ssp,
.rainbow-chip.is-rare,
.rainbow-flag.is-ssp,
.badge.is-ssp {
  color: var(--vault-gold);
  border-color: var(--vault-gold-line);
}
.card-image-frame {
  position: relative;
  aspect-ratio: 5 / 7;
  background: #14171b;
}
.card-image-frame.is-loading {
  background: #2c3138;
}
.card-image-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.collector-result-count {
  margin: 0;
  min-height: 1.5rem;
  color: var(--vault-text);
  font-size: 1.15rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.brand img,
.topbar-inner > a img {
  width: 120px;
  height: 28px;
  object-fit: contain;
}
@media (max-width: 760px) {
  body .top {
    min-height: 212px;
  }
  body .tabs {
    min-block-size: 180px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .card-image-frame,
  .card-image-frame img {
    transition: none;
    animation: none;
  }
}