Experiment: Chip-Layout unten — Hintergrundbild bekommt mehr Raum

- Section-Labels entfernt ('Deine Bereiche', 'Alles über X', 'Die Welt da draußen')
- Chip-Grid: Höhe 80→74px, Gap 8→7px
- world-bottom gap 8→5px
- Footer-Links: Padding reduziert, Schrift 11→10px
- CSS-Version ?v=1001 für immutable-Cache-Busting
- SW by-v1002, APP_VER 1002

backend/static/css/components.css

@@ -8061,8 +8061,8 @@ svg.empty-state-icon {
 /* Oberer Bereich: Info + Reminders */
 .world-top { display: flex; flex-direction: column; gap: 10px; }
 
-/* Unterer Bereich: Chips (Daumen-Zone) */
-.world-bottom { display: flex; flex-direction: column; gap: 8px; }
+/* Unterer Bereich: Chips (Daumen-Zone) — kompakt, ganz unten */
+.world-bottom { display: flex; flex-direction: column; gap: 5px; }
 
 /* Frosted-Glass Info-Card (oben in jeder Welt) */
 .world-info-card {
@@ -8107,9 +8107,8 @@ svg.empty-state-icon {
 .world-chips-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
-  grid-auto-rows: 80px;  /* alle Chips gleich hoch */
-  gap: 8px;
-  margin-top: auto;
+  grid-auto-rows: 74px;
+  gap: 7px;
 }
 
 /* Einzelner Chip: Frosted Glass */
@@ -8130,7 +8129,7 @@ svg.empty-state-icon {
   transition: background 0.12s, transform 0.1s;
   -webkit-tap-highlight-color: transparent;
   user-select: none;
-  min-height: 80px; /* alle Chips gleich hoch */
+  min-height: 74px;
 }
 .world-chip:active {
   background: rgba(0, 0, 0, 0.6);
@@ -8209,10 +8208,10 @@ svg.empty-state-icon {
 /* Footer-Links (Impressum / Die 100 / Datenschutz) */
 .world-footer-links {
   text-align: center;
-  padding: 10px 0 2px;
+  padding: 4px 0 0;
 }
 .world-footer-links span {
-  font-size: 11px;
+  font-size: 10px;
   color: rgba(255, 255, 255, 0.6);
   cursor: pointer;
   letter-spacing: 0.05em;