@keyframes ball-press{0%{transform:scale(1)}15%{transform:scale(.84)}55%{transform:scale(1.02)}to{transform:scale(1)}}.stage{cursor:pointer;display:block;height:9rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:9rem}@media only screen and (max-width:1025px){.stage{height:8rem;width:8rem}}@media only screen and (max-width:768px){.stage{height:6rem;width:6rem}}.ball{background:radial-gradient(80% 80% at center,#fa8f42 0,#f24e0d 50%,#792706 85%),linear-gradient(35deg,#611f05,#d7470f) #ef4f14;border-radius:50%;box-shadow:0 1.5em 2em -.125em #5216;height:100%;margin:0;position:relative;transition:transform .5s ease-in-out;width:100%;will-change:transform}.ball:before{background:radial-gradient(50% 40% at 30% 20%,#fff 12%,#0000 60%);filter:blur(5px);rotate:-30deg}.ball:after,.ball:before{border-radius:inherit;content:"";height:50%;inset:0;overflow:hidden;pointer-events:none;position:absolute;transform-origin:center center;transition:rotate .5s ease-in-out,transform .5s ease-in-out}.ball:after{background:radial-gradient(40% 30% at 70% 80%,#fff8 12%,#0000 60%);filter:blur(3px);opacity:.8;rotate:-40deg;top:55%}.stage:hover .ball:not(.bouncing){transform:scale(1.05)}.stage:hover .ball:not(.bouncing):before{rotate:-20deg;transform:translate(5%,5%)}.stage:hover .ball:not(.bouncing):after{rotate:-30deg;transform:translate(-5%,-5%)}.ball.bouncing{animation:ball-press .65s ease-in-out;transition:none}@keyframes text-scale{0%{transform:scale(1)}15%,55%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.text.bouncing{animation:text-scale .65s ease-in-out}.text{color:#000;font-size:1.5rem;font-weight:900;left:50%;line-height:1;padding:0 1rem;pointer-events:none;position:absolute;text-align:center;top:50%;transform-origin:center;transition:transform .25s ease-in-out,opacity .25s ease-in-out;translate:-50% -50%;width:100%;will-change:transform,opacity;z-index:1}.text.text-changing{opacity:0;transform:scaleY(0)}@media only screen and (max-width:1024px){.text{font-size:1.35rem;padding:0 .25rem}}@media only screen and (max-width:768px){.text{font-size:1rem;padding:0 .25rem}}.svg-label{left:50%;pointer-events:none;position:absolute;top:50%;transform-origin:center;transition:transform .25s ease-in-out,opacity .25s ease-in-out;translate:-50% -50%;width:90%;will-change:transform,opacity;z-index:1}.svg-label.bouncing{animation:text-scale .65s ease-in-out}.svg-label.text-changing{opacity:0;transform:scaleY(0)}.ball-safe[data-v-89f72bc5]{bottom:calc(3rem + env(safe-area-inset-bottom,0px))}@media(min-width:768px){.ball-safe[data-v-89f72bc5]{bottom:calc(3rem + env(safe-area-inset-bottom,0px))}}.skip-safe[data-v-89f72bc5]{bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}@media(min-width:768px){.skip-safe[data-v-89f72bc5]{bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}}@media(min-width:960px){.skip-safe[data-v-89f72bc5]{bottom:calc(7rem + env(safe-area-inset-bottom,0px))}}.content-fade-enter-active[data-v-89f72bc5]{transition:opacity .4s ease}.content-fade-leave-active[data-v-89f72bc5]{transition:opacity .25s ease}.content-fade-enter-from[data-v-89f72bc5],.content-fade-leave-to[data-v-89f72bc5]{opacity:0}@keyframes btn-bounce-89f72bc5{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.btn-bounce[data-v-89f72bc5]{animation:btn-bounce-89f72bc5 .5s ease-out}@keyframes from-left-89f72bc5{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes from-right-89f72bc5{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.logo-from-left[data-v-89f72bc5]{animation:from-left-89f72bc5 .6s ease-out forwards}.logo-from-right[data-v-89f72bc5]{animation:from-right-89f72bc5 .6s ease-out forwards}@keyframes to-left-89f72bc5{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes to-right-89f72bc5{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}.logo-leave-left[data-v-89f72bc5]{animation:to-left-89f72bc5 .3s ease-in forwards}.logo-leave-right[data-v-89f72bc5]{animation:to-right-89f72bc5 .3s ease-in forwards}.inset-shadow[data-v-89f72bc5]{box-shadow:inset 0 0 20vh 15vh #000}@media(max-width:767px){.inset-shadow[data-v-89f72bc5]{box-shadow:inset 0 0 20vw 15vw #000}}