.artifact-phrase {
  max-width: 680px;
  font-size: 1.25rem;
  color: var(--muted);
  line-height: 1.55;
}

.stat-card {
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  min-width: 220px;
  margin: 24px 0;
  border: 1px solid var(--border);
  background: rgba(29, 25, 19, 0.82);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.25);
}

.stat-label {
  color: var(--muted);
  font-size: 0.9rem;
}

.stat-card strong {
  font-size: 3rem;
  color: var(--accent);
}

body[data-demo="true"]::before,
body[data-demo="true"]::after {
  position: fixed;
  top: 50%;
  z-index: 9999;
  pointer-events: none;
  color: rgba(255, 0, 0, 0.72);
  font-family: "Share Tech Mono", monospace;
  font-size: clamp(4rem, 13vw, 11rem);
  font-weight: 900;
  letter-spacing: 0.18em;
  line-height: 1;
  text-shadow:
    0 0 12px rgba(255, 0, 0, 0.35),
    0 0 28px rgba(255, 0, 0, 0.18);
}

body[data-demo="true"]::before {
  content: "DEMO";
  left: 0.15rem;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: center;
}

body[data-demo="true"]::after {
  content: "MODE";
  right: 0.15rem;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: center;
}

@media (max-width: 720px) {
  body[data-demo="true"]::before,
  body[data-demo="true"]::after {
    font-size: clamp(3rem, 18vw, 6rem);
    opacity: 0.45;
  }
}