/* Keep the public phone frame flush through browser toolbar and route changes. */
@media (max-width: 560px) and (hover: none) and (pointer: coarse) {
  html:not(.boss-admin-entry):has(> body:not(.admin-mode)),
  html:not(.boss-admin-entry) > body:not(.admin-mode) {
    overscroll-behavior-x: none;
  }

  html:not(.boss-admin-entry) > body.aquamarine:not(.admin-mode) {
    --ref-width: 100vw;
  }

  html.public-ice:not(.boss-admin-entry):has(> body:not(.admin-mode)) {
    background: #aef0f8;
  }

  html.public-ice:not(.boss-admin-entry) > body:not(.admin-mode)::before {
    width: 100%;
    box-shadow: none;
  }
}

/* Ice/light banner slots stay aqua while photos load or contain transparency. */
html.native-aqua.public-light body.aquamarine.reference-lobby:not(.admin-mode) .hero.photo {
  background-color: #c8f1f6 !important;
}

html.native-aqua.public-light body.aquamarine.reference-lobby:not(.admin-mode) .hero.photo::before {
  background: none;
}

html.native-aqua.public-light body.aquamarine:not(.admin-mode) .notice-banner-main {
  background: #c8f1f6 !important;
}