:root {
  /* Sampled from the Blue Bayou Waterpark logo */
  --color-navy: #1e2a68;
  --color-navy-deep: #101636;
  --color-cyan: #1eaadc;
  --color-light-blue: #82d2f0;
  --color-text-inverse: #ffffff;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

.status-screen {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  text-align: center;
  padding: 2rem;
  background: linear-gradient(160deg, var(--color-navy) 0%, var(--color-navy-deep) 100%);
  color: var(--color-text-inverse);
}

.logo {
  width: clamp(140px, 22vw, 220px);
  height: auto;
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.35));
}

.status-title {
  margin: 0;
  font-family: "Fredoka", "Nunito", sans-serif;
  font-weight: 700;
  font-size: clamp(1.75rem, 5vw, 3rem);
}

.status-subtext {
  margin: 0;
  font-family: "Fredoka", "Nunito", sans-serif;
  font-weight: 500;
  font-size: 1.15rem;
  color: var(--color-light-blue);
}