body { padding: 0; margin: 0; overflow: hidden; }
#unity-container { position: fixed; width: 100%; height: 100%; }
#unity-canvas { width: 100%; height: 100%; background: #231F20 }
#unity-loading-bar { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 1000; }
#unity-loading-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('1_Splash.png'); background-size: cover; background-position: center; background-repeat: no-repeat; }
#unity-loading-spinner { left: 50%; bottom: calc(282px * 100vh / 812px); transform: translateX(-50%); width: 60px; height: 60px; background-image: url('loading.png'); background-size: contain; background-position: center; background-repeat: no-repeat; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: translateX(-50%) rotate(0deg); } 100% { transform: translateX(-50%) rotate(360deg); } }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }