/* One shared area: moving the divider gives space to either panel. */
.astralis-cockpit .room-panels {
  display: grid;
  grid-template-rows: var(--room-height, 40%) 18px minmax(0, 1fr);
  flex: 1 0 320px;
  min-height: 320px;
  min-width: 0;
}
.astralis-cockpit .room-panels > .location-card,
.astralis-cockpit .room-panels > .world-tabs-panel {
  min-height: 0;
  max-height: none;
  height: auto;
  width: 100%;
  grid-row: auto;
  margin: 0;
}
.astralis-cockpit .room-panels > .location-card { overflow: auto; overscroll-behavior: contain; }
.astralis-cockpit .room-panels > .world-tabs-panel { overflow: hidden; }
.astralis-cockpit .room-panels .world-tabs { flex-shrink: 0; }
.astralis-cockpit .room-divider {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  cursor: row-resize;
  touch-action: none;
  user-select: none;
  border-radius: 3px;
}
.room-divider::before { content: ''; position: absolute; inset: 8px 8px auto; height: 1px; background: #6b5636; }
.room-divider > span { position: relative; width: 34px; height: 7px; border-block: 1px solid #dab776; background: #061426; box-shadow: 0 0 0 4px #020c1b; pointer-events: none; }
.astralis-cockpit .room-divider:hover, .astralis-cockpit .room-divider:focus-visible, .room-panels.is-resizing .room-divider { background: #17304a; outline: 2px solid #78dce8; outline-offset: -2px; }
.room-panels.is-resizing { user-select: none; }
@media (min-width: 601px) and (max-width: 950px) {
  .astralis-cockpit .room-rail { height: calc(100dvh - 16px); }
}
@media (max-width: 600px) {
  .astralis-cockpit .room-panels { flex: none; height: clamp(400px, 65svh, 600px); width: 100%; grid-template-rows: var(--room-height, 40%) 28px minmax(0, 1fr); }
  .room-divider::before { top: 13px; }
}