{"id":102322,"date":"2025-12-20T23:05:08","date_gmt":"2025-12-20T14:05:08","guid":{"rendered":"https:\/\/pgoxxldb.com\/battle-hud\/"},"modified":"2026-02-13T14:13:12","modified_gmt":"2026-02-13T05:13:12","slug":"battle-hud","status":"publish","type":"page","link":"https:\/\/pgoxxldb.com\/id\/battle-hud\/","title":{"rendered":"B-HUD(\u30d0\u30c8\u30eb\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc)"},"content":{"rendered":"\n<div id=\"pgo-hud-app\">\n    \n    <div class=\"hud-column left-col\">\n        <div class=\"hud-header-row\">\n            <h3>MY TEAM<\/h3>\n            <button id=\"reset-my-team\" class=\"hud-reset-btn\">RESET<\/button>\n        <\/div>\n        \n        <div id=\"my-team-container\">\n            <\/div>\n    <\/div>\n\n    <div class=\"hud-column center-col\">\n        <div class=\"center-settings\">\n            <button id=\"toggle-type-display\" class=\"mode-toggle-btn\" data-mode=\"icon\">\n                Type: <span class=\"current-mode\">ICON<\/span>\n            <\/button>\n        <\/div>\n        \n        <div class=\"connection-lines\">\n            <div class=\"line-row\" id=\"line-1\">\n                <div class=\"hud-def-info\"><\/div>\n                <div class=\"hud-score-area\">\n                    <span class=\"hud-score-text\">&#8211;<\/span>\n                    <div class=\"hud-score-bar\" style=\"width: 50%\"><\/div>\n                <\/div>\n                <div class=\"hud-atk-info\"><\/div>\n            <\/div>\n            <div class=\"line-row\" id=\"line-2\">\n                <div class=\"hud-def-info\"><\/div>\n                <div class=\"hud-score-area\">\n                    <span class=\"hud-score-text\">&#8211;<\/span>\n                    <div class=\"hud-score-bar\" style=\"width: 50%\"><\/div>\n                <\/div>\n                <div class=\"hud-atk-info\"><\/div>\n            <\/div>\n            <div class=\"line-row\" id=\"line-3\">\n                <div class=\"hud-def-info\"><\/div>\n                <div class=\"hud-score-area\">\n                    <span class=\"hud-score-text\">&#8211;<\/span>\n                    <div class=\"hud-score-bar\" style=\"width: 50%\"><\/div>\n                <\/div>\n                <div class=\"hud-atk-info\"><\/div>\n            <\/div>\n        <\/div>\n        \n        <div id=\"status-display\" style=\"margin-top: 20px; text-align: center;\">\n            <div class=\"instruction\" style=\"font-size: 10px; color: #00d2ff;\">Safety Score<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"hud-column right-col\">\n        <div class=\"hud-header-row\">\n            <h3>ENEMY TEAM<\/h3>\n            <button id=\"reset-enemy-team\" class=\"hud-reset-btn\">RESET \/ Next Battle<\/button>\n        <\/div>\n\n        <div class=\"enemy-slots-row\">\n            <div class=\"enemy-slot active\" data-slot=\"0\" id=\"enemy-slot-0\">\n                <span class=\"slot-label\">1<\/span>\n                <img decoding=\"async\" src=\"\" class=\"slot-img\" style=\"display:none;\">\n                <span class=\"slot-empty\">?<\/span>\n            <\/div>\n            <div class=\"enemy-slot\" data-slot=\"1\" id=\"enemy-slot-1\">\n                <span class=\"slot-label\">2<\/span>\n                <img decoding=\"async\" src=\"\" class=\"slot-img\" style=\"display:none;\">\n                <span class=\"slot-empty\">?<\/span>\n            <\/div>\n            <div class=\"enemy-slot\" data-slot=\"2\" id=\"enemy-slot-2\">\n                <span class=\"slot-label\">3<\/span>\n                <img decoding=\"async\" src=\"\" class=\"slot-img\" style=\"display:none;\">\n                <span class=\"slot-empty\">?<\/span>\n            <\/div>\n        <\/div>\n\n        <div id=\"active-enemy-detail\">\n            <div class=\"empty-state-msg\">Select Slot &#038; Search Enemy<\/div>\n        <\/div>\n\n        <div class=\"search-box-area\">\n            <input type=\"text\" id=\"enemy-search\" placeholder=\"Search Enemy...\" autocomplete=\"off\">\n            <div id=\"search-results\" class=\"results-dropdown\"><\/div>\n        <\/div>\n    <\/div> <div class=\"hud-full-row\">\n        <div class=\"footer-controls\">\n            <div id=\"footer-type-tabs\" class=\"type-tabs-container\"><\/div>\n\n            <div class=\"league-selector-wrapper\">\n                <select id=\"league-select\" class=\"pgo-select-sm\">\n                    <option value=\"super\">Super<\/option>\n                    <option value=\"hyper\">Hyper<\/option>\n                    <option value=\"master\">Master<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n\n        <div id=\"quick-pick-container\"><\/div>\n    <\/div>\n\n<\/div> <div id=\"team-selector-modal\" class=\"modal-overlay\" style=\"display:none;\">\n    <div class=\"modal-content\">\n        <h3>Edit Slot <span id=\"target-slot-num\">1<\/span><\/h3>\n        \n        <div class=\"modal-section\">\n            <label>Pokemon<\/label>\n            <input type=\"text\" id=\"team-search-input\" placeholder=\"Search Name...\" autocomplete=\"off\">\n            <div id=\"team-search-results\" class=\"results-dropdown relative-results\"><\/div>\n        <\/div>\n\n        <div id=\"move-selector-area\">\n            <div class=\"modal-section\">\n                <label>Fast Move (\u62801)<\/label>\n                <select id=\"modal-fast-move\" class=\"pgo-select\"><\/select>\n            <\/div>\n            <div class=\"modal-section\">\n                <label>Charge Move 1 (\u62802)<\/label>\n                <select id=\"modal-charge-1\" class=\"pgo-select\"><\/select>\n            <\/div>\n            <div class=\"modal-section\">\n                <label>Charge Move 2 (\u62803)<\/label>\n                <select id=\"modal-charge-2\" class=\"pgo-select\"><\/select>\n            <\/div>\n        <\/div>\n\n        <div class=\"modal-actions\">\n            <button id=\"save-modal-data\" class=\"action-btn save\">OK (SAVE)<\/button>\n            <button id=\"close-modal\" class=\"action-btn cancel\">CANCEL<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>MY TEAM RESET Type: ICON &#8211; &#8211; &#8211; Safety Score ENEMY TEAM RESET \/ Next Battle 1 ? 2 ? 3 ? Select Slot &#038; Search Enemy SuperHyperMaster Edit Slot 1 Pokemon Fast Move (\u62801) Charge Move 1 (\u62802) Charge Move 2 (\u62803) OK (SAVE) CANCEL<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-102322","page","type-page","status-publish"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/pgoxxldb.com\/id\/wp-json\/wp\/v2\/pages\/102322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pgoxxldb.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pgoxxldb.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pgoxxldb.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pgoxxldb.com\/id\/wp-json\/wp\/v2\/comments?post=102322"}],"version-history":[{"count":4,"href":"https:\/\/pgoxxldb.com\/id\/wp-json\/wp\/v2\/pages\/102322\/revisions"}],"predecessor-version":[{"id":197888,"href":"https:\/\/pgoxxldb.com\/id\/wp-json\/wp\/v2\/pages\/102322\/revisions\/197888"}],"wp:attachment":[{"href":"https:\/\/pgoxxldb.com\/id\/wp-json\/wp\/v2\/media?parent=102322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}