html.veedioa-route-open { overflow: hidden !important; }
html.veedioa-route-open:not(.veedioa-retained-root) body > :not([data-veedioa-route-ui]),
html.veedioa-route-open:not(.veedioa-retained-root) body > :not([data-veedioa-route-ui]) * { visibility: hidden !important; }
body > iframe.veedioa-route-frame {
  position: fixed !important; inset: 0 !important; width: 100%; height: 100%; height: 100dvh;
  box-sizing: border-box; min-width: 0; max-width: 100%; margin: 0; padding: 0;
  border: 0; z-index: 20000; visibility: visible; background: var(--page-bg, #16171a);
}
body > .veedioa-route-frame[hidden], .veedioa-navigation-progress[hidden] { display: none !important; }
html.veedioa-retained-root { overflow-x: clip !important; overflow-y: auto !important; }
@media (max-width: 640px) {
  html.veedioa-route-open, html.veedioa-route-open body {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none;
  }
}
body > iframe.veedioa-route-mini {
  z-index: 20001;
  width: 100%;
  clip-path: inset(var(--route-mini-top, 100%) var(--route-mini-right, 0px) var(--route-mini-bottom, 0px) var(--route-mini-left, 0px) round var(--route-mini-radius, 0px));
}
body > .pwa-install-popup[data-veedioa-route-ui],
body > .pwa-install-popup[data-veedioa-route-ui] * { visibility: visible !important; }
body > .veedioa-navigation-progress {
  position: fixed; inset: 0 0 auto; height: 2px; z-index: 30000; visibility: visible;
  pointer-events: none; background: linear-gradient(90deg, transparent, #f16f01, transparent);
  background-size: 200% 100%; animation: veedioa-navigation-progress 1s linear infinite;
}
@keyframes veedioa-navigation-progress { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { body > .veedioa-navigation-progress { animation: none; background: #f16f01; } }
