diff --git a/tools/deck/gen-slaydeck.mjs b/tools/deck/gen-slaydeck.mjs
index 22d7be7..514f52d 100644
--- a/tools/deck/gen-slaydeck.mjs
+++ b/tools/deck/gen-slaydeck.mjs
@@ -1681,22 +1681,24 @@ function upsertUi() {
     displayOrder: 7,
     components: [
       transform({ parentW: 1920, parentH: 1080, anchor: { x: 0.5, y: 0.5 }, pivot: { x: 0.5, y: 0.5 }, size: { x: 1920, y: 1080 }, pos: { x: 0, y: 0 }, align: ALIGN_CENTER }),
-      sprite({ dataId: NODEICONS.background, color: { r: 1, g: 1, b: 1, a: 1 }, type: 0, raycast: false }),
+      // 불투명 다크 배경(게임 월드 가림 보장). 그 위 BgImage 자식이 배경 스프라이트를 얹는다.
+      sprite({ color: { r: 0.06, g: 0.07, b: 0.11, a: 1 }, type: 1, raycast: true }),
     ],
   });
   mapHud.jsonString.enable = false;
   map.push(mapHud);
-  // 배경 위 반투명 어두운 오버레이(노드 가독성). displayOrder 0 = 도트(1)·타이틀(2)·노드(5) 아래.
+  // 배경 이미지(displayOrder 0 = 도트/타이틀/노드 아래). nodeicons.json background는 SPRITE RUID여야 렌더됨
+  // — 메이플 BackgroundComponent 리소스는 UI 스프라이트로 안 뜬다. 유효 스프라이트면 풀스크린 표시, 아니면 투명(다크 배경 노출).
   map.push(entity({
     id: guid('map', 990),
-    path: '/ui/DefaultGroup/MapHud/Overlay',
+    path: '/ui/DefaultGroup/MapHud/BgImage',
     modelId: 'uisprite',
     entryId: 'UISprite',
     componentNames: 'MOD.Core.UITransformComponent,MOD.Core.SpriteGUIRendererComponent',
     displayOrder: 0,
     components: [
       transform({ parentW: 1920, parentH: 1080, anchor: { x: 0.5, y: 0.5 }, pivot: { x: 0.5, y: 0.5 }, size: { x: 1920, y: 1080 }, pos: { x: 0, y: 0 }, align: ALIGN_CENTER }),
-      sprite({ color: { r: 0.04, g: 0.05, b: 0.09, a: 0.5 }, type: 1, raycast: true }),
+      sprite({ dataId: NODEICONS.background, color: { r: 1, g: 1, b: 1, a: 1 }, type: 0, raycast: false }),
     ],
   }));
   map.push(entity({
diff --git a/ui/DefaultGroup.ui b/ui/DefaultGroup.ui
index be1e572..d3a5f04 100644
--- a/ui/DefaultGroup.ui
+++ b/ui/DefaultGroup.ui
@@ -34727,7 +34727,7 @@
               "AnimClipPlayType": 0,
               "EndFrameIndex": 2147483647,
               "ImageRUID": {
-                "DataId": "d84241f17de344a097f5b96ac914f1d2"
+                "DataId": ""
               },
               "LocalPosition": {
                 "x": 0,
@@ -34742,9 +34742,9 @@
               "PreserveSprite": 0,
               "StartFrameIndex": 0,
               "Color": {
-                "r": 1,
-                "g": 1,
-                "b": 1,
+                "r": 0.06,
+                "g": 0.07,
+                "b": 0.11,
                 "a": 1
               },
               "DropShadow": false,
@@ -34774,8 +34774,8 @@
                 "a": 1
               },
               "OutlineWidth": 3,
-              "RaycastTarget": false,
-              "Type": 0,
+              "RaycastTarget": true,
+              "Type": 1,
               "Enable": true
             }
           ],
@@ -34784,11 +34784,11 @@
       },
       {
         "id": "0cd003de-0000-4000-8000-00000cd003de",
-        "path": "/ui/DefaultGroup/MapHud/Overlay",
+        "path": "/ui/DefaultGroup/MapHud/BgImage",
         "componentNames": "MOD.Core.UITransformComponent,MOD.Core.SpriteGUIRendererComponent",
         "jsonString": {
-          "name": "Overlay",
-          "path": "/ui/DefaultGroup/MapHud/Overlay",
+          "name": "BgImage",
+          "path": "/ui/DefaultGroup/MapHud/BgImage",
           "nameEditable": true,
           "enable": true,
           "visible": true,
@@ -34868,7 +34868,7 @@
               "AnimClipPlayType": 0,
               "EndFrameIndex": 2147483647,
               "ImageRUID": {
-                "DataId": ""
+                "DataId": "d84241f17de344a097f5b96ac914f1d2"
               },
               "LocalPosition": {
                 "x": 0,
@@ -34883,10 +34883,10 @@
               "PreserveSprite": 0,
               "StartFrameIndex": 0,
               "Color": {
-                "r": 0.04,
-                "g": 0.05,
-                "b": 0.09,
-                "a": 0.5
+                "r": 1,
+                "g": 1,
+                "b": 1,
+                "a": 1
               },
               "DropShadow": false,
               "DropShadowAngle": 30,
@@ -34915,8 +34915,8 @@
                 "a": 1
               },
               "OutlineWidth": 3,
-              "RaycastTarget": true,
-              "Type": 1,
+              "RaycastTarget": false,
+              "Type": 0,
               "Enable": true
             }
           ],