From aadbd6a2311a49c039b260b5fe1e3b66cf38263c Mon Sep 17 00:00:00 2001
From: schmop <lars.richard@rocketmail.com>
Date: Sun, 31 May 2026 17:04:13 +0200
Subject: [PATCH] =?UTF-8?q?Flugbahn:=20erreichbare=20Stufen=20mit=20gestri?=
 =?UTF-8?q?chelten=20Linien=20=C3=BCber=20die=20volle=20Breite=20markieren?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/game/HeightTrack.svelte | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/lib/components/game/HeightTrack.svelte b/src/lib/components/game/HeightTrack.svelte
index 4f6b830..a161fa1 100644
--- a/src/lib/components/game/HeightTrack.svelte
+++ b/src/lib/components/game/HeightTrack.svelte
@@ -39,6 +39,11 @@
   <div class="layer sky-high"></div>
   <div class="layer space"></div>
 
+  <!-- Stufen-Linien: jede erreichbare Stufe über die gesamte Breite -->
+  {#each [STAGE_Y[1], STAGE_Y[2], STAGE_Y[3], STAGE_Y[4]] as y (y)}
+    <div class="stage-line" style="bottom: {y * 100}%"></div>
+  {/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>
@@ -74,6 +79,15 @@
   .sky-high { bottom: 60%; height: 25%; background: linear-gradient(to top, #4a7ec4, #2a3f7a); }
   .space { bottom: 85%; height: 15%; background: linear-gradient(to top, #2a3f7a, #0a0e2a); }
 
+  .stage-line {
+    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));
+    pointer-events: none;
+  }
+
   .marker {
     position: absolute;
     left: 18%;