html, body {
  background: #102e43;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

#unity-container,
#unity-container.unity-desktop,
#unity-container.unity-mobile {
  height: 100%;
  inset: 0;
  position: fixed;
  transform: none;
  width: 100%;
}

#unity-fullscreen-container,
#unity-canvas {
  display: block;
  height: 100%;
  width: 100%;
}

#unity-fullscreen-container { position: relative; }
#unity-canvas { background: #dceff5; }

#unity-loading-container {
  align-items: center;
  backdrop-filter: blur(6px);
  background: linear-gradient(155deg, rgba(220, 239, 245, 0.98), rgba(168, 207, 221, 0.98));
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
}

#unity-loading-bar { text-align: center; }
#unity-logo { display: none; }
#unity-progress-bar-empty {
  background: rgba(16, 46, 67, 0.22);
  border: 2px solid rgba(16, 46, 67, 0.72);
  height: 14px;
  margin: 0;
  overflow: hidden;
  width: 220px;
}

#unity-progress-bar-full {
  background: #c93632;
  height: 100%;
  margin: 0;
  transition: width 120ms ease;
  width: 0;
}

#unity-footer { display: none; }
#unity-fullscreen-button {
  background: rgba(16, 46, 67, 0.9);
  border: 1px solid rgba(248, 253, 255, 0.5);
  border-radius: 3px;
  bottom: 14px;
  color: #f8fdff;
  cursor: pointer;
  font: 700 13px/1 system-ui, sans-serif;
  padding: 11px 14px;
  position: absolute;
  right: 14px;
  z-index: 20;
}

#unity-fullscreen-button:focus-visible {
  outline: 3px solid #ffd166;
  outline-offset: 2px;
}

#unity-warning {
  background: white;
  left: 50%;
  max-width: min(90%, 720px);
  padding: 10px;
  position: absolute;
  top: 5%;
  transform: translateX(-50%);
  z-index: 30;
}