html.iherd-mobile, .iherd-mobile body {
  width: 100%; height: 100%; overflow: hidden; background: #182719;
}
.iherd-mobile #unity-container.unity-mobile {
  inset: 0; 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);
}
.iherd-mobile #unity-canvas { display: block; touch-action: none; }
.iherd-portrait #unity-container { visibility: hidden; pointer-events: none; }
#iherd-rotate {
  position: fixed; inset: 0; z-index: 2147483647;
  display: flex; align-items: center; justify-content: center;
  box-sizing: border-box; padding: 32px; text-align: center;
  background: #182719; color: #f2eed0; font-family: Arial, sans-serif;
}
#iherd-rotate[hidden] { display: none; }
#iherd-rotate h1 { font-size: 28px; line-height: 1.2; }
#iherd-rotate p { font-size: 18px; line-height: 1.5; }
#iherd-rotate .iherd-rotate-help { max-width: 320px; font-size: 14px; opacity: 0.8; }
.iherd-phone { font-size: 80px; line-height: 1; }