Just Dance Now Reimagined V2 LITE by alxs

/* ==UserStyle==
@name         Just Dance Now Reimagined V2 LITE
@version      20220303.23.30
@namespace    userstyles.world/user/alxs
@description  Just Dance Now Reimagined V2 LITE!


why not?

v1.0 beta uwuw


the first style made by 0 by me!
@author       alxs
@license      No License
==/UserStyle== */

@-moz-document domain("justdancenow.com") {

@font-face
{
    font-family: "JD Regular";
    src: url('https://dl.dropboxusercontent.com/s/94t0xj3f8dol172/HelveticaNeueLTW1G-65Md.woff?dl=0') format('woff') ;
}

@font-face
{
    font-family: "Just Dance Regular";
    src: url('https://dl.dropboxusercontent.com/s/94t0xj3f8dol172/HelveticaNeueLTW1G-65Md.woff?dl=0') format('woff') ;
}

@font-face 
{
    font-family: "Just Dance";
    src: url('https://dl.dropboxusercontent.com/s/tcjvag8iy02to2w/HelveticaNeueLTW1G-BdCn.woff?dl=0') format('woff');
    src: url('https://dl.dropboxusercontent.com/s/63qqnyfy9s1cl60/HelveticaNeueLTW1G-BdCn.woff2?dl=0') format('woff2');
}

@font-face{
    font-family:"helveticaneue-medium";
     src: url('https://dl.dropboxusercontent.com/s/sfkrh4w30jsznzl/HelveticaNeueMedium.woff?dl=0') format('woff')
}

#just-dance-now
{
	background: #5bfcb8;
}

ul.tabs
{
	position: absolute;
	margin-top: 2000%;
}

#section-tabs, .info-panel
{
	pointer-events: none
}

.connect-phone-info.connect-phone-info--clickable.connect-phone-info--visible,.balloons,#coverflow, .connect-phone-info.connect-phone-info--clickable.connect-phone-info--visible, .danceroom__qr-code-wrapper, .danceroom__label, .room-info__patch, .song-cover:after, .item::after
{
	display:none;
	background-image: none !important;
}

.tabs--text, #players::before,  .controller-coins, .player-master, .state-songselection .player-color, .connect-phone-info.connect-phone-info--clickable.connect-phone-info--visible, .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 .avatar-wrapper, .state-dance .player-exp, .state-dance .player-flag, .caption.artist, .song-action__button::before, .song-action__button::after, .landing-circle, .landing__video, .landing-arrow.scroll_down, .landing-text__title, .landing-text__subtitle, .video-display::before, .logo, .songlist-container .song-grid--description, .song-grid--duration, .playlist--description, .playlist-action__button, .line::after, .article::before, .exit-btn.exit-btn--play-again.exit-btn--animate, .account, .landing-patch, .dr-landing__icon-wrapper, .main-header, .coach-selection__button::after, .coach-selection__button::before, .modal__link.openIframe, .item .song__difficulty, .state-songselection .feedback, .account, .side-nav, .tabs--connect, .song-cover--low-res, .song__reward, .section-grid-trainer, .state-tutorial #players,.state-dance #room-info,.state-coachselection #room-info,.state-tutorial #room-info,.state-afterdance #room-info,.toggle-fullscreen
{
    display: none !important;
}

#room-info
{
    background: #fff;
    left: 1%;
    width: 10%;
	transform: scale(0.8) !important;
    border-radius: 15px;
    height:9.85% !important;
    min-height: 0% !important;
    top: 1%;
    opacity: 1;    
}

.danceroom__number
{
    text-shadow: none;
    color: #43ff8e;
    font-size: 40%;
    text-align: center !important;
}

.coverflow--container {
    float: none;
    width: 9em;
	transform: scale(1.125);
    height: 107.5%;
    position: relative;
    background: #fff;
    padding: 0.2rem 0.15rem 0.1rem 0.25rem;
    margin: 0 0.15rem 0 0;
    overflow: hidden;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 6px 12px #0000002b;
    font-family: Just Dance;
	right: 0.85%;
	top: -16%
}

.item-container
{
	width: 10000% !important;
	height: 20% !important;
}

.song-grid {
    position: absolute !important;
    left: -5%;
    width: 113%;
    overflow-x: hidden !important;
    transform: scale(0.90);
    top: -16%;
    transition: none !important;
    height: 130%;
    overflow: visible !important;
}

.title-container .title
{
    color: #bbb0 !important;
    font-family: Just Dance !important;
	z-index: 999999;
}

.title-container .caption {
    letter-spacing: -1px;
	font-size: 70% !important;
    font-size: inherit;
    line-height: inherit;
    color: #bbb0;
    float: left;
    padding: 0.05rem 0 0 0.04rem;
	margin-top: 95% !important;
	margin-left: -110%
}

.song-grid--details {
    height: 0.83rem;
    width: 50%;
    position: relative;
	top: 100%
}

.song-grid--details .song-grid--close {
    width: 0.265rem;
    height: 0.265rem;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.15s;
    background-color: #25ff75;
    background-repeat: no-repeat;
    background-position: -1px 0px;
    background-size: cover;
    position: absolute;
    top: -80%;
    right: 95%;
	z-index: 999999;
}

.grid-container .item-container .song__cover,
.song--focused .song__cover,
.grid-container .item-container .item:hover .song__cover,
.grid-container .item-container .item.item-selected .song__cover,
.song__cover,
.song--focused .song__cover,
.playlist-grid .item-container .song__cover,
.song--focused .song__cover,
.playlist-grid .item-container .item:hover .song__cover,
.playlist-grid .item-container .item.item-selected .song__cover,
.song__cover,
.song--focused .song__cover{
    height: 100%;
    width: 100%;
	padding: 2%;
    border-radius: 15px !important;
	border: solid white 0px
}

.grid-container .item-container .item.item-selected .song__cover {
    border-radius: 2px;
    border: solid #ff9b1e 5px;
}

.playlist-container .item-container .item.item-selected .song__cover {
    border-radius: 2px;
    border: solid #ff9b1e 5px !important; 
}

.item
{
	margin-left: -4em !important;
	left: 6em;
	top: 350%;
	transform: scale(1.3);
}

.item-container, .song--details
    {
        scroll-snap-type: x mandatory !important;
				scroll-padding: 15%;
    }
    .item-selected
    {
        scroll-snap-align: start !important;

    }

.song__decoration::after
{
	display:none
}

#preview .song-details
{
    width: 80%;
    overflow: hidden;
    padding: 0.06rem 0.1rem 0.4rem;
    background-image: linear-gradient(to right, #72ffac, #43ff8e);
    border-radius:0px 15px 15px 0px;
    position: absolute;
	height: 25%;
    top: 2rem;
    left: -4.9rem;	
	z-index: 99999;
	transform: scale(1.2)
}

.playlist-grid {
    color: #4271c5;
    font-size: 18%;
    height: 100%;
    padding-bottom: 0.2rem;
    overflow-y: auto;
    position: absolute;
    left: 0;
	TOP: 5%;
    right: -17px;
}

.playlist-grid-container
{
    width: 100% !important;
	position: absolute;
    top: 20% !important;
    display: grid;
  grid-template-columns: 30% 30% 30%;
  grid-gap: 3.36%;
    padding-left: 1%;
}

.playlist-grid .playlist--title {
    display: block;
    font-size: 0.185rem;
    line-height: 0.23rem;
    color: #fff;
    font-family: "OpenSans SemiBold";
    letter-spacing: -1px;
}

.video-preview
{

    opacity: 1;
	transform: scale(1.5);
    border-radius: 0px;
    position: absolute;
    z-index: 2;
    top: -15%;
    left: -0%;	
	filter: blur(0.003em);
	-webkit-mask-image: linear-gradient(90deg, #0000 0%, black 30%);
	background-blend-mode: multiply
}

.song-cover
{
	transform: scale(2.055);
    width: 230%;
	top: -35%;
	pointer-events: none;
	opacity: 1;
	left: -113%;
	border: none;
	transition: all 0.3s;
    border-radius: 0px;
	z-index: -999999 !important;
	-webkit-mask-image: linear-gradient(0deg, #0000 0%, black 10%)
}

.song-detail__title
{
    font-family: Just Dance !important;
    font-size: 25% !important;
    letter-spacing: 0.005em !important;
    transform: translatey(21%);
    color: #fff !important;
    text-shadow: #000 !important
}

.song-detail__artist
{
    font-family: Just Dance Regular !important;
    letter-spacing: 0.015em !important;
    font-size: 15% !important;
    color: #13803c !important;
    text-shadow: none !important;
    transform: translatey(-10%) !important;
    opacity: 0.5
}

.state-songselection .avatar-wrapper {
    animation: none !important;
    height: 340%;
	background-image: url(https://dl.dropbox.com/s/lmgg75ffokewz7h/EarthSkin.png?dl=0);
	background-size: 110%;
	background-repeat: no-repeat;
    top: 250% !important;
    width: 32% !important;
    left: -205% !important;
	transform: scale(2);
}

.state-songselection .player-name {
    top: 125% !important;
    font-family: Just Dance !important;
    color: #fff;
	position: absolute;
    text-shadow: none !important;
    text-align: left !important;
    left: -155% !important;
    font-size: 100% !important;
    height: 100% !important;
    width: 100% !important;
}

.state-songselection  .dancercard .player-flag {
    width: 0.3rem;
    height: 0.2rem;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    top: 170%;
    right: 297%;
}

.state-songselection  .dancercard .player-flag__image
{
	border-radius: 1px !important
}

.state-songselection  .dancercard .player-logo--vip {
    width: 18%;
    height: 40%;
    opacity: 1;
	top:60%;
	left: -105%;
		transform:scale(1.7)
}

.state-songselection  .player-logo--vip
{
	position: absolute;
	margin-top: 40%;
	margin-left: -50%
}

.state-dance .player-logo--vip
{
	display: none
}

.state-songselection .dancercard .player-exp.player-exp-normal {
    background: #25ff75;
	border: solid #fff 1px;
	border-radius: 100px;
    background-repeat: no-repeat;
    background-size: contain;
	left:-170%;
	top: 200%;
		z-index: 9999;
	transform: scale(1.1)
}

.highscore-display
{
	font-size: 25%;
    line-height: 1.1;
    color: #fff;
    font-family: Just Dance;
    height: 0.52rem;
    position: absolute;
    z-index: 1;
    top: -20%;
    left: -5rem;
}

.song-action__button
{
	border-radius: 26px;
    color: #fff;
    background: #ff4763 !important;
    padd...