.fab-value-tracker {
  --mtg-cyan: #72ead2;
  --mtg-red: #ff817a;
}

.fab-value-tracker-hero {
  background:
    linear-gradient(112deg, rgba(10, 22, 17, 0.99) 6%, rgba(6, 12, 9, 0.97) 59%, rgba(19, 30, 18, 0.99)),
    radial-gradient(circle at 82% 28%, rgba(198, 255, 35, 0.18), transparent 34%);
}

.fab-value-tracker-hero h1 {
  max-width: 760px;
  font-size: clamp(3.4rem, 6vw, 6rem);
}

.fab-hero-card.uses-card-art-crop {
  /* Keep enough native scan pixels in the visible crop to avoid soft upscaling. */
  background-position: center, center 29%;
  background-repeat: no-repeat;
  background-size: cover, 185% auto;
}

.fab-hero-card .mtg-hero-card-copy {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.9);
}

.fab-hero-card .mtg-hero-card-values,
.fab-hero-card .mtg-hero-card-actions {
  text-shadow: none;
}

.fab-market-stat-rail {
  margin: 0 0 76px;
  border-block: 1px solid rgba(255, 255, 255, 0.12);
}

.fab-upcoming-anchor {
  position: relative;
  top: -90px;
}

.fab-value-tracker .hub-release-panel,
.fab-value-tracker .hub-directory-panel {
  border-inline: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.fab-value-tracker .hub-release-panel {
  border-top: 1px solid rgba(198, 255, 35, 0.25);
}

.fab-value-tracker .hub-directory-panel {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

@media (max-width: 760px) {
  .fab-value-tracker-hero h1 {
    font-size: clamp(2.8rem, 13vw, 4rem);
  }

  .fab-hero-card.uses-card-art-crop {
    background-position: center, center 29%;
    background-size: cover, 190% auto;
  }

  .fab-market-stat-rail {
    margin-bottom: 54px;
  }
}