.stage--balloons{--ground: clamp(4rem, 9vh, 6.5rem);--px: 0;--py: 0;color:#2a2450;background:linear-gradient(180deg,#5b6fd6,#b78fd6 30%,#ff9c7a 62%,#ffd39a 78%,#7f9a6a)}.scene__sky{position:absolute;inset:0;translate:calc(var(--px) * -4px) 0}.scene__sky{background:url(../img/game/balloons/sky.webp) center bottom / cover no-repeat}.scene__sun{position:absolute;left:48%;bottom:calc(var(--ground) + 22%);width:7rem;height:7rem;border-radius:50%;background:radial-gradient(circle,#fff6d0 0 40%,#ffd166 41% 58%,#ffd16600 60%);box-shadow:0 0 80px 40px #ffbe7873;translate:calc(var(--px) * -6px) calc(var(--py) * -3px);animation:sunrise 18s ease-in-out infinite alternate;animation-play-state:paused}.stage--art .scene__sun{opacity:.85;width:5rem;height:5rem;bottom:calc(var(--ground) + 27%)}@keyframes sunrise{0%{transform:translateY(1.2rem)}to{transform:translateY(-.6rem)}}.scene__far{position:absolute;width:3.2rem;aspect-ratio:360 / 477;opacity:0;background:url(../img/game/balloons/balloon.webp) center / contain no-repeat;filter:hue-rotate(var(--rot, 0deg)) saturate(.7) brightness(.9);animation:far-drift 90s linear infinite;animation-play-state:paused;transition:opacity 1s}.stage--art .scene__far{opacity:.55}.scene__far--1{left:18%;top:18%;--rot: 40deg}.scene__far--2{left:62%;top:10%;--rot: 190deg;width:2.4rem;animation-duration:120s;animation-delay:-40s}.scene__far--3{left:80%;top:30%;--rot: 280deg;width:2rem;animation-duration:105s;animation-delay:-70s}@keyframes far-drift{0%{translate:0 0}50%{translate:6vw -2rem}to{translate:0 0}}.scene__mist{position:absolute;left:-20%;right:-20%;bottom:calc(var(--ground) - .5rem);height:4rem;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55) 30%,rgba(255,255,255,.35) 55%,transparent 80%);filter:blur(6px);animation:mist 35s linear infinite alternate;animation-play-state:paused}.scene__mist--2{bottom:calc(var(--ground) + 1rem);height:2.5rem;opacity:.6;animation-duration:55s;animation-direction:alternate-reverse}@keyframes mist{0%{translate:-6vw 0}to{translate:6vw 0}}.stage--balloons .stage__birds{top:22%;left:30%}.stage--balloons .stage__pier{min-height:var(--ground);padding:var(--space-2) var(--space-3);background:linear-gradient(180deg,#7dbc5a,#5d9a3f 40%,#4f8a35);border-top:.35rem solid #8fcf68;box-shadow:none}.stage--art.stage--balloons .stage__pier{background:url(../img/game/balloons/meadow.webp) center top / cover no-repeat;border-top:0}.stage--balloons .stage__empty{color:#2a2450}.sky-fleet{list-style:none;display:grid;gap:var(--space-5) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));align-content:start;padding-top:5.5rem}.sky-fleet:empty{display:none}.balloon{--team: hsl(var(--hue) 70% 42%);position:relative;display:grid;justify-items:center;color:#2a2450}.balloon__envelope{width:7.5rem;aspect-ratio:360 / 477;margin-bottom:-.6rem;background:url(../img/game/balloons/balloon.webp) center / contain no-repeat;filter:hue-rotate(calc(var(--hue) * 1deg));transform-origin:50% 100%;z-index:1}.stage:not(.stage--art) .balloon__envelope{width:6rem;aspect-ratio:1 / 1.25;border-radius:50% 50% 45% 45%/55% 55% 45% 45%;background:radial-gradient(circle at 35% 30%,hsl(var(--hue) 80% 72%),var(--team) 70%);filter:none}.balloon__basket{width:100%;background:#fff;border:3px solid #b9713f;border-radius:var(--radius);box-shadow:0 8px 18px #28145033}.balloon__head{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2) 0 var(--space-3)}.balloon__name{flex:1;font-size:var(--text-base);color:var(--team)}.balloon__crew{list-style:none;display:grid;gap:.25rem;padding:var(--space-1) var(--space-3) var(--space-2)}.balloon__member{display:flex;align-items:center;gap:.5rem;overflow-wrap:anywhere;transition:opacity .25s ease,transform .25s ease}.stage.is-ceremony .balloon__member:not(.is-landed){opacity:0;transform:translateY(6px)}.stage.is-sailing .balloon,.stage.is-arrived .balloon{animation:balloon-float 4s ease-in-out 3}.sky-fleet .balloon:nth-child(2n){animation-delay:-1.3s}.sky-fleet .balloon:nth-child(3n){animation-delay:-2.4s}@keyframes balloon-float{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:1.2deg}}.stage.is-presenting .balloon__member{font-size:1.5rem}.stage.is-presenting .balloon__envelope{width:9rem}.stage.is-live .scene__sun,.stage.is-live .scene__far,.stage.is-live .scene__mist{animation-play-state:running}@media(max-width:63.99em){.stage--balloons .scene__sun{bottom:calc(var(--ground) + 34%)}}@media(prefers-reduced-motion:reduce){.scene__sun,.scene__far,.scene__mist,.stage.is-arrived .balloon,.stage.is-sailing .balloon{animation:none}}@media print{.stage--balloons{background:none}.balloon__envelope{display:none}.balloon__basket{border-color:#999;box-shadow:none}}@media(max-width:47.99em){.scene__sky{background:url(../img/game/balloons/sky-m.webp) center bottom / cover no-repeat}}@media(max-width:47.99em){.stage--art.stage--balloons .stage__pier{background:url(../img/game/balloons/meadow-m.webp) center top / cover no-repeat}}