#GAME_DMB_Main_Container{
	width:100%;
	height:100%;
	
	background-image:url('../../images/DMB_Board.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:110% auto;
	
	display:flex;
	align-items:center;
	justify-content:center;
}

#GAME_DMB_Left_Container, #GAME_DMB_right_Container{
	width:25%;
	height:100%;
	display:flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-evenly;
	transition: width 0.3s ease;
}
.GAMEFRAME_Input_Visible #GAME_DMB_Left_Container, .GAMEFRAME_Input_Visible #GAME_DMB_right_Container{
	width:23%;
}

#GAME_DMB_Middle_Container{
	position: relative;
	width:50%;
	height:100%;
	display:flex;
	
	transition: width 0.3s ease;
}
.GAMEFRAME_Input_Visible #GAME_DMB_Middle_Container{
	width:54%;
}




.GAME_DMB_Player_Info_Left, .GAME_DMB_Player_Info_Right{
	height: 120px;
	width: 100%;
	color: #d5d5d5;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.GAME_DMB_Player_Info_Left{
	border-radius: 0 25px 25px 0;
}
.GAME_DMB_Player_Info_Right{
	border-radius: 25px 0 0 25px;
}

.GAME_DMB_Player_Info_Left.GAME_DMB_Player_Active, .GAME_DMB_Player_Info_Right.GAME_DMB_Player_Active{
	color: #FFFFFF;
	border: 5px solid #FFFFFF;
	box-shadow: 0px 0px 25px #000000;
	height: 130px;
}
.GAME_DMB_Player_Info_Left.GAME_DMB_Player_Active{
	border-left: none;
}
.GAME_DMB_Player_Info_Right.GAME_DMB_Player_Active{
	border-right: none;
}

.GAME_DMB_Player_Info_Score{
	width: 30%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight:bold;
	font-size: 65px;
	text-shadow: 0px 0px 10px #000000;
	
	transition: font 0.3s ease;
}
.GAMEFRAME_Input_Visible .GAME_DMB_Player_Info_Score{
	font-size: 55px;
}




.GAME_DMB_Player_Info_Name{
	width: 70%;
	height: 90%;
    background: #1A1A1A;
	
	font-weight:bold;
	font-size: 45px;
	text-shadow: 0px 0px 10px #000000;
	
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	transition: font 0.3s ease;
}
.GAMEFRAME_Input_Visible .GAME_DMB_Player_Info_Name{
	font-size: 35px;
}






#GAME_DMB_Middle_Container_Name{
	position: absolute;
	height: 90px;
	width: 100%;
	top: 35px;
	
	color:#FFFFFF;
	font-size: 90px;
	font-weight:bold;
	text-shadow: 0px 5px 15px #515151;
	
	display: flex;
	align-items: center;
	justify-content: center;
	transition: padding 0.3s ease-out;
}
#GAME_DMB_Middle_Container_Score{
	position: absolute;
	height: 80px;
	width: 100%;
	top: 120px;
	
	color:#FFFFFF;
	font-size: 80px;
	font-weight:bold;
	text-shadow: 0px 5px 15px #515151;
	
	display: flex;
	align-items: center;
	justify-content: center;
	transition: padding 0.3s ease-out;
}





/* -------------------------------------- Progress Container ------------------------------------- */
#GAME_DMB_Middle_Container_Progress{
	width: 100%;
	height: 100%;
	pointer-events: none;
}
#GAME_DMB_Middle_Container_Progress.GAME_DMB_Progress_Mode_EASY{
	scale: 3.1 3.9;
	padding-bottom: 340px;
}
#GAME_DMB_Middle_Container_Progress.GAME_DMB_Progress_Mode_NORMAL, #GAME_DMB_Middle_Container_Progress.GAME_DMB_Progress_Mode_AUTO{
	scale: 2.65 2.05;
	padding-bottom: 235px;
}
#GAME_DMB_Middle_Container_Progress.GAME_DMB_Progress_Mode_HARD{
	scale: 2.18 1.2;
    padding-bottom: 80px;
}

#GAME_DMB_Middle_Container_Progress polygon{
	fill: #3498db;
	transform-box: fill-box;
	transform-origin: center;
	transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}

#GAME_DMB_Middle_Container_Progress polygon.fly-away {
	opacity: 0;
	transform: translate(calc(-100px + 200px * var(--rand-x)), calc(-200px * var(--rand-y))) rotate(calc(360deg * var(--rand-rot)));
}
/* ----------------------------------------------------------------------------------------------- */