{"id":383,"date":"2025-12-22T20:17:56","date_gmt":"2025-12-22T11:17:56","guid":{"rendered":"https:\/\/poe2tools.net\/?page_id=383"},"modified":"2025-12-26T19:24:03","modified_gmt":"2025-12-26T10:24:03","slug":"quests","status":"publish","type":"page","link":"https:\/\/poe2tools.net\/ja\/quests\/","title":{"rendered":"\u3010POE2\u3011 \u30b9\u30c8\u30fc\u30ea\u30fc\u653b\u7565\u30c1\u30e3\u30fc\u30c8\uff1aAct1\u304b\u3089\u5e55\u9593(Interlude)\u307e\u3067\u306e\u5b8c\u5168\u30ac\u30a4\u30c9"},"content":{"rendered":"\n<p>\u7121\u99c4\u306a\u30af\u30a8\u30b9\u30c8\u3092\u7701\u304d\u3001\u30d1\u30c3\u30b7\u30d6\u30dd\u30a4\u30f3\u30c8\u306a\u3069\u306e\u91cd\u8981\u5831\u916c\u3092\u7db2\u7f85\u3057\u305f\u300c\u6700\u77ed\u30fb\u6700\u9069\u30eb\u30fc\u30c8\u300d\u3092\u6848\u5185\u3057\u307e\u3059\u3002 \u9032\u884c\u5ea6\u306f\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8\u3067\u7ba1\u7406\u3055\u308c\u3001\u81ea\u52d5\u4fdd\u5b58\uff08\u30aa\u30fc\u30c8\u30bb\u30fc\u30d6\uff09\u6a5f\u80fd\u306b\u3088\u308a\u3001\u3044\u3064\u3067\u3082\u300c\u7d9a\u304d\u304b\u3089\u300d\u518d\u958b\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n        <style>\n        \/* POE2 Quest Guide - Hierarchical Card Design v2.1 *\/\n\n        html {\n            scroll-behavior: smooth;\n            scroll-padding-top: 100px;\n        }\n\n        [x-cloak] { display: none !important; }\n\n        .poe2-quest-guide {\n            background: transparent;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            color: #f9fafb;\n        }\n\n        \/* ========== \ubcf4\uc2a4 \uc774\ub984 \uc2a4\ud0c0\uc77c ========== *\/\n        .poe2-boss-name {\n            color: #ef4444;\n            font-weight: 700;\n        }\n\n        \/* ========== \ud018\uc2a4\ud2b8 \uc544\uc774\ud15c \uc2a4\ud0c0\uc77c ========== *\/\n        .poe2-quest-item {\n            color: #4ade80;\n            font-weight: 700;\n        }\n\n        \/* ========== \uc778\ub77c\uc778 \ub9c1\ud06c \uc2a4\ud0c0\uc77c ========== *\/\n        .poe2-inline-link {\n            color: #60a5fa;\n            text-decoration: underline;\n            text-underline-offset: 2px;\n        }\n        .poe2-inline-link:hover {\n            color: #93c5fd;\n        }\n\n        \/* ========== \uc120\ud0dd \ud018\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c ========== *\/\n        .poe2-optional-label {\n            color: #c084fc;\n            border: 1px solid #c084fc;\n            border-radius: 4px;\n            padding: 4px 8px;\n            font-size: 0.7em;\n            font-weight: 600;\n            margin-right: 8px;\n            line-height: 1;\n            display: inline-flex;\n            align-items: center;\n            vertical-align: baseline;\n            position: relative;\n            top: -1px;\n        }\n        .poe2-optional-quest {\n            color: #f9fafb;\n            font-weight: 400;\n            vertical-align: baseline;\n        }\n        .poe2-child-card--optional {\n            border-left: 4px dashed #c084fc;\n            opacity: 0.85;\n        }\n\n        \/* ========== \ub300\ubd84\ub958 \uce74\ub4dc (Parent Card) - \uc6d0\ub798 \uc0c9\uc0c1 \ubcf5\uc6d0 ========== *\/\n        .poe2-parent-card {\n            background: #2D3B47;\n            border-radius: 0.75rem;\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            margin-bottom: 1.25rem;\n            overflow: hidden;\n            transition: all 0.15s ease-out;\n        }\n\n        .poe2-parent-card:hover {\n            background: #3A4A5C;\n        }\n\n        .poe2-parent-card--completed {\n            opacity: 0.6;\n            background: rgba(45, 59, 71, 0.8);\n        }\n\n        \/* \ud31d\uc5c5 \ud558\uc774\ub77c\uc774\ud2b8 \ud6a8\uacfc *\/\n        .poe2-quest-highlight,\n        .poe2-parent-card--highlight,\n        .poe2-child-card--highlight {\n            z-index: 10;\n            position: relative;\n            box-shadow: 0 0 0 3px rgba(250, 204, 21, 0.5);\n            border-color: #facc15;\n        }\n\n        \/* \ubbf8\ub2c8 \uc561\ud2b8 \ud5e4\ub354 (\ub9c9\uac04\uc6a9) *\/\n        .poe2-mini-act-header {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 1rem;\n            padding: 0.5rem 0;\n            margin-bottom: 1rem;\n        }\n        .poe2-mini-act-header--with-margin {\n            margin-top: 2.5rem;\n        }\n        .poe2-mini-act-line {\n            flex: 1;\n            height: 1px;\n            background: linear-gradient(to right, transparent, #4b5563, transparent);\n        }\n        .poe2-mini-act-title {\n            color: #9ca3af;\n            font-size: 1.125rem;\n            font-weight: 600;\n            letter-spacing: 0.05em;\n            white-space: nowrap;\n        }\n\n        .poe2-parent-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 1rem 1.25rem;\n            cursor: pointer; \/* \ud074\ub9ad \uac00\ub2a5 \ud45c\uc2dc *\/\n            user-select: none;\n            gap: 1rem;\n        }\n\n        .poe2-parent-chevron {\n            width: 1.5rem;\n            height: 1.5rem;\n            color: #9ca3af;\n            transition: transform 0.3s ease;\n            margin-left: 1rem;\n        }\n\n        .poe2-parent-chevron--open {\n            transform: rotate(180deg);\n        }\n\n        .poe2-parent-title {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            flex: 1; \/* \ub0a8\uc740 \uacf5\uac04 \ucc28\uc9c0 *\/\n            min-width: 0;\n        }\n\n        .poe2-parent-icon {\n            font-size: 1.25rem;\n        }\n\n        .poe2-parent-name {\n            font-size: 1.5rem;\n            font-weight: 800;\n            color: #f9fafb;\n            margin: 0 !important;\n            line-height: 1.3;\n        }\n\n        .poe2-parent-status {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            padding: 0.375rem 0.75rem;\n            border-radius: 0.375rem;\n            font-size: 0.85rem;\n            font-weight: 600;\n            height: 1.75rem; \/* \ub192\uc774 \uace0\uc815 *\/\n            box-sizing: border-box;\n        }\n\n        .poe2-parent-status--pending {\n            background: rgba(100, 116, 139, 0.4);\n            color: #cbd5e1; \/* \uac00\ub3c5\uc131 \uac1c\uc120: Slate-300 *\/\n        }\n\n        .poe2-parent-status--completed {\n            background: rgba(34, 197, 94, 0.2);\n            color: #4ade80; \/* \uac00\ub3c5\uc131 \uac1c\uc120: Green-400 *\/\n        }\n\n        .poe2-parent-complete-btn {\n            background: transparent;\n            border: 1px solid #facc15;\n            color: #facc15;\n            border-radius: 0.375rem;\n            padding: 0 0.75rem; \/* \uc0c1\ud558 \ud328\ub529 \uc81c\uac70\ud558\uace0 \ub192\uc774\ub85c \uc81c\uc5b4 *\/\n            font-size: 0.75rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.2s ease;\n            margin-left: 0.5rem;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.25rem;\n            height: 1.75rem; \/* \ub192\uc774 \uace0\uc815 *\/\n            line-height: 1; \/* \ud14d\uc2a4\ud2b8 \uc218\uc9c1 \uc815\ub82c \ubcf4\uc815 *\/\n            box-sizing: border-box;\n        }\n\n        .poe2-parent-complete-btn:hover {\n            background: #facc15;\n            color: #000;\n        }\n\n        .poe2-parent-body {\n            padding: 0 1.25rem 1.25rem 1.25rem;\n            border-top: 1px solid rgba(107, 114, 128, 0.3);\n        }\n\n        \/* \ub300\ubd84\ub958 \ubcf8\ubb38 \ub0b4\ubd80 \ucf58\ud150\uce20 \ub798\ud37c - \ub4e4\uc5ec\uc4f0\uae30\ub85c \uc704\uacc4 \ud45c\ud604 *\/\n        .poe2-parent-content {\n            margin-left: 0.5rem;\n            padding-left: 0;\n        }\n\n        .poe2-parent-intro {\n            color: #d1d5db; \/* \uac00\ub3c5\uc131 \uac1c\uc120: Gray-300 *\/\n            font-size: 0.875rem;\n            font-weight: 500;\n            margin: 1rem 0 0.75rem 0;\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n\n        \/* ========== \ud558\uc704 \ud018\uc2a4\ud2b8 \uce74\ub4dc (Child Card) ========== *\/\n        .poe2-child-list {\n            display: flex;\n            flex-direction: column;\n            gap: 0.5rem;\n            position: relative;\n            padding-left: 1.25rem;\n        }\n\n        \/* \ud2b8\ub9ac \uad6c\uc870 \uc138\ub85c\uc120 - child-list\uc5d0\uc11c \uad00\ub9ac *\/\n        .poe2-child-list::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            bottom: 0.75rem;\n            width: 2px;\n            background: rgba(107, 114, 128, 0.4);\n        }\n\n        \/* \ud2b8\ub9ac \uc544\uc774\ud15c \ub798\ud37c - \uac00\ub85c\uc120 \ub2f4\ub2f9 *\/\n        .poe2-child-item {\n            position: relative;\n        }\n\n        .poe2-child-item::before {\n            content: '';\n            position: absolute;\n            left: -1.25rem;\n            top: 1.125rem;\n            width: 1rem;\n            height: 2px;\n            background: rgba(107, 114, 128, 0.4);\n        }\n\n        \/* \uc2a4\uc640\uc774\ud504 \uc560\ub2c8\uba54\uc774\uc158 \uc2a4\ud0c0\uc77c *\/\n        .poe2-child-card {\n            background: rgba(17, 24, 39, 0.6); \/* \ubc30\uacbd \ubd88\ud22c\uba85\ub3c4 \uc99d\uac00\ub85c \uba85\ud655\uc131 \ud655\ubcf4 *\/\n            border-radius: 0.5rem;\n            border: 1px solid rgba(255, 255, 255, 0.08); \/* \ud14c\ub450\ub9ac \ubc1d\uae30 \uc57d\uac04 \uc99d\uac00 *\/\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); \/* \uae4a\uc774\uac10 \ucd94\uac00 *\/\n            overflow: hidden;\n            transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;\n            position: relative;\n            touch-action: pan-y;\n        }\n\n        \/* \ubcf4\uc2a4 \ud018\uc2a4\ud2b8 \uac15\uc870 (\uc67c\ucabd \ube68\uac04 \ud14c\ub450\ub9ac) *\/\n        .poe2-child-card--boss {\n            border-left: 3px solid #ef4444;\n        }\n\n        .poe2-swipe-complete-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(34, 197, 94, 0.2);\n            display: flex;\n            align-items: center;\n            padding-left: 1.5rem;\n            opacity: 0;\n            transition: opacity 0.2s;\n            pointer-events: none;\n            z-index: 0;\n        }\n        \n        .poe2-swipe-icon {\n            color: #22c55e;\n            font-size: 1.5rem;\n            transform: scale(0.8);\n            transition: transform 0.2s ease;\n        }\n\n        .poe2-child-card--swiping .poe2-swipe-complete-bg {\n            opacity: 1;\n        }\n\n        .poe2-child-card--swiping .poe2-swipe-icon {\n            transform: scale(1);\n        }\n\n        .poe2-child-card:hover {\n            background: rgba(30, 41, 59, 0.8); \/* \ud638\ubc84 \uc2dc \uc57d\uac04 \ub354 \ubc1d\uc740 \ud1a4 *\/\n            border-color: rgba(255, 255, 255, 0.2);\n        }\n\n        .poe2-child-card--completed {\n            opacity: 0.6; \/* \uc644\ub8cc \uc2dc \ud22c\uba85\ub3c4 0.5 -> 0.6\uc73c\ub85c \uac00\ub3c5\uc131 \uc0c1\ud5a5 *\/\n            background: rgba(17, 24, 39, 0.3);\n            border-style: dashed; \/* \uc644\ub8cc\ub41c \ud56d\ubaa9\uc740 \uc810\uc120 \ud14c\ub450\ub9ac\ub85c \uc2dc\uac01\uc801 \uad6c\ubd84 *\/\n        }\n\n        .poe2-child-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 0.75rem 1rem;\n            cursor: pointer;\n            user-select: none;\n        }\n\n        .poe2-child-left {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            flex: 1;\n            min-width: 0;\n        }\n\n        .poe2-child-type-icon {\n            font-size: 1rem;\n            flex-shrink: 0;\n        }\n\n        .poe2-child-type-badge {\n            font-size: 0.65rem;\n            font-weight: 600;\n            padding: 0.2rem 0.5rem;\n            border-radius: 0.25rem;\n            flex-shrink: 0;\n        }\n\n        .poe2-child-type-badge--required {\n            background: rgba(239, 68, 68, 0.2);\n            color: #f87171;\n        }\n\n        .poe2-child-type-badge--optional {\n            background: rgba(59, 130, 246, 0.2);\n            color: #60a5fa;\n        }\n\n        .poe2-child-info {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .poe2-child-name {\n            font-size: 1.125rem;\n            font-weight: 500;\n            color: #f9fafb;\n            margin: 0;\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            flex-wrap: wrap;\n            line-height: 1.4;\n        }\n\n        \/* \ubcf4\uc0c1 \uc2a4\ud0c0\uc77c \uac1c\uc120: \uc194\ub9ac\ub4dc \uceec\ub7ec\ub85c \uc8fc\ubaa9\uc131 \uac15\ud654 *\/\n        .poe2-child-reward {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.25rem;\n            font-size: 0.85rem;\n            font-weight: 800;\n            color: #422006; \/* \uc9c4\ud55c \uac08\uc0c9 \ud14d\uc2a4\ud2b8\ub85c \uac00\ub3c5\uc131 \ud655\ubcf4 *\/\n            background: #eab308; \/* \uc9c4\ud55c \ub178\ub780\uc0c9 (Gold) *\/\n            padding: 0.25rem 0.6rem;\n            border-radius: 9999px; \/* \ub465\uadfc \uc54c\uc57d \ud615\ud0dc *\/\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n            border: 1px solid #ca8a04;\n            text-shadow: none;\n        }\n\n        .poe2-child-right {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            flex-shrink: 0;\n        }\n\n        .poe2-child-checkbox {\n            width: 1.25rem;\n            height: 1.25rem;\n            border: 2px solid #4b5563;\n            border-radius: 0.25rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.2s ease;\n        }\n\n        .poe2-child-checkbox:hover {\n            border-color: #22c55e;\n        }\n\n        .poe2-child-checkbox--checked {\n            background: #22c55e;\n            border-color: #22c55e;\n        }\n\n        .poe2-child-checkbox svg {\n            width: 0.75rem;\n            height: 0.75rem;\n            color: white;\n        }\n\n        .poe2-child-chevron {\n            width: 1.25rem;\n            height: 1.25rem;\n            color: #d1d5db; \/* \uac00\ub3c5\uc131 \uac1c\uc120: Gray-300 *\/\n            transition: transform 0.2s ease;\n        }\n\n        .poe2-child-chevron--open {\n            transform: rotate(180deg);\n        }\n\n        \/* ========== \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (Child Detail) ========== *\/\n        .poe2-child-detail {\n            padding: 0 1rem 1rem 1rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n            background: rgba(0, 0, 0, 0.15);\n        }\n\n        .poe2-child-detail-content {\n            padding-top: 0.75rem;\n            display: flex; \/* \ub370\uc2a4\ud06c\ud0d1 \uae30\ubcf8: Flex *\/\n            gap: 1.5rem;\n            align-items: flex-start;\n        }\n\n        .poe2-detail-text {\n            flex: 7; \/* 70% *\/\n            min-width: 0;\n        }\n\n        .poe2-detail-media {\n            flex: 3; \/* 30% *\/\n            min-width: 0;\n        }\n\n        .poe2-todo-list {\n            display: flex;\n            flex-direction: column;\n            gap: 0.5rem;\n        }\n\n        .poe2-todo-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 0.5rem;\n            padding: 0.75rem 1rem;\n            background: rgba(17, 24, 39, 0.5);\n            border-radius: 0.375rem;\n            color: #d1d5db;\n            font-size: 1rem;\n            line-height: 1.6;\n        }\n\n        .poe2-todo-number {\n            color: #84cc16;\n            font-weight: 600;\n            flex-shrink: 0;\n        }\n\n        .poe2-tip-section {\n            margin-top: 0.75rem;\n            padding: 0.75rem;\n            background: rgba(132, 204, 22, 0.1);\n            border-left: 3px solid #84cc16;\n            border-radius: 0.375rem;\n        }\n\n        .poe2-tip-title {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            font-weight: 600;\n            color: #bef264;\n            font-size: 1rem;\n            margin-bottom: 0.5rem;\n        }\n\n        .poe2-tip-text {\n            color: #d1d5db;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        .poe2-child-image {\n            \/* margin-top: 0.75rem; -> Flex gap\uc73c\ub85c \ub300\uccb4 *\/\n        }\n\n        .poe2-child-image img {\n            max-width: 100%;\n            height: auto; \/* \ube44\uc728 \uc720\uc9c0 *\/\n            max-height: 200px; \/* \ub370\uc2a4\ud06c\ud0d1 \uc81c\ud55c *\/\n            border-radius: 0.375rem;\n            cursor: pointer;\n            transition: transform 0.2s ease;\n            display: block;\n        }\n\n        .poe2-child-image img:hover {\n            box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n        }\n\n        \/* \ub370\uc2a4\ud06c\ud0d1 \ub2e4\uc911 \uc774\ubbf8\uc9c0 \uc378\ub124\uc77c \ud589 *\/\n        .poe2-inline-thumbs {\n            display: flex;\n            gap: 0.5rem;\n            align-items: flex-start;\n            flex-wrap: nowrap;\n        }\n        .poe2-inline-thumb img {\n            max-height: 160px;\n            width: auto;\n            display: block;\n            border-radius: 0.375rem;\n            border: 1px solid rgba(255,255,255,0.1);\n        }\n\n        \/* \uc774\ubbf8\uc9c0 \ud504\ub9ac\ubdf0 \ud234\ud301 (Tippy) *\/\n        .tippy-box[data-theme~=\"poe2-image-preview\"] {\n            background: rgba(10, 12, 18, 0.95);\n            color: #e5e7eb;\n            border: 1px solid rgba(148, 163, 184, 0.25);\n            border-radius: 0.75rem;\n            box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);\n            padding: 0;\n            overflow: hidden;\n        }\n        .poe2-image-tooltip {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n        }\n        .poe2-image-tooltip img {\n            display: block;\n            max-width: 864px;\n            max-height: 84vh;\n            width: auto;\n            height: auto;\n            object-fit: contain;\n            border-radius: 0.5rem;\n            border: 1px solid rgba(255, 255, 255, 0.08);\n        }\n        .poe2-image-tooltip .poe2-image-nav {\n            position: absolute;\n            inset: 0;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            pointer-events: none;\n        }\n        .poe2-image-tooltip button.poe2-image-nav-btn {\n            pointer-events: auto;\n            background: rgba(0, 0, 0, 0.45);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            color: #f8fafc;\n            width: 36px;\n            height: 36px;\n            border-radius: 999px;\n            display: grid;\n            place-items: center;\n            cursor: pointer;\n            transition: background 0.2s ease, transform 0.2s ease;\n        }\n        .poe2-image-tooltip button.poe2-image-nav-btn:hover {\n            background: rgba(0, 0, 0, 0.7);\n            transform: translateY(-1px);\n        }\n        .poe2-image-tooltip .poe2-image-counter {\n            position: absolute;\n            right: 0.75rem;\n            bottom: 0.75rem;\n            background: rgba(0, 0, 0, 0.65);\n            color: #e5e7eb;\n            padding: 0.2rem 0.6rem;\n            border-radius: 999px;\n            font-size: 0.85rem;\n        }\n        @media (max-width: 768px) {\n            .poe2-image-tooltip img {\n                max-width: 92vw;\n                max-height: 70vh;\n            }\n        }\n\n        \/* ========== \ub2e4\uc74c \uc774\ub3d9 (Next Move) - \ub124\ube44\uac8c\uc774\uc158 \uc2a4\ud0c0\uc77c ========== *\/\n        .poe2-next-move-footer {\n            margin-top: 1.5rem;\n            padding-top: 1rem;\n            border-top: 1px solid rgba(107, 114, 128, 0.25);\n            \/* Full-width border hack inside padded container *\/\n            margin-left: -1.25rem;\n            margin-right: -1.25rem;\n            padding-left: 1.25rem;\n            padding-right: 1.25rem;\n        }\n\n        .poe2-next-move {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 0.75rem 1rem;\n            border-radius: 0.5rem;\n            background: transparent;\n            border: 1px solid rgba(56, 189, 248, 0.3);\n            cursor: pointer;\n            transition: all 0.2s ease;\n        }\n\n        .poe2-next-move:hover {\n            background: rgba(56, 189, 248, 0.05);\n            border-color: rgba(56, 189, 248, 0.5);\n        }\n\n        .poe2-next-move:hover .poe2-next-move-arrow {\n            transform: translateX(4px);\n        }\n\n        \/* ========== \ub2e4\uc74c \uc561\ud2b8 \uc774\ub3d9 (Next Act - Special) ========== *\/\n        .poe2-next-act-card {\n            margin-top: 1.5rem;\n            padding: 1.25rem 1.5rem; \/* \ud328\ub529 \ucd95\uc18c *\/\n            background: linear-gradient(135deg, rgba(220, 38, 38, 0.1), rgba(185, 28, 28, 0.2));\n            border: 1px solid rgba(239, 68, 68, 0.3);\n            border-radius: 0.75rem;\n            text-align: left; \/* \uc67c\ucabd \uc815\ub82c *\/\n            cursor: pointer;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            flex-direction: row; \/* \uac00\ub85c \ubc30\uce58 *\/\n            align-items: center;\n            justify-content: space-between; \/* \uc591\ub05d \uc815\ub82c *\/\n            gap: 1rem;\n        }\n\n        .poe2-next-act-card:hover {\n            background: linear-gradient(135deg, rgba(220, 38, 38, 0.2), rgba(185, 28, 28, 0.3));\n            box-shadow: 0 10px 20px -5px rgba(220, 38, 38, 0.3);\n            border-color: rgba(239, 68, 68, 0.6);\n        }\n\n        .poe2-next-act-content {\n            flex: 1;\n        }\n\n        .poe2-next-act-label {\n            color: #fca5a5;\n            font-size: 0.75rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            margin-bottom: 0.25rem;\n        }\n\n        .poe2-next-act-title {\n            color: #fff;\n            font-size: 1.25rem; \/* \uacfc\ub3c4\ud558\uac8c \ucef8\ub358 \ud3f0\ud2b8 \uc870\uc815 *\/\n            font-weight: 800;\n            margin: 0;\n            margin-top: 0px !important;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n        }\n\n        .poe2-next-act-arrow {\n            font-size: 1.5rem;\n            color: #fca5a5;\n            margin-top: 0; \/* \ub9c8\uc9c4 \uc81c\uac70 *\/\n            transition: transform 0.3s ease;\n        }\n\n        .poe2-next-act-card:hover .poe2-next-act-arrow {\n            transform: translateX(4px); \/* \uc624\ub978\ucabd\uc73c\ub85c \uc774\ub3d9 \uc560\ub2c8\uba54\uc774\uc158 *\/\n        }\n\n        \/* \uc5d4\ub4dc\uac8c\uc784 \ucd95\ud558 \uce74\ub4dc (\ub9c9\uac04 \ub9c8\uc9c0\ub9c9) *\/\n        .poe2-endgame-card {\n            background: linear-gradient(135deg, #1a2332 0%, #2d3b47 100%);\n            border: 1px solid rgba(250, 204, 21, 0.3);\n            border-radius: 0.75rem;\n            padding: 1.5rem;\n            text-align: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        .poe2-endgame-card:hover {\n            border-color: rgba(250, 204, 21, 0.6);\n            box-shadow: 0 0 20px rgba(250, 204, 21, 0.15);\n        }\n        .poe2-endgame-label {\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: #facc15;\n            margin-bottom: 0.5rem;\n        }\n        .poe2-endgame-title {\n            font-size: 1.25rem;\n            font-weight: 700;\n            color: #f9fafb;\n            margin: 0 0 0.75rem 0 !important;\n        }\n        .poe2-endgame-desc {\n            font-size: 0.875rem;\n            color: #d1d5db; \/* \uac00\ub3c5\uc131 \uac1c\uc120: Gray-300 *\/\n            margin: 0;\n            line-height: 1.6;\n        }\n\n        \/* \ud544\uc218 \ud018\uc2a4\ud2b8 CTA *\/\n        .poe2-essential-cta {\n            margin-top: 1rem;\n            text-align: center;\n        }\n        .poe2-essential-cta-text {\n            font-size: 0.875rem;\n            color: #d1d5db; \/* \uac00\ub3c5\uc131 \uac1c\uc120: Gray-300 *\/\n            margin: 0 0 0.75rem 0;\n        }\n        .poe2-essential-cta-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            padding: 0.625rem 1.25rem;\n            background: rgba(56, 189, 248, 0.1);\n            border: 1px solid rgba(56, 189, 248, 0.3);\n            border-radius: 0.5rem;\n            color: #38bdf8;\n            font-size: 0.875rem;\n            font-weight: 500;\n            text-decoration: none;\n            transition: all 0.2s ease;\n        }\n        .poe2-essential-cta-btn:hover {\n            background: rgba(56, 189, 248, 0.2);\n            border-color: rgba(56, 189, 248, 0.5);\n            color: #38bdf8;\n        }\n        .poe2-essential-cta-arrow {\n            transition: transform 0.2s ease;\n        }\n        .poe2-essential-cta-btn:hover .poe2-essential-cta-arrow {\n            transform: translateX(4px);\n        }\n\n        .poe2-next-move-icon {\n            font-size: 1.25rem;\n            flex-shrink: 0;\n        }\n\n        .poe2-next-move-content {\n            display: flex;\n            flex-direction: column;\n            margin-left: 0.75rem;\n            flex: 1;\n        }\n\n        .poe2-next-move-label {\n            font-size: 0.7rem;\n            font-weight: 500;\n            color: #d1d5db; \/* \uac00\ub3c5\uc131 \uac1c\uc120: Gray-300 *\/\n            margin-bottom: 0.125rem;\n        }\n\n        .poe2-next-move-name {\n            font-size: 1rem;\n            font-weight: 600;\n            color: #38bdf8; \/* Sky-400 (Cyan \uacc4\uc5f4)\ub85c \ubcc0\uacbd\ud558\uc5ec \ub178\ub780\uc0c9(\ubcf4\uc0c1)\uacfc \uad6c\ubd84 *\/\n            margin: 0 !important;\n        }\n\n        .poe2-next-move-arrow {\n            font-size: 1.25rem;\n            color: #38bdf8; \/* \ud654\uc0b4\ud45c\ub3c4 \ub3d9\uc77c\ud55c \uc0c9\uc0c1 \uc801\uc6a9 *\/\n            transition: transform 0.2s ease;\n            flex-shrink: 0;\n        }\n\n        \/* ========== \uc644\ub8cc \ubc84\ud2bc ========== *\/\n        .poe2-complete-btn {\n            width: 100%;\n            padding: 0.75rem 1rem;\n            margin-top: 1rem;\n            background: transparent;\n            border: 2px solid #facc15;\n            color: #facc15;\n            border-radius: 0.5rem;\n            font-weight: 600;\n            font-size: 0.875rem;\n            cursor: pointer;\n            transition: all 0.2s ease;\n        }\n\n        .poe2-complete-btn:hover {\n            background: #facc15;\n            color: #000;\n        }\n\n        .poe2-complete-btn:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        \/* ========== \uc9c4\ud589\ub960 \ud5e4\ub354 ========== *\/\n        .poe2-sticky-header {\n            background: transparent;\n            backdrop-filter: blur(8px);\n            position: sticky;\n            top: 0;\n            z-index: 5;\n            border-bottom: 1px solid #4b5563;\n            padding: 0.75rem 0;\n        }\n\n        .poe2-progress-container {\n            max-width: 64rem;\n            margin: 0 auto;\n            padding: 0 1rem;\n        }\n\n        .poe2-progress-text {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            color: #d1d5db;\n            font-size: 0.875rem;\n            margin-bottom: 0.25rem;\n        }\n\n        .poe2-progress-bar-wrapper {\n            height: 0.625rem;\n            background: #374151;\n            border-radius: 9999px;\n            overflow: hidden;\n        }\n\n        .poe2-progress-bar {\n            height: 100%;\n            background: #a3e635;\n            border-radius: 9999px;\n            transition: width 0.5s ease;\n        }\n\n        \/* ========== \ucee8\ud2b8\ub864 \uc601\uc5ed ========== *\/\n        .poe2-controls {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 0.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .poe2-controls-actions {\n            display: flex;\n            gap: 0.5rem;\n            margin-left: auto;\n        }\n\n        .poe2-control-btn {\n            flex: 1;\n            padding: 0.625rem 1rem !important;\n            background: #374151 !important;\n            color: #f9fafb !important;\n            border: 1px solid #6b7280 !important;\n            border-radius: 0.5rem !important;\n            font-size: 0.875rem !important;\n            cursor: pointer !important;\n            transition: all 0.2s ease !important;\n        }\n\n        .poe2-control-btn:hover {\n            background: #4b5563 !important;\n        }\n\n        \/* Select \ub4dc\ub86d\ub2e4\uc6b4 \uc804\uc6a9 \uc2a4\ud0c0\uc77c *\/\n        select.poe2-control-btn {\n            appearance: none !important;\n            -webkit-appearance: none !important;\n            -moz-appearance: none !important;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\") !important;\n            background-repeat: no-repeat !important;\n            background-position: right 0.75rem center !important;\n            padding-right: 2.5rem !important;\n        }\n\n        select.poe2-control-btn:focus {\n            outline: none !important;\n            border-color: #facc15 !important;\n            box-shadow: 0 0 0 2px rgba(250, 204, 21, 0.2) !important;\n        }\n\n        select.poe2-control-btn option {\n            background: #1f2937 !important;\n            color: #f9fafb !important;\n            padding: 0.5rem !important;\n        }\n\n        .poe2-control-btn--danger {\n            background: #dc2626 !important;\n            border-color: #dc2626 !important;\n        }\n\n        .poe2-control-btn--danger:hover {\n            background: #b91c1c !important;\n        }\n\n        \/* ========== \ubc18\uc751\ud615 \ud14d\uc2a4\ud2b8 (\ubaa8\ubc14\uc77c\/\ub370\uc2a4\ud06c\ud0d1) ========== *\/\n        .poe2-mobile-only {\n            display: none;\n        }\n        .poe2-desktop-only {\n            display: inline;\n        }\n\n        \/* ========== \uc138\uadf8\uba3c\ud2b8 \ucee8\ud2b8\ub864 (\uc561\ud2b8 \uc120\ud0dd) ========== *\/\n        .poe2-segment-control {\n            display: inline-flex;\n            background: #374151;\n            border-radius: 8px;\n            padding: 4px;\n        }\n\n        .poe2-segment-btn {\n            padding: 0.625rem 1rem;\n            border: none;\n            background: transparent;\n            color: #d1d5db; \/* \uac00\ub3c5\uc131 \uac1c\uc120: Gray-300 *\/\n            font-size: 1rem;\n            font-weight: 500;\n            cursor: pointer;\n            border-radius: 0.5rem;\n            transition: all 0.2s ease;\n            white-space: nowrap;\n        }\n\n        .poe2-segment-btn:hover {\n            color: #f3f4f6; \/* Gray-100 *\/\n        }\n\n        .poe2-segment-btn.active {\n            background: #4b5563;\n            color: #f9fafb;\n            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n        }\n\n        \/* \uc561\uc158 \ubc84\ud2bc (\ubaa8\ub450 \ud3bc\uce58\uae30, \ucd08\uae30\ud654) *\/\n        .poe2-action-btn {\n            padding: 0.625rem 1rem;\n            border: none;\n            background: #4b5563;\n            color: #d1d5db;\n            font-size: 1rem;\n            font-weight: 500;\n            cursor: pointer;\n            border-radius: 0.5rem;\n            transition: all 0.2s ease;\n            white-space: nowrap;\n        }\n\n        .poe2-action-btn:hover {\n            background: #6b7280;\n            color: #f9fafb;\n        }\n\n        .poe2-action-btn--danger {\n            background: #dc2626;\n            color: #f9fafb;\n        }\n\n        .poe2-action-btn--danger:hover {\n            background: #b91c1c;\n        }\n\n        \/* ========== \uc561\ud2b8 \ud0c0\uc774\ud2c0 ========== *\/\n        .poe2-act-title {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #bef264;\n            margin: 0 0 1.5rem 0;\n        }\n\n        \/* ========== \uc561\ud2b8 \uc548\ub0b4 \ubb38\uad6c ========== *\/\n        .poe2-act-route {\n            color: #d1d5db; \/* \uac00\ub3c5\uc131 \uac1c\uc120: Gray-300 *\/\n            font-size: 1.2rem;\n            line-height: 1.6;\n            margin: -0.5rem 0 1.5rem 0 !important;\n        }\n\n        \/* ========== \uc778\ub77c\uc778 \uad11\uace0 \ucee8\ud14c\uc774\ub108 ========== *\/\n        .poe2-ad-container {\n            width: 100%;\n            height: 90px;\n            margin: 1rem 0;\n            background: rgba(0, 0, 0, 0.2);\n            border-radius: 0.75rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n        .poe2-ad-desktop {\n            display: inline-block !important;\n        }\n        .poe2-ad-mobile {\n            display: none !important;\n        }\n\n        \/* ========== \ubc18\uc751\ud615 (\ubaa8\ubc14\uc77c \ucd5c\uc801\ud654 v2025) ========== *\/\n        @media (max-width: 640px) {\n            \/* \ucee8\ud14c\uc774\ub108 \uc5ec\ubc31 \ucd95\uc18c *\/\n            .poe2-quest-guide main {\n                padding: 0.5rem !important;\n            }\n\n            \/* \ubc18\uc751\ud615 \ud14d\uc2a4\ud2b8: \ubaa8\ubc14\uc77c\uc5d0\uc11c \uc804\ud658 *\/\n            .poe2-mobile-only {\n                display: inline;\n            }\n            .poe2-desktop-only {\n                display: none;\n            }\n\n            \/* \ucee8\ud2b8\ub864 \ubc84\ud2bc \uc601\uc5ed \ucd5c\uc801\ud654 *\/\n            .poe2-controls {\n                gap: 0.5rem;\n                margin-bottom: 1rem;\n            }\n\n            \/* \uc138\uadf8\uba3c\ud2b8 \ucee8\ud2b8\ub864: \ubaa8\ubc14\uc77c\uc5d0\uc11c \uc804\uccb4 \ud3ed *\/\n            .poe2-segment-control {\n                width: 100%;\n                justify-content: center;\n            }\n\n            .poe2-segment-btn {\n                flex: 1;\n                padding: 0.75rem 0.5rem;\n                font-size: 0.875rem;\n                text-align: center;\n            }\n\n            \/* \uc561\uc158 \ubc84\ud2bc: \ubaa8\ubc14\uc77c\uc5d0\uc11c \uc804\uccb4 \ud3ed (\ub450 \ubc88\uc9f8 \uc904) *\/\n            .poe2-controls-actions {\n                width: 100%;\n                margin-left: 0;\n            }\n\n            .poe2-action-btn {\n                flex: 1;\n                padding: 0.75rem 1rem;\n                text-align: center;\n            }\n\n            \/* \uae30\uc874 \ucee8\ud2b8\ub864 \ubc84\ud2bc (\ud558\uc704 \ud638\ud658) *\/\n            .poe2-control-btn {\n                padding: 0.625rem 0.5rem;\n                font-size: 0.8rem;\n            }\n\n            \/* \ub300\ubd84\ub958 \uce74\ub4dc \ucef4\ud329\ud2b8\ud654 *\/\n            .poe2-parent-card {\n                border-radius: 0.5rem;\n                margin-bottom: 1rem;\n            }\n\n            \/* \ub300\ubd84\ub958 \ud5e4\ub354: \uc81c\ubaa9\uacfc \uc0c1\ud0dc\/\ubc84\ud2bc \ubd84\ub9ac (2\ub2e8 \ubc30\uce58) *\/\n            .poe2-parent-header {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 0.75rem;\n                padding: 0.875rem 1rem;\n            }\n\n            .poe2-parent-title {\n                width: 100%;\n                gap: 0.5rem;\n            }\n\n            .poe2-parent-name {\n                font-size: 1.3rem;\n                line-height: 1.3;\n            }\n\n            \/* \uc0c1\ud0dc \ubc30\uc9c0\uc640 \uc644\ub8cc \ubc84\ud2bc \uc601\uc5ed *\/\n            .poe2-parent-header > div:last-child {\n                width: 100%;\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                padding-top: 0.25rem;\n            }\n\n            .poe2-parent-status {\n                font-size: 0.8rem;\n                height: 2rem; \/* \ud130\uce58\ud558\uae30 \ud3b8\ud558\uac8c \ub192\uc774 \uc99d\uac00 *\/\n                padding: 0 0.75rem;\n            }\n\n            .poe2-parent-complete-btn {\n                flex: 1; \/* \ub0a8\uc740 \uacf5\uac04 \ucc44\uc6b0\uae30 *\/\n                margin-left: 0.5rem;\n                height: 2rem;\n                font-size: 0.9rem;\n                justify-content: center;\n            }\n\n            \/* \ubcf8\ubb38 \uc5ec\ubc31 \ucd95\uc18c *\/\n            .poe2-parent-body {\n                padding: 0 0.75rem 1rem 0.75rem;\n            }\n\n            \/* \uc0c1\uc138 \ub0b4\uc6a9 \ub808\uc774\uc544\uc6c3: \ubaa8\ubc14\uc77c\uc740 \uc138\ub85c \ubc30\uce58 *\/\n            .poe2-child-detail-content {\n                flex-direction: column;\n                gap: 1rem;\n            }\n            \n            .poe2-child-image,\n            .poe2-child-image.poe2-inline-image {\n                width: 100% !important;\n                max-width: 100% !important;\n            }\n            .poe2-child-image a,\n            .poe2-child-image.poe2-inline-image a {\n                display: block !important;\n                width: 100% !important;\n                max-width: 100% !important;\n            }\n            .poe2-child-image img {\n                max-height: none !important;\n                width: 100% !important;\n                max-width: 100% !important;\n                height: auto !important;\n            }\n\n            \/* \ubaa8\ubc14\uc77c: \ub2e4\uc911 \uc378\ub124\uc77c\uc740 \uccab \uc7a5\ub9cc \ud45c\uc2dc *\/\n            .poe2-inline-thumbs .poe2-inline-thumb:not(:first-child) {\n                display: none;\n            }\n\n            .poe2-parent-content {\n                margin-left: 0; \/* \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \ub4e4\uc5ec\uc4f0\uae30 \uc81c\uac70\ud558\uc5ec \uacf5\uac04 \ud655\ubcf4 *\/\n            }\n\n            \/* \ubaa8\ubc14\uc77c \uad11\uace0 \ucee8\ud14c\uc774\ub108 *\/\n            .poe2-ad-container {\n                height: 100px;\n            }\n            .poe2-ad-desktop {\n                display: none !important;\n            }\n            .poe2-ad-mobile {\n                display: inline-block !important;\n            }\n\n            \/* \ud558\uc704 \ud018\uc2a4\ud2b8 \uce74\ub4dc *\/\n            .poe2-child-card {\n                background: rgba(17, 24, 39, 0.6); \/* \ub300\ube44\ub97c \ub192\uc5ec \uac00\ub3c5\uc131 \ud655\ubcf4 *\/\n            }\n\n            .poe2-child-header {\n                padding: 0.75rem;\n                min-height: 3rem; \/* \ud130\uce58 \uc601\uc5ed \ud655\ubcf4 *\/\n            }\n\n            .poe2-child-left {\n                gap: 0.5rem;\n            }\n\n            \/* \ud14d\uc2a4\ud2b8 \ubc30\uc9c0 \uc228\uae40 (\uacf5\uac04 \ud655\ubcf4) *\/\n            .poe2-child-type-badge {\n                display: none;\n            }\n\n            \/* \uc544\uc774\ucf58 \ud06c\uae30 \uc870\uc815 *\/\n            .poe2-child-type-icon {\n                font-size: 1.1rem;\n            }\n\n            .poe2-child-name {\n                font-size: 1.05rem;\n                line-height: 1.4;\n            }\n\n            \/* \ubcf4\uc0c1 \ud0dc\uadf8 \uc904\ubc14\uafc8 \ud5c8\uc6a9 *\/\n            .poe2-child-name {\n                flex-wrap: wrap;\n                gap: 0.375rem;\n            }\n\n            .poe2-child-reward {\n                font-size: 0.8rem;\n                padding: 0.15rem 0.4rem;\n            }\n\n            \/* \uccb4\ud06c\ubc15\uc2a4 \uc601\uc5ed \uc228\uae40 (\ubaa8\ubc14\uc77c) *\/\n            .poe2-child-right {\n                display: none;\n            }\n\n            \/* \ud301 \uc139\uc158 \uac00\ub3c5\uc131 *\/\n            .poe2-tip-section {\n                margin-top: 0.5rem;\n                padding: 0.625rem;\n                font-size: 0.95rem;\n            }\n\n            \/* \ub2e4\uc74c \uc774\ub3d9 \uc139\uc158 *\/\n            .poe2-next-move-footer {\n                margin-left: -0.75rem;\n                margin-right: -0.75rem;\n                padding-left: 0.75rem;\n                padding-right: 0.75rem;\n            }\n\n            .poe2-next-move {\n                background: rgba(255, 255, 255, 0.03);\n                padding: 0.875rem;\n                margin-top: 1rem;\n            }\n            \n            .poe2-next-move-arrow {\n                font-size: 1.5rem;\n            }\n            \n            \/* \uc9c4\ud589\ub960 \ubc14 \ud5e4\ub354 *\/\n            .poe2-sticky-header {\n                padding: 0;\n            }\n            .poe2-progress-container {\n                padding: 0.5rem 1rem;\n            }\n            .poe2-progress-text {\n                font-size: 0.75rem;\n            }\n            .poe2-act-title {\n                font-size: 1.5rem;\n                margin-bottom: 1rem;\n                text-align: center;\n            }\n        }\n        \/* ========== \ubcf4\uc0c1 \ud2b8\ub798\ucee4 \uc2a4\ucf08\ub808\ud1a4 (CLS \ubc29\uc9c0) ========== *\/\n        .poe2-reward-skeleton {\n            background: #1E2832;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 0.75rem;\n            margin-bottom: 1.5rem;\n            overflow: hidden;\n            height: 56px;\n        }\n        .poe2-reward-skeleton-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 1rem;\n            background: #1A212B;\n            height: 52px;\n        }\n        .poe2-reward-skeleton-bar {\n            height: 4px;\n            background: #374151;\n        }\n        \/* \uc640\uc774\ub4dc \ub370\uc2a4\ud06c\ud0d1: \uc2a4\ucf08\ub808\ud1a4 \uc228\uae40 (\ud50c\ub85c\ud305\uc774\ub77c CLS \uc5c6\uc74c) *\/\n        @media (min-width: 1700px) {\n            .poe2-reward-skeleton {\n                display: none;\n            }\n        }\n        \/* \uc2e4\uc81c Reward Tracker \uc0dd\uc131 \uc2dc \uc2a4\ucf08\ub808\ud1a4 \uc228\uae40 *\/\n        .poe2-reward-tracker ~ .poe2-reward-skeleton {\n            display: none;\n        }\n        \/* ========== \ubcf4\uc0c1 \ud2b8\ub798\ucee4 (Reward Tracker) ========== *\/\n        .poe2-reward-tracker {\n            background: #1E2832;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 0.75rem;\n            margin-bottom: 1.5rem;\n            overflow: hidden;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        \/* \uc640\uc774\ub4dc \ub370\uc2a4\ud06c\ud0d1: \uc624\ub978\ucabd \ud50c\ub85c\ud305 (1700px \uc774\uc0c1) *\/\n        @media (min-width: 1700px) {\n            .poe2-reward-tracker {\n                position: fixed;\n                top: 280px;\n                right: 24px;\n                width: 320px;\n                max-height: calc(100vh - 320px);\n                z-index: 40;\n                margin-bottom: 0;\n                box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);\n                display: flex;\n                flex-direction: column;\n            }\n        }\n\n        \/* \uc811\ud78c \uc0c1\ud0dc (\ud5e4\ub354\ub9cc \ubcf4\uc784) *\/\n        .poe2-reward-tracker:not(.expanded) .reward-tracker-content {\n            display: none;\n        }\n\n        .reward-tracker-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 1rem;\n            background: #1A212B;\n            border: none;\n            width: 100%;\n            cursor: pointer;\n            color: #f9fafb;\n            font-weight: 600;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .reward-tracker-header:hover {\n            background: #232A35;\n        }\n\n        .reward-tracker-title {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            font-size: 1rem;\n        }\n\n        .reward-tracker-status {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n        }\n\n        .reward-tracker-badge {\n            font-size: 0.75rem;\n            background: rgba(0, 0, 0, 0.3);\n            padding: 0.2rem 0.5rem;\n            border-radius: 999px;\n            color: #9ca3af;\n        }\n\n        .reward-tracker-chevron {\n            width: 1.25rem;\n            height: 1.25rem;\n            transition: transform 0.3s ease;\n        }\n\n        .poe2-reward-tracker.expanded .reward-tracker-chevron {\n            transform: rotate(180deg);\n        }\n\n        .reward-tracker-progress {\n            height: 4px;\n            background: #374151;\n            width: 100%;\n        }\n\n        .reward-tracker-progress-bar {\n            height: 100%;\n            background: #84cc16;\n            transition: width 0.5s ease;\n        }\n\n        .reward-tracker-content {\n            max-height: 60vh;\n            overflow-y: auto;\n            background: #1E2832;\n        }\n        \n        @media (max-width: 1279px) {\n            .reward-tracker-content {\n                max-height: 300px;\n            }\n        }\n\n        .reward-tracker-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .reward-tracker-item {\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n            transition: background-color 0.2s;\n        }\n\n        .reward-tracker-item:last-child {\n            border-bottom: none;\n        }\n\n        .reward-tracker-item:hover {\n            background: rgba(255, 255, 255, 0.03);\n        }\n\n        .reward-tracker-item.current {\n            background: rgba(250, 204, 21, 0.1);\n            border-left: 3px solid #facc15;\n        }\n\n        .reward-tracker-item-inner {\n            display: flex;\n            align-items: flex-start;\n            padding: 0.75rem 1rem 0.75rem 0;\n            cursor: pointer;\n            gap: 0.75rem;\n        }\n\n        .reward-tracker-check {\n            padding-top: 0.15rem;\n        }\n\n        .reward-tracker-checkmark {\n            width: 1.25rem;\n            height: 1.25rem;\n            border: 2px solid #4b5563;\n            border-radius: 0.25rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #fff;\n            font-size: 0.8rem;\n            transition: all 0.2s;\n        }\n\n        .reward-tracker-item.completed {\n            opacity: 0.5;\n        }\n\n        .reward-tracker-item.completed .reward-tracker-checkmark {\n            background: #22c55e;\n            border-color: #22c55e;\n        }\n\n        .reward-tracker-checkmark.checked {\n            background: #22c55e;\n            border-color: #22c55e;\n        }\n\n        .reward-tracker-info {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .reward-tracker-main-title {\n            font-size: 0.9rem;\n            color: #9ca3af;\n            font-weight: 400;\n            line-height: 1.4;\n        }\n        \n        .reward-tracker-item.completed .reward-tracker-main-title {\n            color: #9ca3af;\n            text-decoration: line-through;\n        }\n\n        .reward-tracker-sub-title {\n            font-size: 0.75rem;\n            color: #9ca3af;\n            margin-top: 0.1rem;\n        }\n\n        .reward-tracker-reward {\n            font-size: 0.75rem;\n            color: #facc15;\n            margin-top: 0.25rem;\n            display: inline-block;\n            background: rgba(250, 204, 21, 0.1);\n            padding: 0.1rem 0.4rem;\n            border-radius: 0.25rem;\n        }\n        \n        .reward-tracker-item.completed .reward-tracker-reward {\n            opacity: 0.6;\n            filter: grayscale(0.5);\n        }\n\n        .reward-tracker-goto {\n            color: #6b7280;\n            opacity: 0;\n            transition: opacity 0.2s;\n            padding-top: 0.2rem;\n        }\n        \n        .reward-tracker-goto svg {\n            width: 1rem;\n            height: 1rem;\n        }\n\n        .reward-tracker-item:hover .reward-tracker-goto {\n            opacity: 1;\n        }\n\n        <\/style>\n\n        <!-- \uacc4\uce35\ud615 \ud018\uc2a4\ud2b8 \uac00\uc774\ub4dc v2.0 -->\n        <div class=\"poe2-quest-guide-container poe2-quest-guide\"\n             x-data=\"questToolV2()\"\n             x-init=\"init()\">\n\n            <!-- \ubcf4\uc0c1 \ud2b8\ub798\ucee4 \uc2a4\ucf08\ub808\ud1a4 (CLS \ubc29\uc9c0, \ubaa8\ubc14\uc77c \uc804\uc6a9) -->\n            <div class=\"poe2-reward-skeleton\" aria-hidden=\"true\">\n                <div class=\"poe2-reward-skeleton-header\"><\/div>\n                <div class=\"poe2-reward-skeleton-bar\"><\/div>\n            <\/div>\n\n            <!-- \uc9c4\ud589\ub960 \ud5e4\ub354 -->\n            <div class=\"poe2-sticky-header\">\n                <div class=\"poe2-progress-container\">\n                    <div class=\"poe2-progress-text\">\n                        <span>\u9032\u884c\u5ea6<\/span>\n                        <span x-text=\"`${completedCount} \/ ${totalCount} (${completionPercentage}%)`\">0 \/ 0 (0%)<\/span>\n                    <\/div>\n                    <div class=\"poe2-progress-bar-wrapper\">\n                        <div class=\"poe2-progress-bar\" x-ref=\"progressBar\" style=\"width: 0%;\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <main style=\"padding: 1rem; max-width: 64rem; margin: 0 auto;\">\n                <!-- \ucee8\ud2b8\ub864 \ubc84\ud2bc -->\n                    <div class=\"poe2-controls\">\n                        <!-- \uc561\ud2b8 \uc120\ud0dd \uc138\uadf8\uba3c\ud2b8 -->\n                        <div class=\"poe2-segment-control\">\n                            <a href=\"\/quests\/act-1\/\" @click.prevent=\"selectAct('1')\" class=\"poe2-segment-btn active\">Act 1<\/a>\n                            <a href=\"\/quests\/act-2\/\" @click.prevent=\"selectAct('2')\" class=\"poe2-segment-btn \">Act 2<\/a>\n                            <a href=\"\/quests\/act-3\/\" @click.prevent=\"selectAct('3')\" class=\"poe2-segment-btn \">Act 3<\/a>\n                            <a href=\"\/quests\/act-4\/\" @click.prevent=\"selectAct('4')\" class=\"poe2-segment-btn \">Act 4<\/a>\n                            <a href=\"\/quests\/act-5\/\" @click.prevent=\"selectAct('5')\" class=\"poe2-segment-btn \">\u5e55\u9593<\/a>\n                            <a href=\"\/quests\/essential\/\" @click.prevent=\"selectAct('essential')\" class=\"poe2-segment-btn \"><span class=\"poe2-desktop-only\">\u5fc5\u9808\u30af\u30a8\u30b9\u30c8\u4e00\u89a7<\/span><span class=\"poe2-mobile-only\">\u5fc5\u9808<\/span><\/a>\n                        <\/div>\n                        <!-- \uc561\uc158 \ubc84\ud2bc -->\n                        <div class=\"poe2-controls-actions\">\n                            <button @click=\"toggleAllParents()\" class=\"poe2-action-btn\" x-text=\"allExpanded ? '\u3059\u3079\u3066\u6298\u308a\u305f\u305f\u3080' : '\u3059\u3079\u3066\u5c55\u958b'\">\u3059\u3079\u3066\u5c55\u958b<\/button>\n                            <button @click=\"resetProgress()\" class=\"poe2-action-btn poe2-action-btn--danger\">\u30ea\u30bb\u30c3\u30c8<\/button>\n                        <\/div>\n                    <\/div>\n\n                <!-- \uc561\ud2b8 \ud0c0\uc774\ud2c0 -->\n                <h2 class=\"poe2-act-title\">Act 1<\/h2>\n\n                \n                <!-- \ub300\ubd84\ub958 \uce74\ub4dc \ubaa9\ub85d -->\n                <div class=\"poe2-parent-list\">\n                                                                                                                                                                \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-1\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('1') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('1')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u5ddd\u5cb8<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('1') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('1')\">\n                                            <span @click.stop=\"uncompleteParent('1')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('1')\">\n                                            <span x-text=\"getParentProgress('1')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('1')\"\n                                            x-show=\"!isParentCompleted('1')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('1')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('1') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('1')\"\n                                                          x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card poe2-child-card--boss\"\n                                     id=\"child-1-1\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('1-1') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span><span class=\"poe2-boss-name\">\u8150\u4e71\u3057\u305f\u7c89\u5c4b<\/span>\u8a0e\u4f10<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                                                                <div class=\"poe2-child-header-tip\" style=\"margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid rgba(255, 255, 255, 0.1);\">\n                                                    <span style=\"color: #9ca3af; font-size: 0.95rem; line-height: 1.5; font-weight: 500;\">\u9053\u4e2d\u306e\u5927\u304d\u306a\u7bb1\u304b\u3089\u6700\u521d\u306e\u30b9\u30ad\u30eb\u30b8\u30a7\u30e0\u5165\u624b\u30fb\u88c5\u5099<\/span>\n                                                <\/div>\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('1-1') }\"\n                                                 @click.stop=\"toggleChildComplete('1-1')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('1-1')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card\"\n                                     id=\"child-1-2\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('1-2') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>\u30af\u30ea\u30a2\u30d5\u30a7\u30eb\u306e\u91ce\u55b6\u5730\u3078\u79fb\u52d5<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('1-2') }\"\n                                                 @click.stop=\"toggleChildComplete('1-2')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('1-2')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <!-- \uc77c\ubc18 \ub2e4\uc74c \uc774\ub3d9 -->\n                                <div class=\"poe2-next-move\" @click.stop=\"completeParent('1')\">\n                                    <span class=\"poe2-next-move-icon\">\ud83c\udfc3<\/span>\n                                    <div class=\"poe2-next-move-content\">\n                                        <div class=\"poe2-next-move-label\">\u6b21\u3078<\/div>\n                                        <h3 class=\"poe2-next-move-name\">\u30af\u30ea\u30a2\u30d5\u30a7\u30eb<\/h3>\n                                    <\/div>\n                                    <span class=\"poe2-next-move-arrow\">\u2192<\/span>\n                                <\/div>\n                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                                                                                                                            \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-2\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('2') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('2')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u30af\u30ea\u30a2\u30d5\u30a7\u30eb<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('2') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('2')\">\n                                            <span @click.stop=\"uncompleteParent('2')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('2')\">\n                                            <span x-text=\"getParentProgress('2')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('2')\"\n                                            x-show=\"!isParentCompleted('2')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('2')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('2') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('2')\"\n                             x-cloak                             x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card poe2-child-card--boss\"\n                                     id=\"child-2-1\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('2-1') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span><span class=\"poe2-boss-name\">\u8150\u308a\u3057\u7fa4\u308c\u306e\u30d9\u30a4\u30e9<\/span>\u8a0e\u4f10<\/span>\n                                                                                                        <span class=\"poe2-child-reward\">\n                                                        <span>\ud83c\udf81<\/span>\n                                                        <span>\u51b7\u6c17\u8010\u6027+10%<\/span>\n                                                    <\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('2-1') }\"\n                                                 @click.stop=\"toggleChildComplete('2-1')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('2-1')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <!-- \uc77c\ubc18 \ub2e4\uc74c \uc774\ub3d9 -->\n                                <div class=\"poe2-next-move\" @click.stop=\"completeParent('2')\">\n                                    <span class=\"poe2-next-move-icon\">\ud83c\udfc3<\/span>\n                                    <div class=\"poe2-next-move-content\">\n                                        <div class=\"poe2-next-move-label\">\u6b21\u3078<\/div>\n                                        <h3 class=\"poe2-next-move-name\">\u30b0\u30ec\u30eb\u30a6\u30c3\u30c9<\/h3>\n                                    <\/div>\n                                    <span class=\"poe2-next-move-arrow\">\u2192<\/span>\n                                <\/div>\n                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                                            <div class=\"poe2-mini-act-header poe2-mini-act-header--with-margin\">\n                        <span class=\"poe2-mini-act-line\"><\/span>\n                    <\/div>\n                                                                                                                        \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-3\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('3') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('3')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u30b0\u30ec\u30eb\u30a6\u30c3\u30c9<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('3') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('3')\">\n                                            <span @click.stop=\"uncompleteParent('3')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('3')\">\n                                            <span x-text=\"getParentProgress('3')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('3')\"\n                                            x-show=\"!isParentCompleted('3')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('3')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('3') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('3')\"\n                             x-cloak                             x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card\"\n                                     id=\"child-3-1\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('3-1') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>\u30de\u30c3\u30d7\u4e2d\u592e\u306e\u30a6\u30fc\u30ca\u3068\u4f1a\u8a71<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('3-1') }\"\n                                                 @click.stop=\"toggleChildComplete('3-1')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('3-1')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card\"\n                                     id=\"child-3-2\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('3-2') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>\u30de\u30c3\u30d7\u63a2\u7d22\u3001\u4e0d\u6c17\u5473\u306a\u3082\u3064\u308c\u3078\u79fb\u52d5\u3001WP\u89e3\u653e<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('3-2') }\"\n                                                 @click.stop=\"toggleChildComplete('3-2')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('3-2')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <!-- \uc77c\ubc18 \ub2e4\uc74c \uc774\ub3d9 -->\n                                <div class=\"poe2-next-move\" @click.stop=\"completeParent('3')\">\n                                    <span class=\"poe2-next-move-icon\">\ud83c\udfc3<\/span>\n                                    <div class=\"poe2-next-move-content\">\n                                        <div class=\"poe2-next-move-label\">\u6b21\u3078<\/div>\n                                        <h3 class=\"poe2-next-move-name\">\u8d64\u304d\u8c37<\/h3>\n                                    <\/div>\n                                    <span class=\"poe2-next-move-arrow\">\u2192<\/span>\n                                <\/div>\n                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                                                                                                                            \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-4\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('4') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('4')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u8d64\u304d\u8c37<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('4') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('4')\">\n                                            <span @click.stop=\"uncompleteParent('4')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('4')\">\n                                            <span x-text=\"getParentProgress('4')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('4')\"\n                                            x-show=\"!isParentCompleted('4')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('4')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('4') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('4')\"\n                             x-cloak                             x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card\"\n                                     id=\"child-4-1\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('4-1') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>3\u3064\u306e\u30aa\u30d9\u30ea\u30b9\u30af\u8d77\u52d5\u3001\u30e2\u30f3\u30b9\u30bf\u30fc\u8a0e\u4f10\u3001<span class=\"poe2-quest-item\">\u30af\u30a8\u30b9\u30c8\u30a2\u30a4\u30c6\u30e0<\/span>\u5165\u624b<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('4-1') }\"\n                                                 @click.stop=\"toggleChildComplete('4-1')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('4-1')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card poe2-child-card--boss\"\n                                     id=\"child-4-2\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('4-2') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span><span class=\"poe2-boss-name\">\u9306\u306e\u738b<\/span>\u8a0e\u4f10\u3001<span class=\"poe2-quest-item\">\u30af\u30a8\u30b9\u30c8\u30a2\u30a4\u30c6\u30e0<\/span>\u5165\u624b<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('4-2') }\"\n                                                 @click.stop=\"toggleChildComplete('4-2')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('4-2')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card\"\n                                     id=\"child-4-3\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('4-3') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>\u62e0\u70b9\u3078\u5e30\u9084\u25b7\u30ec\u30f3\u30ea\u30fc\u3068\u4f1a\u8a71\u3001<span class=\"poe2-quest-item\">\u30eb\u30fc\u30f3\u306e\u91d8<\/span>\u5165\u624b<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('4-3') }\"\n                                                 @click.stop=\"toggleChildComplete('4-3')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('4-3')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <!-- \uc77c\ubc18 \ub2e4\uc74c \uc774\ub3d9 -->\n                                <div class=\"poe2-next-move\" @click.stop=\"completeParent('4')\">\n                                    <span class=\"poe2-next-move-icon\">\ud83c\udfc3<\/span>\n                                    <div class=\"poe2-next-move-content\">\n                                        <div class=\"poe2-next-move-label\">\u6b21\u3078<\/div>\n                                        <h3 class=\"poe2-next-move-name\">\u30b0\u30ec\u30eb\u30a6\u30c3\u30c9(WP\u5229\u7528)<\/h3>\n                                    <\/div>\n                                    <span class=\"poe2-next-move-arrow\">\u2192<\/span>\n                                <\/div>\n                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                                                                                                                            \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-5\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('5') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('5')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u30b0\u30ec\u30eb\u30a6\u30c3\u30c9<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('5') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('5')\">\n                                            <span @click.stop=\"uncompleteParent('5')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('5')\">\n                                            <span x-text=\"getParentProgress('5')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('5')\"\n                                            x-show=\"!isParentCompleted('5')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('5')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('5') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('5')\"\n                             x-cloak                             x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card\"\n                                     id=\"child-5-1\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('5-1') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>\u9b42\u306e\u6728\u5c01\u53703\u7b87\u6240\u89e3\u9664<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('5-1') }\"\n                                                 @click.stop=\"toggleChildComplete('5-1')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('5-1')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card\"\n                                     id=\"child-5-2\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('5-2') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>\u62e0\u70b9\u3078\u5e30\u9084\u25b7\u30a6\u30fc\u30ca\u3001\u30ec\u30f3\u30ea\u30fc\u3068\u4f1a\u8a71<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('5-2') }\"\n                                                 @click.stop=\"toggleChildComplete('5-2')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('5-2')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <!-- \uc77c\ubc18 \ub2e4\uc74c \uc774\ub3d9 -->\n                                <div class=\"poe2-next-move\" @click.stop=\"completeParent('5')\">\n                                    <span class=\"poe2-next-move-icon\">\ud83c\udfc3<\/span>\n                                    <div class=\"poe2-next-move-content\">\n                                        <div class=\"poe2-next-move-label\">\u6b21\u3078<\/div>\n                                        <h3 class=\"poe2-next-move-name\">\u4e0d\u6c17\u5473\u306a\u3082\u3064\u308c(WP\u5229\u7528)<\/h3>\n                                    <\/div>\n                                    <span class=\"poe2-next-move-arrow\">\u2192<\/span>\n                                <\/div>\n                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                                            <div class=\"poe2-mini-act-header poe2-mini-act-header--with-margin\">\n                        <span class=\"poe2-mini-act-line\"><\/span>\n                    <\/div>\n                                                                                                                        \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-6\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('6') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('6')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u4e0d\u6c17\u5473\u306a\u3082\u3064\u308c<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('6') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('6')\">\n                                            <span @click.stop=\"uncompleteParent('6')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('6')\">\n                                            <span x-text=\"getParentProgress('6')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('6')\"\n                                            x-show=\"!isParentCompleted('6')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('6')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('6') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('6')\"\n                             x-cloak                             x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card\"\n                                     id=\"child-6-1\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('6-1') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>\u30a6\u30fc\u30ca\u53ec\u559a\u3001\u8526\u9664\u53bb<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('6-1') }\"\n                                                 @click.stop=\"toggleChildComplete('6-1')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('6-1')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card poe2-child-card--optional\"\n                                     id=\"child-6-2\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('6-2') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span><span class=\"poe2-optional-label\">\u4efb\u610f<\/span><span class=\"poe2-optional-quest\"><span class=\"poe2-quest-item\">\u30a8\u30eb\u30f4\u30a3\u30b0<\/span>\u8a0e\u4f10(\u5831\u916c\uff1a\u30b5\u30dd\u30fc\u30c8\u30b8\u30a7\u30e0)<\/span><\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('6-2') }\"\n                                                 @click.stop=\"toggleChildComplete('6-2')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('6-2')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <!-- \uc77c\ubc18 \ub2e4\uc74c \uc774\ub3d9 -->\n                                <div class=\"poe2-next-move\" @click.stop=\"completeParent('6')\">\n                                    <span class=\"poe2-next-move-icon\">\ud83c\udfc3<\/span>\n                                    <div class=\"poe2-next-move-content\">\n                                        <div class=\"poe2-next-move-label\">\u6b21\u3078<\/div>\n                                        <h3 class=\"poe2-next-move-name\">\u6c38\u9060\u306a\u308b\u5e1d\u56fd\u306e\u5893\u5730<\/h3>\n                                    <\/div>\n                                    <span class=\"poe2-next-move-arrow\">\u2192<\/span>\n                                <\/div>\n                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                                                                                                                            \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-7\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('7') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('7')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u6c38\u9060\u306a\u308b\u5e1d\u56fd\u306e\u5893\u5730<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('7') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('7')\">\n                                            <span @click.stop=\"uncompleteParent('7')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('7')\">\n                                            <span x-text=\"getParentProgress('7')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('7')\"\n                                            x-show=\"!isParentCompleted('7')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('7')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('7') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('7')\"\n                             x-cloak                             x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card poe2-child-card--boss\"\n                                     id=\"child-7-1\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('7-1') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>\u6cd5\u52d9\u5b98\u306e\u970a\u5edf\u3078\u79fb\u52d5\u25b6<span class=\"poe2-boss-name\">\u30c9\u30ec\u30a4\u30f4\u30f3<\/span>\u8a0e\u4f10\u25b6\u30dd\u30fc\u30bf\u30eb\u5e30\u9084<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('7-1') }\"\n                                                 @click.stop=\"toggleChildComplete('7-1')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('7-1')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card poe2-child-card--boss\"\n                                     id=\"child-7-2\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('7-2') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>\u5983\u306e\u5893\u6240\u3078\u79fb\u52d5\u25b6<span class=\"poe2-boss-name\">\u30a2\u30b7\u30cb\u30a2<\/span>\u8a0e\u4f10\u25b6\u30dd\u30fc\u30bf\u30eb\u5e30\u9084<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('7-2') }\"\n                                                 @click.stop=\"toggleChildComplete('7-2')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('7-2')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card poe2-child-card--boss\"\n                                     id=\"child-7-3\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('7-3') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span><span class=\"poe2-boss-name\">\u30e9\u30af\u30e9\u30f3<\/span>\u3068\u4f1a\u8a71\u25b6<span class=\"poe2-boss-name\">\u30e9\u30af\u30e9\u30f3<\/span>\u8a0e\u4f10\u25b6\u62e0\u70b9\u3078\u5e30\u9084<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('7-3') }\"\n                                                 @click.stop=\"toggleChildComplete('7-3')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('7-3')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <!-- \uc77c\ubc18 \ub2e4\uc74c \uc774\ub3d9 -->\n                                <div class=\"poe2-next-move\" @click.stop=\"completeParent('7')\">\n                                    <span class=\"poe2-next-move-icon\">\ud83c\udfc3<\/span>\n                                    <div class=\"poe2-next-move-content\">\n                                        <div class=\"poe2-next-move-label\">\u6b21\u3078<\/div>\n                                        <h3 class=\"poe2-next-move-name\">\u72e9\u5834\u3078\u79fb\u52d5(WP)<\/h3>\n                                    <\/div>\n                                    <span class=\"poe2-next-move-arrow\">\u2192<\/span>\n                                <\/div>\n                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                                                                                                                            \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-8\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('8') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('8')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u72e9\u5834<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('8') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('8')\">\n                                            <span @click.stop=\"uncompleteParent('8')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('8')\">\n                                            <span x-text=\"getParentProgress('8')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('8')\"\n                                            x-show=\"!isParentCompleted('8')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('8')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('8') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('8')\"\n                             x-cloak                             x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card poe2-child-card--boss\"\n                                     id=\"child-8-1\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('8-1') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span><span class=\"poe2-boss-name\">\u30af\u30ed\u30a6\u30d9\u30eb<\/span>\u8a0e\u4f10<\/span>\n                                                                                                        <span class=\"poe2-child-reward\">\n                                                        <span>\ud83c\udf81<\/span>\n                                                        <span>2\u6b66\u5668\u30bb\u30c3\u30c8\u30d1\u30c3\u30b7\u30d6\u30b9\u30ad\u30eb\u30dd\u30a4\u30f3\u30c8<\/span>\n                                                    <\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('8-1') }\"\n                                                 @click.stop=\"toggleChildComplete('8-1')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('8-1')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card\"\n                                     id=\"child-8-2\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('8-2') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>\u30d5\u30ec\u30a4\u30bd\u30fc\u30f3(WP\u767b\u9332\u306e\u307f)<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                                                                <div class=\"poe2-child-header-tip\" style=\"margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid rgba(255, 255, 255, 0.1);\">\n                                                    <span style=\"color: #9ca3af; font-size: 0.95rem; line-height: 1.5; font-weight: 500;\">\u26a0\ufe0f\u5e8f\u76e4\u306f\u9ad8\u96e3\u6613\u5ea6\u3002WP\u89e3\u653e\u306e\u307f\u884c\u3044\u5f8c\u56de\u3057\u63a8\u5968\u3002<\/span>\n                                                <\/div>\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('8-2') }\"\n                                                 @click.stop=\"toggleChildComplete('8-2')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('8-2')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <!-- \uc77c\ubc18 \ub2e4\uc74c \uc774\ub3d9 -->\n                                <div class=\"poe2-next-move\" @click.stop=\"completeParent('8')\">\n                                    <span class=\"poe2-next-move-icon\">\ud83c\udfc3<\/span>\n                                    <div class=\"poe2-next-move-content\">\n                                        <div class=\"poe2-next-move-label\">\u6b21\u3078<\/div>\n                                        <h3 class=\"poe2-next-move-name\">\u30aa\u30ac\u30e0\u306e\u8fb2\u5730<\/h3>\n                                    <\/div>\n                                    <span class=\"poe2-next-move-arrow\">\u2192<\/span>\n                                <\/div>\n                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                                            <div class=\"poe2-mini-act-header poe2-mini-act-header--with-margin\">\n                        <span class=\"poe2-mini-act-line\"><\/span>\n                    <\/div>\n                                                                                                                        \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-9\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('9') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('9')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u30aa\u30ac\u30e0\u306e\u8fb2\u5730<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('9') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('9')\">\n                                            <span @click.stop=\"uncompleteParent('9')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('9')\">\n                                            <span x-text=\"getParentProgress('9')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('9')\"\n                                            x-show=\"!isParentCompleted('9')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('9')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('9') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('9')\"\n                             x-cloak                             x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card\"\n                                     id=\"child-9-1\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('9-1') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span><span class=\"poe2-quest-item\">\u30a6\u30fc\u30ca\u306e\u5c0f\u5c4b<\/span>\u78ba\u4fdd<\/span>\n                                                                                                        <span class=\"poe2-child-reward\">\n                                                        <span>\ud83c\udf81<\/span>\n                                                        <span>2\u6b66\u5668\u30bb\u30c3\u30c8\u30d1\u30c3\u30b7\u30d6\u30b9\u30ad\u30eb\u30dd\u30a4\u30f3\u30c8<\/span>\n                                                    <\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                                                                <div class=\"poe2-child-header-tip\" style=\"margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid rgba(255, 255, 255, 0.1);\">\n                                                    <span style=\"color: #9ca3af; font-size: 0.95rem; line-height: 1.5; font-weight: 500;\">\u5c0f\u5c4b\u5185\u306e\u7bb1\u306b\u30a4\u30f3\u30bf\u30e9\u30af\u30c8\u3057\u3066\u30ea\u30e5\u30fc\u30c8\u5165\u624b<\/span>\n                                                <\/div>\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                                <div class=\"poe2-child-image poe2-inline-image\" style=\"margin-top: 0.75rem;\">\n                                                    <div class=\"poe2-inline-thumbs\">\n                                                                                                                <a href=\"https:\/\/poe2tools.net\/wp-content\/uploads\/2025\/12\/poe2-\uc6b0\ub098\uc758-\ub958\ud2b8\uc0c1\uc790-\ud018\uc2a4\ud2b8.jpg\"\n                                                           class=\"poe2-image-preview poe2-inline-thumb\"\n                                                           role=\"button\"\n                                                           aria-label=\"\uc774\ubbf8\uc9c0 \ud06c\uac8c \ubcf4\uae30\"\n                                                           data-images=\"[&quot;https:\\\/\\\/poe2tools.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/poe2-\\uc6b0\\ub098\\uc758-\\ub958\\ud2b8\\uc0c1\\uc790-\\ud018\\uc2a4\\ud2b8.jpg&quot;]\"\n                                                           data-alt=\"{\u30a6\u30fc\u30ca\u306e\u5c0f\u5c4b}\u78ba\u4fdd\"\n                                                           data-index=\"0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/poe2tools.net\/wp-content\/uploads\/2025\/12\/poe2-\uc6b0\ub098\uc758-\ub958\ud2b8\uc0c1\uc790-\ud018\uc2a4\ud2b8.jpg\"\n                                                                 alt=\"{\u30a6\u30fc\u30ca\u306e\u5c0f\u5c4b}\u78ba\u4fdd\"\n                                                                 loading=\"lazy\">\n                                                        <\/a>\n                                                                                                            <\/div>\n                                                <\/div>\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('9-1') }\"\n                                                 @click.stop=\"toggleChildComplete('9-1')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('9-1')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <!-- \uc77c\ubc18 \ub2e4\uc74c \uc774\ub3d9 -->\n                                <div class=\"poe2-next-move\" @click.stop=\"completeParent('9')\">\n                                    <span class=\"poe2-next-move-icon\">\ud83c\udfc3<\/span>\n                                    <div class=\"poe2-next-move-content\">\n                                        <div class=\"poe2-next-move-label\">\u6b21\u3078<\/div>\n                                        <h3 class=\"poe2-next-move-name\">\u30aa\u30ac\u30e0\u6751WP\u89e3\u653e\u5f8c\u25b7\u62e0\u70b9\u3078\u5e30\u9084<\/h3>\n                                    <\/div>\n                                    <span class=\"poe2-next-move-arrow\">\u2192<\/span>\n                                <\/div>\n                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                                                                                                                            \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-10\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('10') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('10')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u30d5\u30ec\u30a4\u30bd\u30fc\u30f3<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('10') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('10')\">\n                                            <span @click.stop=\"uncompleteParent('10')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('10')\">\n                                            <span x-text=\"getParentProgress('10')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('10')\"\n                                            x-show=\"!isParentCompleted('10')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('10')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('10') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('10')\"\n                             x-cloak                             x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card\"\n                                     id=\"child-10-1\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('10-1') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>4\u3064\u306e\u5100\u5f0f\u30af\u30ea\u30a2<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('10-1') }\"\n                                                 @click.stop=\"toggleChildComplete('10-1')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('10-1')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card poe2-child-card--boss\"\n                                     id=\"child-10-2\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('10-2') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span><span class=\"poe2-boss-name\">\u9727\u306e\u738b<\/span>\u8a0e\u4f10<\/span>\n                                                                                                        <span class=\"poe2-child-reward\">\n                                                        <span>\ud83c\udf81<\/span>\n                                                        <span>\u30b9\u30d4\u30ea\u30c3\u30c8+30<\/span>\n                                                    <\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                                                                <div class=\"poe2-child-header-tip\" style=\"margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid rgba(255, 255, 255, 0.1);\">\n                                                    <span style=\"color: #9ca3af; font-size: 0.95rem; line-height: 1.5; font-weight: 500;\">4\u756a\u76ee\u306e\u5100\u5f0f\u30af\u30ea\u30a2\u5f8c\u3001\u9727\u306e\u738b\u304c\u767b\u5834\u3002\u30d5\u30a3\u30f3\u3068\u306e\u4f1a\u8a71\u5831\u916c\u306f\u30b5\u30d5\u30a1\u30a4\u30a2\u30c1\u30e3\u30fc\u30e0\u63a8\u5968\u3002<\/span>\n                                                <\/div>\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('10-2') }\"\n                                                 @click.stop=\"toggleChildComplete('10-2')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('10-2')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <!-- \uc77c\ubc18 \ub2e4\uc74c \uc774\ub3d9 -->\n                                <div class=\"poe2-next-move\" @click.stop=\"completeParent('10')\">\n                                    <span class=\"poe2-next-move-icon\">\ud83c\udfc3<\/span>\n                                    <div class=\"poe2-next-move-content\">\n                                        <div class=\"poe2-next-move-label\">\u6b21\u3078<\/div>\n                                        <h3 class=\"poe2-next-move-name\">\u30aa\u30ac\u30e0\u6751<\/h3>\n                                    <\/div>\n                                    <span class=\"poe2-next-move-arrow\">\u2192<\/span>\n                                <\/div>\n                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                                                                                                                            \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-11\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('11') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('11')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u30aa\u30ac\u30e0\u6751<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('11') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('11')\">\n                                            <span @click.stop=\"uncompleteParent('11')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('11')\">\n                                            <span x-text=\"getParentProgress('11')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('11')\"\n                                            x-show=\"!isParentCompleted('11')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('11')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('11') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('11')\"\n                             x-cloak                             x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card\"\n                                     id=\"child-11-1\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('11-1') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>\u71c3\u3048\u308b\u6751\u3067<span class=\"poe2-quest-item\">\u935b\u51b6\u9053\u5177<\/span>\u5165\u624b<\/span>\n                                                                                                        <span class=\"poe2-child-reward\">\n                                                        <span>\ud83c\udf81<\/span>\n                                                        <span>\u30b5\u30eb\u30d9\u30fc\u30b8\u30d9\u30f3\u30c1\u89e3\u653e<\/span>\n                                                    <\/span>\n                                                                                                                                                            <span class=\"sr-only\">\uc9c4\ud589 \uc911\uc778 \ud018\uc2a4\ud2b8: \u935b\u51b6\u5834\u767a\u898b<\/span>\n                                                                                                    <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                                <div class=\"poe2-child-image poe2-inline-image\" style=\"margin-top: 0.75rem;\">\n                                                    <div class=\"poe2-inline-thumbs\">\n                                                                                                                <a href=\"https:\/\/poe2tools.net\/wp-content\/uploads\/2025\/12\/poe2-\ub300\uc7a5\uc7a5\uc774-\ub3c4\uad6c-\ud018\uc2a4\ud2b8.jpg\"\n                                                           class=\"poe2-image-preview poe2-inline-thumb\"\n                                                           role=\"button\"\n                                                           aria-label=\"\uc774\ubbf8\uc9c0 \ud06c\uac8c \ubcf4\uae30\"\n                                                           data-images=\"[&quot;https:\\\/\\\/poe2tools.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/poe2-\\ub300\\uc7a5\\uc7a5\\uc774-\\ub3c4\\uad6c-\\ud018\\uc2a4\\ud2b8.jpg&quot;]\"\n                                                           data-alt=\"\u71c3\u3048\u308b\u6751\u3067{\u935b\u51b6\u9053\u5177}\u5165\u624b\"\n                                                           data-index=\"0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/poe2tools.net\/wp-content\/uploads\/2025\/12\/poe2-\ub300\uc7a5\uc7a5\uc774-\ub3c4\uad6c-\ud018\uc2a4\ud2b8.jpg\"\n                                                                 alt=\"\u71c3\u3048\u308b\u6751\u3067{\u935b\u51b6\u9053\u5177}\u5165\u624b\"\n                                                                 loading=\"lazy\">\n                                                        <\/a>\n                                                                                                            <\/div>\n                                                <\/div>\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('11-1') }\"\n                                                 @click.stop=\"toggleChildComplete('11-1')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('11-1')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card poe2-child-card--boss\"\n                                     id=\"child-11-2\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('11-2') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span><span class=\"poe2-boss-name\">\u51e6\u5211\u4eba<\/span>\u8a0e\u4f10<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('11-2') }\"\n                                                 @click.stop=\"toggleChildComplete('11-2')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('11-2')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <!-- \uc77c\ubc18 \ub2e4\uc74c \uc774\ub3d9 -->\n                                <div class=\"poe2-next-move\" @click.stop=\"completeParent('11')\">\n                                    <span class=\"poe2-next-move-icon\">\ud83c\udfc3<\/span>\n                                    <div class=\"poe2-next-move-content\">\n                                        <div class=\"poe2-next-move-label\">\u6b21\u3078<\/div>\n                                        <h3 class=\"poe2-next-move-name\">\u90b8\u5b85\u306e\u57ce\u58c1<\/h3>\n                                    <\/div>\n                                    <span class=\"poe2-next-move-arrow\">\u2192<\/span>\n                                <\/div>\n                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                                                                                                                            \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-12\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('12') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('12')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u90b8\u5b85\u306e\u57ce\u58c1<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('12') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('12')\">\n                                            <span @click.stop=\"uncompleteParent('12')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('12')\">\n                                            <span x-text=\"getParentProgress('12')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('12')\"\n                                            x-show=\"!isParentCompleted('12')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('12')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('12') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('12')\"\n                             x-cloak                             x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <!-- \uc77c\ubc18 \ub2e4\uc74c \uc774\ub3d9 -->\n                                <div class=\"poe2-next-move\" @click.stop=\"completeParent('12')\">\n                                    <span class=\"poe2-next-move-icon\">\ud83c\udfc3<\/span>\n                                    <div class=\"poe2-next-move-content\">\n                                        <div class=\"poe2-next-move-label\">\u6b21\u3078<\/div>\n                                        <h3 class=\"poe2-next-move-name\">\u30aa\u30ac\u30e0\u306e\u90b8\u5b85<\/h3>\n                                    <\/div>\n                                    <span class=\"poe2-next-move-arrow\">\u2192<\/span>\n                                <\/div>\n                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                                                                                                                            \n                    <div class=\"poe2-parent-card\"\n                         id=\"parent-13\"\n                         :class=\"{ 'poe2-parent-card--completed': isParentCompleted('13') }\">\n\n                        <!-- \ub300\ubd84\ub958 \ud5e4\ub354 -->\n                        <div class=\"poe2-parent-header\" \n                             @click=\"toggleParent('13')\"                             style=\"cursor: pointer;\">\n                            <div class=\"poe2-parent-title\">\n                                <span class=\"poe2-parent-icon\">\ud83d\udccd<\/span>\n                                <h2 class=\"poe2-parent-name\">\u30aa\u30ac\u30e0\u306e\u90b8\u5b85<\/h2>\n                            <\/div>\n                            <!-- \uc6b0\uce21: \uc0c1\ud0dc, \ubc84\ud2bc, \uc250\ube0c\ub860 -->\n                            <div style=\"display: flex; align-items: center; flex-shrink: 0; gap: 0.5rem;\">\n                                <div style=\"display: flex; align-items: center;\">\n                                    <div class=\"poe2-parent-status\"\n                                         :class=\"isParentCompleted('13') ? 'poe2-parent-status--completed' : 'poe2-parent-status--pending'\">\n                                        <template x-if=\"isParentCompleted('13')\">\n                                            <span @click.stop=\"uncompleteParent('13')\" style=\"cursor: pointer;\" title=\"\u5b8c\u4e86\u6e08\">\u2713 \u5b8c\u4e86\u6e08<\/span>\n                                        <\/template>\n                                        <template x-if=\"!isParentCompleted('13')\">\n                                            <span x-text=\"getParentProgress('13')\">0\/0<\/span>\n                                        <\/template>\n                                    <\/div>\n                                    <button class=\"poe2-parent-complete-btn\"\n                                            @click.stop=\"completeParent('13')\"\n                                            x-show=\"!isParentCompleted('13')\"\n                                            style=\"display: none;\" \n                                            x-show.important=\"!isParentCompleted('13')\">\n                                        <span>\u5b8c\u4e86<\/span>\n                                    <\/button>\n                                <\/div>\n                                \n                                <!-- \ubd80\ubaa8 \uc250\ube0c\ub860 \uc544\uc774\ucf58 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ud45c\uc2dc) -->\n                                                                <svg class=\"poe2-parent-chevron\"\n                                     :class=\"{ 'poe2-parent-chevron--open': isParentExpanded('13') }\"\n                                     fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                <\/svg>\n                                                            <\/div>\n                        <\/div>\n\n                        <!-- \ub300\ubd84\ub958 \ubcf8\ubb38 (\ucf58\ud150\uce20\uac00 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1) -->\n                                                                        <div class=\"poe2-parent-body\"\n                             x-show=\"isParentExpanded('13')\"\n                             x-cloak                             x-collapse>\n                                                        <!-- \ub4e4\uc5ec\uc4f0\uae30 \ub798\ud37c - \uc704\uacc4 \ud45c\ud604 -->\n                            <div class=\"poe2-parent-content\">\n                                <div class=\"poe2-parent-intro\">\n                                    <span>\u30a8\u30ea\u30a2\u653b\u7565<\/span>\n                                <\/div>\n\n                                <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ubaa9\ub85d (\ub9c8\uc9c0\ub9c9 \uc81c\uc678) -->\n                                <div class=\"poe2-child-list\">\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card poe2-child-card--boss\"\n                                     id=\"child-13-1\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('13-1') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>1\u968e\u306e<span class=\"poe2-boss-name\">\u30ad\u30e3\u30f3\u30c9\u30eb\u30de\u30b9<\/span>\u8a0e\u4f10<\/span>\n                                                                                                        <span class=\"poe2-child-reward\">\n                                                        <span>\ud83c\udf81<\/span>\n                                                        <span>\u6700\u5927\u30e9\u30a4\u30d5+20<\/span>\n                                                    <\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                                                                <div class=\"poe2-child-header-tip\" style=\"margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid rgba(255, 255, 255, 0.1);\">\n                                                    <span style=\"color: #9ca3af; font-size: 0.95rem; line-height: 1.5; font-weight: 500;\">\u300c\u72c2\u6c17\u306e\u8b83\u6b4c\u300d\u306b\u5fc5\u305a\u30a4\u30f3\u30bf\u30e9\u30af\u30c8\u3067\u30dc\u30b9\u51fa\u73fe<\/span>\n                                                <\/div>\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                                <div class=\"poe2-child-image poe2-inline-image\" style=\"margin-top: 0.75rem;\">\n                                                    <div class=\"poe2-inline-thumbs\">\n                                                                                                                <a href=\"https:\/\/poe2tools.net\/wp-content\/uploads\/2025\/12\/poe2-\uc0b4\uc544\uc788\ub294-\uc758\ub840-\uc591\ucd08-\ub369\uc5b4\ub9ac-\ud018\uc2a4\ud2b8.jpg\"\n                                                           class=\"poe2-image-preview poe2-inline-thumb\"\n                                                           role=\"button\"\n                                                           aria-label=\"\uc774\ubbf8\uc9c0 \ud06c\uac8c \ubcf4\uae30\"\n                                                           data-images=\"[&quot;https:\\\/\\\/poe2tools.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/poe2-\\uc0b4\\uc544\\uc788\\ub294-\\uc758\\ub840-\\uc591\\ucd08-\\ub369\\uc5b4\\ub9ac-\\ud018\\uc2a4\\ud2b8.jpg&quot;]\"\n                                                           data-alt=\"1\u968e\u306e[\u30ad\u30e3\u30f3\u30c9\u30eb\u30de\u30b9]\u8a0e\u4f10\"\n                                                           data-index=\"0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/poe2tools.net\/wp-content\/uploads\/2025\/12\/poe2-\uc0b4\uc544\uc788\ub294-\uc758\ub840-\uc591\ucd08-\ub369\uc5b4\ub9ac-\ud018\uc2a4\ud2b8.jpg\"\n                                                                 alt=\"1\u968e\u306e[\u30ad\u30e3\u30f3\u30c9\u30eb\u30de\u30b9]\u8a0e\u4f10\"\n                                                                 loading=\"lazy\">\n                                                        <\/a>\n                                                                                                            <\/div>\n                                                <\/div>\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('13-1') }\"\n                                                 @click.stop=\"toggleChildComplete('13-1')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('13-1')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                \n                                <div class=\"poe2-child-item\">\n                                <div class=\"poe2-child-card poe2-child-card--boss\"\n                                     id=\"child-13-2\"\n                                     :class=\"{ 'poe2-child-card--completed': isChildCompleted('13-2') }\">\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \ud5e4\ub354 -->\n                                    <div class=\"poe2-child-header\" \n                                                                                  style=\"cursor: default;\">\n                                        <div class=\"poe2-child-left\">\n                                            \n                                            <div class=\"poe2-child-info\">\n                                                <h3 class=\"poe2-child-name\">\n                                                    <span>\ud83d\udc51<span class=\"poe2-boss-name\">\u30b8\u30aa\u30ce\u30fc\u30eb\u4f2f\u7235<\/span>\u8a0e\u4f10<\/span>\n                                                                                                                                                        <\/h3>\n                                                \n                                                <!-- \ud301 \ub178\ucd9c (\ud56d\uc0c1 \ud45c\uc2dc) -->\n                                                \n                                                <!-- \uc778\ub77c\uc778 \uc774\ubbf8\uc9c0 \ub178\ucd9c (\uc778\ub77c\uc778 \ubaa8\ub4dc\uc77c \ub54c\ub9cc) -->\n                                                                                            <\/div>\n                                        <\/div>\n                                        <div class=\"poe2-child-right\">\n                                            <div class=\"poe2-child-checkbox\"\n                                                 :class=\"{ 'poe2-child-checkbox--checked': isChildCompleted('13-2') }\"\n                                                 @click.stop=\"toggleChildComplete('13-2')\"\n                                                 style=\"cursor: pointer;\"> <!-- \uccb4\ud06c\ubc15\uc2a4\ub294 \ud56d\uc0c1 \ud074\ub9ad \uac00\ub2a5\ud574\uc57c \ud568 -->\n                                                <template x-if=\"isChildCompleted('13-2')\">\n                                                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                                    <\/svg>\n                                                <\/template>\n                                            <\/div>\n                                                                                        <!-- \uacf5\uac04 \ud655\ubcf4\uc6a9 \ud22c\uba85 \ubc15\uc2a4 -->\n                                            <div style=\"width: 1.25rem; height: 1.25rem;\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n\n                                    <!-- \ud558\uc704 \ud018\uc2a4\ud2b8 \uc0c1\uc138 (\ub0b4\uc6a9\uc774 \uc788\uc744 \ub54c\ub9cc \ub80c\ub354\ub9c1 - \uc778\ub77c\uc778 \ubaa8\ub4dc\uac00 \uc544\ub2d0 \ub54c) -->\n                                                                    <\/div>\n                                <\/div>\n                                                                <\/div>\n                            <\/div><!-- \/.poe2-parent-content -->\n\n                            <!-- \ub2e4\uc74c \uc774\ub3d9 (\ud478\ud130 \uc2a4\ud0c0\uc77c) -->\n                                                        <div class=\"poe2-next-move-footer\">\n                                                                <div class=\"poe2-next-act-card\" @click.stop=\"goToNextActWithComplete('13')\">\n                                    <div class=\"poe2-next-act-content\">\n                                        <div class=\"poe2-next-act-label\">Act \u30af\u30ea\u30a2<\/div>\n                                        <h3 class=\"poe2-next-act-title\">\u6b21\u306eAct\u3078 (Act 2)<\/h3>\n                                    <\/div>\n                                    <div class=\"poe2-next-act-arrow\">\u2192<\/div>\n                                <\/div>\n                                                                                            <\/div>\n                            \n                                                    <\/div>\n                                            <\/div>\n\n                                        \n                                    <\/div>\n\n                <!-- \uc561\ud2b8 \ub124\ube44\uac8c\uc774\uc158 -->\n                <div style=\"margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #334155; display: flex; justify-content: space-between;\">\n                                        <div><\/div>\n                    \n                                        <a href=\"\/quests\/act-2\/\" @click.prevent=\"selectAct(2)\" class=\"poe2-control-btn\" style=\"flex: 0 0 auto; text-decoration: none;\">\n                        Act 2 \u2192\n                    <\/a>\n                                    <\/div>\n            <\/main>\n        <\/div>\n\n        <script>\n        if (typeof poe2BasePath === 'undefined') {\n            var poe2BasePath = \"\\\/quests\\\/\";\n        }\n        const poe2I18n = {\n            resetConfirm: \"\\u672c\\u5f53\\u306b\\u9032\\u884c\\u72b6\\u6cc1\\u3092\\u30ea\\u30bb\\u30c3\\u30c8\\u3057\\u307e\\u3059\\u304b\\uff1f\",\n        };\n        function questToolV2() {\n            return {\n                currentAct: 1,\n                expandedParents: new Set(['1']),\n                expandedChildren: new Set(),\n                completedChildren: new Set(),\n                completedParents: new Set(),\n                allExpanded: false,\n                questData: [{\"id\":\"1\",\"step\":\"1\",\"name\":\"\\u5ddd\\u5cb8\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\\u30af\\u30ea\\u30a2\\u30d5\\u30a7\\u30eb\\u3078\\u79fb\\u52d5\",\"images\":[],\"children\":[{\"id\":\"1-1\",\"step\":\"1-1\",\"name\":\"[\\u8150\\u4e71\\u3057\\u305f\\u7c89\\u5c4b]\\u8a0e\\u4f10\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\\u9053\\u4e2d\\u306e\\u5927\\u304d\\u306a\\u7bb1\\u304b\\u3089\\u6700\\u521d\\u306e\\u30b9\\u30ad\\u30eb\\u30b8\\u30a7\\u30e0\\u5165\\u624b\\u30fb\\u88c5\\u5099\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"1-2\",\"step\":\"1-2\",\"name\":\"\\u30af\\u30ea\\u30a2\\u30d5\\u30a7\\u30eb\\u306e\\u91ce\\u55b6\\u5730\\u3078\\u79fb\\u52d5\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"1-3\",\"step\":\"1-3\",\"name\":\"\\u30af\\u30ea\\u30a2\\u30d5\\u30a7\\u30eb\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"},{\"id\":\"2\",\"step\":\"2\",\"name\":\"\\u30af\\u30ea\\u30a2\\u30d5\\u30a7\\u30eb\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"children\":[{\"id\":\"2-1\",\"step\":\"2-1\",\"name\":\"[\\u8150\\u308a\\u3057\\u7fa4\\u308c\\u306e\\u30d9\\u30a4\\u30e9]\\u8a0e\\u4f10\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\\u51b7\\u6c17\\u8010\\u6027+10%\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"2-2\",\"step\":\"2-2\",\"name\":\"\\u30b0\\u30ec\\u30eb\\u30a6\\u30c3\\u30c9\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"},{\"id\":\"3\",\"step\":\"3\",\"name\":\"\\u30b0\\u30ec\\u30eb\\u30a6\\u30c3\\u30c9\",\"description\":\"\\u30b0\\u30ec\\u30eb\\u30a6\\u30c3\\u30c9\\u5230\\u9054\\u30fb\\u5468\\u8fba\\u5730\\u57dfWP\\u78ba\\u4fdd\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"children\":[{\"id\":\"3-1\",\"step\":\"3-1\",\"name\":\"\\u30de\\u30c3\\u30d7\\u4e2d\\u592e\\u306e\\u30a6\\u30fc\\u30ca\\u3068\\u4f1a\\u8a71\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"3-2\",\"step\":\"3-2\",\"name\":\"\\u30de\\u30c3\\u30d7\\u63a2\\u7d22\\u3001\\u4e0d\\u6c17\\u5473\\u306a\\u3082\\u3064\\u308c\\u3078\\u79fb\\u52d5\\u3001WP\\u89e3\\u653e\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"3-3\",\"step\":\"3-3\",\"name\":\"\\u8d64\\u304d\\u8c37\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"},{\"id\":\"4\",\"step\":\"4\",\"name\":\"\\u8d64\\u304d\\u8c37\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"children\":[{\"id\":\"4-1\",\"step\":\"4-1\",\"name\":\"3\\u3064\\u306e\\u30aa\\u30d9\\u30ea\\u30b9\\u30af\\u8d77\\u52d5\\u3001\\u30e2\\u30f3\\u30b9\\u30bf\\u30fc\\u8a0e\\u4f10\\u3001{\\u30af\\u30a8\\u30b9\\u30c8\\u30a2\\u30a4\\u30c6\\u30e0}\\u5165\\u624b\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"4-2\",\"step\":\"4-2\",\"name\":\"[\\u9306\\u306e\\u738b]\\u8a0e\\u4f10\\u3001{\\u30af\\u30a8\\u30b9\\u30c8\\u30a2\\u30a4\\u30c6\\u30e0}\\u5165\\u624b\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"4-3\",\"step\":\"4-3\",\"name\":\"\\u62e0\\u70b9\\u3078\\u5e30\\u9084\\u25b7\\u30ec\\u30f3\\u30ea\\u30fc\\u3068\\u4f1a\\u8a71\\u3001{\\u30eb\\u30fc\\u30f3\\u306e\\u91d8}\\u5165\\u624b\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"4-4\",\"step\":\"4-4\",\"name\":\"\\u30b0\\u30ec\\u30eb\\u30a6\\u30c3\\u30c9(WP\\u5229\\u7528)\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"},{\"id\":\"5\",\"step\":\"5\",\"name\":\"\\u30b0\\u30ec\\u30eb\\u30a6\\u30c3\\u30c9\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"children\":[{\"id\":\"5-1\",\"step\":\"5-1\",\"name\":\"\\u9b42\\u306e\\u6728\\u5c01\\u53703\\u7b87\\u6240\\u89e3\\u9664\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"5-2\",\"step\":\"5-2\",\"name\":\"\\u62e0\\u70b9\\u3078\\u5e30\\u9084\\u25b7\\u30a6\\u30fc\\u30ca\\u3001\\u30ec\\u30f3\\u30ea\\u30fc\\u3068\\u4f1a\\u8a71\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"5-3\",\"step\":\"5-3\",\"name\":\"\\u4e0d\\u6c17\\u5473\\u306a\\u3082\\u3064\\u308c(WP\\u5229\\u7528)\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"},{\"id\":\"6\",\"step\":\"6\",\"name\":\"\\u4e0d\\u6c17\\u5473\\u306a\\u3082\\u3064\\u308c\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"children\":[{\"id\":\"6-1\",\"step\":\"6-1\",\"name\":\"\\u30a6\\u30fc\\u30ca\\u53ec\\u559a\\u3001\\u8526\\u9664\\u53bb\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"6-2\",\"step\":\"6-2\",\"name\":\"^{\\u30a8\\u30eb\\u30f4\\u30a3\\u30b0}\\u8a0e\\u4f10(\\u5831\\u916c\\uff1a\\u30b5\\u30dd\\u30fc\\u30c8\\u30b8\\u30a7\\u30e0)\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"6-3\",\"step\":\"6-3\",\"name\":\"\\u6c38\\u9060\\u306a\\u308b\\u5e1d\\u56fd\\u306e\\u5893\\u5730\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"},{\"id\":\"7\",\"step\":\"7\",\"name\":\"\\u6c38\\u9060\\u306a\\u308b\\u5e1d\\u56fd\\u306e\\u5893\\u5730\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"children\":[{\"id\":\"7-1\",\"step\":\"7-1\",\"name\":\"\\u6cd5\\u52d9\\u5b98\\u306e\\u970a\\u5edf\\u3078\\u79fb\\u52d5\\u25b6[\\u30c9\\u30ec\\u30a4\\u30f4\\u30f3]\\u8a0e\\u4f10\\u25b6\\u30dd\\u30fc\\u30bf\\u30eb\\u5e30\\u9084\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"7-2\",\"step\":\"7-2\",\"name\":\"\\u5983\\u306e\\u5893\\u6240\\u3078\\u79fb\\u52d5\\u25b6[\\u30a2\\u30b7\\u30cb\\u30a2]\\u8a0e\\u4f10\\u25b6\\u30dd\\u30fc\\u30bf\\u30eb\\u5e30\\u9084\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"7-3\",\"step\":\"7-3\",\"name\":\"[\\u30e9\\u30af\\u30e9\\u30f3]\\u3068\\u4f1a\\u8a71\\u25b6[\\u30e9\\u30af\\u30e9\\u30f3]\\u8a0e\\u4f10\\u25b6\\u62e0\\u70b9\\u3078\\u5e30\\u9084\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"7-4\",\"step\":\"7-4\",\"name\":\"\\u72e9\\u5834\\u3078\\u79fb\\u52d5(WP)\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"},{\"id\":\"8\",\"step\":\"8\",\"name\":\"\\u72e9\\u5834\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"children\":[{\"id\":\"8-1\",\"step\":\"8-1\",\"name\":\"[\\u30af\\u30ed\\u30a6\\u30d9\\u30eb]\\u8a0e\\u4f10\",\"description\":\"\",\"objectives\":[],\"rewards\":\"2\\u6b66\\u5668\\u30bb\\u30c3\\u30c8\\u30d1\\u30c3\\u30b7\\u30d6\\u30b9\\u30ad\\u30eb\\u30dd\\u30a4\\u30f3\\u30c8\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"8-2\",\"step\":\"8-2\",\"name\":\"\\u30d5\\u30ec\\u30a4\\u30bd\\u30fc\\u30f3(WP\\u767b\\u9332\\u306e\\u307f)\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\\u26a0\\ufe0f\\u5e8f\\u76e4\\u306f\\u9ad8\\u96e3\\u6613\\u5ea6\\u3002WP\\u89e3\\u653e\\u306e\\u307f\\u884c\\u3044\\u5f8c\\u56de\\u3057\\u63a8\\u5968\\u3002\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"8-3\",\"step\":\"8-3\",\"name\":\"\\u30aa\\u30ac\\u30e0\\u306e\\u8fb2\\u5730\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"},{\"id\":\"9\",\"step\":\"9\",\"name\":\"\\u30aa\\u30ac\\u30e0\\u306e\\u8fb2\\u5730\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"children\":[{\"id\":\"9-1\",\"step\":\"9-1\",\"name\":\"{\\u30a6\\u30fc\\u30ca\\u306e\\u5c0f\\u5c4b}\\u78ba\\u4fdd\",\"description\":\"\",\"objectives\":[],\"rewards\":\"2\\u6b66\\u5668\\u30bb\\u30c3\\u30c8\\u30d1\\u30c3\\u30b7\\u30d6\\u30b9\\u30ad\\u30eb\\u30dd\\u30a4\\u30f3\\u30c8\",\"tip\":\"\\u5c0f\\u5c4b\\u5185\\u306e\\u7bb1\\u306b\\u30a4\\u30f3\\u30bf\\u30e9\\u30af\\u30c8\\u3057\\u3066\\u30ea\\u30e5\\u30fc\\u30c8\\u5165\\u624b\",\"quest\":\"\",\"images\":[\"https:\\\/\\\/poe2tools.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/poe2-\\uc6b0\\ub098\\uc758-\\ub958\\ud2b8\\uc0c1\\uc790-\\ud018\\uc2a4\\ud2b8.jpg\"],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"9-2\",\"step\":\"9-2\",\"name\":\"\\u30aa\\u30ac\\u30e0\\u6751WP\\u89e3\\u653e\\u5f8c\\u25b7\\u62e0\\u70b9\\u3078\\u5e30\\u9084\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"},{\"id\":\"10\",\"step\":\"10\",\"name\":\"\\u30d5\\u30ec\\u30a4\\u30bd\\u30fc\\u30f3\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"children\":[{\"id\":\"10-1\",\"step\":\"10-1\",\"name\":\"4\\u3064\\u306e\\u5100\\u5f0f\\u30af\\u30ea\\u30a2\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"10-2\",\"step\":\"10-2\",\"name\":\"[\\u9727\\u306e\\u738b]\\u8a0e\\u4f10\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\\u30b9\\u30d4\\u30ea\\u30c3\\u30c8+30\",\"tip\":\"4\\u756a\\u76ee\\u306e\\u5100\\u5f0f\\u30af\\u30ea\\u30a2\\u5f8c\\u3001\\u9727\\u306e\\u738b\\u304c\\u767b\\u5834\\u3002\\u30d5\\u30a3\\u30f3\\u3068\\u306e\\u4f1a\\u8a71\\u5831\\u916c\\u306f\\u30b5\\u30d5\\u30a1\\u30a4\\u30a2\\u30c1\\u30e3\\u30fc\\u30e0\\u63a8\\u5968\\u3002\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"10-3\",\"step\":\"10-3\",\"name\":\"\\u30aa\\u30ac\\u30e0\\u6751\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"},{\"id\":\"11\",\"step\":\"11\",\"name\":\"\\u30aa\\u30ac\\u30e0\\u6751\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"children\":[{\"id\":\"11-1\",\"step\":\"11-1\",\"name\":\"\\u71c3\\u3048\\u308b\\u6751\\u3067{\\u935b\\u51b6\\u9053\\u5177}\\u5165\\u624b\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\\u30b5\\u30eb\\u30d9\\u30fc\\u30b8\\u30d9\\u30f3\\u30c1\\u89e3\\u653e\",\"tip\":\"\",\"quest\":\"\\u935b\\u51b6\\u5834\\u767a\\u898b\",\"images\":[\"https:\\\/\\\/poe2tools.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/poe2-\\ub300\\uc7a5\\uc7a5\\uc774-\\ub3c4\\uad6c-\\ud018\\uc2a4\\ud2b8.jpg\"],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"11-2\",\"step\":\"11-2\",\"name\":\"[\\u51e6\\u5211\\u4eba]\\u8a0e\\u4f10\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"11-3\",\"step\":\"11-3\",\"name\":\"\\u90b8\\u5b85\\u306e\\u57ce\\u58c1\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"},{\"id\":\"12\",\"step\":\"12\",\"name\":\"\\u90b8\\u5b85\\u306e\\u57ce\\u58c1\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"children\":[{\"id\":\"12-1\",\"step\":\"12-1\",\"name\":\"\\u30aa\\u30ac\\u30e0\\u306e\\u90b8\\u5b85\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"},{\"id\":\"13\",\"step\":\"13\",\"name\":\"\\u30aa\\u30ac\\u30e0\\u306e\\u90b8\\u5b85\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"children\":[{\"id\":\"13-1\",\"step\":\"13-1\",\"name\":\"1\\u968e\\u306e[\\u30ad\\u30e3\\u30f3\\u30c9\\u30eb\\u30de\\u30b9]\\u8a0e\\u4f10\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\\u6700\\u5927\\u30e9\\u30a4\\u30d5+20\",\"tip\":\"\\u300c\\u72c2\\u6c17\\u306e\\u8b83\\u6b4c\\u300d\\u306b\\u5fc5\\u305a\\u30a4\\u30f3\\u30bf\\u30e9\\u30af\\u30c8\\u3067\\u30dc\\u30b9\\u51fa\\u73fe\",\"quest\":\"\",\"images\":[\"https:\\\/\\\/poe2tools.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/poe2-\\uc0b4\\uc544\\uc788\\ub294-\\uc758\\ub840-\\uc591\\ucd08-\\ub369\\uc5b4\\ub9ac-\\ud018\\uc2a4\\ud2b8.jpg\"],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"13-2\",\"step\":\"13-2\",\"name\":\"\\ud83d\\udc51[\\u30b8\\u30aa\\u30ce\\u30fc\\u30eb\\u4f2f\\u7235]\\u8a0e\\u4f10\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"},{\"id\":\"13-3\",\"step\":\"13-3\",\"name\":\"\\u6b21\\u306eAct\\u3078\",\"description\":\"\",\"objectives\":[],\"rewards\":\"\",\"tip\":\"\",\"quest\":\"\",\"images\":[],\"is_parent\":false,\"rewards2\":\"\"}],\"is_parent\":true,\"point\":0,\"rewards2\":\"\"}],\n\n                init() {\n                    this.loadProgress();\n                    \/\/ DOM \ub80c\ub354\ub9c1 \ud6c4 \uc2a4\uc640\uc774\ud504 \ubc0f \uc774\ubbf8\uc9c0 \ud504\ub9ac\ubdf0 \ucd08\uae30\ud654\n                    this.$nextTick(() => {\n                        this.initSwipeGestures();\n\n                        \/\/ \uc774\ubbf8\uc9c0 \ud234\ud301 \ud504\ub9ac\ubdf0 \ucd08\uae30\ud654\n                        if (typeof window.initPoeImagePreviews === 'function') {\n                            setTimeout(() => window.initPoeImagePreviews(), 100);\n                        }\n                    });\n                },\n\n                \/\/ \uc2a4\uc640\uc774\ud504 \uc81c\uc2a4\ucc98 \ucd08\uae30\ud654\n                initSwipeGestures() {\n                    const cards = document.querySelectorAll('.poe2-child-card');\n                    \n                    cards.forEach(card => {\n                        \/\/ \uc774\ubbf8 \uc774\ubca4\ud2b8\uac00 \ub4f1\ub85d\ub41c \uacbd\uc6b0 \uc2a4\ud0b5 (\uc911\ubcf5 \ubc29\uc9c0)\n                        if (card.dataset.swipeInitialized) return;\n                        \n                        let startX = 0;\n                        let startY = 0;\n                        let currentX = 0;\n                        let isSwiping = false;\n                        const threshold = 80; \/\/ \uc644\ub8cc \uc778\uc2dd \uac70\ub9ac\n\n                        const handleTouchStart = (e) => {\n                            startX = e.touches[0].clientX;\n                            startY = e.touches[0].clientY;\n                            isSwiping = false;\n                            card.style.transition = 'none'; \/\/ \ub4dc\ub798\uadf8 \uc911\uc5d0\ub294 \ud2b8\ub79c\uc9c0\uc158 \uc81c\uac70\n                        };\n\n                        const handleTouchMove = (e) => {\n                            currentX = e.touches[0].clientX;\n                            const currentY = e.touches[0].clientY;\n                            const diffX = currentX - startX;\n                            const diffY = Math.abs(currentY - startY);\n\n                            \/\/ \uc218\uc9c1 \uc2a4\ud06c\ub864\ubcf4\ub2e4 \uc218\ud3c9 \uc774\ub3d9\uc774 \ud06c\uace0, \uc624\ub978\ucabd\uc73c\ub85c \uc774\ub3d9 \uc911\uc77c \ub54c\ub9cc \uc2a4\uc640\uc774\ud504 \uc2dc\uc791\n                            if (!isSwiping) {\n                                if (diffX > 10 && diffX > diffY) {\n                                    isSwiping = true;\n                                    \/\/ \uc2a4\ud06c\ub864 \ubc29\uc9c0\n                                    if (e.cancelable) e.preventDefault(); \n                                }\n                            }\n\n                            if (isSwiping) {\n                                if (e.cancelable) e.preventDefault();\n                                \/\/ \uc624\ub978\ucabd\uc73c\ub85c\ub9cc \uc774\ub3d9 \ud5c8\uc6a9 (\ucd5c\ub300 150px)\n                                const translateX = Math.max(0, Math.min(diffX, 150));\n                                card.style.transform = `translateX(${translateX}px)`;\n                                \n                                \/\/ \uc784\uacc4\uac12 \ub118\uc73c\uba74 \uc2dc\uac01\uc801 \ud53c\ub4dc\ubc31 (\ubc30\uacbd\uc0c9 \ub4f1 \ucc98\ub9ac \uac00\ub2a5)\n                                if (translateX > threshold) {\n                                    card.style.borderColor = '#22c55e';\n                                } else {\n                                    card.style.borderColor = 'rgba(255, 255, 255, 0.05)';\n                                }\n                            }\n                        };\n\n                        const handleTouchEnd = (e) => {\n                            if (!isSwiping) return;\n                            \n                            const diffX = currentX - startX;\n                            const childId = card.id.replace('child-', '');\n                            \n                            \/\/ \ud2b8\ub79c\uc9c0\uc158 \ubcf5\uad6c\n                            card.style.transition = 'transform 0.3s ease, border-color 0.3s ease';\n                            card.style.borderColor = 'rgba(255, 255, 255, 0.05)';\n\n                            if (diffX > threshold) {\n                                \/\/ \uc2a4\uc640\uc774\ud504 \uc131\uacf5 -> \uc81c\uc790\ub9ac \ubcf5\uadc0 + \uccb4\ud06c\uac00 \ub354 \uc548\uc815\uc801\n                                card.style.transform = 'translateX(0)';\n                                \n                                \/\/ \uc774\ubbf8 \uc644\ub8cc\ub41c \uc0c1\ud0dc\uac00 \uc544\ub2c8\ub77c\uba74 \ud1a0\uae00\n                                if (!this.isChildCompleted(childId)) {\n                                    this.toggleChildComplete(childId);\n                                    \/\/ \uc9c4\ub3d9 \ud53c\ub4dc\ubc31 (\uc9c0\uc6d0 \uae30\uae30\ub9cc)\n                                    if (navigator.vibrate) navigator.vibrate(50);\n                                }\n                            } else {\n                                \/\/ \ucde8\uc18c -> \uc6d0\uc704\uce58\n                                card.style.transform = 'translateX(0)';\n                            }\n                            \n                            isSwiping = false;\n                        };\n\n                        card.addEventListener('touchstart', handleTouchStart, { passive: true });\n                        card.addEventListener('touchmove', handleTouchMove, { passive: false });\n                        card.addEventListener('touchend', handleTouchEnd, { passive: true });\n                        \n                        card.dataset.swipeInitialized = 'true';\n                    });\n                },\n\n                \/\/ \uc9c4\ud589\ub960 \uacc4\uc0b0\n                get totalCount() {\n                    if (!Array.isArray(this.questData)) return 0;\n                    return this.questData.length;\n                },\n\n                get completedCount() {\n                    if (!Array.isArray(this.questData)) return 0;\n                    return this.questData.filter(parent => this.isParentCompleted(parent.id)).length;\n                },\n\n                get completionPercentage() {\n                    if (this.totalCount === 0) return 0;\n                    return Math.round((this.completedCount \/ this.totalCount) * 100);\n                },\n\n                \/\/ \ub300\ubd84\ub958 \ud1a0\uae00 (Accordion: One open at a time)\n                toggleParent(parentId) {\n                    if (this.expandedParents.has(parentId)) {\n                        this.expandedParents.delete(parentId);\n                    } else {\n                        \/\/ \ub2e4\ub978 \ubaa8\ub4e0 \ub300\ubd84\ub958 \ub2eb\uae30 (Mutex)\n                        this.expandedParents.clear();\n                        this.expandedParents.add(parentId);\n                    }\n                    this.expandedParents = new Set(this.expandedParents);\n                },\n\n                isParentExpanded(parentId) {\n                    return this.expandedParents.has(parentId);\n                },\n\n                \/\/ \ud558\uc704 \ud018\uc2a4\ud2b8 \ud1a0\uae00\n                toggleChild(childId) {\n                    if (this.expandedChildren.has(childId)) {\n                        this.expandedChildren.delete(childId);\n                    } else {\n                        this.expandedChildren.add(childId);\n                    }\n                    this.expandedChildren = new Set(this.expandedChildren);\n                },\n\n                isChildExpanded(childId) {\n                    return this.expandedChildren.has(childId);\n                },\n\n                \/\/ \ud558\uc704 \ud018\uc2a4\ud2b8 \uc644\ub8cc \ud1a0\uae00\n                toggleChildComplete(childId) {\n                    const isCompleting = !this.completedChildren.has(childId);\n\n                    if (this.completedChildren.has(childId)) {\n                        this.completedChildren.delete(childId);\n                    } else {\n                        this.completedChildren.add(childId);\n                    }\n                    this.completedChildren = new Set(this.completedChildren);\n                    \n                    \/\/ *** Catch-up Logic: \uc774\uc804 \ud018\uc2a4\ud2b8 \uc790\ub3d9 \uc644\ub8cc ***\n                    if (isCompleting) {\n                        let foundTarget = false;\n                        \n                        \/\/ \ub370\uc774\ud130 \uc21c\uc11c\ub300\ub85c \uc21c\ud68c\n                        for (let i = 0; i < this.questData.length; i++) {\n                            const parent = this.questData[i];\n                            \n                            if (parent.children && parent.children.length > 0) {\n                                for (let j = 0; j < parent.children.length; j++) {\n                                    const child = parent.children[j];\n                                    \n                                    if (child.id === childId) {\n                                        foundTarget = true;\n                                        break; \/\/ \ud0c0\uac9f \ucc3e\uc74c\n                                    }\n                                    \n                                    \/\/ \ud0c0\uac9f\uc744 \ucc3e\uae30 \uc804\uae4c\uc9c0 \ub9cc\ub098\ub294 \ubaa8\ub4e0 \uc790\uc2dd \ud018\uc2a4\ud2b8 \uc644\ub8cc \ucc98\ub9ac\n                                    this.completedChildren.add(child.id);\n                                }\n                            }\n                            \n                            if (foundTarget) break; \/\/ \uc804\uccb4 \ub8e8\ud504 \uc885\ub8cc\n                            \n                            \/\/ \ud0c0\uac9f\uc774 \uc774 \ubd80\ubaa8 \uadf8\ub8f9\uc5d0 \uc5c6\uc5c8\ub2e4\uba74, \uc774 \ubd80\ubaa8\ub294 \"\uc774\uc804 \ubd80\ubaa8\"\uc784\n                            \/\/ \ubd80\ubaa8 \uc790\uccb4\ub3c4 \uc644\ub8cc \ucc98\ub9ac (\ub2e8\uc77c \ud018\uc2a4\ud2b8 \ubd80\ubaa8 \ub4f1 \uace0\ub824)\n                            this.completedParents.add(parent.id);\n                        }\n                        \n                        this.completedChildren = new Set(this.completedChildren);\n                        this.completedParents = new Set(this.completedParents);\n                    }\n\n                    \/\/ \uccb4\ud06c\ubc15\uc2a4\ub85c \uc778\ud574 \ubd80\ubaa8\uac00 \uc644\ub8cc\ub418\uc5c8\ub294\uc9c0 \ud655\uc778\ud558\uace0 \uc790\ub3d9 \ub118\uae40\n                    const parent = this.questData.find(p => p.children && p.children.some(c => c.id === childId));\n                    if (parent && this.isParentCompleted(parent.id)) {\n                        setTimeout(() => {\n                           this.advanceToNextParent(parent.id);\n                        }, 500);\n                    }\n\n                    this.saveProgress();\n                    this.updateProgressBar();\n                },\n\n                isChildCompleted(childId) {\n                    return this.completedChildren.has(childId);\n                },\n\n                \/\/ \ub300\ubd84\ub958 \uc644\ub8cc \uccb4\ud06c\n                isParentCompleted(parentId) {\n                    const parent = this.questData.find(p => p.id === parentId);\n                    if (!parent) return false;\n\n                    if (parent.children && parent.children.length > 0) {\n                        if (parent.children.length > 1) {\n                            const quests = parent.children.slice(0, -1);\n                            return quests.every(child => this.completedChildren.has(child.id));\n                        }\n                        return this.completedChildren.has(parent.children[0].id);\n                    }\n                    return this.completedParents.has(parentId);\n                },\n\n                getParentProgress(parentId) {\n                    const parent = this.questData.find(p => p.id === parentId);\n                    if (!parent || !parent.children || parent.children.length === 0) return '0\/0';\n\n                    const childrenToCount = parent.children.slice(0, -1);\n                    const completed = childrenToCount.filter(c => this.completedChildren.has(c.id)).length;\n                    return `${completed}\/${childrenToCount.length}`;\n                },\n\n                \/\/ \ub300\ubd84\ub958 \uc644\ub8cc \ud574\uc81c (\ub418\ub3cc\ub9ac\uae30)\n                uncompleteParent(parentId) {\n                    const parent = this.questData.find(p => p.id === parentId);\n                    if (!parent) return;\n\n                    \/\/ \ud574\ub2f9 \ub300\ubd84\ub958\uc758 \uc790\uc2dd\ub4e4\ub9cc completedChildren\uc5d0\uc11c \uc81c\uac70\n                    if (parent.children && parent.children.length > 0) {\n                        parent.children.forEach(child => {\n                            this.completedChildren.delete(child.id);\n                        });\n                    }\n\n                    \/\/ completedParents\uc5d0\uc11c\ub3c4 \uc81c\uac70\n                    this.completedParents.delete(parentId);\n\n                    this.completedChildren = new Set(this.completedChildren);\n                    this.completedParents = new Set(this.completedParents);\n\n                    this.saveProgress();\n                    this.updateProgressBar();\n                },\n\n                completeParent(parentId) {\n                    const parent = this.questData.find(p => p.id === parentId);\n                    if (!parent) return;\n\n                    \/\/ *** Catch-up Logic: \uc774\uc804 \ubd80\ubaa8\ub4e4\uacfc \uadf8 \uc790\uc2dd\ub4e4 \uc790\ub3d9 \uc644\ub8cc ***\n                    for (let i = 0; i < this.questData.length; i++) {\n                        const p = this.questData[i];\n\n                        if (p.id === parentId) {\n                            \/\/ \ud604\uc7ac \ubd80\ubaa8\uc758 \uc790\uc2dd\ub4e4 \uc644\ub8cc \ucc98\ub9ac\n                            if (p.children && p.children.length > 0) {\n                                p.children.forEach(child => {\n                                    this.completedChildren.add(child.id);\n                                });\n                            } else {\n                                this.completedParents.add(p.id);\n                            }\n                            break;\n                        }\n\n                        \/\/ \ud0c0\uac9f\uc744 \ucc3e\uae30 \uc804\uae4c\uc9c0 \ub9cc\ub098\ub294 \ubaa8\ub4e0 \ubd80\ubaa8\uc640 \uc790\uc2dd \uc644\ub8cc \ucc98\ub9ac\n                        if (p.children && p.children.length > 0) {\n                            p.children.forEach(child => {\n                                this.completedChildren.add(child.id);\n                            });\n                        }\n                        this.completedParents.add(p.id);\n                    }\n\n                    this.completedChildren = new Set(this.completedChildren);\n                    this.completedParents = new Set(this.completedParents);\n\n                    this.saveProgress();\n                    this.updateProgressBar();\n\n                    \/\/ \ub2e4\uc74c\uc73c\ub85c \uc790\ub3d9 \uc774\ub3d9\n                    this.advanceToNextParent(parentId);\n                },\n                \n                \/\/ \ub2e4\uc74c \ub300\ubd84\ub958\ub85c \uc774\ub3d9 (\uc790\ub3d9 \ub118\uae40)\n                advanceToNextParent(currentParentId) {\n                    const index = this.questData.findIndex(p => p.id === currentParentId);\n                    \n                    \/\/ \ud604\uc7ac \ub300\ubd84\ub958 \uc811\uae30\n                    if (this.expandedParents.has(currentParentId)) {\n                        this.expandedParents.delete(currentParentId);\n                    }\n                    \n                    \/\/ \ub2e4\uc74c \ub300\ubd84\ub958\uac00 \uc788\ub2e4\uba74\n                    if (index > -1 && index < this.questData.length - 1) {\n                        const nextParent = this.questData[index + 1];\n                        \n                        this.expandedParents.add(nextParent.id);\n                        this.expandedParents = new Set(this.expandedParents);\n                        \n                        this.$nextTick(() => {\n                            const nextElement = document.getElementById('parent-' + nextParent.id);\n                            if (nextElement) {\n                                nextElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n                                nextElement.classList.add('poe2-parent-card--highlight');\n                                setTimeout(() => nextElement.classList.remove('poe2-parent-card--highlight'), 2000);\n                            }\n                        });\n                    } else {\n                        this.expandedParents = new Set(this.expandedParents);\n                    }\n                },\n\n                \/\/ \ub2e4\uc74c \uc561\ud2b8\ub85c \uc774\ub3d9 (\uc644\ub8cc \ucc98\ub9ac \ud6c4)\n                goToNextActWithComplete(parentId) {\n                    \/\/ \uba3c\uc800 \ud604\uc7ac \ud018\uc2a4\ud2b8 \uc644\ub8cc \ucc98\ub9ac\n                    this.completeParent(parentId);\n\n                    \/\/ \ub2e4\uc74c \uc561\ud2b8\ub85c \uc774\ub3d9\n                    const nextAct = this.currentAct + 1;\n                    if (nextAct <= 5) { \/\/ \ucd5c\ub300 Act \uc81c\ud55c \ud655\uc778 (\uc77c\ub2e8 5\uae4c\uc9c0)\n                        setTimeout(() => {\n                            const newUrl = `${poe2BasePath}act-${nextAct}\/`;\n                            window.location.href = newUrl;\n                        }, 300); \/\/ 300ms \ub51c\ub808\uc774 (\uc560\ub2c8\uba54\uc774\uc158 \ub4f1 \uace0\ub824)\n                    }\n                },\n\n                \/\/ \ubaa8\ub450 \ud3bc\uce58\uae30\/\uc811\uae30\n                toggleAllParents() {\n                    this.allExpanded = !this.allExpanded;\n\n                    if (this.allExpanded) {\n                        \/\/ \ubaa8\ub4e0 \ub300\ubd84\ub958\uc640 \ud558\uc704 \ud56d\ubaa9 \ud3bc\uce58\uae30\n                        this.questData.forEach(parent => {\n                            this.expandedParents.add(parent.id);\n                            if (parent.children) {\n                                parent.children.forEach(child => {\n                                    this.expandedChildren.add(child.id);\n                                });\n                            }\n                        });\n                    } else {\n                        this.expandedParents.clear();\n                        this.expandedChildren.clear();\n                    }\n                    this.expandedParents = new Set(this.expandedParents);\n                    this.expandedChildren = new Set(this.expandedChildren);\n                },\n\n                \/\/ \uc9c4\ud589\ub960 \ucd08\uae30\ud654\n                resetProgress() {\n                    if (confirm(poe2I18n.resetConfirm || '\u672c\u5f53\u306b\u9032\u884c\u72b6\u6cc1\u3092\u30ea\u30bb\u30c3\u30c8\u3057\u307e\u3059\u304b\uff1f')) {\n                        this.completedChildren.clear();\n                        this.completedParents.clear();\n                        this.completedChildren = new Set();\n                        this.completedParents = new Set();\n                        this.saveProgress();\n                        this.updateProgressBar();\n                    }\n                },\n\n                \/\/ \uc561\ud2b8 \uc120\ud0dd\n                selectAct(actNumber) {\n                    if (this.currentAct == actNumber) return;\n                    let newUrl;\n                    if (actNumber === 'essential') {\n                        newUrl = `${poe2BasePath}essential\/`;\n                    } else if (actNumber == 1) {\n                        newUrl = poe2BasePath;\n                    } else {\n                        newUrl = `${poe2BasePath}act-${actNumber}\/`;\n                    }\n                    window.location.href = newUrl;\n                },\n\n                \/\/ \uc9c4\ud589\ub960 \uc800\uc7a5\n                saveProgress() {\n                    const data = {\n                        act: this.currentAct,\n                        completedChildren: Array.from(this.completedChildren),\n                        completedParents: Array.from(this.completedParents)\n                    };\n                    localStorage.setItem('poe2QuestProgressV2', JSON.stringify(data));\n                },\n\n                \/\/ \uc9c4\ud589\ub960 \ubd88\ub7ec\uc624\uae30\n                loadProgress() {\n                    try {\n                        const saved = localStorage.getItem('poe2QuestProgressV2');\n                        if (saved) {\n                            const data = JSON.parse(saved);\n                            if (data.act === this.currentAct) {\n                                this.completedChildren = new Set(data.completedChildren || []);\n                                this.completedParents = new Set(data.completedParents || []);\n                            }\n                        }\n                    } catch (e) {\n                        console.error('Failed to load progress:', e);\n                    }\n                    this.$nextTick(() => this.updateProgressBar());\n                },\n\n                \/\/ \uc9c4\ud589\ub960 \ubc14 \uc5c5\ub370\uc774\ud2b8\n                updateProgressBar() {\n                    this.$nextTick(() => {\n                        if (this.$refs.progressBar) {\n                            this.$refs.progressBar.style.width = this.completionPercentage + '%';\n                        }\n                    });\n                }\n            };\n        }\n\n        \/\/ \uc774\ubbf8\uc9c0 \ud234\ud301 \ud504\ub9ac\ubdf0 \ucd08\uae30\ud654 (Tippy.js)\n        window.initPoeImagePreviews = function() {\n            if (typeof tippy === 'undefined') {\n                return;\n            }\n\n            const triggers = document.querySelectorAll('.poe2-image-preview');\n\n            triggers.forEach(trigger => {\n                if (trigger.dataset.previewInitialized) return;\n\n                let images = [];\n                try {\n                    images = JSON.parse(trigger.dataset.images || '[]') || [];\n                } catch (e) {\n                    images = [];\n                }\n                images = images.filter(Boolean);\n                if (images.length === 0) {\n                    return;\n                }\n\n                const altText = trigger.dataset.alt || (trigger.querySelector('img') ? trigger.querySelector('img').alt : '\u30af\u30a8\u30b9\u30c8\u753b\u50cf');\n\n                const createContent = (initialIndex = 0) => {\n                    let currentIndex = Math.min(Math.max(initialIndex, 0), images.length - 1);\n                    const container = document.createElement('div');\n                    container.className = 'poe2-image-tooltip';\n\n                    const imageEl = document.createElement('img');\n                    imageEl.src = images[currentIndex];\n                    imageEl.alt = altText;\n                    imageEl.loading = 'lazy';\n                    container.appendChild(imageEl);\n\n                    if (images.length > 1) {\n                        const nav = document.createElement('div');\n                        nav.className = 'poe2-image-nav';\n\n                        const prevBtn = document.createElement('button');\n                        prevBtn.className = 'poe2-image-nav-btn';\n                        prevBtn.type = 'button';\n                        prevBtn.innerHTML = '\u2039';\n\n                        const nextBtn = document.createElement('button');\n                        nextBtn.className = 'poe2-image-nav-btn';\n                        nextBtn.type = 'button';\n                        nextBtn.innerHTML = '\u203a';\n\n                        const counter = document.createElement('div');\n                        counter.className = 'poe2-image-counter';\n                        counter.textContent = `${currentIndex + 1} \/ ${images.length}`;\n\n                        const updateImage = (delta) => {\n                            currentIndex = (currentIndex + delta + images.length) % images.length;\n                            imageEl.src = images[currentIndex];\n                            counter.textContent = `${currentIndex + 1} \/ ${images.length}`;\n                        };\n\n                        prevBtn.addEventListener('click', (e) => {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            updateImage(-1);\n                        });\n                        nextBtn.addEventListener('click', (e) => {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            updateImage(1);\n                        });\n\n                        nav.appendChild(prevBtn);\n                        nav.appendChild(nextBtn);\n                        container.appendChild(nav);\n                        container.appendChild(counter);\n                    }\n\n                    return container;\n                };\n\n                tippy(trigger, {\n                    content: createContent(parseInt(trigger.dataset.index || '0', 10)),\n                    allowHTML: true,\n                    interactive: true,\n                    theme: 'poe2-image-preview',\n                    maxWidth: 'none',\n                    placement: 'top',\n                    offset: [0, 12],\n                    trigger: 'mouseenter focus click',\n                    hideOnClick: true,\n                    delay: [150, 200],\n                    touch: true,\n                    appendTo: () => document.body,\n                    moveTransition: 'transform 0.15s ease, opacity 0.15s ease',\n                    popperOptions: {\n                        strategy: 'fixed',\n                        modifiers: [\n                            { name: 'flip', enabled: false },\n                            { name: 'preventOverflow', options: { padding: 8 } }\n                        ]\n                    },\n                    onShow(instance) {\n                        const startIndex = parseInt(instance.reference.dataset.index || '0', 10);\n                        instance.setContent(createContent(startIndex));\n                    }\n                });\n\n                \/\/ \ud074\ub9ad \uc2dc \ud398\uc774\uc9c0 \uc774\ub3d9\uc744 \ub9c9\uace0 \ud504\ub9ac\ubdf0\ub9cc \ub3d9\uc791\ud558\ub3c4\ub85d \ucc98\ub9ac\n                trigger.addEventListener('click', (e) => {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }, true);\n\n                trigger.dataset.previewInitialized = 'true';\n            });\n        };\n        <\/script>\n        \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7121\u99c4\u306a\u30af\u30a8\u30b9\u30c8\u3092\u7701\u304d\u3001\u30d1\u30c3\u30b7\u30d6\u30dd\u30a4\u30f3\u30c8\u306a\u3069\u306e\u91cd\u8981\u5831\u916c\u3092\u7db2\u7f85\u3057\u305f\u300c\u6700\u77ed\u30fb\u6700\u9069\u30eb\u30fc\u30c8\u300d\u3092\u6848\u5185\u3057\u307e\u3059\u3002 \u9032\u884c\u5ea6\u306f\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8\u3067\u7ba1\u7406\u3055\u308c\u3001\u81ea\u52d5\u4fdd\u5b58\uff08\u30aa\u30fc\u30c8\u30bb\u30fc\u30d6\uff09\u6a5f\u80fd\u306b\u3088\u308a\u3001\u3044\u3064\u3067\u3082\u300c\u7d9a\u304d\u304b\u3089\u300d\u518d\u958b\u53ef\u80fd\u3067\u3059\u3002<\/p>\n","protected":false},"author":1,"featured_media":666,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-383","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/poe2tools.net\/ja\/wp-json\/wp\/v2\/pages\/383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poe2tools.net\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/poe2tools.net\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/poe2tools.net\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/poe2tools.net\/ja\/wp-json\/wp\/v2\/comments?post=383"}],"version-history":[{"count":46,"href":"https:\/\/poe2tools.net\/ja\/wp-json\/wp\/v2\/pages\/383\/revisions"}],"predecessor-version":[{"id":687,"href":"https:\/\/poe2tools.net\/ja\/wp-json\/wp\/v2\/pages\/383\/revisions\/687"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/poe2tools.net\/ja\/wp-json\/wp\/v2\/media\/666"}],"wp:attachment":[{"href":"https:\/\/poe2tools.net\/ja\/wp-json\/wp\/v2\/media?parent=383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}