/* F90 CARD: viewport-locked scenery and floating controls.
   These layers must not follow page scroll or mobile URL-bar resize. */
html{background-color:var(--bg);scroll-padding-bottom:105px}
body:not(.admin-body){background-image:none!important;background-attachment:scroll!important;background-position:center center!important;animation:none!important}
body::before,body::after{position:fixed!important;inset:0!important;width:100%!important;height:100lvh!important;animation:none!important;transform:none!important;will-change:auto!important;pointer-events:none!important;contain:paint!important}
#f90ThemeBackdrop{
 position:fixed!important;top:0!important;left:0!important;right:0!important;
 bottom:auto!important;width:100%!important;height:100lvh!important;max-height:100lvh!important;
 overflow:hidden!important;transform:none!important;animation:none!important;
 will-change:auto!important;pointer-events:none!important
}
#f90ThemeBackdrop .f90-theme-photo,
#f90ThemeBackdrop .f90-theme-shade{position:absolute!important;inset:0!important;animation:none!important;transform:none!important}
#f90ThemeBackdrop .f90-theme-photo{background-position:center center!important;background-size:cover!important;background-attachment:scroll!important}
#f90ThemeBackdrop .f90-theme-watermark{
 top:47%!important;left:50%!important;
 animation:none!important;transition:none!important;
 transform:translate(-50%,-50%)!important;will-change:auto!important
}
#f90ThemeBackdrop .f90-theme-watermark-glow{animation:none!important;will-change:auto!important}
#f90LogoSky,#f90LogoSky img{animation:none!important;will-change:auto!important}
#f90LogoSky img{transform:none!important}
body .f90-radio-bubble,body #f90MediaDock{
 position:fixed!important;
 top:auto!important;bottom:calc(109px + env(safe-area-inset-bottom,0px))!important;
 transform:none!important;animation:none!important;will-change:auto!important;
 right:max(10px,env(safe-area-inset-right,0px));left:auto;z-index:390!important
}
body .f90-radio-bubble[data-side="left"]{right:auto!important;left:max(10px,env(safe-area-inset-left,0px))!important}
body .f90-radio-bubble[data-side="right"]{right:max(10px,env(safe-area-inset-right,0px))!important;left:auto!important}
body .f90-radio-bubble .f90-radio-orb{animation:none!important;transform:none!important}
@media(max-width:650px){
 body .f90-radio-bubble,body #f90MediaDock{
   bottom:calc(105px + env(safe-area-inset-bottom,0px))!important;
 }
 #f90ThemeBackdrop{height:100lvh!important;min-height:100lvh!important}
}
@media(min-width:800px){body .f90-radio-bubble,body #f90MediaDock{bottom:95px!important}}
@supports not (height:100lvh){
 body::before,body::after,#f90ThemeBackdrop{height:100vh!important}
}