body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#unity-container {
  position: fixed;
  width: 100%;
  height: 100%;
}

#unity-canvas {
  width: 100%;
  height: 100%;
  background: #ffffff;
}

#unity-loading-bar {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0efef;
  z-index: 10;
}

/* ========================================================================= */
/* АДАПТИВНЫЙ ЛОГОТИП: Теперь не выезжает за рамки на любых телефонах         */
/* ========================================================================= */
#unity-logo {
  width: 60vw;              /* Занимает 60% от ширины экрана на смартфонах */
  max-width: 320px;         /* На мониторах ПК не станет больше исходных 320px */
  aspect-ratio: 320 / 280;  /* Жестко сохраняет пропорции логотипа */
  
  background: url("unity-logo-light.png") no-repeat center;
  background-size: contain;
  animation: pulse 3s ease-in-out infinite;
}

/* Уменьшен масштаб пульсации с 1.3 до 1.1, чтобы логотип не вылетал за края */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
    filter: brightness(1);
  }
  50% {
    transform: scale(1.1);   /* Безопасное увеличение на 10% вместо 30% */
    opacity: 0.8;
    filter: brightness(1.05);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    filter: brightness(1);
  }
}

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

/* Проверяем, что устройство находится в вертикальном (portrait) режиме */
@media screen and (orientation: portrait) {

    /* Принудительный переворот для всех возможных вариантов активации Fullscreen в браузерах */
    html:fullscreen #unity-container,
    html:-webkit-full-screen #unity-container,
    html:-moz-full-screen #unity-container,
    html:-ms-fullscreen #unity-container,
    :root:fullscreen #unity-container {
        width: 100vh !important;
        height: 100vw !important;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) rotate(90deg) !important;
        transform-origin: center !important;
        z-index: 9999 !important;
    }

    /* Гарантируем, что холст игры внутри повернутого контейнера заполнит его целиком */
    html:fullscreen #unity-canvas,
    html:-webkit-full-screen #unity-canvas,
    html:-moz-full-screen #unity-canvas,
    html:-ms-fullscreen #unity-canvas,
    :root:fullscreen #unity-canvas {
        width: 100% !important;
        height: 100% !important;
    }
}