JUST DANCE Next 2023 by DANCEJUST

/* ==UserStyle==
@name           JUST DANCE Next 2023
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me

@advanced dropdown Mbackground "Menu Background!" {
S1 "Jd2023" <<<EOT https://cdn.glitch.global/f8a7fac5-6168-4462-9616-67fbb1a0a2b1/45563452348572437578342573427853.png?v=1698432884206 EOT;
S3 "Jd2024" <<<EOT https://cdn.glitch.global/f8a7fac5-6168-4462-9616-67fbb1a0a2b1/jd24bg.jpg?v=1698432801346 EOT;
S4 "Jd2022" <<<EOT https://cdn.glitch.global/eed411e5-f1fa-4054-a0ec-23e11e6b6eb5/92714fce199aa29ce8e78bbf0edd943b.jpeg?v=1698677414756 EOT;
S5 "Jd2022 1" <<<EOT https://cdn.glitch.global/eed411e5-f1fa-4054-a0ec-23e11e6b6eb5/tnHnSVHuRAF78FREs3M3FgEY.jpeg?v=1698677460943 EOT;
}


==/UserStyle== */

@-moz-document domain("justdancenow.com") {    
    
    
.state-songselection #players::before,  .controller-coins, .player-master, .state-songselection .player-color, .danceroom__qr-code-wrapper, .danceroom__label, .room-info__patch, #players.finding-dancers, #players.removing-dancers, .sprite, .coach::before, .state-coachselection .song-grid, .state-coachselection .song-details, .state-coachselection .song-action, .tutorial::before, .tutorial::after, .state-coachselection .highscore-display, .state-dance .player-exp, .state-dance .player-flag, .caption.artist, .song-action__button::before, .song-action__button::after, .playlist-action__button, .line::after, .article::before,  .video-preview .song__difficulty, .exit-btn.exit-btn--play-again.exit-btn--animate, .account, .coach-selection__button::after, .coach-selection__button::before, .modal__link.openIframe, .state-songselection .feedback, .account, .side-nav, .tabs--connect, .song__reward, .state-tutorial #players, .coach-selection::after, .state-dance .player-logo--vip,.state-afterdance #players,#afterdance::before,#afterdance .song-info,.trainer-icon, .dr-landing__icon-wrapper, .dr-landing__label, .landing-patch, .dr-landing::before, .landing__video, .landing-arrow.scroll_down, .landing-text__subtitle, .landing-text__title, .landing-circle, .landing-button__txt, .logo, .toggle::after, .toggles::before, #afterdance .player-solo .player .score::before, .player-logo.player-logo--vip, .songlist-container .song-grid--description, .item-selected .song__decoration:after, .state-coachselection #preview:after, .item:after,.state-songselection .song-cover--low-res, .sprites-container,.info-panel, .song-grid--description , .song-grid--duration,.connect-phone-info--clickable .connect-phone-info__text::before, .modal__container::after, .song-cover--low-res:before, .platform, #admin-menu .menu__head,#admin-menu .legal__list, #admin-menu .player--controller::before,.tutorial__image,.tutorial__caption, .state-coachselection #preview:before, .state-coachselection #room-info, .state-dance #room-info, .state-tutorial #room-info, .state-afterdance #room-Fion #settings,.highscore-display::after, .player-flag,.player-exp, .state-songselection .player-name,#players::before, .state-coachselection .player-color,.state-coachselection .player-name, .progress-background,.feedback , .player:nth-child(1) .avatar, .player:nth-child(2) .avatar,.player:nth-child(3) .avatar,.player:nth-child(4) .avatar,ul.tabs li.selected::before,.song-grid--close,.playlist--description,.state-coachselection #settings,.connect-phone-info__text, .state-dance #settings,.item .song__difficulty,.coach-selection__bgImg,.connect-phone-info--visible,.song-cover--low-res ,.video-preview
{display: none !important}
	
	@font-face
{font-family: "Just Dance Regular";src: url('https://cdn.glitch.global/cb80f21c-2d07-4ed0-9141-003774865f5b/ubisoftsans-regular.otf?v=1664210097220') format('woff') ;}

@font-face 
{
    font-family: "Just Dance";
    src: url('https://cdn.glitch.global/cb80f21c-2d07-4ed0-9141-003774865f5b/ubisoftsans-bold.otf?v=1664210440058') format('woff');
    src: url('https://cdn.glitch.global/cb80f21c-2d07-4ed0-9141-003774865f5b/ubisoftsans-bold.otf?v=1664210440058') format('woff2');
}

@font-face{
    font-family:"helveticaneue-medium";
     src: url('https://cdn.glitch.global/cb80f21c-2d07-4ed0-9141-003774865f5b/IMPACT.TTF?v=1664285320127') format('woff')
}
	




    #coverflow
{background-image: none!important}
.coverflow--container
{background: none}
#just-dance-now
{background-color: #fff}



#room-info
{
    background: #0000;
    left: 0%;
    width: 10%;
    border-radius: 15px;
    height:9.85% !important;
	
    min-height: 0% !important;
    top: 0%;
    opacity: 1;  
	z-index: 999999999 !important;
}

.danceroom__number
{
    text-shadow: none;
    color: #fff;
    font-size: 25%;
    text-align: left !important;
}	

#players .stars {
    top: 65% !important;
    transform: scale(0.75);
    left: -23%
}

.dancercard .player-name
{
    top: -1%;
    left: 7.5% !important;
    width: 85.5% !important;
    text-align: center !important;
    text-shadow: none !important;
    font-family: Just Dance;
    transform: scale(1.8) !important;
    letter-spacing: .1px
}

.state-dance .dancercard .player-name em {
  text-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.3)!important;
    text-overflow: clip;
    width: 150%;
    text-align: center !important;
    padding: 0%;

}

.dancercard .player-color
{
    -webkit-border-radius: 5px;
    width: 80%;
    height: 20%;
    top: 40%;
    min-width: 5% !important;
    margin-left: 10.5%;
}





html:not(.ipad) .hud.beat > #players.animate .player-color 
{
    animation: none !important;
}

.crown {
        top: 50% !important;
        left: -19% !important;
    transform: scale(1.4) rotate(-12deg) !important
    }

.crown::before {
        background-image: url(https://i.imgur.com/pH3xc9A.png)!important;
    }
    .crown {
        background-image: url(https://i.imgur.com/pH3xc9A.png)!important;
    }
    #players .crown::before {
        -webkit-animation: CrownZoom 1s infinite !important;
        animation: Corona 1s infinite alternate;
        background-image: url(https://i.imgur.com/pH3xc9A.png)!important;
        background-color: transparent!important;
        border: none;
    }

.hud.beat #players .feedback-label {
        background-repeat: no-repeat;
        background-image: url(https://imgur.com/68sBWkE.png);
    }

.hud.beat #players .feedback-label {
    background-repeat: no-repeat;
    background-image: url(https://i.imgur.com/ek0adcy.png);
}
.hud.beat #players .feedback-label {
        background-repeat: no-repeat;
        background-image: url(https://imgur.com/68sBWkE.png);
    }

.hud.beat #players .feedback-label {
    background-repeat: no-repeat;
    background-image: url(https://i.imgur.com/ek0adcy.png);
}
.hud.beat #players .feedback-label {
        background-repeat: no-repeat;
        background-image: url(https://imgur.com/68sBWkE.png);
    }

.hud.beat #players .feedback-label {
    background-repeat: no-repeat;
    background-image: url(https://i.imgur.com/ek0adcy.png);
}

#players .feedback-perfect {
    background: url(https://imgur.com/jd4knaw.png) no-repeat top/ 55% 70%;
    height: 160%;
    width: 185%;
    left: -43%
}

.feedback-label.feedlabel-perfect,
.feedback-label.feedlabel-yeah,
.feedback-label.feedlabel-badgold {
    top: 40% !important
}

.feedback-label.feedlabel-good {
    top: 40%!important
}

.feedback-label.feedlabel-bad {
    top: 30% !important
}

.feedback-label.feedlabel-ok {
    top: 60% !important
}

#players .feedback-good {
    background: url(https://imgur.com/pCxAQjx.png) no-repeat top/ 55% 70%;
    height: 160%;
    width: 125%;
    left: -12%
}

#players .feedback-ok {
    background: url(https://imgur.com/8f2WeYz.png) no-repeat top/ 55% 70%;
    height: 160%;
    width: 125%;
    left: -12%;
}

#players .feedback-yeah {
    background: url(https://imgur.com/CQ0wDis.png) no-repeat top/ 55% 70%;
    height: 160%;
    width: 125%;
    left: -12%
}

#players .feedback-bad,
#players .feedback-badgold {
    background: none !important;
    height: 140%;
    width: 125%;
    left: -12%
}

 

@-webkit-keyframes nextLineInf {
    0%,
    20% {
        opacity: 0;
        -webkit-transform: perspective(0px) translateY(2.5em) rotateX(0deg);
        transform: perspective(0px) translateY(2.5em) rotateX(0deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(1em) perspective(0px) rotateX(0deg);
        transform: translateY(1em) perspective(0px) rotateX(0deg);
    }
}
@keyframes nextLineInf {
    0%,
    20% {
        opacity: 0;
        -webkit-transform: perspective(0px) translateY(2.5em) rotateX(0deg);
        transform: perspective(0px) translateY(2.5em) rotateX(0deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(1em) perspective(0px) rotateX(0deg);
        transform: translateY(1em) perspective(0px) rotateX(0deg);
    }
}

#lyrics {
    transform: scale(0.85);
    left: 2%;
    top: 89%;
    z-index: 99999999999999999999999999999 !important;
    font-family: helveticaneue-medium !important;
    text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3)!important;
    letter-spacing: 0.02em;
    font-size: 19%
}

.fragment, .fragment.unfilled {
    text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3)!important;
    filter: none;
}

#beat .particle-system
{
  display: none;
    opacity: 0
}





@keyframes CoachBeatBefore 
{
    0% 
    {
        transform: scale(0.58);
        -webkit-filter: brightness(110%);
        filter: brightness(110%);
    }

    100% 
    {
        transform: scale(0.6);
        -webkit-filter: brightness(100%);
        filter: brightness(100%);
    }
}

@keyframes BeatCoach {
    100% {
        opacity: 1;
        transform: scale(1.0, 1.0);
    }
    
    
    10% {
        opacity: 1;
        transform: scale(1.08, 1.0);
    }

    00% {
        opacity: 1;
        transform: scale(1.0, 1.0);
    }
}
	
#players .star.star-1,
#players .star.star-2,
#players .star.star-3,
#players .star.star-4,
#players .star.star-5 {
    width: .4rem;
    height: .4rem;
    margin: 0 -.09rem...