body {
  min-height: 100vh;
  background-image:
    linear-gradient(to bottom, transparent 160px, var(--bg) 650px),
    linear-gradient(90deg, #121513ef 0%, #121513b3 46%, #12151336 100%),
    url("rust-woodland-base.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 650px, max(100%, 1300px) auto;
  background-position: top center, top center, right top;
}

.top {
  background: #12151355;
}

.mast {
  min-height: 144px;
}

footer details {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 14px;
}

@media (max-width: 730px) {
  body {
    background-image:
      linear-gradient(to bottom, transparent 105px, var(--bg) 420px),
      linear-gradient(90deg, #121513f0, #12151375),
      url("rust-woodland-base.webp");
    background-size: 100% 100%, 100% 420px, auto 420px;
    background-position: top center, top center, right top;
  }

  .mast {
    min-height: 112px;
  }
}