/**
 * PulsePrize header chrome (ported for demo).
 */
.pp-header-link-btn {
  list-style: none;
  cursor: pointer;
  user-select: none;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(18, 18, 26, 0.95);
  padding: 0.35rem 0.85rem;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #e4e4e7;
  text-decoration: none;
  font-family: ui-sans-serif, system-ui, sans-serif;
  display: inline-block;
}
.pp-header-link-btn:hover {
  border-color: rgba(192, 38, 255, 0.45);
  color: #fafafa;
}

.pp-demo-cta {
  animation: pp-demo-pulse 2.4s ease-in-out infinite;
}

/* Real-money CTA — faded until Chevron8 mainnet link is live */
.pp-play-real--faded {
  opacity: 0.32;
  pointer-events: none;
  cursor: default;
  animation: none;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(228, 228, 231, 0.45) !important;
  box-shadow: none !important;
}
@keyframes pp-demo-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(0, 255, 157, 0.35);
  }
  50% {
    box-shadow: 0 0 22px 2px rgba(192, 38, 255, 0.35);
  }
}

.pp-header-icon {
  display: none;
  line-height: 1;
  pointer-events: none;
}

.pp-header-btn-label {
  display: inline;
}

.pp-header-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

.pp-header-lifetime-stats {
  row-gap: 0.35rem;
}
.pp-lifetime-stat__val {
  transition: color 0.35s ease, text-shadow 0.35s ease;
}