:root {
  color-scheme: dark;
  background: #000;
  --sixg-viewport-width: 100vw;
  --sixg-viewport-height: 100vh;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overscroll-behavior: none;
  background: #000;
}

#unity-container {
  position: fixed;
  inset: 0 auto auto 0;
  width: var(--sixg-viewport-width);
  height: var(--sixg-viewport-height);
  overflow: hidden;
  background: #000;
}

#unity-canvas {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  outline: 0;
  background: #000;
  touch-action: none;
}

#unity-loading-bar {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(320px, 62vw);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#unity-loading-bar[hidden] {
  display: none;
}

#unity-progress-track {
  height: 4px;
  overflow: hidden;
  background: #282c31;
}

#unity-progress-value {
  width: 0;
  height: 100%;
  background: #f3c746;
  transition: width 120ms linear;
}

#unity-warning {
  position: absolute;
  z-index: 10;
  top: max(12px, env(safe-area-inset-top));
  left: 50%;
  width: min(760px, calc(100vw - 32px));
  transform: translateX(-50%);
  font: 13px/1.45 system-ui, sans-serif;
}

#unity-warning[hidden] {
  display: none;
}

.unity-message {
  margin-bottom: 6px;
  padding: 8px 10px;
  color: #fff;
  background: rgba(25, 29, 34, 0.94);
  border-left: 3px solid #f3c746;
}

.unity-message-error {
  border-left-color: #f05252;
}