/* Reversible station presentation: docking replaces the visible flight screen. */
body:has(.station) .space {
  visibility: hidden;
}
body:has(.station) .right-hud {
  display: none;
}
body:has(.station) .left-hud {
  display: flex;
  position: fixed;
  z-index: 7;
}
body:has(.station) .left-hud > .ship-panel {
  display: none;
}
body:has(.station) .left-hud > .pilot {
  display: block;
}
body .station {
  position: fixed;
  inset: 82px 0 40px;
  transform: none;
  width: auto;
  height: auto;
  min-width: 0;
  max-height: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #08121d;
  z-index: 6;
  overflow: hidden;
}
body .station .station-art {
  height: 176px;
  padding: 20px max(28px, calc((100vw - 1200px) / 2));
  padding-left: max(298px, calc((100vw - 1200px) / 2));
  background-position: center 47%;
}
body .station > .tabs {
  padding-left: max(24px, calc((100vw - 1200px) / 2));
  padding-right: 24px;
  overflow-x: auto;
}
body .station .station-body {
  flex: 1 1 0;
  min-height: 0;
  width: 100%;
  padding: 20px max(28px, calc((100vw - 1200px) / 2));
  overflow-y: auto;
}
body .station > .departure {
  padding: 16px max(28px, calc((100vw - 1200px) / 2));
  background: #07111b;
}
@media (max-width: 700px) {
  body:has(.station) .left-hud {
    top: 94px;
    left: 16px;
    width: calc(100vw - 32px);
  }
  body:has(.station) .hud-commander-identity {
    flex-wrap: nowrap;
    margin-bottom: 8px;
  }
  body:has(.station) .hud-commander-identity img {
    width: 36px;
    height: 42px;
  }
  body:has(.station) .hud-commander-identity h2 {
    font-size: 16px;
  }
  body .station {
    width: 100%;
  }
  body .station .station-art {
    padding: 156px 20px 20px;
    height: 290px;
  }
  body .station .station-body,
  body .station > .departure {
    padding: 16px;
  }
  body .station > .tabs {
    padding: 0 12px;
  }
  body .station > .departure > span {
    display: none;
  }
  body .station > .departure {
    justify-content: flex-end;
  }
}

.station-departure-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}
.station-home {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  flex-shrink: 0;
}
.station-home:disabled {
  opacity: 1;
  color: #b6ebdd;
  border-color: #698f8b;
  background: #102b30;
}