Die Transportleiste steht am Handy in einer Reihe

Auf dem Bildschirmfoto nach dem Umbau lagen der runde Play-Knopf und
seine Nachbarn uebereinander. `pruef-handy` meldete das nicht: Sie
fragt, ob die MITTE eines Knopfes frei ist -- zwei Knoepfe koennen
sich an den Raendern ueberlagern und beide „erreichbar" sein. Wer
danebentippt, trifft trotzdem den falschen.

GEMESSEN (neue Stelle in mess-reaktion, die jedes Knopfpaar der
Leiste auf Ueberschneidung prueft):

    tempo-auf / v-spiel   21 x 44 px
    v-spiel / v-tauschen  21 x 38 px

URSACHE: `grid-template-columns: auto 1fr auto`. Tempo links und
„Wechseln zu <Videotitel>" rechts nahmen so viel, dass die mittlere
Spalte schmaler wurde als der 58 Pixel breite Play-Knopf -- und ein
zentrierter Inhalt, der breiter ist als seine Spalte, ragt ueber
BEIDE Raender.

Jetzt `minmax(0, auto) max-content minmax(0, auto)`: Die Mitte ist
so breit wie ihre drei Knoepfe zusammen und schrumpft nie, die
Seiten geben nach. `min-content` war dabei die falsche Zwischenstufe
-- damit war die Spalte so breit wie ihr BREITESTER Knopf, und
„−10" und „+10" brachen darunter um.

GEPRUEFT: pruef-handy, -tippziele, -css-klassen, -reaktion und
mess-quer alle EXIT 0; mess-reaktion meldet „Kein Knopf der
Transportleiste liegt ueber einem anderen" und 133 Pixel sichtbares
Bild.

workspace/tafel.html

@@ -23,7 +23,7 @@
               „Eigenes CSS" leer lassen (der Grund ist schon
               durchsichtig).
      ====================================================================== -->
-<link rel="stylesheet" href="assets/css/spendenkarte.css?v=202609291246" />
+<link rel="stylesheet" href="assets/css/spendenkarte.css?v=202609291311" />
 <style>
   /* DURCHSICHTIG BIS AUF DIE KARTEN. OBS legt die Quelle über das
      Bild; jede Fläche, die hier steht, deckt dort etwas zu. */
@@ -80,7 +80,7 @@
 <body>
 <div class="obs-tafel spendentafel" id="tafel" aria-live="polite"></div>
 
-<script src="assets/js/spendenkarte.js?v=202609291246" defer></script>
-<script src="assets/js/tafel.js?v=202609291246" defer></script>
+<script src="assets/js/spendenkarte.js?v=202609291311" defer></script>
+<script src="assets/js/tafel.js?v=202609291311" defer></script>
 </body>
 </html>