/* Original, local landscape. Load after pokemon.css. The game owns its own scene. */
body[data-mode="home"] {
  background-color: #f8f6ee;
  isolation: isolate;
}

body[data-mode="home"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("assets/trainer-landscape.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

/* Preserve the paper-like reading area on portrait screens; scenery stays below it. */
@media (max-width: 700px) {
  body[data-mode="home"]::before {
    background-size: auto 100%;
    background-position: 68% bottom;
    -webkit-mask-image: linear-gradient(to bottom, transparent 29%, #000 69%);
    mask-image: linear-gradient(to bottom, transparent 29%, #000 69%);
  }
}

/* Tall desktop windows should not stretch the meadow into the header. */
@media (min-width: 701px) and (min-aspect-ratio: 2/1) {
  body[data-mode="home"]::before {
    background-size: 100% auto;
  }
}

@media print {
  body[data-mode="home"]::before {
    display: none;
  }
}