/* ===============================================================================================
   Arcade - 2048

   Nur das, was arcade/prismPop.css nicht schon mitbringt (siehe dessen Kopfkommentar): die
   Buehnen-Farbvariablen dieser dritten Buehne. Alles Spielunabhaengige (Rahmen, HUD, Canvas-
   Huelle, Dialoge, Rangliste, Fussleiste, Tabellen/Kacheln der Seitenteile) kommt unveraendert
   aus prismPop.css, das VOR dieser Datei eingebunden wird (arcade/2048.php). Kein eigenes
   Steuerknopf-Markup wie bei Tetris' tetris.css - 2048 hat keine Bildschirmknoepfe, Wischen
   allein deckt Handy-Bedienung ab.

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

.spiel2048-buehne {
  --arcade-bg: #0d0f16;       /* 2048.js draw() Hintergrund */
  --arcade-flaeche: #181c26;  /* 2048.js draw() Spielfeld-Untergrund */
}

/* Dezenter Rahmen AUSSEN um die Buehne (Norberts Wunsch, 14.09.2026) - ergaenzt den sanften
   Umriss, den arcade/2048.js selbst schon ums eigentliche Spielfeld zeichnet, um einen zweiten,
   noch dezenteren Rahmen ganz aussen um Canvas samt Rand. Bewusst nur hier, nicht in
   prismPop.css - eine reine 2048-Optik, kein spielunabhaengiges Element. */
.spiel2048-buehne .arcade-canvas-huelle {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 20px;
}