/* Spielleiste — gemeinsame Knopfleiste unter dem Spielfeld (siehe README.md).
   Farben kommen aus Variablen, die die Spielseite setzen darf:
     --rt-leiste-farbe   Schrift/Rand-Akzent
     --rt-leiste-grund   Knopfgrund
     --rt-leiste-rand    Knopfrand
     --rt-leiste-hover   Grund bei Hover/Fokus */
.rt-leiste {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 8px; margin: 8px auto 0; padding: 0 4px; max-width: 900px;
}
.rt-leiste button {
  background: var(--rt-leiste-grund, rgba(80, 0, 10, .55));
  border: 1px solid var(--rt-leiste-rand, #550011);
  color: var(--rt-leiste-farbe, #cc4433);
  font-family: 'Courier New', monospace; font-size: .7rem; letter-spacing: .12em;
  padding: 6px 14px; min-height: 34px; cursor: pointer; border-radius: 4px;
}
.rt-leiste button:hover, .rt-leiste button:focus-visible { background: var(--rt-leiste-hover, rgba(140, 0, 20, .7)); outline: none; }
.rt-leiste button[hidden] { display: none; }
.rt-leiste button.rt-aus { opacity: .6; }

/* Hilfe als Dialog */
.rt-hilfe { max-width: min(92vw, 560px); max-height: 80vh; overflow: auto; padding: 18px 20px; border-radius: 6px;
  border: 1px solid var(--rt-leiste-rand, #550011); background: #0c0406; color: #e8d8cc;
  font: 13px/1.55 'Courier New', monospace; }
.rt-hilfe::backdrop { background: rgba(0, 0, 0, .7); }
.rt-hilfe h3 { margin: 0 0 10px; letter-spacing: .14em; font-size: 14px; color: var(--rt-leiste-farbe, #cc4433); }
.rt-hilfe .rt-hilfe-zu { margin-top: 14px; }

/* Ersatz-Vollbild (iOS): fixes Überlagern — die Seite setzt dazu ihre eigenen Klassen,
   dies ist der Standard für Seiten ohne eigene Regeln. */
.rt-fs-ios { position: fixed !important; inset: 0; z-index: 9999; background: #000; }
body.rt-fs-aktiv { overflow: hidden; position: fixed; width: 100%; height: 100%; }