{"id":542,"date":"2026-05-01T11:48:49","date_gmt":"2026-05-01T11:48:49","guid":{"rendered":"https:\/\/pfjhub.com\/?page_id=542"},"modified":"2026-05-16T12:44:17","modified_gmt":"2026-05-16T12:44:17","slug":"the-shuzo-protocol-3","status":"publish","type":"page","link":"https:\/\/pfjhub.com\/index.php\/the-shuzo-protocol-3\/","title":{"rendered":"Chapter 3"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-b7af8fbd alignwide uagb-is-root-container\"><div class=\"uagb-container__video-wrap\"><\/div>\n<div class=\"wp-block-uagb-image uagb-block-d8fb12b7 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-1.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-1.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-1.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-1.jpg\" alt=\"\" class=\"uag-image-547\" width=\"1080\" height=\"1920\" title=\"Panel 1\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-201dfdea wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-2.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-2.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-2.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-2.jpg\" alt=\"\" class=\"uag-image-548\" width=\"1080\" height=\"1920\" title=\"Panel 2\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-79a3de90 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-3.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-3.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-3.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-3.jpg\" alt=\"\" class=\"uag-image-549\" width=\"1080\" height=\"1920\" title=\"Panel 3\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-34b0c88a wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-4.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-4.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-4.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-4.jpg\" alt=\"\" class=\"uag-image-550\" width=\"1080\" height=\"1920\" title=\"Panel 4\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-7a2e796e wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-5.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-5.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-5.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-5.jpg\" alt=\"\" class=\"uag-image-552\" width=\"1080\" height=\"1920\" title=\"Panel 5\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-fa94b0ac wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-6.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-6.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-6.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-6.jpg\" alt=\"\" class=\"uag-image-554\" width=\"1080\" height=\"1920\" title=\"Panel 6\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-bd5c42b5 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-7.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-7.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-7.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-7.jpg\" alt=\"\" class=\"uag-image-555\" width=\"1080\" height=\"1920\" title=\"Panel 7\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-8cba889a wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-8.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-8.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-8.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-8.jpg\" alt=\"\" class=\"uag-image-556\" width=\"1080\" height=\"1920\" title=\"Panel 8\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-0c2d02c9 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-9.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-9.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-9.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-9.jpg\" alt=\"\" class=\"uag-image-557\" width=\"1080\" height=\"1920\" title=\"Panel 9\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-fe498e28 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-10.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-10.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-10.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-10.jpg\" alt=\"\" class=\"uag-image-558\" width=\"1080\" height=\"1920\" title=\"Panel 10\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-5b489cd7 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-11.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-11.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-11.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-11.jpg\" alt=\"\" class=\"uag-image-559\" width=\"1080\" height=\"1920\" title=\"Panel 11\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-451bd300 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-12.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-12.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-12.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-12.jpg\" alt=\"\" class=\"uag-image-561\" width=\"1080\" height=\"1920\" title=\"Panel 12\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-2bfe2533 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-13.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-13.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-13.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-13.jpg\" alt=\"\" class=\"uag-image-562\" width=\"1080\" height=\"1920\" title=\"Panel 13\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-11e4a89a wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-14.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-14.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-14.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-14.jpg\" alt=\"\" class=\"uag-image-564\" width=\"1080\" height=\"1920\" title=\"Panel 14\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-4e11a2ca wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-15.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-15.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-15.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-15.jpg\" alt=\"\" class=\"uag-image-565\" width=\"1080\" height=\"1920\" title=\"Panel 15\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-6dea7b3c wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-16.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-16.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-16.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-16.jpg\" alt=\"\" class=\"uag-image-566\" width=\"1080\" height=\"1920\" title=\"Panel 16\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-2774a08a wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-17.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-17.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-17.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-17.jpg\" alt=\"\" class=\"uag-image-567\" width=\"1080\" height=\"1920\" title=\"Panel 17\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-ea849c90 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-18.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-18.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-18.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-18.jpg\" alt=\"\" class=\"uag-image-569\" width=\"1080\" height=\"1920\" title=\"Panel 18\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-2c5bdc21 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-19.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-19.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-19.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-19.jpg\" alt=\"\" class=\"uag-image-570\" width=\"1080\" height=\"1920\" title=\"Panel 19\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-f8c9b8a2 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-20.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-20.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-20.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-20.jpg\" alt=\"\" class=\"uag-image-572\" width=\"1080\" height=\"1920\" title=\"Panel 20\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-4ffc99b4 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-21.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-21.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-21.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panel-21.jpg\" alt=\"\" class=\"uag-image-573\" width=\"1080\" height=\"1920\" title=\"Panel 21\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-2986dd15 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panels-22-23.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panels-22-23.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panels-22-23.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panels-22-23.jpg\" alt=\"\" class=\"uag-image-574\" width=\"1080\" height=\"1920\" title=\"Panels 22 &amp; 23\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-e56586b8 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panels-24-25-1.jpg ,https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panels-24-25-1.jpg 780w, https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panels-24-25-1.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Panels-24-25-1.jpg\" alt=\"\" class=\"uag-image-576\" width=\"1080\" height=\"1920\" title=\"Panels 24 &amp; 25\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n#comic-ui-wrapper {\n  position: fixed !important;\n  top: 50% !important;\n  left: 0 !important;\n  transform: translateY(-50%) !important;\n  z-index: 999999 !important;\n  pointer-events: none !important;\n}\n\n#comic-ui-layer {\n  position: relative !important;\n  width: 110px !important; \/* Reduced width since volume is gone *\/\n  background: #fff !important;\n  padding: 15px !important;\n  border: 2px solid #000 !important;\n  border-left: none !important;\n  border-radius: 0 5px 5px 0 !important;\n  box-shadow: 4px 4px 0px rgba(0,0,0,0.05) !important;\n  pointer-events: auto !important;\n  transition: left 0.3s ease !important;\n  left: -110px !important; \n  display: flex !important;\n  flex-direction: column !important;\n  gap: 12px !important;\n}\n\n#comic-ui-wrapper:hover #comic-ui-layer,\n#comic-ui-wrapper.active #comic-ui-layer {\n  left: 0 !important;\n}\n\n#ui-tab {\n  position: absolute !important;\n  left: 100% !important;\n  top: 0 !important;\n  background: #fff !important;\n  border: 2px solid #000 !important;\n  border-left: none !important;\n  padding: 8px 4px !important;\n  cursor: pointer !important;\n  writing-mode: vertical-rl !important;\n  text-orientation: mixed !important;\n  font-family: sans-serif !important;\n  font-size: 9px !important;\n  font-weight: 900 !important;\n  text-transform: uppercase !important;\n  border-radius: 0 5px 5px 0 !important;\n}\n\n.ui-control {\n  font-family: sans-serif !important;\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  color: #000 !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  cursor: pointer !important;\n  user-select: none !important;\n}\n\n.ui-status {\n  display: inline-block !important;\n  width: 9px !important;\n  height: 9px !important;\n  border: 1.5px solid #000 !important;\n  border-radius: 50% !important;\n  background: transparent !important;\n}\n\n.active-state .ui-status {\n  background: #00AEEF !important;\n  border-color: #00AEEF !important;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function() {\n    const wrapper = document.getElementById('comic-ui-wrapper');\n    const tab = document.getElementById('ui-tab');\n    const audioBtn = document.getElementById('audio-trigger');\n    const fsBtn = document.getElementById('fullscreen-trigger');\n    const player = document.getElementById('comic-audio');\n\n    \/\/ Tab Toggle logic\n    if (tab && wrapper) {\n        tab.addEventListener('click', (e) => {\n            e.stopPropagation();\n            wrapper.classList.toggle('active');\n        });\n        document.addEventListener('click', () => wrapper.classList.remove('active'));\n    }\n\n    \/\/ Sound Toggle logic\n    if (audioBtn && player) {\n        audioBtn.addEventListener('click', (e) => {\n            e.stopPropagation();\n            player.paused ? player.play() : player.pause();\n        });\n        player.onplay = () => audioBtn.classList.add('active-state');\n        player.onpause = () => audioBtn.classList.remove('active-state');\n    }\n\n    \/\/ Full Screen Toggle logic\n    if (fsBtn) {\n        fsBtn.addEventListener('click', (e) => {\n            e.stopPropagation();\n            if (!document.fullscreenElement) {\n                document.documentElement.requestFullscreen().catch(err => {\n                    console.error(`Error attempting to enable full-screen mode: ${err.message}`);\n                });\n            } else {\n                document.exitFullscreen();\n            }\n        });\n        document.addEventListener('fullscreenchange', () => {\n            document.fullscreenElement ? fsBtn.classList.add('active-state') : fsBtn.classList.remove('active-state');\n        });\n    }\n});\n\n<\/script>\n\n<div id=\"comic-ui-wrapper\">\n  <div id=\"comic-ui-layer\">\n    <div id=\"ui-tab\">CONTROLS<\/div>\n\n    <div class=\"ui-control\" id=\"audio-trigger\">\n      <span class=\"ui-status\"><\/span> SOUND\n    <\/div>\n\n    <div class=\"ui-control\" id=\"fullscreen-trigger\">\n      <span class=\"ui-status\"><\/span> FULL SCREEN\n    <\/div>\n\n    <audio id=\"comic-audio\" loop=\"\" preload=\"auto\">\n      <source src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/04\/Project-Fusion-Junction.mp3\" type=\"audio\/mp3\">\n    <\/audio>\n  <\/div>\n<\/div>\n\n\n\n<script data-wp-block-html=\"js\">\nwindow.addEventListener('load', function() {\n    const scrollSpeed = 1; \/\/ Pixels per frame\n    let isPaused = false;\n\n    function performScroll() {\n        \/\/ Only move if the mouse is not hovering the document\n        if (!isPaused) {\n            window.scrollBy(0, scrollSpeed);\n\n            \/\/ Termination logic: Stop if we hit the bottom\n            if ((window.innerHeight + window.pageYOffset) >= document.body.offsetHeight) {\n                return; \n            }\n        }\n        requestAnimationFrame(performScroll);\n    }\n\n    \/\/ Listener for mouse entering the page area\n    document.documentElement.addEventListener('mouseenter', () => {\n        isPaused = true;\n    });\n\n    \/\/ Listener for mouse leaving the page area\n    document.documentElement.addEventListener('mouseleave', () => {\n        isPaused = false;\n    });\n\n    \/\/ Start the loop\n    requestAnimationFrame(performScroll);\n});\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n.narration-widget.sticky-bottom {\n    position: fixed;\n    bottom: 24px;   \n    left: 24px;    \n    z-index: 9999;  \n}\n\n.narration-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background-color: rgba(17, 17, 17, 0.95); \n    backdrop-filter: blur(8px); \n    -webkit-backdrop-filter: blur(8px);\n    color: #ffffff;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    padding: 12px 24px;\n    border-radius: 50px; \n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    font-size: 0.9rem;\n    font-weight: 600;\n    cursor: pointer;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); \n    transition: transform 0.2s ease, background-color 0.2s ease;\n}\n\n.narration-btn:hover {\n    background-color: #000000;\n    transform: translateY(-2px); \n}\n\n.narration-btn:active {\n    transform: translateY(0);\n}\n\n.narration-icon {\n    display: block;\n}\n\n.narration-icon.hidden {\n    display: none;\n}\n\n\/* Mobile Optimization *\/\n@media (max-width: 480px) {\n    .narration-widget.sticky-bottom {\n        left: 16px;\n        right: 16px;\n        bottom: 16px;\n    }\n    .narration-btn {\n        width: 100%; \n        justify-content: center;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n    const audio = document.getElementById('narration-source');\n    const button = document.getElementById('narration-toggle-btn');\n    const playIcon = document.getElementById('icon-play');\n    const pauseIcon = document.getElementById('icon-pause');\n    const textState = document.getElementById('narration-text');\n\n    button.addEventListener('click', () => {\n        if (audio.paused) {\n            audio.play();\n            playIcon.classList.add('hidden');\n            pauseIcon.classList.remove('hidden');\n            textState.textContent = 'Pause Narration';\n        } else {\n            audio.pause();\n            pauseIcon.classList.add('hidden');\n            playIcon.classList.remove('hidden');\n            textState.textContent = 'Listen to Narration';\n        }\n    });\n\n    audio.addEventListener('ended', () => {\n        pauseIcon.classList.add('hidden');\n        playIcon.classList.remove('hidden');\n        textState.textContent = 'Listen to Narration';\n    });\n});\n<\/script>\n\n<!-- Sticky Narration Player Container -->\n<div class=\"narration-widget sticky-bottom\">\n    <button id=\"narration-toggle-btn\" class=\"narration-btn\" aria-label=\"Listen to narration\">\n        <!-- Play Icon -->\n        <svg id=\"icon-play\" class=\"narration-icon\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\n            <path d=\"M8 5v14l11-7z\" fill=\"currentColor\"><\/path>\n        <\/svg>\n        <!-- Pause Icon -->\n        <svg id=\"icon-pause\" class=\"narration-icon hidden\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\n            <path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\" fill=\"currentColor\"><\/path>\n        <\/svg>\n        <span id=\"narration-text\">Listen to Narration<\/span>\n    <\/button>\n    <!-- Replace URL below with your actual media link -->\n    <audio id=\"narration-source\" src=\"https:\/\/pfjhub.com\/wp-content\/uploads\/2026\/05\/Ms-Martinez-Narration-Chapter-3.wav\"><\/audio>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CONTROLS SOUND FULL SCREEN Listen to Narration<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-page","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-542","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/pfjhub.com\/index.php\/author\/gemgfx\/"},"uagb_comment_info":0,"uagb_excerpt":"CONTROLS SOUND FULL SCREEN Listen to Narration","_links":{"self":[{"href":"https:\/\/pfjhub.com\/index.php\/wp-json\/wp\/v2\/pages\/542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pfjhub.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pfjhub.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pfjhub.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pfjhub.com\/index.php\/wp-json\/wp\/v2\/comments?post=542"}],"version-history":[{"count":7,"href":"https:\/\/pfjhub.com\/index.php\/wp-json\/wp\/v2\/pages\/542\/revisions"}],"predecessor-version":[{"id":826,"href":"https:\/\/pfjhub.com\/index.php\/wp-json\/wp\/v2\/pages\/542\/revisions\/826"}],"wp:attachment":[{"href":"https:\/\/pfjhub.com\/index.php\/wp-json\/wp\/v2\/media?parent=542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}