/* ===============================================================================================
   Arcade - Tetris

   Nur das, was arcade/prismPop.css nicht schon mitbringt (siehe dessen Kopfkommentar): die
   Steuerknopfreihe und die Bühnen-Farbvariablen dieser zweiten Bühne. Alles Spielunabhängige
   (Rahmen, HUD, Canvas-Hülle, Dialoge, Rangliste, Fußleiste, Tabellen/Kacheln der Seitenteile)
   kommt unveraendert aus prismPop.css, das VOR dieser Datei eingebunden wird (arcade/tetris.php).

   Die zwei Farbwerte unten sind aus arcade/tetris.js abgeschrieben (draw()). Wer dort etwas
   aendert, muss hier nachziehen - dieselbe Doppelwahrheit-Falle wie bei Prism Pop.
   =============================================================================================== */

.tetris-buehne {
  --arcade-bg: #0d0f16;       /* tetris.js draw() Hintergrund */
  --arcade-flaeche: #0d0f16;  /* tetris.js zeichnet Feld und Huelle im selben Ton */
}

/* ------------------------------------------------------------------------------------------- */
/* Steuerknopfreihe - echte <button>, keine Canvas-Flaechen (arcade/CLAUDE.md,                   */
/* Architekturentscheidung E: fuenf Aktionen brauchen verlaessliche Trefferflaechen).             */
/* ------------------------------------------------------------------------------------------- */

.tetris-steuerung {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 0.55rem 0.7rem;
  border-top: 1px solid var(--arcade-linie);
  flex: 0 0 auto;
}

.tetris-steuerung__gruppe {
  display: flex;
  gap: 0.5rem;
}

/* Etwas groesser als die 2.2rem der Ton/Pause-Symbolknoepfe in der Fussleiste darunter - diese
   sechs Knoepfe tragen die eigentliche Spielsteuerung und muessen auch mit einem Daumen sicher
   zu treffen sein. touch-action:manipulation unterdrueckt den 300ms-Tap-Delay UND (zusammen mit
   -webkit-touch-callout:none/user-select:none) das native Kontextmenue bei langem Halten - genau
   die Kombination, die budget-FAB's Long-Press bereits braucht (index.php, siehe app-shell.md). */
.tetris-steuerung .arcade-symbolknopf {
  width: 2.7rem;
  height: 2.7rem;
  touch-action: manipulation;
  -webkit-touch-callout: none;
  user-select: none;
}