/* Keep Unity's stock loader, canvas sizing and fullscreen support. The lesson
   host supplies a fluid container so a narrow browser does not crop controls. */
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; }
#unity-container {
  position: relative !important; left: 0 !important; top: 0 !important;
  transform: none !important; width: 100%; height: 100%;
}
#unity-fullscreen-container { width: 100% !important; height: calc(100% - 38px) !important; }
#unity-canvas { display: block; width: 100% !important; height: 100% !important; touch-action: none; }
#unity-footer { display: flex; align-items: center; height: 38px; overflow: hidden; }
#unity-build-title { margin-left: auto; white-space: nowrap; font-size: 14px; }
#unity-fullscreen-button { flex: 0 0 38px; order: 2; }
.mobile-orientation[hidden], .mobile-fullscreen[hidden] { display: none !important; }
.mobile-orientation {
  position: absolute; inset: 0; z-index: 20; display: flex; flex-direction: column;
  align-items: center; justify-content: center; padding: 24px; box-sizing: border-box;
  background: rgba(9, 22, 36, .96); color: #edf5ff; text-align: center; font: 18px system-ui;
}
.mobile-orientation h2 { font-size: 25px; margin: 0 0 14px; }
.mobile-orientation p { max-width: 28em; line-height: 1.7; margin: 0 0 22px; }
.mobile-orientation button, .mobile-fullscreen {
  min-height: 46px; padding: 10px 18px; border: 1px solid #93bed8; border-radius: 10px;
  color: white; background: #21577c; font: 17px system-ui; touch-action: manipulation; cursor: pointer;
}
.mobile-fullscreen { position: absolute; right: max(12px, env(safe-area-inset-right)); bottom: max(6px, env(safe-area-inset-bottom)); z-index: 10; min-height: 32px; padding: 4px 10px; font-size: 13px; }
.mobile-game #unity-footer { display: none; }
.mobile-game #unity-container { background: #091624; }
.mobile-game #unity-fullscreen-container { height: 100% !important; box-sizing: border-box; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }