.universe-home {
  max-width: 920px;
  padding-top: max(32px, env(safe-area-inset-top));
  padding-bottom: max(24px, env(safe-area-inset-bottom));
}

.universe-home .universe-heading h1 {
  font-size: clamp(2.5rem, 6.5vw, 4rem);
}

.universe-home .invitation {
  margin-top: 15px;
}

.universe-home .world-choices {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 44px;
  max-width: 650px;
  margin-top: 48px;
}

.universe-home .world-choice {
  padding: 8px;
  border-radius: 18px;
}

.universe-home .world-object {
  height: 236px;
}

.universe-home .record-sleeve {
  width: min(79%, 210px);
}

.universe-home .garment-print {
  width: min(89%, 235px);
}

.universe-home .choice-name {
  margin-top: 25px;
  color: var(--lime);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.35;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 7px;
}

.universe-home .choice-detail {
  margin-top: 11px;
  font-size: .75rem;
}

.universe-home .signoff {
  margin-top: 48px;
}

.universe-home .footer-links {
  gap: 0 16px;
  margin-top: 9px;
}

.universe-home .footer-links a {
  justify-content: center;
  min-width: 44px;
  padding: 0 5px;
}

.universe-home .world-choice:focus-visible {
  outline-offset: 3px;
}

@media (max-width: 600px) {
  .universe-home {
    padding-top: max(28px, env(safe-area-inset-top));
    padding-right: max(22px, env(safe-area-inset-right));
    padding-bottom: max(20px, env(safe-area-inset-bottom));
    padding-left: max(22px, env(safe-area-inset-left));
  }

  .universe-home .universe-heading h1 {
    font-size: clamp(2rem, 10.5vw, 3.25rem);
  }

  .universe-home .invitation {
    margin-top: 13px;
  }

  .universe-home .world-choices {
    gap: 22px;
    margin-top: 39px;
  }

  .universe-home .world-choice {
    padding: 4px;
  }

  .universe-home .world-object {
    height: clamp(145px, 43vw, 205px);
  }

  .universe-home .record-sleeve {
    width: 83%;
    max-width: 190px;
  }

  .universe-home .garment-print {
    width: 90%;
    max-width: 210px;
  }

  .universe-home .choice-name {
    margin-top: 22px;
    font-size: 1.1875rem;
    text-underline-offset: 6px;
  }

  .universe-home .choice-detail {
    margin-top: 10px;
    font-size: .6875rem;
  }

  .universe-home .signoff {
    margin-top: 39px;
  }

  .universe-home .footer-links {
    margin-top: 7px;
  }
}

@media (max-width: 600px) and (max-height: 680px) {
  .universe-home {
    padding-top: max(22px, env(safe-area-inset-top));
    padding-bottom: max(16px, env(safe-area-inset-bottom));
  }

  .universe-home .universe-heading h1 {
    font-size: clamp(2rem, 9vw, 2.4rem);
  }

  .universe-home .world-choices {
    margin-top: 29px;
  }

  .universe-home .world-object {
    height: 140px;
  }

  .universe-home .record-sleeve {
    max-width: 119px;
  }

  .universe-home .garment-print {
    max-width: 135px;
  }

  .universe-home .choice-name {
    margin-top: 20px;
    font-size: 1.125rem;
  }

  .universe-home .choice-detail {
    margin-top: 10px;
  }

  .universe-home .signoff {
    margin-top: 29px;
  }
}