feat(B05): 교각점 정보 = 근처 아이콘 · 아이콘 누름 = 정보 창 (PLAN 587-1 · 요구 445 C1)

- 교각점 고름 = 창 없이 근처(40 px) 아이콘 · 멀면 0.7 s 뒤 숨김 · 누름 = 창 열림(멀어져도 유지)
- 창 열린 채 다른 교각점 = 열린 채 새 정보 · 닫힌 채 = 닫힌 채 · [닫기] = 창 닫고 고름 풂
- 부품 상자 아이콘 단추 「유리」 꼴 더함(견본 · 시험 552-2)
- 새 지킴 시험 test_445_curve_icon · 398-2 · 408 도우미에 가짜 아이콘

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

ui_template/ui_template_button.css

@@ -154,6 +154,20 @@
   background: var(--color-accent-soft);
   color: var(--color-accent);
 }
+/* 유리 — 그림 위에 뜸(색 = `.ui-btn--glass` 와 같은 공통 값) */
+.ui-icon-btn--glass {
+  border-color: color-mix(in srgb, var(--color-border) 65%, transparent);
+  border-radius: var(--radius-pills);
+  background: color-mix(in srgb, var(--color-surface-raised) 72%, transparent);
+  color: var(--color-text-body);
+  backdrop-filter: blur(6px);
+  -webkit-backdrop-filter: blur(6px);
+}
+.ui-icon-btn--glass:is(:hover, [data-state="hover"]):not(:disabled) {
+  border-color: var(--color-primary);
+  background: color-mix(in srgb, var(--color-primary) 82%, transparent);
+  color: var(--color-primary-text);
+}
 .ui-icon-btn:is(:active, [data-state="active"]):not(:disabled) {
   translate: 0 1px;
 }