/* Advertising layout integration. */
  :root { --ad-banner-h: 0px; }
  body.ads-banner-active { --ad-banner-h: calc(56px + env(safe-area-inset-bottom, 0px)); }
  body.ads-banner-active #app { height: calc(100% - var(--ad-banner-h)); }
  #ad-banner-slot {
    position: fixed; left: 0; right: 0; bottom: 0;
    height: var(--ad-banner-h); z-index: 9000;
    display: none; align-items: center; justify-content: center;
    background: #101010; border-top: 1px solid #262626;
  }
  body.ads-banner-active #ad-banner-slot { display: flex; }
  #ad-banner-slot .ad-ph {
    font: 600 10px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #555; letter-spacing: 1.5px; text-transform: uppercase;
  }