/* ===============================================================================================
   Arcade - Tetris in 3D. Laedt NACH prismPop.css, szene3d.css und tetris.css.

   Nur die Lage der Steuerknopfreihe: sie schwebt hier wie HUD und Fussleiste UEBER dem Bild,
   eine Zeile ueber den Knoepfen fuer Ton und Pause. Aussehen und Groesse der Knoepfe kommen
   weiter aus tetris.css. arcade/tetrisdrei.js misst die Oberkante der Reihe und haelt den
   Schacht darueber frei - wer sie verschiebt, muss dort nichts nachziehen.
   =============================================================================================== */

.szene3d-buehne .tetris-steuerung {
  position: absolute;
  left: max(0.7rem, env(safe-area-inset-left, 0px));
  right: max(0.7rem, env(safe-area-inset-right, 0px));
  bottom: calc(max(0.7rem, env(safe-area-inset-bottom, 0px)) + 2.9rem);
  z-index: 1;
  padding: 0;
  border-top: 0;
  pointer-events: none;
}

.szene3d-buehne .tetris-steuerung .arcade-symbolknopf {
  pointer-events: auto;
}

/* Am PC nicht ueber die ganze Breite spreizen: beide Gruppen mittig unter dem Schacht. */
@media (min-width: 48rem) {
  .szene3d-buehne .tetris-steuerung {
    justify-content: center;
    gap: 2.5rem;
  }
}