html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #02091c;
  overscroll-behavior: none;
  touch-action: none;
}

#unity-container, #unity-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
}

#unity-canvas {
  display: block;
  background: #071327;
  outline: none;
}

#unity-loading {
  position: fixed;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  color: #f5fbff;
  font: 600 18px -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
  background: radial-gradient(circle at center, #173561 0%, #071327 65%);
}

.loading-track {
  width: min(62vw, 320px);
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.17);
}

#unity-progress {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #35baff, #69e6a6);
  transition: width 120ms linear;
}

#unity-warning {
  position: fixed;
  z-index: 3;
  top: max(14px, env(safe-area-inset-top));
  left: 16px;
  right: 16px;
  color: #fff;
  font: 14px -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
}

#unity-warning > div {
  margin-bottom: 8px;
  padding: 10px 12px;
  border-radius: 10px;
}

#unity-warning .warning { background: #8b5a00; }
#unity-warning .error { background: #8f2532; }