.text-stroke-base,.text-stroke-outside,.text-stroke-time-left,.text-stroke-dj-name{text-shadow:calc(-1 * var(--stroke-width)) calc(-1 * var(--stroke-width)) 0 var(--stroke-color),0 calc(-1 * var(--stroke-width)) 0 var(--stroke-color),var(--stroke-width) calc(-1 * var(--stroke-width)) 0 var(--stroke-color),var(--stroke-width) 0 0 var(--stroke-color),var(--stroke-width) var(--stroke-width) 0 var(--stroke-color),0 var(--stroke-width) 0 var(--stroke-color),calc(-1 * var(--stroke-width)) var(--stroke-width) 0 var(--stroke-color),calc(-1 * var(--stroke-width)) 0 0 var(--stroke-color)}.text-stroke-outside{--stroke-color: #000;--stroke-width: 1px}.text-stroke-time-left{--stroke-color: rgba(5, 0, 0, .46);--stroke-width: 2px}.text-stroke-dj-name{--stroke-color: rgba(0, 0, 0, .58);--stroke-width: 2px}@keyframes spotlightAvatar{0%{opacity:0;transform:translate(-50%) scale(.22);animation-timing-function:cubic-bezier(.25,1,.5,1)}60%{opacity:1;transform:translate(-50%,-5px) scale(1);animation-timing-function:cubic-bezier(.76,0,.24,1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,100px) scale(.5)}}@keyframes spotlightName{0%{opacity:0;transform:translateY(25px);animation-timing-function:cubic-bezier(.25,1,.5,1)}60%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(0)}80%{opacity:0}to{opacity:0}}.avatar-spotlight.is-animating{animation:spotlightAvatar 1.8s forwards}.avatar-spotlight.is-animating .avatar-spotlight__name{animation:spotlightName 1.8s forwards}.fullscreen-vfx-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:200;pointer-events:none}.fullscreen-vfx-video{width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .3s ease}.fullscreen-vfx-video.is-visible{opacity:1}.level-achieved-text--stroke,.level-achieved-text--fill{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;display:block;font-family:Super_Chiby,cursive;font-size:55px;font-style:normal;font-weight:400;line-height:.9;letter-spacing:.07em;text-align:center;word-wrap:normal;overflow-wrap:normal;white-space:normal}.level-achieved-text--stroke{color:#fff;text-shadow:-2.5px -2.5px 0 #572C74,0 -2.5px 0 #572C74,2.5px -2.5px 0 #572C74,2.5px 0 0 #572C74,2.5px 2.5px 0 #2E2572,0 2.5px 0 #2E2572,-2.5px 2.5px 0 #2E2572,-2.5px 0 0 #2E2572,-4px -4px 0 #42b3c0,0 -4px 0 #42b3c0,4px -4px 0 #42b3c0,4px 0 0 #42b3c0,4px 4px 0 #42b3c0,0 4px 0 #42b3c0,-4px 4px 0 #42b3c0,-4px 0 0 #42b3c0,2px 7px 0 #246fc4;z-index:1}.level-achieved-text--fill{z-index:2;color:transparent}.level-achieved-text--fill .char-pop-level{background-image:linear-gradient(180deg,#fdf79d 10%,#fffccc,#fdf79d 30%,#fdab29 60%,#fdab29 77%,#ff3f85 83%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.level-achieved-text--stroke big,.level-achieved-text--fill big{font-size:1.4em}.char-pop-level{display:inline-block;opacity:0;white-space:pre-wrap;animation:popInLevel .5s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes popInLevel{0%{opacity:0;transform:translateY(20px) scale(.5)}70%{transform:translateY(-5px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutLevel{to{opacity:0}}.levels-until-record-text__trophy.is-animating{animation:trophyPopInShake 1.4s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes trophyPopInShake{0%{opacity:0;transform:translateY(50%) translateY(-20px) scale(.5) rotate(0)}50%{opacity:1;transform:translateY(50%) translateY(5px) scale(1.1) rotate(0)}57%{transform:translateY(50%) translateY(0) scale(1) rotate(0)}60%{transform:translateY(50%) translateY(0) scale(1) rotate(-3deg)}65%{transform:translateY(50%) translateY(0) scale(1) rotate(3deg)}70%{transform:translateY(50%) translateY(0) scale(1) rotate(-2deg)}75%{transform:translateY(50%) translateY(0) scale(1) rotate(2deg)}80%{transform:translateY(50%) translateY(0) scale(1) rotate(-1deg)}90%{transform:translateY(50%) translateY(0) scale(1) rotate(.5deg)}to{opacity:1;transform:translateY(50%) translateY(0) scale(1) rotate(0)}}.levels-until-record-text--stroke{color:#fff;text-shadow:-2.5px -2.5px 0 #572C74,0 -2.5px 0 #572C74,2.5px -2.5px 0 #572C74,2.5px 0 0 #572C74,2.5px 2.5px 0 #2E2572,0 2.5px 0 #2E2572,-2.5px 2.5px 0 #2E2572,-2.5px 0 0 #2E2572,-4px -4px 0 #42b3c0,0 -4px 0 #42b3c0,4px -4px 0 #42b3c0,4px 0 0 #42b3c0,4px 4px 0 #42b3c0,0 4px 0 #42b3c0,-4px 4px 0 #42b3c0,-4px 0 0 #42b3c0,2px 7px 0 #246fc4;z-index:1}.levels-until-record-text--fill{z-index:2;color:transparent}.levels-until-record-text--fill .word-pop-record{background-image:linear-gradient(180deg,#fdf79d 10%,#fffccc,#fdf79d 30%,#fdab29 60%,#fdab29 77%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.word-pop-record{display:inline-block;opacity:0;white-space:pre-wrap;animation:popInRecord .5s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes popInRecord{0%{opacity:0;transform:translateY(20px) scale(.5)}70%{transform:translateY(-5px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutRecord{to{opacity:0}}.new-max-record-text__trophy.is-animating{animation:trophyPopInShake 1.4s cubic-bezier(.68,-.55,.265,1.55) forwards}.new-max-record-text--stroke{color:#fff;text-shadow:-2.5px -2.5px 0 #572C74,0 -2.5px 0 #572C74,2.5px -2.5px 0 #572C74,2.5px 0 0 #572C74,2.5px 2.5px 0 #2E2572,0 2.5px 0 #2E2572,-2.5px 2.5px 0 #2E2572,-2.5px 0 0 #2E2572,-4px -4px 0 #42b3c0,0 -4px 0 #42b3c0,4px -4px 0 #42b3c0,4px 0 0 #42b3c0,4px 4px 0 #42b3c0,0 4px 0 #42b3c0,-4px 4px 0 #42b3c0,-4px 0 0 #42b3c0,2px 7px 0 #246fc4;z-index:1}.new-max-record-text--fill{z-index:2;color:transparent}.new-max-record-text--fill .word-pop-max{background-image:linear-gradient(180deg,#fdf79d 10%,#fffccc,#fdf79d 30%,#fdab29 60%,#fdab29 77%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.word-pop-max{display:inline-block;opacity:0;white-space:pre-wrap;animation:popInMax .8s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes popInMax{0%{opacity:0;transform:translateY(30px) scale(.5)}60%{transform:translateY(-8px) scale(1.2)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutMax{to{opacity:0}}.now-playing-dj--stroke{color:#fff;text-shadow:-2px -2px 0 #572C74,0 -2px 0 #572C74,2px -2px 0 #572C74,2px 0 0 #572C74,2px 2px 0 #2E2572,0 2px 0 #2E2572,-2px 2px 0 #2E2572,-2px 0 0 #2E2572,-3px -3px 0 #42b3c0,0 -3px 0 #42b3c0,3px -3px 0 #42b3c0,3px 0 0 #42b3c0,3px 3px 0 #42b3c0,0 3px 0 #42b3c0,-3px 3px 0 #42b3c0,-3px 0 0 #42b3c0,2px 6px 0 #246fc4}.char-pop{display:inline-block;opacity:0;white-space:pre;animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes popIn{0%{opacity:0;transform:translateY(20px) scale(.5)}70%{transform:translateY(-5px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutAll{to{opacity:0}}.big-countdown-text--stroke,.big-countdown-text--fill{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;display:block;font-family:Super_Malibu,cursive;font-size:110px;font-style:normal;font-weight:500;line-height:.9;letter-spacing:.07em;text-align:center;word-wrap:normal;overflow-wrap:normal;white-space:normal}.big-countdown-text--stroke{color:#fff;text-shadow:-4px -4px 0 #572C74,0 -4px 0 #572C74,4px -4px 0 #572C74,4px 0 0 #572C74,4px 4px 0 #2E2572,0 4px 0 #2E2572,-4px 4px 0 #2E2572,-4px 0 0 #2E2572;z-index:1}.big-countdown-text--fill{z-index:2;background-image:linear-gradient(180deg,#fdf79d 20%,#fffccc 25%,#fdf79d 35%,#fdab29 70%,#fdab29 90%,#ff3f85 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.big-countdown-text--stroke.countdown-final,.big-countdown-text--fill.countdown-final{font-size:130px;transform:translate(-50%) translateY(-15px)}.big-countdown-text--stroke.countdown-active,.big-countdown-text--fill.countdown-active{animation:countdownPop 1s forwards}@keyframes countdownPop{0%{opacity:0;transform:translate(-50%) translateY(0) scale(1.5);animation-timing-function:cubic-bezier(.25,1,.5,1)}50%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(0) scale(1);animation-timing-function:cubic-bezier(.5,0,.75,0)}to{opacity:0;transform:translate(-50%) translateY(0) scale(.7)}}.big-countdown-text--stroke.countdown-final.countdown-active,.big-countdown-text--fill.countdown-final.countdown-active{animation:countdownPopFinal 1s forwards}@keyframes countdownPopFinal{0%{opacity:0;transform:translate(-50%) translateY(-15px) scale(1.5);animation-timing-function:cubic-bezier(.25,1,.5,1)}50%{opacity:1;transform:translate(-50%) translateY(-15px) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(-15px) scale(1);animation-timing-function:cubic-bezier(.5,0,.75,0)}to{opacity:0;transform:translate(-50%) translateY(-15px) scale(.7)}}.hype-party-timer{text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 2px 4px rgba(0,0,0,.5)}@keyframes htLbRankPop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes htLbShineSweep{0%{left:-100%}to{left:100%}}
