@media (pointer: coarse), (max-width: 750px) {
  header { height: 62px; }
  main { margin-top: 12px; }
  .arena { height: 76vh; height: 76svh; min-height: 480px; max-height: 820px; }
  .arena-bottom { bottom: 22px; }
  #pause, #exit { min-width: 44px; min-height: 44px; }
  #overlay h1 { font-size: 48px; }
  .hint { max-width: 88%; line-height: 1.7; }
  .how { display: block; }
  .how > div { margin-top: 12px; }
  body { padding-bottom: env(safe-area-inset-bottom, 0px); }
}
.mobile-info { color: #b9d4c9; font-size: 12px; line-height: 1.7; margin: 0 0 16px; }