html { width: 100%; height: 100%; overflow: hidden; background: #000 }
body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; background: #000 }
#unity-container { position: fixed; left: 50%; top: 50%; width: min(100vw, 56.25vh); height: min(100vh, 177.7777778vw); aspect-ratio: 9 / 16; transform: translate(-50%, -50%); overflow: hidden; background: #231F20 }
#unity-canvas { display: block; width: 100%; height: 100%; background: #231F20; touch-action: none }
@supports (height: 100dvh) {
  #unity-container { width: min(100dvw, 56.25dvh); height: min(100dvh, 177.7777778dvw) }
}
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-progress-bar-empty { margin-left: auto; margin-right: auto; width: 141px; height: 18px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; background: url('progress-bar-full-dark.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }