Das könnte vielleicht eine allgemein akzeptierte Lösung sein:



Auch dafür mußte ich alle Elemente rechts umpositionieren, aber ich konnte sie auch ein wenig größer machen, was der Lesbarkeit dient (vor allem Schrift und Figurensymbole).
Die nun etwas größere Gesamtbreite ändert ja die Brettgröße nicht, weil sich diese an der Bildschirmhöhe orientiert.

Das wichtigste ist aber: die Anzeige ist jetzt horizontal und damit wesentlich besser lesbar!

Für den unteren Randfiguren-Balken habe ich leider keine schönere Farbe gefunden, sie soll ja irgendwie zum Holzbrett passen, andererseits sollen aber auch die Figuren gut erkennbar sein.
Wenn diese Farbe jemand ändern will, das geht ganz einfach in folgender Zeile:
element name="border" ...

So, jetzt warte ich noch auf eventuelle Verbesserungs-Wünsche/Vorschläge ...

Grüße,
Franz