Merge remote-tracking branch 'origin/sub_laptop_7' into main_laptop_1

B06_Section/B06_Section_UI_Cross_Pick_Order.ts

@@ -3,7 +3,8 @@
  * 횡단 카드 고르기 차례(295-1) — 고를 자리가 좁은 것이 위(모달 `pickAt` 과 같은 잣대).
  *
  * 판정면(구조물 · 띠 · 형상)을 다 꽂은 뒤 넓이 큰 것부터 아래로 다시 세움(작은 것 위) ·
- * 보라 선 판정(넓이 0 · 요구 185 사면 손잡이)은 맨 위 · 면적 띠(절 · 성토)는 맨 아래 그대로.
+ * 보라 선 판정(넓이 0 · 요구 185 사면 손잡이)은 맨 위 · 면적 띠(절 · 성토)는 맨 아래 그대로 ·
+ * 암 경계선 판정(굵은 투명 선)은 판정면 아래 — 구조물 아랫부분을 덮지 않음(440).
  * 끌고 뗀 누름(3 px 넘게 움직임)은 고름 아님.
  * 맹암거(306-2) = 안쪽 판정면은 맨 아래(겹친 띠 · 구조물이 위) · 테두리 판정(투명 굵은 선)이 면 판정 맨 위.
  * ========================================================================== */
@@ -15,6 +16,8 @@ import { CENTER_HIT_CLASS } from "./B06_Section_UI_Cross_Center";
 const SURFACE_HIT_CLASSES = ["b06-chart__culvert-revet-hit", "b06-chart__shape-hit"];
 /** 선 판정 — 보라 설계선 조각(`_Cross_Design_Pick`). */
 const LINE_HIT_CLASS = "b06-chart__design-hit";
+/** 암 경계선 판정(`_Cross_Design_Pick` `ROCK_HIT_CLASS`) — 판정면 아래(440). */
+const ROCK_HIT_CLASS = "b06-chart__rock-hit";
 /** 맹암거 몸(그림) · 테두리 판정 클래스(306-2). */
 const UNDERDRAIN_GROUP = "b06-chart__underdrain";
 const UNDERDRAIN_BODY = "b06-chart__underdrain-body";
@@ -69,9 +72,12 @@ export function stackPickTargets(layer: SVGElement): void {
     .map((el) => ({ el, area: pointsArea(el.getAttribute("points")) }))
     .sort((a, b) => b.area - a.area)
     .map(({ el }) => el);
-  const lines = kids.filter((el) => el.classList.contains(LINE_HIT_CLASS));
+  const rocks = kids.filter((el) => el.classList.contains(ROCK_HIT_CLASS));
+  const lines = kids.filter(
+    (el) => el.classList.contains(LINE_HIT_CLASS) && !el.classList.contains(ROCK_HIT_CLASS),
+  );
   const centers = kids.filter((el) => el.classList.contains(CENTER_HIT_CLASS)); // 중심점 = 맨 위(356-3)
-  layer.append(...surfaces, ...edges, ...lines, ...centers);
+  layer.append(...rocks, ...surfaces, ...edges, ...lines, ...centers);
   let down: { x: number; y: number } | null = null;
   layer.addEventListener(
     "pointerdown",