#orderTextToDisplay {
  position: absolute;
  top: 2vh;
  left: 50%;
  transform: translateX(-50%);
  /* z-index: 98876545; */
  z-index: 1;
  background: rgba(255, 255, 255, 0.9);
  padding: 12px 20px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 1.2rem;
  font-weight: 500;
  color: #333;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  max-width: 80vw;
  text-align: center;
}

#orderTextPlaybackPanel {
    position: absolute;
    top: 5vh;
    left: 50%;
    transform: translateX(-50%);
    /* z-index: 98876545;
     */
     z-index: 1;

     background: rgba(255, 255, 255, 0.9);
    padding: 12px 20px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 1.2rem;
    font-weight: 500;
    color: #333;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    max-width: 80vw;
    text-align: center;
  }