/* Targeted layout fixes. The original Standing Orders visual design remains
   authoritative; this file only reduces page length and prevents HUD overlap. */

/* A denser front page that keeps all of the original content and styling. */
.lp-section {
  padding-top: 56px;
  padding-bottom: 56px;
}
.lp-section-head {
  margin-bottom: 28px;
}
.lp-faction {
  padding: 20px 18px;
}
.lp-blackreach-note {
  padding: 17px 20px;
}
.lp-loop {
  gap: 10px;
}
.lp-loop-card {
  padding: 16px 14px;
}
.lp-ships,
.lp-station-grid {
  gap: 12px;
}
.lp-galaxy-wrap {
  padding: 22px;
}
.lp-cta {
  padding-top: 38px;
}
.lp-foot {
  padding-top: 28px;
}
.lp-guide-link {
  padding-bottom: 36px;
}

/* The top-center stack has explicit lanes. System event and spawn protection
   previously occupied the exact same coordinates. */
#sysevent {
  top: 60px;
}
#spawn-protect {
  top: 60px;
  left: auto;
  right: 18px;
  transform: none;
}
#wanted-meter {
  top: 94px;
}
#jammed-indicator {
  top: 130px;
}
#party-invite-prompt,
#trade-proposal-prompt {
  top: 168px;
  max-width: min(620px, calc(100vw - 36px));
}

/* Bound variable-length areas rather than allowing them to cover instruments. */
#left-hud {
  max-height: calc(100vh - 410px);
  overflow-y: auto;
  scrollbar-width: thin;
}
#chat {
  bottom: 24px;
  max-height: 170px;
}
#chat-log {
  max-height: 132px;
}
#events {
  left: 420px;
  bottom: 24px;
  width: min(420px, calc(100vw - 780px));
  max-height: 142px;
  overflow: hidden;
}
#prompt {
  max-width: min(640px, calc(100vw - 380px));
}

@media (max-width: 900px) {
  #events {
    left: 24px;
    bottom: 210px;
    width: min(360px, 42vw);
    max-width: 42vw;
    max-height: 92px;
  }
  #prompt {
    max-width: calc(100vw - 32px);
  }
  #party-invite-prompt,
  #trade-proposal-prompt {
    top: 166px;
    white-space: normal;
  }
}

@media (max-width: 620px) {
  .lp-section {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  #spawn-protect {
    top: 96px;
    right: 12px;
  }
  #sysevent {
    top: 130px;
  }
  #wanted-meter {
    top: 164px;
  }
  #jammed-indicator {
    top: 200px;
  }
  #party-invite-prompt,
  #trade-proposal-prompt {
    top: 236px;
  }
  #events {
    display: none;
  }
}