/* Keep the entire 960 × 480 scene visible: never crop the player or pursuers. */
#game {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: contain;
}

@media (max-width: 700px) {
  .overlay { padding: 8px; }
  .overlay .tag, .game .toha-portrait { display: none; }
  .overlay h2 { font-size: clamp(17px, 5vw, 26px); line-height: 1.1; }
  .overlay h2 br { display: none; }
  .overlay h2 em::before { content: ' '; }
  .overlay p { font-size: 8px; line-height: 1.4; margin: 6px 0 9px; }
  .jump-result { font-size: 12px; margin-top: 3px; }
  #start { padding: 9px 16px; font-size: 10px; min-width: 170px; box-shadow: 3px 3px 0 #738c36; }
  .overlay small { margin-top: 8px; font-size: 8px; }
  .scene-label { font-size: 6px; bottom: 5px; left: 8px; letter-spacing: 1px; }
  footer { margin-top: 14px; }
}

@media (orientation: landscape) and (max-height: 500px) {
  body { padding: 8px 16px; }
  header, .eyebrow, .stamp { display: none; }
  .heading { padding: 4px 0 8px; }
  h1 { font-size: 24px; }
  .cabinet { max-width: min(100%, calc((100svh - 140px) * 2)); }
  footer { margin-top: 8px; }
}