/* Chapter-first lobby. Shared collection controls remain available in the Journey Kit. */
.site-header .journey-mode-switch {
  top: max(29px, env(safe-area-inset-top));
  pointer-events: auto;
}
.lobby-v13 .chapter-section {
  inset: 120px 0 142px;
  height: auto;
  width: 100%;
  max-width: none;
  transform: none;
  display: block;
}
.lobby-v13 .chapter-section > .section-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.lobby-v13 #chapter-deck {
  height: 100%;
  grid-template-rows: minmax(0, 1fr);
  --card-width: clamp(360px, 39vw, 640px);
  --card-height: min(60dvh, calc(100dvh - 260px), 600px);
}
#chapter-deck .depth-controls { display: none; }
.lobby-v13 .restoration-status {
  top: calc(max(25px, env(safe-area-inset-top)) + 78px);
  left: max(34px, env(safe-area-inset-left));
  padding: 5px 10px 5px 3px;
}
.lobby-v13 .restoration-status > img { width: 36px; height: 44px; }
.lobby-v13 .restoration-status small { font-size: 8px; margin-bottom: 7px; }
@media (min-width: 701px) and (max-width: 1023px) and (min-height: 501px) {
  .site-header .journey-mode-switch { top: calc(100% + 12px); }
  .lobby-v13 .chapter-section { top: 175px; }
  .lobby-v13 #chapter-deck { --card-width: min(64vw, 540px); }
  .lobby-v13 .restoration-status small { display: none; }
}
@media (max-width: 700px) {
  .site-header .journey-mode-switch { top: calc(100% + 12px); }
  .lobby-v13 .chapter-section { inset: 146px 0 100px; }
  .lobby-v13 #chapter-deck {
    --card-width: min(84vw, 430px);
    --card-height: min(58dvh, calc(100dvh - 220px), 580px);
  }
  .lobby-v13 .restoration-status {
    top: auto;
    bottom: max(18px, env(safe-area-inset-bottom));
    left: 50%;
    transform: translateX(-50%);
  }
  .lobby-v13 .restoration-status > img { width: 30px; height: 36px; }
}
@media (max-height: 660px) and (min-width: 1024px) {
  .site-header .journey-mode-switch { top: max(18px, env(safe-area-inset-top)); }
  .lobby-v13 .chapter-section { inset: 95px 0 115px; }
  .lobby-v13 #chapter-deck { --card-height: min(60dvh, calc(100dvh - 220px)); }
}
@media (max-height: 500px) and (min-width: 701px) {
  .site-header .journey-mode-switch { top: max(14px, env(safe-area-inset-top)); padding: 3px; }
  .site-header .journey-mode-switch button { min-height: 36px; font-size: 11px; padding: 7px 16px; }
  .lobby-v13 .chapter-section { inset: 76px 0 18px; }
  .lobby-v13 #chapter-deck { --card-width: min(46vw, 480px); --card-height: min(70dvh, calc(100dvh - 108px)); }
  .lobby-v13 .restoration-status { display: none; }
}
@media (max-height: 500px) and (max-width: 700px) {
  .site-header .brand-name { font-size: 20px; }
  .site-header .brand-sub { display: none; }
  .site-header .journey-mode-switch { top: max(20px, env(safe-area-inset-top)); padding: 3px; }
  .site-header .journey-mode-switch button { min-height: 36px; font-size: 10px; padding: 7px 10px; }
  .lobby-v13 .chapter-section { inset: 86px 0 14px; }
  .lobby-v13 #chapter-deck { --card-width: min(52vw, 340px); --card-height: calc(100dvh - 126px); }
  .lobby-v13 .depth-card.chapter-card { grid-template-rows: minmax(0, 1fr) 90px; }
  .lobby-v13 .depth-card .chapter-body { padding: 9px 16px; }
  .lobby-v13 .depth-card .chapter-body h3 { font-size: 23px; }
  .lobby-v13 .chapter-subtitle, .lobby-v13 .restoration-status { display: none; }
}