/* Scenery moves gently behind ordinary document scrolling. */
body.parallax-ready{background:#d9eee5;isolation:isolate}
.pixie-backdrop{position:fixed;z-index:-1;top:0;left:0;right:0;height:calc(100lvh + 180px);background-position:center center;background-size:cover;pointer-events:none;will-change:transform}
body.parallax-ready #earth-view,body.parallax-ready #kind-view,body.parallax-ready #collection-view{background:transparent!important}
body.parallax-ready .kind-shell{background:rgba(255,251,237,.72)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body.parallax-ready #earth-view .welcome-copy,body.parallax-ready .welcome-actions{background:rgba(255,251,237,.72)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
@media(prefers-reduced-motion:reduce){.pixie-backdrop{will-change:auto}}
body.reduced .pixie-backdrop{will-change:auto}
.parallax-ready .world-legend{background:linear-gradient(90deg,#fffbe9cc,#fffbe966,transparent);padding:8px 3px!important}.parallax-ready .world-legend span{font-weight:600;text-shadow:0 1px 2px #fff8e9}

.parallax-ready{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}
.parallax-ready>footer{position:fixed;inset:auto 0 0;z-index:21;min-height:calc(48px + env(safe-area-inset-bottom,0px));padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));align-items:center;background:#fffbedf5;border-top:1px solid #d5deca;box-shadow:0 -3px 14px #31574414;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.parallax-ready #toast{bottom:calc(65px + env(safe-area-inset-bottom,0px))}
.parallax-ready{--nav-height:68px;padding-top:calc(var(--header-height) + var(--nav-height))}
.parallax-ready>header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:23}
.parallax-ready>.journey-nav{position:fixed;top:var(--header-height);left:0;right:0;height:var(--nav-height);z-index:22}
@media(max-width:700px){.parallax-ready{--nav-height:62px}}