/* Keep the desktop phone and its 12px outer rim inside the visible window. */
@media (min-width: 640px) {
  #root > div {
    height: 100dvh;
    min-height: 0;
    box-sizing: border-box;
    padding: 24px;
  }

  #root > div > div:first-child {
    height: 100%;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
  }

  #root > div > div:first-child > div:first-child {
    height: min(812px, calc(100dvh - 48px));
    max-height: calc(100dvh - 48px);
    margin-top: auto;
    margin-bottom: auto;
    transform: none;
    translate: none;
  }
}