html, body {
  margin:0;
  padding:0;
  background:transparent;
  font-family:system-ui, sans-serif;
  /* iOS Safari: Prevent rubber-band scrolling */
  overscroll-behavior: none;
  /* iOS Safari: Use safe area insets */
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
}
.wrap { width:100%; max-width:100%; margin:0 auto; }
iframe { display:block; width:100%; height:720px; border:0; overflow:hidden; }

/* iOS Safari: Additional fixes */
@supports (-webkit-touch-callout: none) {
  html {
    /* Fix for iOS address bar */
    height: -webkit-fill-available;
  }
  body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
  }
}