#rotate-hint {
  position: fixed;
  z-index: 11;
  left: 50%;
  bottom: max(94px, calc(env(safe-area-inset-bottom) + 76px));
  padding: 8px 12px;
  border: 1px solid rgba(91, 204, 255, .32);
  background: rgba(2, 8, 19, .68);
  color: #a8eaff;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .16em;
  opacity: 0;
  transform: translate(-50%, 8px);
  transition: opacity .35s, transform .35s;
  pointer-events: none;
  white-space: nowrap;
}

.manifested #rotate-hint {
  opacity: .82;
  transform: translate(-50%, 0);
}