body {
	margin: 0px;
	padding: 0px;
	position: absolute;
	height: 100%;
	width: 100%;

	background-size: cover;
	font-style: regular;
	font-family: "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #444;
}

#unity-container {
	padding: 0px;
	position: absolute;
	height: 100vh;
	width: 100vw;
	background-color: #000000;
	background: url("logo.png") no-repeat center center;
	background-size: cover;

}

#unity-bg {
	background: url("logo.png") no-repeat center center;
	background-size: contain;
	/* یا cover بسته به نیاز */
	background-position: center;
	max-width: 100vw;
	max-height: 70vh;
	width: 100vw;
	height: 70vh;
	margin: auto;
	/* وسط‌چین کردن */
}

#unity-container.unity-desktop {
	position: absolute;
	height: 100%;
	width: 100%;
	/* background-color: #000000; */
}

#unity-canvas {
	position: absolute;
	height: 100%;
	width: 100%;
}

#unity-fullscreen-button {
	height: 32px;
	width: 32px;
	position: absolute;
	z-index: 1;
	bottom: 0px;
	right: 0px;
	background-color: transparent;
	background-image: url("fullscreen-button-out.png");
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	cursor: pointer;
	opacity: 0.333;
	padding: 24px;
}

#unity-fullscreen-button:hover {
	opacity: 1.0;
}

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

#unity-loading-bar {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 50vw;
	/* افزایش عرض برای لودینگ */
	max-width: 500px;
	/* بیشینه عرض */
	min-width: 300px;
	/* کمینه عرض */
}



#unity-loading-bar {
	position: absolute;
	left: 50%;
	top: 90%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 60vw;
	/* افزایش عرض نوار */
	max-width: 2000px;
	/* افزایش بیشینه عرض */
	min-width: 350px;
	/* کمینه عرض */
}

#unity-progress-bar-empty {
	width: 100%;
	height: 25px;
	/* ارتفاع بیشتر برای وضوح */
	background: rgba(255, 255, 255, 0.2);
	/* رنگ پس‌زمینه */
	border: 2px solid white;
	border-radius: 8px;
	/* گرد کردن گوشه‌ها */
	overflow: hidden;
	/* جلوگیری از بیرون‌زدگی */
}

#unity-progress-bar-full {
	width: 0%;
	height: 100%;
	background: linear-gradient(90deg, #0b32dd, #8BC34A);
	/* گرادینت برای جلوه زیباتر */
	transition: width 0.3s ease-in-out;
	/* انیمیشن نرم */
}


.unity-mobile #unity-footer {
	display: none
}

.unity-mobile #unity-canvas {
	width: 100%;
	height: 100%
}