body
{
	padding: 0; 
	margin: 0;
	overflow: hidden;
	background: linear-gradient(15deg, #815AB3, #3e00c6);
	background-attachment: fixed;
	-webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

#unity-canvas 
{ 
	display: none;
	position: absolute; 
	background: #000000; 
	left: 0px;
	right: 0px;
	/*aspect-ratio: 9/16; */
	top:0px; 
	width: calc(min(100%, 100vh * 9 / 16));
	margin: auto;
	height:100vh;
	-webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

#unity-warning 
{ 
	position: absolute; 
	left: 50%; 
	top: 5%; 
	transform: translate(-50%); 
	background: white; 
	padding: 10px; 
	display: none;
}

.Background
{
	position: absolute; 
	width:100vw; 
	height: 100vh; 
	left: 0px; 
	top:0px; 
}
.Anchored
{
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 40%;
	bottom: 60%;
	max-width: 95%;
	max-height: 60%;
	aspect-ratio: 1;
}

.Image
{
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.LoadingBar
{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	bottom: 100%;
	background: conic-gradient(white var(--angle), transparent 0);
	position: sticky;
}
.LoadingText
{
	display: none;
	font-size: 4vh;
	top: -100%;
	text-align: center;
	width: 100%;
	height: 5vh;
	position: relative;
	font-family: "Franklin Gothic Medium";
	font-weight: bolder;
	color: #815AB3;
}
.outline
{
	width: 100%;
	height: 5vh;
	border: 3px solid whitesmoke;
	border-radius: calc(5vh - 3px);
	background: linear-gradient(#7d7d7d, 80%, #a8a7a7);
	box-shadow: 0px 10px 10px #0000002e;
}

.line
{
	--inlinemargin: 2px;
	width: 100%;
	height: 5vh;
	border-radius: 2.5vh;
	background-color: whitesmoke;
	animation: ShowInLine 1s ease-in-out;
	animation-delay: 2s;
	animation-fill-mode: both;
}