/* Approved 16:9 Orbis landscape: one master image, crop-only responsive UI.
   Phone: crop sides; laptop/desktop: reveal surrounding scenery.
   The small central crest remains in view at every supported aspect ratio.
   3840x2160 AVIF first, 4K WebP fallback, legacy JPEG last. */
.game-splash picture,
.game-splash picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.game-splash picture img {
  object-fit: cover;
  object-position: 50% 48%;
}
.startup-screen {
  background-color: #0b1b2e;
  background-image: url("../assets/ui/branding/orbis-startup-landscape-4k.webp");
  background-size: cover;
  background-position: 50% 48%;
  background-repeat: no-repeat;
}
@supports (background-image: image-set(url("../assets/ui/branding/orbis-startup-landscape.avif") type("image/avif"))) {
  .startup-screen {
    background-image: image-set(
      url("../assets/ui/branding/orbis-startup-landscape.avif") type("image/avif"),
      url("../assets/ui/branding/orbis-startup-landscape-4k.webp") type("image/webp"),
      url("../assets/ui/branding/orbis-splash.jpg") type("image/jpeg")
    );
  }
}
.startup-screen::after {
  /* Keep the valley visible; only shade the bottom for readable menu buttons. */
  background: linear-gradient(180deg,
    rgba(2, 13, 28, .04) 0%,
    rgba(2, 13, 28, .02) 35%,
    rgba(2, 13, 28, .10) 63%,
    rgba(2, 13, 28, .66) 100%);
}
@media (max-width: 767px) {
  .startup-screen { background-position: 50% 50%; }
  .game-splash picture img { object-position: 50% 50%; }
}