/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------- Global Formats --------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------- Page Format ----------------------------------------- */
*, *::before, *::after {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
}

html, body{
	width: 100%;
    height: 120%;
    overflow-x: hidden;
    
    touch-action: none; /* Disables pinch-to-zoom */    
    -webkit-user-select: none;  /* Prevents text selection */    
    -webkit-touch-callout: none; /* Disables the callout menu on long press */
}

body{
	padding: 2px;
	background: #1f2c35;
}

input, textarea {
	border-radius: 0;
	padding: 0px;
	resize: none;
	border: 1px solid black;
}
input:focus, textarea:focus, select:focus{
	outline: none;
}
input:disabled {
	background-color: #FFFFFF;
	color: inherit;
	opacity: 1;
	-webkit-text-fill-color: inherit;
	cursor: not-allowed;
	border: 1px solid black;
}
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------ Canvas Content Format ------------------------------------ */
#canvas{
	position: fixed;
	width:1920px;
	height:1080px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
}

#canvas-content{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------- INDEX Formats ---------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ---------------------------------------- Main Container --------------------------------------- */
#INDEX_Login_Container, #INDEX_Game_Container, #INDEX_Console_Container{
	width:100%;
	height:100%;
	display: none;
}
#INDEX_Login_Container{
	display: flex;
}
.GAME_Container{
	width:100%;
	height:100%;
	display: none;
}
#INDEX_Console_Container{
	position: absolute;
	top: 0px;
	right: -100%;
	z-index: 40;
	
	transition: right 0.3s ease;
}
.INDEX_Console_Visible #INDEX_Console_Container{
	right: 0%;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------- LOGIN Formats ---------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ---------------------------------------- Main Container --------------------------------------- */
#LOGIN_Main_Container{
	width:100%;
	height:100%;
	background: #151718;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------- Dartboard Container ------------------------------------- */
#LOGIN_DARTBOARD_Container{
	width:1920px;
	height:1000px;
	display: none;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------- GAMEFRAME Formats -------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ---------------------------------- Game Frame Main Container ---------------------------------- */
#GAMEFRAME_Main_Container{
	width: 100%;
	height: 100%;
}
/* ----------------------------------------------------------------------------------------------- */

/* ---------------------------------------- Game Container --------------------------------------- */
#GAMEFRAME_Game_Container{
	width: 100%;
	height: 88%;
	position:relative;
	display: flex;
	transition: width 0.3s ease, scale 0.3s ease;
	transition-delay:width 0.3s;
}
.GAMEFRAME_Input_Visible #GAMEFRAME_Game_Container{
	width: 80%!important;
}

.INDEX_Console_Visible #GAMEFRAME_Game_Container{
    z-index: 99;
    scale: 0.429;
    left: -539px;
    top: -155px;
}
/* ----------------------------------------------------------------------------------------------- */

/* --------------------------------------------- Game -------------------------------------------- */
#GAMEFRAME_Game{
	width: 100%;
    height: 100%;
	position:absolute;
}
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------- Main Info Container ------------------------------------- */
#GAMEFRAME_Info_Container{
	width: 80%;
	height: 12%;
	display: flex;
	background: #1f2c35;
	border-top: 5px solid white;
	cursor:pointer;
}
/* ----------------------------------------------------------------------------------------------- */

/* -------------------------------------- Players Container -------------------------------------- */
#GAMEFRAME_Players_Container{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-evenly;
}
.GAMEFRAME_Player_Info{
	width: 100%;
	height: 100%;
	
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.GAMEFRAME_Player_Info_Score_Throws_Container_Container{
	width: 100%;
	height: 75%;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.GAMEFRAME_Player_Info_Score_Throws_Container{
	height: 85%;
	aspect-ratio: 1;
	border-radius: 50%;
	color: #FFFFFF;
	border: 3px solid #FFFFFF;
	
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.GAMEFRAME_Player_Info_Score{
	width: 100%;
	height: 60%;
	display: flex;
	align-items: end;
	justify-content: center;
	
	font-weight:bold;
	font-size: 30px;
	text-shadow: 0px 0px 10px #000000;
}
.GAMEFRAME_Player_Info_Round{
	width: 50%;
	height: 40%;
	display: flex;
	align-items: baseline;
	justify-content: center;
	font-weight:bold;
	font-size: 17px;
	text-shadow: 0px 0px 3px #000000;
	border-top: 3px solid white;
}
.GAMEFRAME_Player_Info_Name{
	width: 100%;
	height: 25%;
	white-space: nowrap;
	color: #B6B6B6;
	
	display: flex;
	align-items: baseline;
	justify-content: center;
	
	font-size: 22px;
	font-weight: bold;
}
.GAMEFRAME_Player_Active .GAMEFRAME_Player_Info_Score_Throws_Container{
	border: 5px solid #FFFFFF;
	box-shadow: 0px 0px 20px #FFFFFF;
}
.GAMEFRAME_Player_Active .GAMEFRAME_Player_Info_Score{
	color: #FFFFFF;
	text-shadow: 0px 0px 20px #FFFFFF;
}
.GAMEFRAME_Player_Active .GAMEFRAME_Player_Info_Name{
	color: #FFFFFF;
	text-shadow: 0px 0px 10px #FFFFFF;
}
/* ----------------------------------------------------------------------------------------------- */

/* --------------------------------------- Throw Container --------------------------------------- */
#GAMEFRAME_Throw_Container{
	width: 100%;
	height: 12%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-direction: column;
	background: #1f2c35;
	border-top: 5px solid white;
	cursor:pointer;
}
.GAMEFRAME_Input_Visible #GAMEFRAME_Throw_Container{
	border-bottom: 5px solid white;
}
/* ----------------------------------------------------------------------------------------------- */

#GAMEFRAME_Input_Main_Container{
	width: 100%;
	height: 76%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

/* ------------------------------------------ Game Alert ----------------------------------------- */
#GAMEFRAME_Alert{
	width: 100%;
	height: 100%;
	position:absolute;
	z-index: 30;
	display: none;
}
#GAMEFRAME_Alert_Text{
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 31;

	font-size: 180px;
    font-weight: bolder;
    color: goldenrod;
    -webkit-text-stroke: 4px gold;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
#GAMEFRAME_Alert_Confetti{
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
	
	background-image: url('../images/GAMEFRAME_Confetti.gif');
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;

	display: none;
}
#GAMEFRAME_Alert_Fireworks{
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
	
	background-image: url('../images/GAMEFRAME_Fireworks.gif');
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;

	display: none;
}
/* ----------------------------------------------------------------------------------------------- */

/* --------------------------------------- Input Container --------------------------------------- */
.GAMEFRAME_Input_Visible #GAMEFRAME_Input{
	top: 0%!important;
	border-right: 5px solid #FFFFFF;
}

#GAMEFRAME_Input{
	height: 100%;
	width: 20%;
	position: absolute;
	top: 88%;
	right: 0%;
	z-index: 40;
	
	transition: top 0.3s ease;
	border-left: 5px solid #FFFFFF;
}

#GAMEFRAME_Input_Number_Container{
	height: 90%;
	width: 100%;
	
	display: flex;
	flex-direction: column;

	border: 2px solid #000000;
	cursor:pointer;
}

#GAMEFRAME_Input_Location_Container{
	height: 10%;
	width: 100%;
	background-color: #B2BEB5;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 5px solid white;
	cursor:pointer;
}

#GAMEFRAME_Input_Menu_Container{
	height: 12%;
	width: 100%;
	background-color: #1f2c35;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	border-top: 5px solid white;
}

#GAMEFRAME_Input_Location_Single_Container{
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}

#GAMEFRAME_Input_Location_Single_Top{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
	background-size: 75% 150%;
	background-position: 50% -50%;
	background-repeat: no-repeat;
	background-image: url('../images/GAMEFRAME_X1.png');
}

#GAMEFRAME_Input_Location_Single_Bottom{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
	background-size: 75% 150%;
	background-position: 50% 150%;
	background-repeat: no-repeat;
	background-image: url('../images/GAMEFRAME_X1.png');
}

#GAMEFRAME_Input_Location_Double{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
	background-size: 75% 75%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/GAMEFRAME_X2.png');
}

#GAMEFRAME_Input_Location_Treble{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
	background-size: 75% 75%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/GAMEFRAME_X3.png');
}

.GAMEFRAME_Input_Location{
	cursor: pointer;
	border: 2px solid #282828;
}
.GAMEFRAME_Input_Location:hover{
	animation: FlashAnimationInput 0.2s infinite alternate!important;
}
.GAMEFRAME_Input_Location_Active{
	background-color: #FFD700;
}

.GAMEFRAME_Input_Score_Numbers_Container{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.GAMEFRAME_Input_Score{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	
	font-size: 40px;
	font-weight: bold;
	border: 2px solid #282828;
}
.GAMEFRAME_Input_Score:hover{
	animation: FlashAnimationInput 0.2s infinite alternate;
}

#GAMEFRAME_Input_Score_Miss{
	background-color: #6082B6;
	color: #FFFFFF;
	border-bottom: 2px solid #282828;
}
#GAMEFRAME_Input_Score_Undo{
	background-color: #dbae15;
	color: #FFFFFF;
	border-bottom: 2px solid #282828;
}

#GAMEFRAME_Input_Score_OuterBull{
	background-color: #2E8B57;
	color: #FFFFFF;
	border-top: 2px solid #282828;
}

#GAMEFRAME_Input_Score_BullsEye{
	background-color: #D22B2B;
	color: #FFFFFF;
	border-top: 2px solid #282828;
}

.GAMEFRAME_Input_Score_Numbers_Container_White{
	background-color: #E5E4E2;
}

.GAMEFRAME_Input_Score_Numbers_Container_Black{
	background-color: #36454F;
	color: #FFFFFF;
}

@keyframes FlashAnimationInput {
	from {
		background-color: #FFFF19;
	}
	to {
		background-color: #FFD700;
	}
}

#GAMEFRAME_Input_Dice_Container{
	height: 76%;
	width: 100%;
	display: none;
	align-items:center;
	justify-content:space-evenly;
	flex-direction: column;
	background-color: #1f2c35;
}
.GAMEFRAME_Input_Dice_Row{
	height: 100%;
	width: 100%;
	display: flex;
	align-items:center;
	justify-content:space-evenly;
}

.GAMEFRAME_Input_Dice{
	height: 80%;
	aspect-ratio: 1/1;

	cursor: pointer;
	border-radius: 25%;
	border: 0.8vh solid #000;
	box-sizing: border-box;
	background-color: #FFFFFF;
	
	background-size: 80% 80%;
	background-position: center;
	background-repeat: no-repeat;
}
.GAMEFRAME_Input_Dice:hover{
	animation: FlashAnimationInput 0.2s infinite alternate;
}
#GAMEFRAME_Input_Dice_0{
	background-image: url('../images/SNL_Dice_0.png');
}
#GAMEFRAME_Input_Dice_1{
	background-image: url('../images/SNL_Dice_1.png');
}
#GAMEFRAME_Input_Dice_2{
	background-image: url('../images/SNL_Dice_2.png');
}
#GAMEFRAME_Input_Dice_3{
	background-image: url('../images/SNL_Dice_3.png');
}
#GAMEFRAME_Input_Dice_4{
	background-image: url('../images/SNL_Dice_4.png');
}
#GAMEFRAME_Input_Dice_5{
	background-image: url('../images/SNL_Dice_5.png');
}
#GAMEFRAME_Input_Dice_6{
	background-image: url('../images/SNL_Dice_6.png');
}






#GAMEFRAME_Input_HitMiss_Container{
	height: 76%;
	width: 100%;
	display: none;
	align-items:center;
	justify-content:space-evenly;
	flex-direction: column;
	background-color: #1f2c35;
    padding-top: 5%;
    padding-bottom: 5%;
}
.GAMEFRAME_Input_HitMiss{
	width: 80%;
	flex: 1;
	margin: 5%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 70px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	border-radius: 20px;
	border: 10px solid #FFFFFF;
}
.GAMEFRAME_Input_HitMiss:hover{
	animation: FlashAnimationInput 0.2s infinite alternate;
}
#GAMEFRAME_Input_HitMiss_Hit, #GAMEFRAME_Input_HitMiss_Single, #GAMEFRAME_Input_HitMiss_Double, #GAMEFRAME_Input_HitMiss_Treble{
	background-color: #3f8f29;
}
#GAMEFRAME_Input_HitMiss_Miss{
	background-color: #bf1029;
}












#GAMEFRAME_Input_PlayerX123_Container{
	height: 76%;
    width: 100%;
	
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	flex-direction: column;
	background-color: #1f2c35;
    padding-top: 1%;
    padding-bottom: 1%;
}

.GAMEFRAME_Input_PlayerX123_Player_Info{
    width: 96%;
	flex: 1;
	margin: 1%;
	
	display:flex;
	align-items: center;
	flex-direction: column;
}
.GAMEFRAME_Input_PlayerX123_Player_Info_Name{
	height:40%;
    width: 100%;
	
	font-size: clamp(1.5rem, 2.8vh, 1.9rem);
	color: #FFFFFF;
	font-weight: bold;
	
	display:flex;
	align-items:center;
	justify-content:center;
}
.GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply_Container{
	height:60%;
    width: 100%;
	display:flex;
}
.GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply1, .GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply2, .GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply3{
	height:100%;
    width: 100%;
	cursor: pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	background-size: 70% 70%;
	background-position: center;
	background-repeat: no-repeat;
}
.GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply1:hover, .GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply2:hover, .GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply3:hover{
	animation: FlashAnimationInput 0.2s infinite alternate;
}
.GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply1{
	background-image: url('../images/GAMEFRAME_X1.png');
}
.GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply2{
	background-image: url('../images/GAMEFRAME_X2.png');
}
.GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply3{
	background-image: url('../images/GAMEFRAME_X3.png');
}

.GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply1.GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply_Disabled, .GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply2.GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply_Disabled, .GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply3.GAMEFRAME_Input_PlayerX123_Player_Info_Score_Multiply_Disabled{
	opacity: 0.1;
	pointer-events: none;
}

#GAMEFRAME_Input_PlayerX123_Player_Info_Score_Miss{
	width: 96%;
	height: 8%;
	margin: 1%;
	background-color: #bf1029;

	display:flex;
	align-items: center;
	justify-content:center;
	
	font-size: 60px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------- Console Format --------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------ Console Main Container ----------------------------------- */
#CONSOLE_Main_Container{
	width:100%;
	height:100%;
	display:flex;
	background: radial-gradient(circle at center, gray 0%, #1f2c35 70%, #222 86%);
	border: 8px solid #FFFFFF;
}
/* ----------------------------------------------------------------------------------------------- */

/* -------------------------------------- Navigation Buttons ------------------------------------- */
.CONSOLE_Menu_Button{
    height: 80px;
    width: 90px;
	
	cursor: pointer;
	
	border: 1px solid #ccc;
	border-radius: 10px;
	
	display: flex;
	align-items: end;
	justify-content: center;
	
	font-size: 18px;
	font-weight: bold;

	background-size: 50px 50px;
	background-position: 20px 5px;
	background-repeat: no-repeat;
	
	background-color: #f5f5f5;
	box-shadow: 1px 2px 5px #aaa;
	transition: background-color 0.3s, box-shadow 0.3s;
}
.CONSOLE_Menu_Button:active{
	background-color: #c5c5c5!important;
	box-shadow: inset 1px 2px 5px #777!important;
}
#GAMEFRAME_Input_Menu_Container .CONSOLE_Menu_Button{
    height: 100px;
	width: 80px;
	background-position: 15px 15px;
}
.CONSOLE_Menu_Button_On{
	background-color: #b6ffb6!important;
	box-shadow: inset 1px 2px 5px #777!important;
}
.CONSOLE_Menu_Button_Disabled{
	opacity: 0.2;
	pointer-events: none;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------- Left Section Format ------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------ Console Left Container ----------------------------------- */
#CONSOLE_Left_Container{
	width:840px;
	height:1080px;
	display:flex;
	flex-direction: column;
	border-right: 8px solid #FFFFFF;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------- Console Header Container ---------------------------------- */
#CONSOLE_Header_Container{
	width: 100%;
	height: 110px;
	display:flex;
	border-bottom:8px solid #FFFFFF;
}
/* ----------------------------------------------------------------------------------------------- */

/* -------------------------------- Console Header-Left Container -------------------------------- */
#CONSOLE_Header_Left_Container{
	width: 50%;
	height: 100%;
	display:flex;
}
#CONSOLE_Popout_Container{
	width: 28%;
	height: 100%;
	display:flex;
	align-items: center;
	justify-content: center;
	border-right:8px solid #FFFFFF;
}
#CONSOLE_Menu_Button_Popout{
	background-image: url('../images/CONSOLE_Console.svg');
}

#CONSOLE_Current_Player{
	width: 100%;
	height: 100%;
	display:flex;
	align-items: center;
	justify-content: center;
	border-left:8px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 50px;
}
/* ----------------------------------------------------------------------------------------------- */

/* -------------------------------- Console Header-Right Container ------------------------------- */
#CONSOLE_Header_Right_Container{
	width: 50%;
	height: 100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
#CONSOLE_ThrowIndicator_Container{
	height: 100%;
	display:flex;
	flex: 1;
	align-items:center;
	justify-content:center;
}
#CONSOLE_ThrowIndicator{
	height: 80%;
	overflow:
}
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------ Game Preview Container ----------------------------------- */
#CONSOLE_Preview_Container{
	height: 414px;
    width: 100%;
	border-bottom:8px solid #FFFFFF;
}
/* ----------------------------------------------------------------------------------------------- */

/* -------------------------------------- Players Container -------------------------------------- */
#CONSOLE_Players_Container{
	width: 100%;
	height: 431px;
	display:flex;
}
#CONSOLE_Players_Left_Container{
	width: 50%;
	height: 100%;
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	flex-direction: column;
	padding-right: 5px;
}
#CONSOLE_Players_Right_Container{
	width: 50%;
	height: 100%;
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	flex-direction: column;
	padding-left: 5px;
}
.CONSOLE_Player_Info_Left, .CONSOLE_Player_Info_Right{
	min-height: 75px;
	width: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.CONSOLE_Player_Info_Left{
	border-radius: 0 30px 30px 0;
}
.CONSOLE_Player_Info_Right{
	border-radius: 30px 0 0 30px;
}
.CONSOLE_Player_Info_Left.CONSOLE_Player_Unused, .CONSOLE_Player_Info_Right.CONSOLE_Player_Unused{
	background: #595959!important;
}
.CONSOLE_Player_Info_Score_Throws_Container{
	width: 30%;
	height: 100%;
	color:#d5d5d5;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.CONSOLE_Player_Unused .CONSOLE_Player_Info_Score_Throws_Container{
	color: #737373!important;
}
.CONSOLE_Player_Info_Score{
	width: 100%;
	height: 60%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight:bold;
	font-size: 36px;
	text-shadow: 0px 0px 10px #000000;
}
.CONSOLE_Player_Info_Round{
	width: 50%;
	height: 40%;
	display: flex;
	align-items: baseline;
	justify-content: center;
	font-weight:bold;
	font-size: 17px;
	text-shadow: 0px 0px 3px #000000;
	border-top: 3px solid white;
}
.CONSOLE_Player_Unused .CONSOLE_Player_Info_Round{
	border-top: 3px solid #737373!important;
}
.CONSOLE_Player_Info_Name{
	width: 85%;
	height: 85%;
	background:#1A1A1A;
	color:#B6B6B6;
	font-weight:bold;
	font-size: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.CONSOLE_Player_Unused .CONSOLE_Player_Info_Name{
	color: #737373!important;
}
.CONSOLE_Player_Info.CONSOLE_Player_Active{
	border: 5px solid #FFFFFF;
	box-shadow: 0px 0px 25px #000000;
	min-height: 70px;
}
.CONSOLE_Player_Active .CONSOLE_Player_Info_Score{
	color: #FFFFFF;
}
.CONSOLE_Player_Active .CONSOLE_Player_Info_Name{
	color: #FFFFFF;
	text-shadow: 0px 0px 10px #FFFFFF;
}
/* ----------------------------------------------------------------------------------------------- */

/* ---------------------------------------- Menu Container --------------------------------------- */
#CONSOLE_Menu_Container{
	width: 100%;
	height: 110px;
	display:flex;
	border-top:8px solid #FFFFFF;
}
#CONSOLE_Menu_Left_Container{
	width: 50%;
	height: 100%;
	display:flex;
	align-items: center;
	justify-content: space-evenly;
	border-right:4px solid #FFFFFF;
}
#CONSOLE_Menu_Right_Container{
	width: 50%;
	height: 100%;
	display:flex;
	align-items: center;
	justify-content: space-evenly;
	border-left:4px solid #FFFFFF;
}
#CONSOLE_Menu_Button_SwipeConsole{
	background-image: url('../images/CONSOLE_SwipeConsole.svg');
}
#CONSOLE_Menu_Button_SkipPlayer, #GAMEFRAME_Input_Menu_Button_SkipPlayer{
	background-image: url('../images/CONSOLE_Skip.svg');
}
#CONSOLE_Menu_Button_DropPlayer, #GAMEFRAME_Input_Menu_Button_DropPlayer{
	background-image: url('../images/CONSOLE_Erase.svg');
}
#CONSOLE_Menu_Button_Undo, #GAMEFRAME_Input_Menu_Button_Undo{
	background-image: url('../images/CONSOLE_Undo.svg');
}
#CONSOLE_Menu_Button_Players{
	background-image: url('../images/CONSOLE_Players.svg');
}
#CONSOLE_Menu_Button_Games{
	background-image: url('../images/CONSOLE_Games.svg');
}
#CONSOLE_Menu_Button_Dartboard{
	background-image: url('../images/CONSOLE_Dartboard.svg');
}
#CONSOLE_Menu_Button_Start, #GAMEFRAME_Input_Menu_Button_Start{
	background-image: url('../images/CONSOLE_Play.svg');
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------- Right Section Format ------------------------------------ */
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------- Console Right Container ---------------------------------- */
#CONSOLE_Right_Container{
	width:1080px;
	height:1080px;
	display:flex;
	align-items: center;
	justify-content: center;
}
/* ----------------------------------------------------------------------------------------------- */

/* --------------------------------- Console Dartboard Container --------------------------------- */
#CONSOLE_Right_Dartboard_Container{
	position: relative;
	height:100%;
    width: 100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
#CONSOLE_DARTBOARD{
	width:95%;
	height:95%;
}

.CONSOLE_Menu_Button_Container{
	position: absolute;
	width: 125px;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1A1A1A;
    border: 8px solid #737373;
    border-radius: 20px 20px 20px 20px;
}
#CONSOLE_Menu_Button_Load_Container{
	top: 25px;
	left: 25px;
}
#CONSOLE_Menu_Button_Load{
	background-image: url('../images/CONSOLE_Load.svg');
}
#CONSOLE_Menu_Button_Download_Container{
	top: 25px;
	right: 25px;
}
#CONSOLE_Menu_Button_Download{
	background-image: url('../images/CONSOLE_Download.svg');
}
#CONSOLE_Menu_Button_Upload_Container{
	bottom: 35px;
	left: 25px;
}
#CONSOLE_Menu_Button_Upload{
	background-image: url('../images/CONSOLE_Upload.svg');
}
#CONSOLE_Menu_Button_Sync_Container{
	bottom: 35px;
	right: 25px;
}
#CONSOLE_Menu_Button_Sync{
	background-image: url('../images/CONSOLE_Sync.svg');
}
/* ----------------------------------------------------------------------------------------------- */

/* -------------------------------- Console Player Edit Container -------------------------------- */
#CONSOLE_Right_Players_Container{
	height:100%;
    width: 100%;
	padding-top: 2%;
    padding-bottom: 3.5%;
	
	align-items:center;
	justify-content:space-evenly;
	flex-direction: column;
	
	display: none;
}
.CONSOLE_Player_Edit_Player_Container{
	height:7%;
    width: 90%;
	display: flex;
	align-items: center;
}
.CONSOLE_Player_Edit_Player_Colour{
	height: 90%;
	aspect-ratio: 1/1;
	border-radius: 50%;
	margin-right: 15px;
	border: 3px solid #000000;
	box-shadow: 0px 0px 10px #000000;
	cursor: pointer;
}
.CONSOLE_Player_Edit_Player_Colour.CONSOLE_Player_Edit_Active{
	border: 5px solid #FFFFFF;
	box-shadow: 0px 0px 15px #ffffff;
}
.CONSOLE_Player_Edit_Player_Name{
	flex: 1;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	padding: 15px;
	font-size: 30px;
	text-transform: uppercase;
	border: 3px solid #000000;
	box-shadow: 0px 0px 10px #000000;
}
.CONSOLE_Player_Edit_Player_Mode{
	height: 100%;
	width: 20%;
	margin-left: 10px;
	padding: 15px;
	border-radius: 5px;
	border: 3px solid #000000;
	box-shadow: 0px 0px 10px #000000;
	font-size: 30px;
}
/* ----------------------------------------------------------------------------------------------- */

/* -------------------------------- Console Game Select Container -------------------------------- */
#CONSOLE_Right_Games_Container{
	height:100%;
    width: 100%;
	
	display:flex;
	align-items:center;
	justify-content:center;
	
	display: none;
}
#CONSOLE_Games_Launchpad{
	height: 100%;
    width: 100%;
	display: flex;
	align-items:center;
	justify-content:center;
}
.CONSOLE_Games_Carousel {
	position: relative;
	width: 90%;
	height: 90%;
	overflow: hidden;
	border: 2px solid #444;
	border-radius: 8px;
	background: #222;
	box-shadow: 0px 0px 30px #000000;
}
.CONSOLE_Games_Carousel_Previous { left: 10px; }
.CONSOLE_Games_Carousel_Next { right: 10px; }
.CONSOLE_Games_Carousel_Previous, .CONSOLE_Games_Carousel_Next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 10px;
	cursor: pointer;
	font-size: 4em;
	z-index: 1;
}
.CONSOLE_Games_Carousel_Previous:hover, .CONSOLE_Games_Carousel_Next:hover {
	animation: FlashAnimationInput 0.2s infinite alternate;
}
.CONSOLE_Games_Carousel_SlideDeck {
	display: flex;
	transition: transform 0.5s ease;
	height: 100%;
}
.CONSOLE_Games_Carousel_Slide {
	min-width: 100%;
	background-size: 100% 100%;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------- Player COLOURS --------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ---------------------------------------- Player Colours --------------------------------------- */
.COLOUR_Player1{
  background: radial-gradient(circle, #3498db 0%, #2980b9 100%);
}
.COLOUR_Player2{
  background: radial-gradient(circle, #e74c3c 0%, #c0392b 100%);
}
.COLOUR_Player3{
  background: radial-gradient(circle, #2ecc71 0%, #27ae60 100%);
}
.COLOUR_Player4{
  background: radial-gradient(circle, #F4C430 0%, #FFD700 100%);
}
.COLOUR_Player5{
  background: radial-gradient(circle, #9b59b6 0%, #8e44ad 100%);
}
.COLOUR_Player6{
  background: radial-gradient(circle, #30D5C8 0%, #00FFFF 100%);
}
.COLOUR_Player7{
  background: radial-gradient(circle, #e91e63 0%, #ff4081 100%);
}
.COLOUR_Player8{
  background: radial-gradient(circle, #FC6600 0%, #d35400 100%);
}
.COLOUR_Player9{
  background: radial-gradient(circle, #7B3F00 0%, #6F4E37 100%);
}
.COLOUR_Player10{
  background: radial-gradient(circle, #848884 0%, #708090 100%);
}

.COLOUR_Player1_Fill{
	fill: #3498db;
}
.COLOUR_Player2_Fill{
	fill: #e74c3c;
}
.COLOUR_Player3_Fill{
	fill: #2ecc71;
}
.COLOUR_Player4_Fill{
	fill: #f1c40f;
}
.COLOUR_Player5_Fill{
	fill: #9b59b6;
}
.COLOUR_Player6_Fill{
	fill: #30D5C8;
}
.COLOUR_Player7_Fill{
	fill: #e91e63;
}
.COLOUR_Player8_Fill{
	fill: #f39c12;
}
.COLOUR_Player9_Fill{
	fill: #6F4E37;
}
.COLOUR_Player10_Fill{
	fill: #708090;
}

.COLOUR_Player1_Stroke{
	stroke: #3498db;
}
.COLOUR_Player2_Stroke{
	stroke: #e74c3c;
}
.COLOUR_Player3_Stroke{
	stroke: #2ecc71;
}
.COLOUR_Player4_Stroke{
	stroke: #f1c40f;
}
.COLOUR_Player5_Stroke{
	stroke: #9b59b6;
}
.COLOUR_Player6_Stroke{
	stroke: #30D5C8;
}
.COLOUR_Player7_Stroke{
	stroke: #e91e63;
}
.COLOUR_Player8_Stroke{
	stroke: #f39c12;
}
.COLOUR_Player9_Stroke{
	stroke: #6F4E37;
}
.COLOUR_Player10_Stroke{
	stroke: #708090;
}

.COLOUR_Player1_Colour{
	color: #3498db;
}
.COLOUR_Player2_Colour{
	color: #e74c3c;
}
.COLOUR_Player3_Colour{
	color: #2ecc71;
}
.COLOUR_Player4_Colour{
	color: #f1c40f;
}
.COLOUR_Player5_Colour{
	color: #9b59b6;
}
.COLOUR_Player6_Colour{
	color: #30D5C8;
}
.COLOUR_Player7_Colour{
	color: #e91e63;
}
.COLOUR_Player8_Colour{
	color: #f39c12;
}
.COLOUR_Player9_Colour{
	color: #6F4E37;
}
.COLOUR_Player10_Colour{
	color: #708090;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------- DARTBOARD Formatting ------------------------------------ */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------- Dartboard Container ------------------------------------- */
.DARTBOARD_Container{
	flex:1;
	height: 99%;
    width: 99%;
    aspect-ratio: 1/1;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

.DARTBOARD_Segment{
	stroke-width:4px;
	stroke:#e6e7e8;
}
.DARTBOARD_Segment:hover{
	cursor:pointer;
	animation:DARTBOARD_Animation_ColourFlashHover 0.1s infinite alternate!important;
}

.DARTBOARD_Line{
	display: none;
}
.DARTBOARD_Outline{
	display: none;
}

#DARTBOARD_MISS, #DARTBOARD_Numbers{
	cursor:pointer;
}

@keyframes DARTBOARD_Animation_ColourFlashHover {
	from {
		fill:#E7F229;
	}
	to {
		fill:#F6FF63;
	}
}
@keyframes DARTBOARD_Animation_ColourFlash1 {
	from {
		fill:#3498db;
	}
	to {
		fill:#2980b9;
	}
}
@keyframes DARTBOARD_Animation_ColourFlash2 {
	from {
		fill:#FF6955;
	}
	to {
		fill:#FF1E00;
	}
}
@keyframes DARTBOARD_Animation_ColourFlash3 {
	from {
		fill:#2ecc71;
	}
	to {
		fill:#27ae60;
	}
}
@keyframes DARTBOARD_Animation_ColourFlash4 {
	from {
		fill:#F4C430;
	}
	to {
		fill:#FFD700;
	}
}
@keyframes DARTBOARD_Animation_ColourFlash5 {
	from {
		fill:#9b59b6;
	}
	to {
		fill:#8e44ad;
	}
}
@keyframes DARTBOARD_Animation_ColourFlash6 {
	from {
		fill:#00FFFF;
	}
	to {
		fill:#33CCCC;
	}
}
@keyframes DARTBOARD_Animation_ColourFlash7 {
	from {
		fill:#e91e63;
	}
	to {
		fill:#ff4081;
	}
}
@keyframes DARTBOARD_Animation_ColourFlash8 {
	from {
		fill:#f39c12;
	}
	to {
		fill:#d35400;
	}
}
@keyframes DARTBOARD_Animation_ColourFlash9 {
	from {
		fill:#7B3F00;
	}
	to {
		fill:#6F4E37;
	}
}
@keyframes DARTBOARD_Animation_ColourFlash10 {
	from {
		fill:#848884;
	}
	to {
		fill:#708090;
	}
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------- THROWINDICATOR Formatting ---------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------- Throw Indicator Formats ----------------------------------- */
.THROWINDICATOR{
	height: 100%;
    width: 100%;
	display: flex;
}
.THROWINDICATOR_Dart_Container{
	height: 100%;
    width: 100%;
	display: flex;
	align-items:center;
	justify-content:center;
	flex-direction: column;
}

.THROWINDICATOR_Dart_Shot, .THROWINDICATOR_Dart_Icon_Container, .THROWINDICATOR_Dart_Score{
	height: 100%;
    width: 100%;
	
	display: flex;
	justify-content: center;
	
    color: #595959;
    font-weight: bold;
    font-size: 25px;
    overflow: hidden;
    transition: transform 0.1s ease-in-out;
}
.THROWINDICATOR_Dart_Shot{
	align-items: end;
}
.THROWINDICATOR_Dart_Icon_Container{
	align-items: center;
}
.THROWINDICATOR_Dart_Score{
	align-items: start;
}
.THROWINDICATOR_Dart_Icon{
	height: 80%;
    width: 80%;
	fill:#595959;
}
.THROWINDICATOR_Dart_Container_Next .THROWINDICATOR_Dart_Icon, .THROWINDICATOR_Dart_Container_Next .THROWINDICATOR_Dart_Shot, .THROWINDICATOR_Dart_Container_Next .THROWINDICATOR_Dart_Score{
	animation:THROWINDICATOR_Flash 0.5s infinite alternate;
}
@keyframes THROWINDICATOR_Flash {
	from {
		fill:#595959;
		color:#595959;
	}
	to {
		fill:#FFFFFF;
		color:#FFFFFF;
	}
}
.THROWINDICATOR_Dart_Container_Thrown .THROWINDICATOR_Dart_Icon, .THROWINDICATOR_Dart_Container_Thrown .THROWINDICATOR_Dart_Shot, .THROWINDICATOR_Dart_Container_Thrown .THROWINDICATOR_Dart_Score{
	fill:#FFFFFF;
	color: #FFFFFF;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */





/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* --------------------------------------- DICE Formatting --------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------- Dice Formats ---------------------------------------- */
.DICE{
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    transform-style: preserve-3d;
    transition: transform 0.7s ease-out;
}

.DICE_Sides{
    background-color: #EFE5DC;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
}

.DICE_Dot {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: black;
    transform: translate(-50%, -50%);
}

.DICE_Side1 .DICE_Dot1 { top: 50%; left: 50%; }

.DICE_Side2 .DICE_Dot1 { top: 25%; left: 25%; }
.DICE_Side2 .DICE_Dot2 { top: 75%; left: 75%; }

.DICE_Side3 .DICE_Dot1 { top: 25%; left: 25%; }
.DICE_Side3 .DICE_Dot2 { top: 75%; left: 75%; }
.DICE_Side3 .DICE_Dot3 { top: 50%; left: 50%; }

.DICE_Side4 .DICE_Dot1 { top: 25%; left: 25%; }
.DICE_Side4 .DICE_Dot2 { top: 25%; left: 75%; }
.DICE_Side4 .DICE_Dot3 { top: 75%; left: 25%; }
.DICE_Side4 .DICE_Dot4 { top: 75%; left: 75%; }

.DICE_Side5 .DICE_Dot1 { top: 25%; left: 25%; }
.DICE_Side5 .DICE_Dot2 { top: 25%; left: 75%; }
.DICE_Side5 .DICE_Dot3 { top: 75%; left: 25%; }
.DICE_Side5 .DICE_Dot4 { top: 75%; left: 75%; }
.DICE_Side5 .DICE_Dot5 { top: 50%; left: 50%; }

.DICE_Side6 .DICE_Dot1 { top: 25%; left: 25%; }
.DICE_Side6 .DICE_Dot2 { top: 25%; left: 75%; }
.DICE_Side6 .DICE_Dot3 { top: 75%; left: 25%; }
.DICE_Side6 .DICE_Dot4 { top: 75%; left: 75%; }
.DICE_Side6 .DICE_Dot5 { top: 50%; left: 25%; }
.DICE_Side6 .DICE_Dot6 { top: 50%; left: 75%; }

.DICE .DICE_Side1 {
  transform: translateZ(60px);
}
.DICE .DICE_Side2 {
  transform: rotateX(-180deg) translateZ(60px);
}
.DICE .DICE_Side3 {
  transform: rotateY(90deg) translateZ(60px);
}
.DICE .DICE_Side4 {
  transform: rotateY(-90deg) translateZ(60px);
}
.DICE .DICE_Side5 {
  transform: rotateX(90deg) translateZ(60px);
}
.DICE .DICE_Side6 {
  transform: rotateX(-90deg) translateZ(60px);
}
.DICE .DICE_Side7, .DICE .DICE_Side8 {
	transform: rotateX(-90deg) translateZ(60px);
	align-items:center;
	justify-content:center;
	display:none;
}

.DICE .DICE_Side7 span, .DICE .DICE_Side8 span {
	font-weight:bold;
	font-size:40px!important;
}

.DICE[data-diceside="1"] {
    transform: rotateX(360deg) rotateY(360deg) rotateZ(720deg);
}
.DICE[data-diceside="2"] {
    transform: rotateX(360deg) rotateY(540deg) rotateZ(720deg);
}
.DICE[data-diceside="3"] {
    transform: rotateX(360deg) rotateY(630deg) rotateZ(720deg);
}
.DICE[data-diceside="4"] {
    transform: rotateX(360deg) rotateY(450deg) rotateZ(720deg);
}
.DICE[data-diceside="5"] {
    transform: rotateX(630deg) rotateY(360deg) rotateZ(720deg);
}
.DICE[data-diceside="6"] {
    transform: rotateX(450deg) rotateY(360deg) rotateZ(720deg);
}
.DICE[data-diceside="7"], .DICE[data-diceside="8"] {
    transform: rotateX(450deg) rotateY(360deg) rotateZ(720deg);
}

.DICE[data-diceside="1"].reRoll {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.DICE[data-diceside="2"].reRoll {
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}
.DICE[data-diceside="3"].reRoll {
    transform: rotateX(0deg) rotateY(270deg) rotateZ(0deg);
}
.DICE[data-diceside="4"].reRoll {
    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg);
}
.DICE[data-diceside="5"].reRoll {
    transform: rotateX(270deg) rotateY(0deg) rotateZ(0deg);
}
.DICE[data-diceside="6"].reRoll {
    transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}
.DICE[data-diceside="7"].reRoll, .DICE[data-diceside="8"].reRoll {
    transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}

.DICE.DICE_Miss .DICE_Side6, .DICE.DICE_Bust .DICE_Side6{
	display: none!important;
}
.DICE.DICE_Miss .DICE_Side7{
	display: flex!important;
}
.DICE.DICE_Bust .DICE_Side8{
	display: flex!important;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */









.DARTBOARD_Dart{
	pointer-events: none;
}


.DARTBOARD_Dart_Inner {
	transform-box: fill-box;
	transform-origin: center;
	filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.5));
}
.DARTBOARD_Dart_Inner.DARTBOARD_Dart_Thrown {
	animation: DARTBOARD_Dart_Animation 0.5s linear forwards;
}
@keyframes DARTBOARD_Dart_Animation {
	0% {
		transform: translateY(1500px) scale(10) rotate(0deg);
	}
	80% {
		transform: translateY(-150px) scale(2) rotate(400deg);
	}
	100% {
		transform: translateY(0px) scale(1) rotate(600deg);
	}
}