:root{--progress-container-padding:1.4rem;--progress-bar-width:2rem;--progress-bar-height:31rem;--progress-bar-radius:1rem}.progress-container{padding:var(--progress-container-padding);position:absolute;bottom:5%;left:6px}.content-wrapper{flex-direction:column;align-items:center;gap:.5rem;display:flex}.progress-bar{width:var(--progress-bar-width);height:var(--progress-bar-height);border-radius:var(--progress-bar-radius);background-color:#fffffff2;border:1px solid #4ecdc4;position:relative;overflow:hidden}.progress-fill{width:100%;transition:height .5s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}.wave-container{height:1rem;position:absolute;left:0;right:0;overflow:hidden}.wave-container.active{animation:9s ease-out forwards waveRise}@keyframes waveRise{0%{top:-.5rem}to{top:0}}.wave{height:1rem;position:absolute}.wave.animate{animation:2s linear infinite wave}.wave.slow{animation:6s linear infinite wave}.liquid{background-color:#4ecdc4;position:absolute;inset:.4rem 0 0}.bubble{opacity:.4;background-color:#fff;border-radius:50%;position:absolute}.level{inset-x:0;text-align:center;color:#fff;text-shadow:0 1px 2px #0000004d;font-size:.6rem;font-weight:700;position:absolute;top:.5rem}.points{inset-x:0;text-align:center;color:#fff;opacity:.9;text-shadow:0 1px 2px #0000004d;font-size:.6rem;position:absolute;bottom:.5rem}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-100px)}}@keyframes rise{0%{transform:translateY(50vh)}to{transform:translateY(-130%)}}.flying-level{color:#4ecdc4;pointer-events:none;z-index:1001;text-shadow:0 0 10px #4ecdc499;font-size:32px;font-weight:700;animation:1.2s cubic-bezier(.4,0,.2,1) both levelFly;position:fixed}@keyframes levelFly{0%{opacity:0;transform:translate(0)scale(1)}20%{transform:translate(calc(var(--fly-x)*.2),calc(var(--fly-y)*-.3))scale(1.2);opacity:1}60%{transform:translate(calc(var(--fly-x)*.6),calc(var(--fly-y)*-.8))scale(1.1);opacity:.9}to{transform:translate(var(--target-x),var(--target-y))scale(1);opacity:0}}.level-highlight{animation:.5s ease-out levelPulse}@keyframes levelPulse{0%{text-shadow:none;transform:scale(1)}50%{text-shadow:0 0 10px #4ecdc4cc,0 0 20px #4ecdc466;transform:scale(1.3)}to{text-shadow:none;transform:scale(1)}}@media (height>=701px) and (height<=900px){:root{--progress-container-padding:1.1rem;--progress-bar-width:1.7rem;--progress-bar-height:26rem;--progress-bar-radius:.85rem}.level-marker{font-size:.8rem}}@media (height>=501px) and (height<=700px){:root{--progress-container-padding:.8rem;--progress-bar-width:1.4rem;--progress-bar-height:20rem;--progress-bar-radius:.7rem}}@media (height>=401px) and (height<=500px){:root{--progress-container-padding:.4rem;--progress-bar-width:1.1rem;--progress-bar-height:15.5rem;--progress-bar-radius:.55rem}}@media (height<=400px),(orientation:landscape) and (height<=450px){:root{--progress-container-padding:.3rem;--progress-bar-width:.9rem;--progress-bar-height:13rem;--progress-bar-radius:.45rem}}
/*# sourceMappingURL=index.ce03a627.css.map */