/* Убираем отступы по умолчанию */
html, body {
  margin: 0;
  padding: 0;
  height: 100%; /* Растягиваем на всю высоту */
  width: 100%;  /* Растягиваем на всю ширину */
  overflow: hidden; /* Убираем полосы прокрутки */
}

*, *:before, *:after {
    box-sizing: inherit;
}


canvas {
    display: block;
}

body {
    margin: 0;
}

#survival-logo {
    width: 1000px;
    height: 690px;
    background: url('concept-bg.jpg') no-repeat center;
    position: absolute;
    top: calc(50% + 20px);
    left: 50%;
    transform: translate(-50%, -50%);
}

#unity-canvas { background: black !important;}

#iframe-xsolla-shop { 
	background: black !important;
	display: 'none';
	width: 100%;
	height: 100%;
	border: none;
}
#unity-progress-bar-empty {
    width: min( 900px, 90% ) !important;
    height: 8px !important;
    margin-top: 0px !important;
    left: 50%; bottom: calc(5%) !important; transform: translate(-50%, -50%);
    position: absolute;
    background: #67563f none !important;
}
#unity-progress-bar-full {
    width: 0%;
    height: 8px;
    margin-top: 0px !important;
    background: burlywood none !important;
}

#survival-urls {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(137px + 137px + 137px + 10px);
}

.button-bg {
    width: 137px;
    height: 35px;
    background: url("brown_button_sm.png") no-repeat center;
    display: inline-block;
    text-align: center;
}

.button-link {
    display: block;
    line-height: 35px;
    color: burlywood;
    text-decoration: none;
}

/* Контейнер для Unity-игры */
#unity-container {
  width: 100%;
  height: 100%;
  background: black; /* Фон, если игра не покрывает весь экран */
}



/* Canvas для Unity-игры */
#unity-canvas {
  width: 100%;
  height: 100%;
  display: block; /* Убираем лишние отступы */
  z-index: 1; /* Игра будет поверх других слоёв */
}

/* Слой 2: Фон загрузчика */
#loader-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000; /* Чёрный фон */
    z-index: 2; /* Фон загрузчика поверх игры */
}

#unity-loading-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; /* Экран загрузки поверх фона */
}