#unity-container {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #27272A;
  overflow: hidden;
  touch-action: none;
}

#unity-canvas {
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  background: #231F20;
  display: block;
  touch-action: none;
  outline: none;
}

#unity-canvas:focus-visible {
  outline: 2px solid #27272A;
}

#unity-loading-bar {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
#unity-logo { width:154px; height:130px; background:url('sd-logo-dark.png') no-repeat center; }
#unity-progress-bar-empty { margin-left:auto; margin-right:auto; width:141px; height:18px; margin-top:10px; background:url('sd-progress-bar-empty-dark.png') no-repeat center; }
#unity-progress-bar-full  { width:0%; height:18px;  margin-top:10px; background:url('sd-progress-bar-full-dark.png') no-repeat left center; }

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

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