/* Compact the top chrome so the actual game occupies more of the viewport. */
.game-shell {
  width:min(1380px,100%);
  padding:6px 12px 2px;
}
.topbar {
  min-height:0;
  margin:0 0 4px;
  justify-content:flex-end;
  align-items:center;
}
.run-status {
  width:100%;
  justify-content:flex-end;
  gap:6px;
}
.run-status span {
  padding:5px 8px;
  font-size:11px;
}
.relic-tray {
  padding:2px 0 4px !important;
  min-height:34px !important;
}
.relic-chip {
  padding:4px 8px !important;
}
.battle-view {
  min-height:calc(100vh - 48px);
  grid-template-rows:minmax(470px,1fr) auto;
}
.enemy-zone {
  min-height:470px;
}
.overlay-panel {
  min-height:calc(100vh - 48px);
  border-radius:20px;
  padding:18px 12px;
}
.route-panel,
.shop-panel,
.relic-panel {
  min-height:calc(100vh - 48px);
}
@media (orientation:landscape) and (max-height:700px) {
  .game-shell { padding:2px 8px 0; }
  .topbar { margin-bottom:0; }
  .run-status span { padding:3px 7px; font-size:10px; }
  .relic-tray { min-height:26px !important; padding:0 0 2px !important; }
  .battle-view { min-height:calc(100vh - 28px); grid-template-rows:minmax(300px,1fr) auto; }
  .enemy-zone { min-height:300px; }
  .overlay-panel { min-height:calc(100vh - 28px); padding:10px 8px; }
}
@media (max-width:700px) and (orientation:portrait) {
  .game-shell { padding:4px 6px 2px; }
  .topbar { margin-bottom:2px; }
  .run-status { justify-content:flex-end; }
  .run-status span { padding:4px 7px; font-size:10px; }
  .relic-tray { min-height:30px !important; padding:1px 0 3px !important; }
  .battle-view { min-height:calc(100vh - 42px); grid-template-rows:minmax(390px,1fr) auto; }
  .enemy-zone { min-height:390px; }
  .overlay-panel { min-height:calc(100vh - 42px); padding:14px 8px; }
}