/**
 * Shared RevScore line: "RevScore X.X/10" + single piston (tier tint).
 * Used on car detail, cards, Cool Wall, collection, compare.
 */

.card-revscore-line {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.38rem 0.45rem;
  font-size: inherit;
  line-height: 1.2;
  min-height: 1.15em;
}

.card-revscore-line--empty .card-revscore-text {
  color: rgba(139, 150, 168, 0.88);
  font-weight: 550;
}

.card-revscore-text {
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  color: rgba(210, 224, 246, 0.96);
}

.card-revscore-piston {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  flex-shrink: 0;
}

.card-revscore-piston-img {
  display: block;
  width: 15px;
  height: 15px;
  object-fit: contain;
  opacity: 0.92;
}

/* Tier tints — subtle, readable on dark UI */
.revscore-tier--platinum .card-revscore-piston-img {
  filter: brightness(1.15) saturate(0.35) drop-shadow(0 0 5px rgba(200, 230, 255, 0.35));
}

.revscore-tier--gold .card-revscore-piston-img {
  filter: brightness(1.08) sepia(0.35) saturate(2.2) hue-rotate(-5deg)
    drop-shadow(0 0 4px rgba(255, 210, 120, 0.35));
}

.revscore-tier--silver .card-revscore-piston-img {
  filter: brightness(1.12) saturate(0.15) contrast(1.05) drop-shadow(0 0 3px rgba(210, 220, 235, 0.25));
}

.revscore-tier--bronze .card-revscore-piston-img {
  filter: brightness(1.05) sepia(0.5) saturate(1.8) hue-rotate(-15deg)
    drop-shadow(0 0 4px rgba(205, 150, 95, 0.32));
}

.revscore-tier--dark-bronze .card-revscore-piston-img {
  filter: brightness(0.75) sepia(0.45) saturate(1.5) hue-rotate(-12deg)
    drop-shadow(0 0 2px rgba(120, 85, 55, 0.35));
}

.revscore-tier--empty .card-revscore-piston-img {
  opacity: 0.35;
  filter: grayscale(0.9);
}

/* Compare column: RevScore block inherits .card-revscore-line sizing */
.compare-rating-display .card-revscore-line {
  justify-content: flex-start;
}

.coolwall-tier-grid .card-rating-year-left .card-revscore-line,
#panel-coolwall .card-rating-year-left .card-revscore-line {
  justify-content: flex-start;
}