.opening-atmosphere .sky-decor{position:fixed;inset:0;height:100dvh;overflow:hidden;pointer-events:none;z-index:5}
.opening-atmosphere .sky-decor svg{position:absolute;width:65px;height:125px;left:2%;top:70%;pointer-events:none}
.opening-atmosphere .sky-decor svg[hidden]{display:none}
.opening-atmosphere .physics-active svg.physics-balloon,.opening-atmosphere .physics-active svg.bird{top:0;left:0;right:auto;transform-origin:50% 25%;will-change:transform}
.opening-atmosphere .physics-active svg.physics-balloon svg{position:static;width:52px;height:50px;transform:none;opacity:1;will-change:auto}
.opening-atmosphere .physics-active svg.bird{width:60px;height:27px}
.opening-atmosphere .sky-pop{position:absolute;display:grid;place-items:center;width:88px;height:70px;background:#ffd546;color:#064c89;font:900 17px Barlow,sans-serif;clip-path:polygon(50% 0,61% 24%,85% 8%,81% 35%,100% 50%,77% 60%,91% 90%,61% 79%,50% 100%,40% 78%,9% 93%,22% 60%,0 49%,24% 36%,13% 9%,39% 24%);animation:opening-burst .65s ease-out forwards}
.opening-atmosphere .sky-decor svg.sky-prize{width:60px;height:40px;top:0;left:0;will-change:transform,opacity}
.opening-atmosphere .bird-wing{transform-box:view-box;transform-origin:40px 25px;animation:opening-flap .7s ease-in-out infinite alternate}
.opening-atmosphere .bird-wing.right{animation-name:opening-flap-right}
.opening-atmosphere .bird.second .bird-wing{animation-duration:.85s}
.opening-atmosphere .cloud{left:0;right:auto;top:var(--cloud-y);width:var(--cloud-size);height:22px;opacity:.8;animation:opening-cloud var(--cloud-time) linear var(--cloud-delay) infinite;pointer-events:none}
.opening-atmosphere .c1{--cloud-y:12%;--cloud-size:100px;--cloud-time:52s;--cloud-delay:-12s}
.opening-atmosphere .c2{--cloud-y:25%;--cloud-size:140px;--cloud-time:70s;--cloud-delay:-44s}
.opening-atmosphere .c3{--cloud-y:8%;--cloud-size:65px;--cloud-time:45s;--cloud-delay:-35s;display:block}
.opening-atmosphere .c4{--cloud-y:36%;--cloud-size:85px;--cloud-time:62s;--cloud-delay:-6s;display:block}
.opening-atmosphere .sky-paused .sky-decor *,.opening-atmosphere .sky-paused .cloud{animation-play-state:paused}
@keyframes opening-cloud{from{transform:translateX(-200px)}to{transform:translateX(calc(100vw + 200px))}}
@keyframes opening-flap{from{transform:rotate(-14deg)}to{transform:rotate(17deg)}}
@keyframes opening-flap-right{from{transform:rotate(14deg)}to{transform:rotate(-17deg)}}
@keyframes opening-burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}15%{transform:translate(-50%,-50%) scale(1);opacity:1}70%{opacity:1}100%{transform:translate(-50%,-65%) scale(1.1);opacity:0}}
@media(max-width:650px){.opening-atmosphere .c2{--cloud-size:110px}.opening-atmosphere .c3{--cloud-size:50px}.opening-atmosphere .sky-pop{width:70px;height:56px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.opening-atmosphere .cloud,.opening-atmosphere .bird-wing{animation:none}.opening-atmosphere .cloud{transform:none;left:12%}.opening-atmosphere .c2{left:70%}.opening-atmosphere .c3{left:40%}.opening-atmosphere .c4{left:85%}.opening-atmosphere .sky-decor svg.bird{width:60px;height:27px;left:7%;top:20%}.opening-atmosphere .sky-decor svg.bird.second{left:80%;top:18%}.opening-atmosphere .sky-prize,.opening-atmosphere .sky-pop{display:none}}
.opening-atmosphere .scene-rain{width:30px;height:22px;background:none;border:0;box-shadow:none}
.opening-atmosphere .scene-rain:before,.opening-atmosphere .scene-rain:after{display:none}
.rain-kind{position:absolute;left:0;top:0;opacity:0;transition:opacity .35s ease;pointer-events:none}
.rain-kind-money{width:27px;height:13px;background:#b0d6ad;border:2px solid #538777;box-shadow:inset 0 0 0 1px #e0eed0;opacity:1}
.rain-kind-money:before{content:"";position:absolute;left:8px;top:1px;width:7px;height:7px;background:#538777;border-radius:50%}
.rain-kind-word{font:900 13px Barlow,sans-serif;color:#0054aa;white-space:nowrap;letter-spacing:-.2px;transform:rotate(-8deg)}
.rain-kind-block{width:40px;height:32px;transform:rotate(8deg)}
.opening-atmosphere[data-scene="2"] .rain-kind-money,.opening-atmosphere[data-scene="3"] .rain-kind-money{opacity:0}
.opening-atmosphere[data-scene="2"] .rain-kind-word,.opening-atmosphere[data-scene="3"] .rain-kind-block{opacity:1}
.opening-atmosphere[data-scene="2"] .scene-rain{animation-name:quote-rain}
.scene-rain:nth-of-type(even) .rain-kind-word{display:none}
.opening-atmosphere .copy:before{content:"";position:absolute;inset:-16px -24px;background:#ffe600;border-radius:28px;filter:blur(8px);z-index:-1;pointer-events:none}
@keyframes quote-rain{0%{opacity:0;transform:translate(0,0) rotate(-4deg)}10%{opacity:.8}70%{opacity:.8}100%{opacity:0;transform:translate(var(--drift),230px) rotate(4deg)}}
@media(max-width:650px){.rain-kind-word{font-size:11px}.rain-kind-block{width:32px;height:26px}}
@media(prefers-reduced-motion:reduce){.rain-kind{transition:none}.opening-atmosphere .scene-rain:nth-of-type(n+3){display:none}}