/* Let iPhone content continue beneath the system chrome; inset controls only. */
@media (max-width:760px) {
  :root { --mml-safe-top:env(safe-area-inset-top,0px); --mml-safe-bottom:env(safe-area-inset-bottom,0px); }
  @supports (-webkit-touch-callout:none) {
    html { background-color:#11141b; }
    body { background-color:transparent; }
    html body .mml-global-header { top:var(--mml-safe-top)!important; }
    html body .mml-global-header .mml-header-backdrop {
      top:calc(0px - var(--mml-safe-top));
      height:calc(100% + var(--mml-safe-top));
      background:linear-gradient(rgba(12,14,19,.38),rgba(8,9,12,.55));
    }
    html body .mml-global-header.menu-open .mml-global-links {
      top:calc(72px + var(--mml-safe-top))!important;
      height:calc(100dvh - 72px - var(--mml-safe-top))!important;
      padding-bottom:calc(24px + var(--mml-safe-bottom))!important;
    }
    .mml-menu-scrim { top:calc(72px + var(--mml-safe-top))!important; }
    /* The native URL bar supplies its own blur. This softens the page's
       home-indicator edge without an opaque strip or intercepting touches. */
    body::after {
      content:""; position:fixed; left:0; right:0; bottom:0;
      height:var(--mml-safe-bottom); z-index:1200; pointer-events:none;
      background:rgba(12,14,19,.12);
      -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
      -webkit-mask-image:linear-gradient(transparent,#000 45%);
      mask-image:linear-gradient(transparent,#000 45%);
    }
  }
}