@media (max-width: 480px) and (max-height: 700px) {
  .street { inset: 16px 4px 20px; }
  .streetWrap::before { height: 28px; }
  .message { min-height: 0; }
  .stakePresets { display: none; }
  .moon { top: 8%; width: 44px; height: 44px; }
}

@media (orientation: landscape) and (max-height: 500px) {
  .street { inset: 6px 6px 10px; }
  .streetWrap::before { height: 14px; }
  .message { min-height: 0; font-size: 11px; }
  .stakePresets { display: none; }
  .farCity,
  .horizonGlow { display: none; }
}

@media (orientation: landscape) and (max-height: 340px) {
  .street { inset: 4px 4px 6px; }
  .streetWrap::before { height: 8px; }
  .moon { display: none; }
}