#viewHost,.view-root{display:contents}
/* The flight stays below controls/narration. View roots remain display:contents
   so fixed mobile popups retain their existing stacking order. */
#viewFlight,#viewFlightCover{position:fixed;inset:0;width:100%;height:100%;z-index:12;touch-action:none}
body[data-view-transition] :is(#einfo,#labelsLayer,#skyLabelsLayer,#termLabelsLayer){opacity:0}
:is(#einfo,#labelsLayer,#skyLabelsLayer,#termLabelsLayer){transition:opacity .2s ease-out}
#viewStatus{position:fixed;top:calc(58px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:80;max-width:calc(100vw - 32px);padding:10px 18px;border:1px solid #6aa9b766;border-radius:16px;background:#0b2032ed;color:#d1e5e9;font:13px/1.5 sans-serif;text-align:center;pointer-events:none}
#viewStatus[hidden]{display:none}
#viewStatus.error{color:#e6d1a7;border-color:#d2ae7266}
[data-view-target][aria-busy=true]{opacity:.65}
@media(prefers-reduced-motion:reduce){:is(#einfo,#labelsLayer,#skyLabelsLayer,#termLabelsLayer){transition:none}}
