/* iOS paints a blur over the top of an installed app (HF-189). A fixed element
   with a background at the top edge replaces it with a solid status bar. The
   text clip leaves the element itself invisible, and it takes no taps. The home
   page keeps the iOS blur, so this only applies inside a room. */
.status-bar-cover { display: none; }
@media (display-mode: standalone) {
  html[data-phase] .status-bar-cover {
    display: block;
    position: fixed;
    inset: 0 0 auto;
    height: 11px;
    z-index: 2147483647;
    pointer-events: none;
    background-color: #153b35;
    -webkit-background-clip: text;
    background-clip: text;
  }
}
