/* The opening screen shares the TV layout with Vue, while its copy arrives in HTML. */
[hidden] { display: none !important; }

.three-beats .home-step-label { display: inline; font: inherit; }

.home-qr-placeholder {
  display: grid;
  width: min(28vw, 340px);
  max-width: 100%;
  aspect-ratio: 1;
  place-items: center;
  border-radius: 19px;
  background: var(--paper);
  color: var(--ink);
  font-size: 16px;
  font-weight: 850;
}

.execution-countdown h2 {
  max-width: 900px;
  margin: 24px 0 20px;
  font-size: clamp(54px, 6.8vw, 118px);
  font-weight: 1000;
  letter-spacing: -0.075em;
  line-height: 0.88;
}

@media (max-width: 900px) {
  .home-qr-placeholder { width: 100%; }
}