/* Give the three companion views the same expansive canvas as the journey map. */
.drawer.team-drawer {
  width: min(1800px, calc(100vw - 28px));
  max-width: none;
  padding-inline: clamp(20px, 3vw, 48px);
  padding-bottom: 24px;
}
.team-drawer .drawer-head {
  min-height: 184px;
  padding-top: 29px;
}
.team-drawer .team-tabs {
  max-width: min(840px, 80%);
}
.team-drawer .team-content[data-team-view="party"] .party-layout {
  grid-template-columns: minmax(0, 1.65fr) minmax(400px, 0.95fr);
  gap: clamp(16px, 1.4vw, 26px);
}
.team-drawer .party-roster-panel {
  padding: 16px clamp(14px, 1.3vw, 24px) 17px;
}
.team-drawer .party-roster-panel .team-slots { gap: clamp(9px, 1vw, 17px); }
.team-drawer .party-roster-panel .team-slot.member,
.team-drawer .party-roster-panel .team-slot.empty { min-height: 338px; padding-inline: 12px; }
.team-drawer .party-roster-panel .team-slot.member .team-portrait-stage { height: 192px; }
.team-drawer .party-roster-panel .team-slot.member .real-team-art { height: 192px; max-height: 192px; }
.team-drawer .party-roster-footer p { max-width: 590px; font-size: 13px; }
.team-drawer .party-side { gap: 18px; }
.team-drawer .party-side .team-invite-desk { padding-inline: clamp(18px, 1.5vw, 28px); }
.team-drawer .team-chat-feed { max-height: 280px; }

@media (max-width: 1150px) {
  .team-drawer .team-content[data-team-view="party"] .party-layout { grid-template-columns: 1fr; }
  .team-drawer .party-side { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
}
@media (max-width: 760px) {
  .drawer.team-drawer {
    width: calc(100vw - 10px);
    padding-inline: 17px;
    padding-bottom: 22px;
  }
  .team-drawer .drawer-head { min-height: 0; padding-top: 35px; }
  .team-drawer .team-tabs { max-width: 100%; }
  .team-drawer .party-roster-panel .team-slot.member,
  .team-drawer .party-roster-panel .team-slot.empty { min-height: 280px; padding-inline: 7px; }
  .team-drawer .party-roster-panel .team-slot.member .team-portrait-stage { height: 150px; }
  .team-drawer .party-roster-panel .team-slot.member .real-team-art { height: 150px; max-height: 150px; }
  .team-drawer .party-side { grid-template-columns: 1fr; }
}