/* Secret truck: the locked ??? slot on truck select and the unlock reveal. */
.truck-card.secret-card .sw {
  background: repeating-linear-gradient(45deg, #3a3050 0 6px, #1a1428 6px 12px);
}
.truck-card.secret-card b {
  letter-spacing: 0.3em;
  color: #b9a8d8;
}
.truck-card.secret-won small {
  color: #d9a8ff;
}
.secret-locked .dp-paint {
  display: none;
}
.secret-locked .driver-svg .figure {
  filter: brightness(0) drop-shadow(0 0 4px #b44bff);
}
.secret-locked .truck-tag b {
  color: #fff;
}
.secret-todo {
  margin: 6px 0 0;
  padding-left: 18px;
  font-size: 13px;
  color: var(--muted);
}
.secret-locked.nope {
  animation: secret-nope 0.35s ease;
}
@keyframes secret-nope {
  20%,
  60% {
    transform: translateX(-8px);
  }
  40%,
  80% {
    transform: translateX(8px);
  }
}
.secret-reveal {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 16px;
}
.secret-reveal .reveal-card {
  width: min(760px, 100%);
  padding: 18px 22px;
  background: rgba(14, 6, 26, 0.86);
  clip-path: var(--cut-sm);
  animation: secret-rise 0.7s 1.2s cubic-bezier(0.2, 1.4, 0.4, 1) both;
}
.secret-reveal .eyebrow {
  color: var(--c);
  letter-spacing: 0.2em;
}
.secret-reveal h2 {
  margin: 2px 0 10px;
  font-size: clamp(28px, 5vw, 46px);
  color: #fff;
  text-shadow: 0 0 18px var(--c);
}
.secret-reveal .truck-tag {
  margin: 6px 0 0;
}
@keyframes secret-rise {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.96);
  }
}
@media (max-height: 520px), (max-width: 720px) {
  .secret-reveal .reveal-card {
    padding: 10px 14px;
  }
  .secret-reveal .truck-tag:first-of-type {
    display: none;
  }
}