/* Page base. The envelope and cards style themselves (assets/envelope/envelope.css). */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  overflow: hidden;
  background: #ece5d8;   /* same as the envelope scene */
  font-family: "Cormorant Garamond", Garamond, "Times New Roman", serif;
  color: #6b1f2c;
  -webkit-font-smoothing: antialiased;
}
[hidden] { display: none !important; }

/* Shown only if the envelope can't load. */
.load-failed {
  min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 18px; padding: 24px; text-align: center; font-size: 1.25rem;
}
.load-failed p { margin: 0; }
.load-failed button {
  font: 600 12px/1 "Cormorant Garamond", serif; letter-spacing: .24em; text-transform: uppercase;
  padding: 14px 22px; border-radius: 99px; border: 0; background: #6b1f2c; color: #f6ead0; cursor: pointer;
}