From 48cfc1d0ae0fec62da77f11ac2540d6f4a195d9e Mon Sep 17 00:00:00 2001
From: schmop <lars.richard@rocketmail.com>
Date: Sun, 31 May 2026 17:41:23 +0200
Subject: [PATCH] =?UTF-8?q?Flugbahn:=20gepunktete=20dezente=20Stufenlinien?=
 =?UTF-8?q?,=20gr=C3=B6=C3=9Fere=20deckende=20Symbole,=20Sterne=20=C3=BCbe?=
 =?UTF-8?q?r=20volle=20Breite=20in=20einer=20Farbe?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/game/HeightTrack.svelte | 28 +++++++++++++++-------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/game/HeightTrack.svelte b/src/lib/components/game/HeightTrack.svelte
index a161fa1..e15ca10 100644
--- a/src/lib/components/game/HeightTrack.svelte
+++ b/src/lib/components/game/HeightTrack.svelte
@@ -45,13 +45,17 @@
   {/each}
 
   <!-- Markierungen -->
-  <div class="marker" style="bottom: {STAGE_Y[1] * 100}%"><Balloon size={56} /></div>
-  <div class="marker" style="bottom: {STAGE_Y[2] * 100}%; left: 70%"><Cloud size={64} opacity={0.95} /></div>
-  <div class="marker" style="bottom: {STAGE_Y[3] * 100}%; left: 30%"><Moon size={56} /></div>
+  <div class="marker" style="bottom: {STAGE_Y[1] * 100}%"><Balloon size={78} /></div>
+  <div class="marker" style="bottom: {STAGE_Y[2] * 100}%; left: 70%"><Cloud size={92} /></div>
+  <div class="marker" style="bottom: {STAGE_Y[3] * 100}%; left: 30%"><Moon size={78} /></div>
+  <!-- Sterne-Stufe: über die ganze Breite verteilt, einheitliche Farbe. -->
   <div class="marker stars" style="bottom: {STAGE_Y[4] * 100}%">
+    <Star size={26} />
+    <Star size={32} />
+    <Star size={22} />
+    <Star size={30} />
+    <Star size={24} />
     <Star size={28} />
-    <Star size={20} color="#fff" />
-    <Star size={24} color="#a8e8ff" />
   </div>
 
   <div class="rocket" style="bottom: calc({rocketY * 100}% - 60px)" aria-hidden="true">
@@ -83,8 +87,7 @@
     position: absolute;
     left: 0;
     right: 0;
-    border-top: 2px dashed rgba(255, 255, 255, 0.6);
-    filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25));
+    border-top: 2px dotted rgba(255, 255, 255, 0.3);
     pointer-events: none;
   }
 
@@ -93,9 +96,16 @@
     left: 18%;
     transform: translate(-50%, 50%);
     pointer-events: none;
-    opacity: 0.85;
   }
-  .marker.stars { display: flex; gap: 6px; left: 60%; }
+  .marker.stars {
+    left: 0;
+    right: 0;
+    transform: translateY(50%);
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    padding: 0 6px;
+  }
 
   .rocket {
     position: absolute;