[TESTING] Just Dance Nowastic by ibratabian17

@-moz-document domain("justdancenow.com") {
/* ==UserStyle==
@name         Just Dance Nowastic (Beta Unfinished)
@description  Who Loves Just Dance Old Gens?
@author       Pakar
@include      https://justdancenow.com/*
@version      0.1.2022.4.10
@namespace https://greasyfork.org/users/774017
==/UserStyle== */

.coverflow--container,
#players::before,
ul.tabs li.selected::before, #afterdance::before, .coach-selection::after, #room-info, .room-info__patch, .room-info__patch::before, .room-info__patch::after{
    background: #0000;
    box-shadow: 0px 6px 12px #908f8f00;
    font-family: 'Just Dance Regular';
}
#coverflow, #afterdance, #just-dance-now {
    background-image: linear-gradient(180deg, rgb(64, 0, 255) 10%, rgb(152, 0, 255) 100%);
    ;
    background-position: center;
    background-size: cover;
}

.grid-container .item-container .item.item-selected .song__cover{
    border: 6px solid #fff;
    padding: 0%;
        -webkit-animation: hotala 1s infinite !important;
    animation: hotala 1s infinite !important;
}
.coverflow--container{
    width: calc(104.3% - 0.0rem);
   top: -106%;
   left: -2.6%;
    transform: scale(1.0);
   padding: none;
    margin: none;
}
#section-tabs {
    bottom: -65%;
    z-index: 1;
}
.playlist-grid{
    left: 8.3%!important
}
#afterdance {
    height: 100%;
    padding: 1.12rem 0.15rem 0.1rem;
    margin: 0;
    position: relative;
    background-repeat: no-repeat;
}
#afterdance.transition-in .coach {
    -webkit-mask-image: radial-gradient(#ffffffa1 9%, #0000 70%);
        -webkit-animation: fadeIne 80s infinite, hota 1.6s infinite !important;
    animation: fadeIne 80s alternate infinite, hota 1.6s infinite !important;
    height: 126%;
    width: 126%;
    opacity: .5;
    top: -23%
}
#afterdance .img--afterDance {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 3.2rem;
    height: 3rem;
    position: absolute;
    top: 1.0rem;
}
.exit-btn--play-again {
    left: 7.5rem;
}
.item-container
{
    width: 50000% !important;
    height: 100% !important;
    transition: none !important;
}
.grid-container {
    width: 100%;
    height: 158%;
    overflow: hidden;
    position: relative;
}
.grid-container .item-container .item {
    top: 5%;
    width: 1.9rem;
    height: 2rem;
}
.grid-container .item-container .song__decoration {
    height: 78%;
    width: 78%;
    left: 12%;
    
}

.coach-selection__bgImg {
    -webkit-mask-image: radial-gradient(#ffffffa1 9%, #0000 70%);
        -webkit-animation: fadeIne 80s infinite, hota 1s infinite !important;
    animation: fadeIne 80s alternate infinite, hota 1s infinite !important;
    height: 126%;
    width: 100%;
    opacity: .5;
    top: -23%
}
    .coach::before {
    width: 1.4rem;
    height: 2rem;
        right: -1.07rem;
        top: .4rem;
    background-image: linear-gradient(#0f0f0f00 9%, #00000075 70%);
}
    .coach {
        left: -3%
    }
.coach__names-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 0.1rem
}
    
.title-container .caption {
    width: 150%;
    top: -7%;
}
.songGrid .song-grid--details, .song-grid--details, .danceroom__qr-code-wrapper, html.ftue ul.tabs::after, .controller .dancercard .player-master, .dancercard .player-flag, .dancercard .player-exp.player-exp-normal, #preview .menu-splash.hidden, .info-panel, .highscore-display, .song-action, #preview .song-details, .video-preview, #preview .right-pane, .song-cover--low-res, .item .title-container .caption.artist,.state-dance .connect-phone-info__text , .state-dance #room-info, .state-dance .toggle, .song-cover--hi-res::after, .item:after, #crown-container .crown{
    display: none;
}

.item-selected .title-container .caption.artist{
    display: block;
}
.playlist-img-container, .section-grid-trainer {
    display: none!important;

}
#preview{
    z-index: 1!important;
}
#preview .song-cover--hi-res::after {
    display: block;
    content: ''!important;
    position: relative;
    width: 100%;
    height:100%;
    background-image: radial-gradient(#ffffff75 0%, #00f0 70%);
    z-index: -1;
    
}
    #preview.pre-beat.even .song-cover--hi-res::after{
      animation: hoto .6s ;  
    }
    #preview.pre-beat.odd .song-cover--hi-res::after{
      display: none;
    }
#preview.pre-beat.odd .song-cover--hi-res::before {
    -webkit-animation: hoti 1s ;
    animation: hoti 1s ;
}
.song-cover--hi-res {
    width: 80%;
    height: 80%;
    right: 92.5%;
    bottom: 3%;
    background-size: cover;
    background-position: center;
    transform-origin: center bottom;
    background-color: #0e002d;
}
    .song-cover--hi-res::before{
        content: '';
        position: absolute;
    width: 156%;
    height: 156%;
        top: -55%;
        right: -28%;
    background-size: contain;
    background-position: 0rem .4rem;
    transform-origin: bottom;
        background-repeat: no-repeat;
        overflow: visible;
}
#section-songlist .item-container .item {
   top: 6%
}
    #section-playlist .item-container .item {
   top: 4.7%
}
.grid-container .item-container .item-selected {
    background: radial-gradient(#b3c9ee 0%, #0000 72%);
    background-position: -10% 0%;
    transition: .2s all !important;
   
}
    .songlist-container .song--details{
    bottom: 1.1%!important
}
.grid-container .item-container .item-selected  .title-container {
    text-align: center!important;
    font-family: Just Dance!important;
    color: #fff;
    transform: scale(1.19) translateY(7%) translateX(14%);
}
.grid-container .item-container .item  .title-container {
    color: #fff;
}
.title-container .caption {
font-family: Just Dance Regular!important;
}
.item-selected .title-container .caption.title {
font-family: Just Dance!important;
    font-size: 100%;
    transform: scale(1.4)
}
.grid-container .item-container .item-selected .song__decoration{
    transform: scale(1.16);
    top: 1%;
    transform-origin: bottom;
}
.song--details {
    margin-top: 1rem;
    scroll-snap-type: both mandatory!important;
    overflow-y: hidden!important;
    scroll-behavior: smooth!important;
    padding-left: 4.2rem;
        background-image: linear-gradient(180deg, rgb(255, 255, 255) 7%, rgb(236, 236, 236) 100%);
    background-size: 100% .6%;
    background-repeat: no-repeat;
    background-position: 0% 31%
}
    .item-selected
{scroll-snap-align: center !important;
    scroll-behavior: smooth;
    scroll-margin-left: -.5rem!important;
    } 
.song-preview{
    border-radius: 8px;
    -webkit-animation: fadeIne 30s infinite;
    animation: fadeIne 30s infinite;
}
.grid-container .item-container{
    animation: valvi 10s reverse infinite;
}
    @keyframes valvi {0% {filter: brightness(100%)} 4% {filter: brightness(150%)} 10% {filter: brightness(100%)}}





html:not(.weak-platform) #racetrack .star[data-visible="true"] {
    
}


#room-info {
    width: 22%;
    height: auto;
    min-height: 0.965rem;
    transition: all 0.4s;
    background: #fff0;
    position: absolute;
    z-index: 1001;
    top: 0;
    left: 0;
}

#players .feedback-perfect::after {


}
.picto
{
    left: -1.4%;
    z-index: -1;
}

.multi-coach .picto
{
  left: -8.9%;
}
#beat
{
    width: 35.4%;
    display: block!important;
    -webkit-mask-image: linear-gradient(#fff, #fff);
    background-color: #0000!important;
}
    .particle-system {
    width: 100%;
    height: 100%;
        transform: scale(1.6)
}
.multi-coach #beat
{
    width: 33.4%;
    background-size: 110% 100% !important;
}
#racetrack .progress-background {
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-size: 190% 130%;
}
    #racetrack .progress-bar::before {
        content: '';
    width: 100%;
    height: 20%;
    position: absolute;
    bottom: 0;
    right: 0;
        z-index: 3;
    background: radial-gradient( #adadadf2 0%, #fff0 80%);
        background-size: 100% 39%;
        background-repeat: repeat-y;
        -webkit-mask-image: linear-gradient( #fff0 70%, #000 100%);
            animation: recat 180s linear reverse infinite;
}
    #racetrack.superstar .progress-bar::before,  #racetrack.megastar .progress-bar::before{
        height: 100%;
            background: linear-gradient(#fff0 0%, #ffffff45 50%, #fff0 100%);
        background-size: 100% 9%;
        -webkit-mask-image: linear-gradient( #fff0 50%, #000 100%);
    }
#lyrics .line.previous {
    -webkit-transform: perspective(0px) translateY(0em) rotateX(0deg);
    transform: perspective(0px) translateY(0em) rotateX(0deg);
}

#lyrics .line.current {
    transform: translatey(0em) translatex(0%);
    transition: .23s ease all !important
}

#lyrics .line.previous {
    transform: translatey(0em) translatex(0%) !important;
    transition: .23s ease-out all !important
}
    #lyrics {
        left: 8%;
    }
#lyrics.simple .line .fragment {
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)!important;
    }

.hud.beat > #players .player-stars {
    animation: debde 1s
}



#racetrack-fill, .racetrack-fill-players {
    background-image: linear-gradient(-90deg, #ffffff52 0%, rgba(152, 0, 255, 0) 70%);
    filter: drop-shadow(0px -0.016rem 0.016rem rgba(255, 255, 255, .71))!important;
    

}
#racetrack .progress-meters {
      display: flex!important;
  justify-content: center!important;
  align-items: center!important;
}

#crown-container {
    top: 23%
}
#lyrics .line {
    -webkit-animation: nextLineInf 0.23s ease-in!important;
    animation: nextLineInf 0.23s ease-in!important;
    color: #8f8c89;
}

@-webkit-keyframes nextLineInf {
    0%,
    20% {
        opacity: 0;
        -webkit-t...