html, body { padding: 0; margin: 0; background: #100d16; overflow: hidden }

/* invisible probe carrying the CSS safe-area env() values */
#safe-area-probe {
  position: fixed;
  top: 0; left: 0;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  visibility: hidden;
  pointer-events: none;
}

#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { position: fixed; left: 0; top: 0; width: 100%; height: 100% }
#unity-canvas { background: #100d16; display: block }
.unity-mobile #unity-canvas { width: 100%; height: 100% }

#unity-loading-bar {
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  display: none; text-align: center;
  font-family: Georgia, 'Times New Roman', serif;
}
#unity-loading-title {
  color: #e8d5a3; font-size: 34px; letter-spacing: 10px; margin-bottom: 6px;
  text-shadow: 0 2px 8px rgba(0,0,0,0.8);
}
#unity-loading-sub {
  color: #6b5a4a; font-size: 15px; font-style: italic; letter-spacing: 2px; margin-bottom: 26px;
}
#unity-progress-bar-empty {
  width: 260px; height: 8px; margin: 0 auto;
  background: #241d2e; border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.6);
}
#unity-progress-bar-full {
  width: 0%; height: 8px; border-radius: 4px;
  background: linear-gradient(90deg, #b8860b, #f2c14e);
  box-shadow: 0 0 12px rgba(242,193,78,0.45);
  transition: width 0.15s ease-out;
}

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