Feinschliff-Spalten + Kopfzeilen-Panels (Placement/Transparenz)

- teacher.html Aktuell-Spalten: Weltkueche '🏆 Punkte' (score), Fluss
  '👥 Einw.' + '🌾 Ernte' (population/food), Busfahrt '📍 Ø km' (avgTapKm).
  (Kofferdetektiv Items-% vertagt: Sim liefert live noch keine Item-Zahl.)
- admin-styleguide.html Kopfzeile: Untermenues 30% transparent (Blur);
  Tempo oeffnet links + bleibt offen, Musik klappt nach unten + schliesst
  nach Song-Auswahl; Toggle per Klick.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

App/teacher.html

@@ -891,6 +891,7 @@ var LIVE_PRIMARY_FIELDS = {
       var done = v||0; var c = done>=t ? '#5a8a5e' : '#3d5165';
       return '<b style="color:'+c+'">'+done+'</b><span style="color:#8a8a8a"> / '+t+'</span>';
     }},
+    {k:'score', label:'🏆 Punkte', align:'center', fmt:function(v){ return v!=null ? '<b style="color:#3d5165;font-variant-numeric:tabular-nums">'+Number(v).toLocaleString('de-AT')+'</b>' : '<span style="color:#8a8a8a">—</span>'; }},
     {k:'ingSolved', label:'Zutaten akt.', fmt:function(v, row){
       var s = row.state||{}; var t = s.ingTotal||0;
       if (!s.dishName || !t) return '<span style="color:#8a8a8a">—</span>';
@@ -913,6 +914,7 @@ var LIVE_PRIMARY_FIELDS = {
     {k:'lastCityTitle', label:'Letzte Stadt', align:'left'},
     {k:'lastMargin',   label:'Letzte Marge', unit:'€'},
     {k:'quizFirstTry', label:'🧠 1.-Versuch', fmt:function(v, row){ var s=row.state||{}; var t = s.orderIndex || 0; return t ? v+' / '+t : '—'; }},
+    {k:'avgTapKm',     label:'📍 Ø km', align:'center', fmt:function(v){ if (v==null) return '<span style="color:#8a8a8a">—</span>'; var n=Math.round(v); var c = n<=50?'#5a8a5e':n<=150?'#c9913a':'#c07a6b'; return '<span style="color:'+c+';font-weight:700">'+n+' km</span>'; }},
   ],
   'fluggesellschaft': [
     {k:'levelId',       label:'Stufe', align:'center'},
@@ -991,6 +993,8 @@ var LIVE_PRIMARY_FIELDS = {
     {k:'biodiv',      label:'🌳 Biodiv.',        fmt:function(v){ return _liveBar(v, 0, 100, 'high'); }},
     {k:'economy',     label:'💰 Wirtsch.',       fmt:function(v){ return _liveBar(v, 0, 100, 'high'); }},
     {k:'flood',       label:'🛡️ Hochw.-Schutz', fmt:function(v){ return _liveBar(v, 0, 100, 'high'); }},
+    {k:'population',   label:'👥 Einw.', align:'center', fmt:function(v){ return v!=null ? '<b style="color:#3d5165;font-variant-numeric:tabular-nums">'+v+'</b>' : '<span style="color:#8a8a8a">—</span>'; }},
+    {k:'food',        label:'🌾 Ernte', fmt:function(v){ return _liveBar(v, 0, 100, 'high'); }},
     {k:'settlementsLost', label:'🏚️ Verlust', align:'center', fmt:function(v){ if (!v) return '<span style="color:#5a8a5e">0</span>'; var c = v>=3 ? '#c07a6b' : '#c9913a'; return '<span style="color:'+c+';font-weight:700">'+v+'</span>'; }},
   ],
   'kofferdetektiv': [