body.startup-menu-active .hud,
body.startup-menu-active .movement-pad,
body.startup-menu-active .door-prompt {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.startup-menu-overlay {
  position: fixed;
  z-index: 18;
  inset: 0;
  display: grid;
  place-items: center;
  padding: max(28px, env(safe-area-inset-top))
    max(24px, env(safe-area-inset-right))
    max(28px, env(safe-area-inset-bottom))
    max(24px, env(safe-area-inset-left));
  background: rgba(3, 6, 7, 0.68);
  color: rgba(248, 250, 247, 0.94);
  touch-action: none;
}

.startup-menu-panel {
  display: grid;
  justify-items: center;
  gap: 30px;
  width: min(560px, calc(100vw - 48px));
  text-align: center;
}

.startup-menu-panel h1 {
  margin: 0;
  color: rgba(249, 251, 248, 0.96);
  font-size: clamp(22px, 4vmin, 40px);
  font-weight: 780;
  line-height: 0.96;
  letter-spacing: 0;
}

.startup-menu-options {
  display: grid;
  justify-items: stretch;
  gap: 3px;
  width: min(420px, 100%);
}

.startup-menu-option {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  min-height: 28px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 2px 6px;
  background: transparent;
  color: rgba(248, 250, 247, 0.86);
  font: inherit;
  font-size: clamp(11px, 1.8vmin, 15px);
  font-weight: 680;
  letter-spacing: 0;
  cursor: pointer;
}

.startup-menu-option[data-selected="true"],
.startup-menu-option:focus-visible {
  outline: none;
  border-color: transparent;
  background: transparent;
  color: #ffffff;
  box-shadow: none;
}

.startup-menu-option[aria-disabled="true"] {
  color: rgba(218, 225, 221, 0.58);
}

.startup-menu-suffix {
  color: rgba(218, 225, 221, 0.56);
  font-size: 0.72em;
  font-weight: 640;
}

@media (max-width: 520px) {
  .startup-menu-panel {
    gap: 16px;
  }

  .startup-menu-option {
    min-height: 30px;
    font-size: 12px;
  }
}