/* iPhone Chrome fallback: avoid nesting clipped envelope panels inside a
 * scroll-blurred layer. The files still use the existing opening controller. */
html[data-iphone-chrome] .cinematic-v10 .ef-story .gf-root[data-v8-entry] {
  opacity:1!important;
  filter:none!important;
  translate:none!important;
}
html[data-iphone-chrome] .cinematic-v10 .ef-story .gf-tilt {
  perspective:none!important;
  transform:none!important;
}
html[data-iphone-chrome] .cinematic-v10 .ef-story .gf-front {
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  backface-visibility:visible;
}
html[data-iphone-chrome] .cinematic-v10 .ef-story .gf-root[data-scroll-owned] :is(.gf-front,.gf-sheet) {
  will-change:auto!important;
}
html[data-iphone-chrome] .cinematic-v10 .ef-story .ef-file-expanded .gf-sheet[aria-pressed="true"] {
  translate:0 calc(-180px + var(--gf-depth) * 70px);
}

/* Google iOS can drop transformed children inside the clipped file stack. */
html[data-iphone-google] .cinematic-v10 .ef-story .gf-files {
  clip-path:none!important;
  overflow:visible!important;
  z-index:11!important;
  transform:none!important;
}
html[data-iphone-google] .cinematic-v10 .ef-story .gf-front {
  z-index:12!important;
}
html[data-iphone-google] .cinematic-v10 .ef-story .gf-sheet {
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}