body { padding: 0; margin: 0; background: #231f20; overflow: hidden }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
#unity-canvas { display: block; background: #231F20 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }

#loading {
  position: absolute; inset: 0;
  background: #231f20 url('loading-background.jpg') no-repeat;
  background-size: cover;
  transition: opacity 0.4s ease;
}
#loading.done { opacity: 0; pointer-events: none }
#loading-bar {
  position: absolute; box-sizing: border-box; overflow: hidden;
  border-radius: 999px;
  background: rgba(20, 16, 14, 0.7);
  border: 1px solid rgba(255, 240, 220, 0.35);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
#loading-bar-fill {
  width: 0; height: 100%;
  border-radius: 999px;
  background: #e8a54b;
  transition: width 0.2s linear;
}

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