/* Veer's full title silhouette, shown without cropping. */
.title-veer { position: absolute; aspect-ratio: 2 / 3; pointer-events: none; }
.title-veer > img { width: 100%; height: 100%; object-fit: contain; user-select: none; }
.welcome-world .welcome-title { top: 3%; height: 34%; }
.welcome-veer { height: 38%; top: 36%; left: 50%; transform: translateX(-50%); }
.welcome-world .welcome-unicorn { width: min(23vw, 36vh); height: min(23vw, 36vh); left: 19%; bottom: 26%; }
.welcome-world .welcome-caterpillar { width: min(23vw, 34vh); height: min(23vw, 34vh); right: 18%; bottom: 26%; }
.welcome-world .welcome-pip { top: 37%; right: 30%; width: min(9vw, 15vh); height: min(9vw, 15vh); }
.welcome-world .welcome-play { top: 86%; z-index: 2; }
.welcome-world .welcome-play-button { width: clamp(76px, 14vmin, 118px); height: clamp(76px, 14vmin, 118px); }
.valley-veer { height: 20%; top: 3%; left: calc(50% + min(19vw, 174px)); }
@media (orientation: portrait) {
  .welcome-world .welcome-title { top: 8%; width: 83%; height: 26%; }
  .welcome-veer { top: 36%; height: 34%; }
  .welcome-world .welcome-unicorn { left: 3%; bottom: 28%; width: 30vw; height: 30vw; }
  .welcome-world .welcome-caterpillar { right: 2%; bottom: 28%; width: 30vw; height: 30vw; }
  .welcome-world .welcome-pip { top: 38%; right: 8%; width: 18vw; height: 18vw; }
  .welcome-world .welcome-play { top: 84%; }
  .welcome-world .welcome-play-button { width: clamp(88px, 23vw, 128px); height: clamp(88px, 23vw, 128px); }
  .valley-veer { height: 10%; top: 21%; left: 50%; transform: translateX(-50%); }
}
@media (orientation: landscape) and (max-height: 600px) {
  .valley-veer { height: 27%; top: 5%; }
}