JD Now+ by Reivan

@name         Just Dance Now Plus
@version      0.0.1
@namespace    userstyles.world/user/reivan

@-moz-document url(https://www.justdancenow.com/),
url-prefix(https://www.justdancenow.com/),
domain(mozilla.org)
{
html,body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    font-size: 1em;
    cursor: none;
    background: #333;
    background-image: url(https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExOXFpcTJkajN4b3N0ajJ3dml2dW1lanRkbTU3ZmY3a3d4bjN4ZmFseSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/s0WFzoJKgHpHjthw01/giphy.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  cursor: default;
}

button {
    cursor: default;
}

#cursor {
  visibility: hidden;
}

@keyframes customBeat1 {
    0% {
        -webkit-transform:	scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }

    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9)
    }
}

@keyframes customBeat2 {
    0% {
        -webkit-transform:	scale(1, 1.02);
        transform: scale(0.98, 0.98);
      	filter: brightness(1.5)  drop-shadow(0px 0px 15px #ffd970);
    }

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

@keyframes songImgBeat {
    0% {
        -webkit-transform:	scale(1, 1.02);
        transform: scale(1.03, 1.03);
      	filter: brightness(1.5);
    }

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

@keyframes goldMoveStart {
    0% {
      transform: scale(1.5, 1.5);
      opacity: 0
    }
  
  50% {
          opacity: 1
  }

    100% {
           transform: scale(1.5, 1.5);
            opacity: 0
    }
}

@keyframes customBeat3 {
    0% {
        -webkit-transform:	scale(0.98, 0.98);
        transform: scale(0.98, 0.98);
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes btnBeatSync {
    0% {
        -webkit-transform:	scale(0.98, 0.98);
        transform: scale(0.95, 0.9);
      filter: brightness(3);
    }

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

@keyframes coachBeat {
    0% {
        -webkit-transform:	scale(0.98, 0.98);
        transform: scale(0.98, 0.98);
        filter: drop-shadow(0px 0px 45px #AAAAFF) brightness(1.5);
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        filter: drop-shadow(0px 0px 25px #BBBBBB) brightness(1);
    }
}

@keyframes lightBeat {
    0% {
        filter: drop-shadow(0px 0px 35px #AAAAFF) brightness(1.5);
    }

    100% {
        filter: drop-shadow(0px 0px 25px #BBBBBB) brightness(1);
    }
}

#room-info::before {
    width: 30%;
    height: 100%;
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/2/24/Transparent_Square_Tiles_Texture.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.danceroom {
  color: #fc0390;
}

.coach__img {
  	animation: coachBeat 1s infinite;
  height: 100%;
  transform: translate(50%, 50%);
  top: 0%;
  left: -10%;
}

.coach-selection {
  transition: 0.5s;
  size: 100%;
  
}

.coach-selection__bgImg img {
    	animation: songImgBeat 1s infinite;
}

#just-dance-now {
  background: transparent;
  background-image: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.item-selected{
   animation: customBeat2 1s;
}

.coach-selection__item::before {
  opacity: 0;
}

.coach-selection__item {
  margin-left: 3%;
}

.coach__player-list  {
  background-color: transparent;
  filter: drop-shadow(0px 0px 5px #000000);
  border-color: transparent;
}

.racetrack-fill-players {
  transition: 0.5s;
}

.img--afterDance {
     animation: customBeat3 1s infinite;
}

.stars {
     animation: customBeat2 1s infinite;
}

#racetrack {
       animation: lightBeat 1s infinite;
}

#pictos {
       animation: lightBeat 1s infinite;
}

.song-action__button {
       animation: btnBeatSync 1s infinite;
}

.coach-selection__button {
         animation: btnBeatSync 1s infinite;
}

.dancercard {
    filter: drop-shadow(0px 0px 40px #000000);
}

.modal__container {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(3px);
}

.concept__steps {
  border-color: rgba(255,255,255,0.5);
}

.modal__wrapper {
  border-color: rgba(255,255,255,0.2);
}

.modal__container--right::before {
    border-color: rgba(255,255,255,0.5);
}

#admin-menu {
    background: rgba(0, 0, 0, 0.6);
    border-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(3px);
}

.language__item {
      background: rgba(0, 0, 0, 0.6);
    border-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(3px);
}

#toast {
      background: rgba(0, 0, 0, 0.6);
    border-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(3px);
}
.selected {
	   animation: customBeat2 1s;
}
.exit-btn--play-again {
		   animation: customBeat2 1s infinite;
}
.exit-btn--continue {
		   animation: customBeat2 1s infinite;
}

.winner {
		   animation: customBeat2 1s infinite;
}
}