Eine Biene als Wappen, an allen vier Stellen

Aus dem Quadrat links in beiden Leisten wird eine Pixelbiene von der Seite:
braune Streifen, schwarze Beine, Fluegel mit Kerbe. Sie steht in genau einem
Raster (tools/biene.py, 16x16 Zeichen); daraus entstehen SVG, PNG und eine
Fassung aus Schriftzeichen.

SVG statt PNG in den Leisten: Die HoneyBar laeuft in fremden Apps, und ob ein
<img> dort laedt, entscheidet deren CSP. Markup kann niemand blockieren.

Im System-Fenster und ueber dem Startlauf steht die Biene aus Schriftzeichen —
beides sind Textflaechen, ein Bild darin waere ein Fremdkoerper.

Das Wappen liegt an drei Stellen (Datei, Modul, HoneyBar-Zeile), weil die
Leiste nichts nachladen kann. TestWappenIstUeberallDasselbe haelt sie gleich.

web/css/style.css

@@ -202,7 +202,24 @@ body {
   white-space: nowrap;
 }
 .mb-logo b { font-weight: 400; color: var(--p-mid); }
-.mb-logo .hex { font-size: 10px; vertical-align: 2px; }
+/* Das Wappen bleibt gelb, während der Rest die Röhre wechselt: Ein Zeichen,
+   das die Farbe mitwechselt, ist ein Symbol wie „wolke" — eines, das seine
+   Farbe behält, ist ein Wappen. */
+.mb-logo .hex { display: inline-block; width: 20px; height: 20px; vertical-align: -6px; }
+.mb-logo .hex svg { display: block; width: 100%; height: 100%; }
+
+/* Die Biene aus Schriftzeichen — im System-Fenster und über dem Startlauf.
+   Ein Zeichen ist halb so breit wie hoch, deshalb ist im Raster jeder Pixel
+   zwei Zeichen breit (siehe tools/biene.py). */
+.biene-text {
+  margin: 0 0 8px;
+  color: var(--p);
+  font-family: inherit;
+  font-size: 9px;
+  line-height: 1.1;
+  overflow-x: auto;
+}
+.boot-biene { font-size: 11px; margin-bottom: 14px; }
 
 .mb-apps {
   display: flex;