.environment-layer{--el:#fff4dc;--ea:#c5e8ff;--em:#c6d7f773;--ems:#c4a8ea4d;--elf:#c4e4cc;position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none!important;contain:layout paint style;isolation:isolate}.environment-layer *{pointer-events:none!important}.world-stage>.environment-layer{z-index:2}.enchanted-room>.environment-layer,.page-hero.has-art>.environment-layer{z-index:1}.enchanted-room>.room-stage,.page-hero.has-art>.hero-content{position:relative;z-index:2}.room-studio>.environment-layer{--el:#fff0e9;--ea:#f1c6ea;--em:#e5c5e375;--ems:#c1aceb54;--elf:#e4bbd4}.room-hall>.environment-layer{--el:#fff2c6;--ea:#f4dea4;--em:#badbd26b;--ems:#d9d1a147;--elf:#e2d69e}.room-observatory>.environment-layer{--el:#eefaff;--ea:#d0d8ff;--em:#bad6f77a;--ems:#bdb3f454;--elf:#cfd8ff}.environment-layer--viewport{position:fixed;inset:82px 0 0;z-index:1;mask-image:linear-gradient(90deg,#000,transparent 27%,transparent 73%,#000),linear-gradient(0deg,#000,transparent 38%),linear-gradient(180deg,#000,transparent 36%);mask-composite:add}.has-environment-events .section>.shell,.has-environment-events .site-footer>.shell{position:relative;z-index:2}.environment-event{position:absolute;inset:0;transform:scaleX(var(--event-direction,1));transform-origin:50% 50%}.environment-event i{display:block;position:absolute}.environment-mist{--mist-y:0px;--mist-delay:0s;--cloud-height:var(--event-cloud-height,clamp(120px,26vh,250px));left:-32%;top:calc(var(--event-y,74%) - var(--cloud-height)*.5 + var(--mist-y));width:135%;height:var(--cloud-height);border-radius:50%;opacity:0;filter:blur(9px);background:radial-gradient(ellipse at 16% 48%,var(--em),transparent 46%),radial-gradient(ellipse at 48% 60%,var(--ems),transparent 52%),radial-gradient(ellipse at 76% 45%,var(--em),transparent 45%);animation:env-mist calc(var(--event-duration,9s) - var(--mist-delay)) cubic-bezier(.22,.55,.52,1) var(--mist-delay) both}.environment-mist:nth-child(2){--mist-y:-34px;--mist-delay:.28s;left:-9%;width:120%;background:radial-gradient(ellipse at 28% 50%,var(--em),transparent 49%),radial-gradient(ellipse at 70% 35%,var(--ems),transparent 48%)}.environment-mist:nth-child(3){--mist-y:32px;--mist-delay:.55s;left:-38%;width:145%;background:radial-gradient(ellipse at 35% 45%,var(--ems),transparent 48%),radial-gradient(ellipse at 75% 50%,var(--em),transparent 49%)}.environment-mist:nth-child(4){--mist-y:3px;--mist-delay:.8s;left:5%;width:110%;opacity:0;background:radial-gradient(ellipse at 20% 60%,var(--ems),transparent 47%),radial-gradient(ellipse at 62% 40%,var(--em),transparent 52%)}@keyframes env-mist{0%{opacity:0;transform:translate3d(-15%,17px,0) scaleY(.72)}18%{opacity:.95}55%{opacity:1;transform:translate3d(7%,-5px,0) scaleY(1.05)}to{opacity:0;transform:translate3d(32%,-20px,0) scaleY(1.25)}}.environment-wind-ribbon{--wind-y:calc((var(--i,0) - 2)*24px);--wind-delay:calc(var(--i,0)*.12s);left:calc(var(--event-x,50%) - 50%);top:calc(var(--event-y,50%) + var(--wind-y));width:65%;height:clamp(36px,11vh,95px);border-top:2px solid var(--ea);border-radius:50%;opacity:0;box-shadow:0 -2px 12px color-mix(in srgb,var(--ea) 30%,transparent);animation:env-wind calc(var(--event-duration,6.5s) - var(--wind-delay)) cubic-bezier(.28,.58,.42,1) var(--wind-delay) both}.environment-wind-ribbon:after{content:"";position:absolute;right:5%;top:-2px;width:28%;height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,var(--el),transparent);opacity:.9}.environment-wind-ribbon:nth-child(2n){width:48%;height:clamp(44px,15vh,120px);border-color:color-mix(in srgb,var(--ea) 70%,transparent)}.environment-wind-ribbon:nth-child(3){width:75%;border-color:color-mix(in srgb,var(--ea) 55%,transparent)}.environment-leaf{--leaf-y:calc((var(--i,0) - 3)*21px);--leaf-delay:calc(.1s + var(--i,0)*.21s);left:calc(var(--event-x,50%) - 35%);top:calc(var(--event-y,50%) + var(--leaf-y));width:9px;height:16px;border-radius:0 85%;background:linear-gradient(130deg,var(--el),var(--elf) 65%);box-shadow:0 0 11px color-mix(in srgb,var(--ea) 55%,transparent);opacity:0;animation:env-leaf calc(var(--event-duration,6.5s) - var(--leaf-delay)) ease-in-out var(--leaf-delay) both}.environment-leaf:nth-child(2n){width:7px;height:12px;background:var(--ea)}@keyframes env-wind{0%{opacity:0;transform:translate3d(-30vw,25px,0) rotate(-7deg) scaleX(.65)}18%{opacity:.7}50%{opacity:.92;transform:translate3d(9vw,-6px,0) rotate(-4deg) scaleX(1.02)}to{opacity:0;transform:translate3d(61vw,-30px,0) rotate(1deg) scaleX(1.15)}}@keyframes env-leaf{0%{opacity:0;transform:translate3d(-15vw,15px,0) rotate(-20deg)}15%{opacity:.95}48%{opacity:1;transform:translate3d(27vw,-20px,0) rotate(120deg) scaleX(.55)}74%{opacity:.8;transform:translate3d(48vw,7px,0) rotate(230deg)}to{opacity:0;transform:translate3d(72vw,-25px,0) rotate(335deg) scaleX(.65)}}.environment-meteor{left:var(--event-x,24%);top:var(--event-y,16%);width:10px;height:10px;border-radius:50%;background:#fff6db;box-shadow:0 0 8px 3px #fff2d9bd,0 0 28px 7px color-mix(in srgb,var(--ea) 65%,transparent);opacity:0;animation:env-meteor var(--event-duration,4.5s) cubic-bezier(.24,.48,.45,1) both}.environment-meteor:before{content:"";position:absolute;right:4px;top:4px;width:clamp(120px,19vw,280px);height:3px;transform:rotate(18deg);transform-origin:right center;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ea) 78%,transparent) 55%,#fff1db);border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--ea) 60%,transparent)}.environment-meteor:after{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,#fff9e89c,transparent 66%);transform:scale(1.5)}.environment-star-dust{--dust-x:calc(9vw + var(--i,0)*5vw);--dust-y:calc(5vw + var(--i,0)*1.6vw);--dust-delay:calc(.65s + var(--i,0)*.18s);left:calc(var(--event-x,24%) + var(--dust-x));top:calc(var(--event-y,16%) + var(--dust-y));width:4px;height:4px;border-radius:50%;background:var(--el);opacity:0;box-shadow:0 0 10px 2px var(--ea);animation:env-star-dust calc(var(--event-duration,4.5s) - var(--dust-delay)) ease-out var(--dust-delay) both}.environment-star-dust:nth-child(3n){width:8px;height:8px;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}@keyframes env-meteor{0%{opacity:0;transform:translate3d(-9vw,-3vw,0) scale(.4)}8%{opacity:1}34%{opacity:1;transform:translate3d(20vw,8vw,0) scale(1)}62%,to{opacity:0;transform:translate3d(43vw,15vw,0) scale(.45)}}@keyframes env-star-dust{0%{opacity:0;transform:scale(.35)}16%{opacity:1;transform:scale(1.5)}48%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:translateY(18px) scale(.2)}}.environment-spark{--spark-x:-48px;--spark-y:-20px;--spark-start:calc((var(--i,0) - 8.5)*3px);--spark-delay:0s;left:var(--event-x,68%);top:var(--event-y,42%);width:7px;height:7px;border-radius:50%;background:var(--el);box-shadow:0 0 12px 2px color-mix(in srgb,var(--ea) 90%,transparent);opacity:0;animation:env-spark calc(var(--event-duration,6s) - var(--spark-delay)) cubic-bezier(.22,.61,.4,1) var(--spark-delay) both}.environment-spark:after{content:"";position:absolute;inset:-9px;background:radial-gradient(circle,color-mix(in srgb,var(--ea) 65%,transparent),transparent 65%);border-radius:50%}.environment-spark:nth-child(2n){width:5px;height:5px}.environment-spark:nth-child(4n){width:8px;height:8px}.environment-spark:nth-child(3n){border-radius:0;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:16px;height:16px;box-shadow:none}@keyframes env-spark{0%{opacity:0;transform:translate3d(calc(var(--spark-start)*3),35px,0) rotate(-70deg) scale(.2)}18%{opacity:1;transform:translate3d(var(--spark-start),0,0) rotate(0) scale(1)}42%{opacity:1;transform:translate3d(calc(var(--spark-x)*.32),calc(var(--spark-y)*.35),0) rotate(35deg) scale(1.3)}to{opacity:0;transform:translate3d(var(--spark-x),var(--spark-y),0) rotate(85deg) scale(.2)}}.world-stage.environment-active--wind .world-foreground{transform-origin:50% 90%;animation:env-branch 6.5s ease-in-out both}@keyframes env-branch{0%,to{rotate:0deg}28%{rotate:.7deg}48%{rotate:-.35deg}70%{rotate:.2deg}}@media(max-width:760px){.environment-layer{--em:#c6d7f76b;--ems:#c4a8ea47}.environment-wind-ribbon:nth-child(n+4){display:none}.environment-spark{left:clamp(50px,var(--event-x,68%),calc(100% - 50px))}.environment-spark:nth-child(3n){width:13px;height:13px}.environment-meteor{width:8px;height:8px}.environment-meteor:before{width:clamp(90px,28vw,160px);height:2px}.environment-leaf{width:7px;height:12px}}body.motion-paused .environment-layer,body.is-simple .environment-layer,body.page-hidden .environment-layer,.world-arrival.motion-paused .environment-layer,.world-arrival.is-simple .environment-layer,.enchanted-room.is-offscreen>.environment-layer,body:has(dialog[open]) .environment-layer{display:none!important}body.motion-paused .world-stage.environment-active--wind .world-foreground,body.is-simple .world-stage.environment-active--wind .world-foreground,body.page-hidden .world-stage.environment-active--wind .world-foreground{animation:none!important;rotate:0deg}@media(prefers-reduced-motion:reduce){.environment-layer{display:none!important}.world-stage.environment-active--wind .world-foreground{animation:none!important;rotate:0deg}}@media print{.environment-layer{display:none!important}}