TSUGAI-INU.IO<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Permanent+Marker&display=swap');\n\n \/* All base styles moved to a wrapper to leave the body tag completely untouched *\/\n .tsugai-wrapper {\n font-family: 'Permanent Marker', cursive;\n background-color: #f4f4f0;\n color: #111;\n margin: 0;\n padding: 0;\n width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n h1, h2, h3 {\n letter-spacing: 2px;\n margin-top: 0;\n }\n\n \/* Buttons *\/\n .btn {\n font-family: 'Permanent Marker', cursive;\n background-color: #fff;\n color: #000;\n border: 3px solid #000;\n padding: 12px 24px;\n font-size: 1.2rem;\n cursor: pointer;\n text-transform: uppercase;\n box-shadow: 4px 4px 0px #000;\n transition: transform 0.1s, box-shadow 0.1s;\n border-radius: 8px;\n margin: 5px;\n position: relative;\n z-index: 60; \n }\n\n .btn:active {\n transform: translate(4px, 4px);\n box-shadow: 0px 0px 0px #000;\n }\n\n \/* Natural SVG Ink Stroke Dividers *\/\n .ink-divider {\n position: relative;\n width: 100%;\n z-index: 20;\n margin-top: -45px; \n margin-bottom: -45px;\n line-height: 0; \n }\n \n .ink-divider svg {\n width: 100%;\n height: 110px; \n display: block;\n overflow: visible;\n }\n\n \/* Hero Section *\/\n .hero {\n position: relative;\n min-height: 100vh;\n padding: 80px 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n text-align: center;\n color: white;\n text-shadow: 4px 4px 0px #000;\n \/* NO overflow: hidden here anymore so portals don't get cropped *\/\n }\n\n \/* Isolated Video Container (Keeps video contained without cropping portals) *\/\n .video-container {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n overflow: hidden;\n z-index: 1;\n }\n\n .hero-video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n \n\n \/* Top Massive Title *\/\n .hero-content {\n position: relative;\n z-index: 10;\n margin-top: 2vh;\n }\n\n .massive-title {\n font-size: 9vw; \n line-height: 1.1;\n margin-bottom: 25px;\n text-shadow: 8px 8px 0px #000;\n letter-spacing: 4px;\n }\n\n \/* CA Copy Box - Pushed to absolute bottom *\/\n .ca-box-wrapper {\n position: absolute;\n bottom: 40px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 60; \/* Keeps it highly clickable above portals *\/\n width: 100%;\n display: flex;\n justify-content: center;\n }\n\n .ca-box {\n display: inline-flex;\n align-items: center;\n background: rgba(17, 17, 17, 0.85);\n border: 4px solid #fff;\n padding: 10px 15px 10px 25px;\n border-radius: 12px;\n cursor: pointer;\n box-shadow: 8px 8px 0px #000;\n transition: transform 0.1s, box-shadow 0.1s;\n }\n\n .ca-box:active {\n transform: translate(6px, 6px);\n box-shadow: 0px 0px 0px #000;\n }\n\n .ca-box span {\n font-size: 1.4rem;\n margin-right: 20px;\n letter-spacing: 1.5px;\n color: #fff;\n text-shadow: none; \n }\n\n .ca-box .btn {\n margin: 0;\n padding: 8px 16px;\n box-shadow: 3px 3px 0px #000;\n }\n\n .ca-box .btn:active {\n transform: translate(2px, 2px);\n box-shadow: 0px 0px 0px #000;\n }\n\n @media (max-width: 768px) {\n .massive-title {\n font-size: 4.5rem;\n }\n .ca-box {\n flex-direction: column;\n padding: 15px;\n }\n .ca-box span {\n margin-right: 0;\n margin-bottom: 10px;\n font-size: 1rem;\n }\n }\n\n \/* Messy, Natural Portal Images (Height Auto to prevent any stretching\/cropping) *\/\n .portal {\n position: absolute;\n width: 35vw; \n min-width: 280px;\n max-width: 450px;\n height: auto; \n cursor: pointer;\n z-index: 50; \n filter: drop-shadow(5px 15px 15px rgba(0,0,0,0.6)); \n }\n\n .portal-black {\n bottom: -10%; \n left: -2%;\n animation: float-black 8s ease-in-out infinite;\n }\n\n .portal-white {\n bottom: 15%;\n right: -5%;\n animation: float-white 7s ease-in-out infinite;\n }\n\n @keyframes float-black {\n 0% { transform: translate(0px, 0px) rotate(-15deg) scale(1); }\n 50% { transform: translate(15px, -30px) rotate(-8deg) scale(1.08); }\n 100% { transform: translate(0px, 0px) rotate(-15deg) scale(1); }\n }\n\n @keyframes float-white {\n 0% { transform: translate(0px, 0px) rotate(18deg) scale(1); }\n 50% { transform: translate(-20px, 20px) rotate(10deg) scale(1.08); }\n 100% { transform: translate(0px, 0px) rotate(18deg) scale(1); }\n }\n\n \/* About Section *\/\n .about {\n position: relative;\n z-index: 2;\n background-image: url('http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/aboutbg.png');\n background-size: cover;\n background-position: center;\n padding: 130px 20px; \n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 60px;\n color: white;\n text-shadow: 2px 2px 0px #000;\n }\n\n \/* Organic, hand-drawn looking box *\/\n .about-content {\n max-width: 600px;\n background: rgba(17, 17, 17, 0.85);\n padding: 40px;\n border: 4px solid #000;\n box-shadow: 10px 10px 0px #000;\n border-radius: 255px 15px 225px 15px \/ 15px 225px 15px 255px;\n transform: rotate(-1.5deg);\n }\n\n .about-content h2 {\n font-size: 2.5rem;\n margin-bottom: 20px;\n }\n\n .about-content p {\n font-size: 1.3rem;\n line-height: 1.6;\n }\n\n \/* Bigger Featured Image *\/\n .about-image img {\n max-width: 100%;\n width: 650px; \n animation: breathe 5s ease-in-out infinite;\n filter: drop-shadow(8px 12px 10px rgba(0,0,0,0.5));\n }\n\n @keyframes breathe {\n 0%, 100% { transform: translateY(0) scale(1); }\n 50% { transform: translateY(-10px) scale(1.03); }\n }\n\n \/* Gallery Section *\/\n .gallery-container {\n padding: 100px 20px 80px;\n text-align: center;\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .gallery-container h2 {\n font-size: 3.5rem;\n margin-bottom: 30px;\n text-shadow: 3px 3px 0px #fff, 6px 6px 0px #000;\n }\n\n .filters { margin-bottom: 50px; }\n\n .nft-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 30px;\n }\n\n .nft-card {\n background: #fff;\n border: 4px solid #000;\n border-radius: 12px;\n padding: 15px;\n box-shadow: 6px 6px 0px #000;\n transition: transform 0.2s;\n }\n\n .nft-card:hover {\n transform: translateY(-8px);\n }\n\n .nft-card img {\n width: 100%;\n border-radius: 8px;\n border: 3px solid #000;\n background: #eee;\n }\n\n .nft-card h3 {\n margin: 15px 0 5px 0;\n font-size: 1.5rem;\n }\n\n .hidden { display: none; }\n\n \/* Footer Section *\/\n .footer {\n background-color: #111;\n color: #fff;\n padding: 60px 20px 40px;\n text-align: center;\n }\n\n .footer h2 {\n font-size: 2.5rem;\n margin-bottom: 10px;\n }\n\n .footer p {\n font-size: 1.2rem;\n margin-bottom: 20px;\n color: #ccc;\n }\n\n .social-links a {\n color: #fff;\n text-decoration: none;\n margin: 0 15px;\n font-size: 1.2rem;\n text-transform: uppercase;\n border-bottom: 2px solid transparent;\n transition: border-color 0.2s;\n }\n\n .social-links a:hover {\n border-color: #fff;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"tsugai-wrapper\">\n\n <div class=\"hero\">\n \n <div class=\"video-container\">\n <video class=\"hero-video\" autoplay loop muted playsinline>\n <source src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/4986d235e2204e8490d2b9b6c2f0f4a4.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"video-overlay\"><\/div>\n <\/div>\n\n <img decoding=\"async\" class=\"portal portal-black\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black-scaled.png\" alt=\"Yomi Portal\" onclick=\"jumpToGallery('black')\">\n <img decoding=\"async\" class=\"portal portal-white\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white-scaled.png\" alt=\"Higashi Portal\" onclick=\"jumpToGallery('white')\">\n\n <div class=\"hero-content\">\n <h1 class=\"massive-title\">TSUGAI INU<\/h1>\n <\/div>\n\n <div class=\"ca-box-wrapper\">\n <div class=\"ca-box\" onclick=\"copyCA()\">\n <span id=\"ca-text\">CA: 0xCOMINGSOON...TSUGAI<\/span>\n <button id=\"ca-btn\" class=\"btn\">COPY<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"ink-divider\">\n <svg viewBox=\"0 0 1200 100\" preserveAspectRatio=\"none\">\n <path d=\"M-20,30 C 200,-10 400,45 600,25 C 800,5 1000,50 1220,15 L 1220,95 C 1000,120 800,60 600,85 C 400,110 200,50 -20,80 Z\" fill=\"rgba(17,17,17,0.3)\" \/>\n <path d=\"M-20,40 C 250,0 350,55 600,35 C 850,15 950,60 1220,25 L 1220,85 C 950,105 850,45 600,75 C 350,105 250,45 -20,70 Z\" fill=\"#111\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"about\">\n <div class=\"about-content\">\n <h2>The Legend of the Eternal Pair<\/h2>\n <p>In the heart of the Tsugai Realm, balance is everything. Meet Kage and Yuki, the twin guardians who bridge the gap between the underworld and the heavens. Whether you walk the path of shadows or bask in the celestial light, there is a place for you in our pack.<\/p>\n <\/div>\n <div class=\"about-image\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/aboutfeatured.png\" alt=\"Tsugai Inu Featured\">\n <\/div>\n <\/div>\n\n <div class=\"ink-divider\">\n <svg viewBox=\"0 0 1200 100\" preserveAspectRatio=\"none\">\n <path d=\"M-20,15 C 250,65 400,-15 600,35 C 800,85 1000,5 1220,25 L 1220,90 C 1000,120 800,50 600,100 C 400,150 250,50 -20,85 Z\" fill=\"rgba(17,17,17,0.3)\" \/>\n <path d=\"M-20,25 C 200,75 350,5 600,45 C 850,85 1000,15 1220,35 L 1220,80 C 1000,110 850,40 600,90 C 350,140 200,40 -20,75 Z\" fill=\"#111\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"gallery-container\" id=\"nft-section\">\n <h2>NFT Collectibles<\/h2>\n \n <div class=\"filters\">\n <button class=\"btn\" onclick=\"filterNFTs('all')\">All Collectibles<\/button>\n <button class=\"btn\" style=\"background:#222; color:#fff;\" onclick=\"filterNFTs('black')\">Yomi (Black)<\/button>\n <button class=\"btn\" style=\"background:#e0f7fa; color:#000;\" onclick=\"filterNFTs('white')\">Higashi (White)<\/button>\n <\/div>\n\n <div class=\"nft-grid\" id=\"nftGrid\">\n \n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black1.png\" alt=\"Yomi Black 1\">\n <h3>#YOMI-001<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black2.png\" alt=\"Yomi Black 2\">\n <h3>#YOMI-002<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black3.png\" alt=\"Yomi Black 3\">\n <h3>#YOMI-003<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black4.png\" alt=\"Yomi Black 4\">\n <h3>#YOMI-004<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black5.png\" alt=\"Yomi Black 5\">\n <h3>#YOMI-005<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black6.png\" alt=\"Yomi Black 6\">\n <h3>#YOMI-006<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black7.png\" alt=\"Yomi Black 7\">\n <h3>#YOMI-007<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black8.png\" alt=\"Yomi Black 8\">\n <h3>#YOMI-008<\/h3>\n <\/div>\n\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white1.png\" alt=\"Higashi White 1\">\n <h3>#HGS-001<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white2.png\" alt=\"Higashi White 2\">\n <h3>#HGS-002<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white3.png\" alt=\"Higashi White 3\">\n <h3>#HGS-003<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white4.png\" alt=\"Higashi White 4\">\n <h3>#HGS-004<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white5.png\" alt=\"Higashi White 5\">\n <h3>#HGS-005<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white6.png\" alt=\"Higashi White 6\">\n <h3>#HGS-006<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white7.png\" alt=\"Higashi White 7\">\n <h3>#HGS-007<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white8.png\" alt=\"Higashi White 8\">\n <h3>#HGS-008<\/h3>\n <\/div>\n\n <\/div>\n <\/div>\n\n <footer class=\"footer\">\n <h2>TSUGAI INU<\/h2>\n <p>The Eternal Pair of the Tsugai Realm.<\/p>\n <div class=\"social-links\">\n <a href=\"#\">Twitter (X)<\/a>\n <a href=\"#\">Telegram<\/a>\n <a href=\"#\">DexScreener<\/a>\n <\/div>\n <\/footer>\n\n<\/div>\n\n <script>\n function filterNFTs(category) {\n const cards = document.querySelectorAll('.nft-card');\n \n cards.forEach(card => {\n if (category === 'all') {\n card.classList.remove('hidden');\n } else if (card.classList.contains(category)) {\n card.classList.remove('hidden');\n } else {\n card.classList.add('hidden');\n }\n });\n }\n\n function jumpToGallery(category) {\n filterNFTs(category);\n const gallerySection = document.getElementById('nft-section');\n gallerySection.scrollIntoView({ behavior: 'smooth' });\n }\n\n \/\/ Script to handle Copying CA\n function copyCA() {\n const caAddress = \"0xCOMINGSOON...TSUGAI\"; \n \n navigator.clipboard.writeText(caAddress).then(() => {\n const btn = document.getElementById('ca-btn');\n btn.innerText = \"COPIED!\";\n btn.style.backgroundColor = \"#d4edda\"; \n \n setTimeout(() => {\n btn.innerText = \"COPY\";\n btn.style.backgroundColor = \"#fff\";\n }, 2000);\n }).catch(err => {\n console.error('Failed to copy CA: ', err);\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TSUGAI-INU.IO TSUGAI INU CA: 0xCOMINGSOON…TSUGAI COPY The Legend of the Eternal Pair In the heart of the Tsugai Realm, balance is everything. Meet Kage and Yuki, the twin guardians who bridge the gap between the underworld and the heavens. Whether you walk the path of shadows or bask in the celestial light, there is a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":31,"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\n\n \n TSUGAI-INU.IO<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Permanent+Marker&display=swap');\n\n \/* All base styles moved to a wrapper to leave the body tag completely untouched *\/\n .tsugai-wrapper {\n font-family: 'Permanent Marker', cursive;\n background-color: #f4f4f0;\n color: #111;\n margin: 0;\n padding: 0;\n width: 100%;\n overflow-x: hidden;\n position: relative;\n }\n\n h1, h2, h3 {\n letter-spacing: 2px;\n margin-top: 0;\n }\n\n \/* Buttons *\/\n .btn {\n font-family: 'Permanent Marker', cursive;\n background-color: #fff;\n color: #000;\n border: 3px solid #000;\n padding: 12px 24px;\n font-size: 1.2rem;\n cursor: pointer;\n text-transform: uppercase;\n box-shadow: 4px 4px 0px #000;\n transition: transform 0.1s, box-shadow 0.1s;\n border-radius: 8px;\n margin: 5px;\n position: relative;\n z-index: 60; \n }\n\n .btn:active {\n transform: translate(4px, 4px);\n box-shadow: 0px 0px 0px #000;\n }\n\n \/* Natural SVG Ink Stroke Dividers *\/\n .ink-divider {\n position: relative;\n width: 100%;\n z-index: 20;\n margin-top: -45px; \n margin-bottom: -45px;\n line-height: 0; \n }\n \n .ink-divider svg {\n width: 100%;\n height: 110px; \n display: block;\n overflow: visible;\n }\n\n \/* Hero Section *\/\n .hero {\n position: relative;\n min-height: 100vh;\n padding: 80px 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n text-align: center;\n color: white;\n text-shadow: 4px 4px 0px #000;\n \/* NO overflow: hidden here anymore so portals don't get cropped *\/\n }\n\n \/* Isolated Video Container (Keeps video contained without cropping portals) *\/\n .video-container {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n overflow: hidden;\n z-index: 1;\n }\n\n .hero-video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n \n\n \/* Top Massive Title *\/\n .hero-content {\n position: relative;\n z-index: 10;\n margin-top: 2vh;\n }\n\n .massive-title {\n font-size: 9vw; \n line-height: 1.1;\n margin-bottom: 25px;\n text-shadow: 8px 8px 0px #000;\n letter-spacing: 4px;\n }\n\n \/* CA Copy Box - Pushed to absolute bottom *\/\n .ca-box-wrapper {\n position: absolute;\n bottom: 40px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 60; \/* Keeps it highly clickable above portals *\/\n width: 100%;\n display: flex;\n justify-content: center;\n }\n\n .ca-box {\n display: inline-flex;\n align-items: center;\n background: rgba(17, 17, 17, 0.85);\n border: 4px solid #fff;\n padding: 10px 15px 10px 25px;\n border-radius: 12px;\n cursor: pointer;\n box-shadow: 8px 8px 0px #000;\n transition: transform 0.1s, box-shadow 0.1s;\n }\n\n .ca-box:active {\n transform: translate(6px, 6px);\n box-shadow: 0px 0px 0px #000;\n }\n\n .ca-box span {\n font-size: 1.4rem;\n margin-right: 20px;\n letter-spacing: 1.5px;\n color: #fff;\n text-shadow: none; \n }\n\n .ca-box .btn {\n margin: 0;\n padding: 8px 16px;\n box-shadow: 3px 3px 0px #000;\n }\n\n .ca-box .btn:active {\n transform: translate(2px, 2px);\n box-shadow: 0px 0px 0px #000;\n }\n\n @media (max-width: 768px) {\n .massive-title {\n font-size: 4.5rem;\n }\n .ca-box {\n flex-direction: column;\n padding: 15px;\n }\n .ca-box span {\n margin-right: 0;\n margin-bottom: 10px;\n font-size: 1rem;\n }\n }\n\n \/* Messy, Natural Portal Images (Height Auto to prevent any stretching\/cropping) *\/\n .portal {\n position: absolute;\n width: 35vw; \n min-width: 280px;\n max-width: 450px;\n height: auto; \n cursor: pointer;\n z-index: 50; \n filter: drop-shadow(5px 15px 15px rgba(0,0,0,0.6)); \n }\n\n .portal-black {\n bottom: -10%; \n left: -2%;\n animation: float-black 8s ease-in-out infinite;\n }\n\n .portal-white {\n bottom: 15%;\n right: -5%;\n animation: float-white 7s ease-in-out infinite;\n }\n\n @keyframes float-black {\n 0% { transform: translate(0px, 0px) rotate(-15deg) scale(1); }\n 50% { transform: translate(15px, -30px) rotate(-8deg) scale(1.08); }\n 100% { transform: translate(0px, 0px) rotate(-15deg) scale(1); }\n }\n\n @keyframes float-white {\n 0% { transform: translate(0px, 0px) rotate(18deg) scale(1); }\n 50% { transform: translate(-20px, 20px) rotate(10deg) scale(1.08); }\n 100% { transform: translate(0px, 0px) rotate(18deg) scale(1); }\n }\n\n \/* About Section *\/\n .about {\n position: relative;\n z-index: 2;\n background-image: url('http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/aboutbg.png');\n background-size: cover;\n background-position: center;\n padding: 130px 20px; \n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 60px;\n color: white;\n text-shadow: 2px 2px 0px #000;\n }\n\n \/* Organic, hand-drawn looking box *\/\n .about-content {\n max-width: 600px;\n background: rgba(17, 17, 17, 0.85);\n padding: 40px;\n border: 4px solid #000;\n box-shadow: 10px 10px 0px #000;\n border-radius: 255px 15px 225px 15px \/ 15px 225px 15px 255px;\n transform: rotate(-1.5deg);\n }\n\n .about-content h2 {\n font-size: 2.5rem;\n margin-bottom: 20px;\n }\n\n .about-content p {\n font-size: 1.3rem;\n line-height: 1.6;\n }\n\n \/* Bigger Featured Image *\/\n .about-image img {\n max-width: 100%;\n width: 650px; \n animation: breathe 5s ease-in-out infinite;\n filter: drop-shadow(8px 12px 10px rgba(0,0,0,0.5));\n }\n\n @keyframes breathe {\n 0%, 100% { transform: translateY(0) scale(1); }\n 50% { transform: translateY(-10px) scale(1.03); }\n }\n\n \/* Gallery Section *\/\n .gallery-container {\n padding: 100px 20px 80px;\n text-align: center;\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .gallery-container h2 {\n font-size: 3.5rem;\n margin-bottom: 30px;\n text-shadow: 3px 3px 0px #fff, 6px 6px 0px #000;\n }\n\n .filters { margin-bottom: 50px; }\n\n .nft-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 30px;\n }\n\n .nft-card {\n background: #fff;\n border: 4px solid #000;\n border-radius: 12px;\n padding: 15px;\n box-shadow: 6px 6px 0px #000;\n transition: transform 0.2s;\n }\n\n .nft-card:hover {\n transform: translateY(-8px);\n }\n\n .nft-card img {\n width: 100%;\n border-radius: 8px;\n border: 3px solid #000;\n background: #eee;\n }\n\n .nft-card h3 {\n margin: 15px 0 5px 0;\n font-size: 1.5rem;\n }\n\n .hidden { display: none; }\n\n \/* Footer Section *\/\n .footer {\n background-color: #111;\n color: #fff;\n padding: 60px 20px 40px;\n text-align: center;\n }\n\n .footer h2 {\n font-size: 2.5rem;\n margin-bottom: 10px;\n }\n\n .footer p {\n font-size: 1.2rem;\n margin-bottom: 20px;\n color: #ccc;\n }\n\n .social-links a {\n color: #fff;\n text-decoration: none;\n margin: 0 15px;\n font-size: 1.2rem;\n text-transform: uppercase;\n border-bottom: 2px solid transparent;\n transition: border-color 0.2s;\n }\n\n .social-links a:hover {\n border-color: #fff;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"tsugai-wrapper\">\n\n <div class=\"hero\">\n \n <div class=\"video-container\">\n <video class=\"hero-video\" autoplay loop muted playsinline>\n <source src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/4986d235e2204e8490d2b9b6c2f0f4a4.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"video-overlay\"><\/div>\n <\/div>\n\n <img decoding=\"async\" class=\"portal portal-black\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black-scaled.png\" alt=\"Yomi Portal\" onclick=\"jumpToGallery('black')\">\n <img decoding=\"async\" class=\"portal portal-white\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white-scaled.png\" alt=\"Higashi Portal\" onclick=\"jumpToGallery('white')\">\n\n <div class=\"hero-content\">\n <h1 class=\"massive-title\">TSUGAI INU<\/h1>\n <\/div>\n\n <div class=\"ca-box-wrapper\">\n <div class=\"ca-box\" onclick=\"copyCA()\">\n <span id=\"ca-text\">CA: 0xCOMINGSOON...TSUGAI<\/span>\n <button id=\"ca-btn\" class=\"btn\">COPY<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"ink-divider\">\n <svg viewBox=\"0 0 1200 100\" preserveAspectRatio=\"none\">\n <path d=\"M-20,30 C 200,-10 400,45 600,25 C 800,5 1000,50 1220,15 L 1220,95 C 1000,120 800,60 600,85 C 400,110 200,50 -20,80 Z\" fill=\"rgba(17,17,17,0.3)\" \/>\n <path d=\"M-20,40 C 250,0 350,55 600,35 C 850,15 950,60 1220,25 L 1220,85 C 950,105 850,45 600,75 C 350,105 250,45 -20,70 Z\" fill=\"#111\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"about\">\n <div class=\"about-content\">\n <h2>The Legend of the Eternal Pair<\/h2>\n <p>In the heart of the Tsugai Realm, balance is everything. Meet Kage and Yuki, the twin guardians who bridge the gap between the underworld and the heavens. Whether you walk the path of shadows or bask in the celestial light, there is a place for you in our pack.<\/p>\n <\/div>\n <div class=\"about-image\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/aboutfeatured.png\" alt=\"Tsugai Inu Featured\">\n <\/div>\n <\/div>\n\n <div class=\"ink-divider\">\n <svg viewBox=\"0 0 1200 100\" preserveAspectRatio=\"none\">\n <path d=\"M-20,15 C 250,65 400,-15 600,35 C 800,85 1000,5 1220,25 L 1220,90 C 1000,120 800,50 600,100 C 400,150 250,50 -20,85 Z\" fill=\"rgba(17,17,17,0.3)\" \/>\n <path d=\"M-20,25 C 200,75 350,5 600,45 C 850,85 1000,15 1220,35 L 1220,80 C 1000,110 850,40 600,90 C 350,140 200,40 -20,75 Z\" fill=\"#111\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"gallery-container\" id=\"nft-section\">\n <h2>NFT Collectibles<\/h2>\n \n <div class=\"filters\">\n <button class=\"btn\" onclick=\"filterNFTs('all')\">All Collectibles<\/button>\n <button class=\"btn\" style=\"background:#222; color:#fff;\" onclick=\"filterNFTs('black')\">Yomi (Black)<\/button>\n <button class=\"btn\" style=\"background:#e0f7fa; color:#000;\" onclick=\"filterNFTs('white')\">Higashi (White)<\/button>\n <\/div>\n\n <div class=\"nft-grid\" id=\"nftGrid\">\n \n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black1.png\" alt=\"Yomi Black 1\">\n <h3>#YOMI-001<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black2.png\" alt=\"Yomi Black 2\">\n <h3>#YOMI-002<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black3.png\" alt=\"Yomi Black 3\">\n <h3>#YOMI-003<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black4.png\" alt=\"Yomi Black 4\">\n <h3>#YOMI-004<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black5.png\" alt=\"Yomi Black 5\">\n <h3>#YOMI-005<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black6.png\" alt=\"Yomi Black 6\">\n <h3>#YOMI-006<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black7.png\" alt=\"Yomi Black 7\">\n <h3>#YOMI-007<\/h3>\n <\/div>\n <div class=\"nft-card black\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/black8.png\" alt=\"Yomi Black 8\">\n <h3>#YOMI-008<\/h3>\n <\/div>\n\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white1.png\" alt=\"Higashi White 1\">\n <h3>#HGS-001<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white2.png\" alt=\"Higashi White 2\">\n <h3>#HGS-002<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white3.png\" alt=\"Higashi White 3\">\n <h3>#HGS-003<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white4.png\" alt=\"Higashi White 4\">\n <h3>#HGS-004<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white5.png\" alt=\"Higashi White 5\">\n <h3>#HGS-005<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white6.png\" alt=\"Higashi White 6\">\n <h3>#HGS-006<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white7.png\" alt=\"Higashi White 7\">\n <h3>#HGS-007<\/h3>\n <\/div>\n <div class=\"nft-card white\">\n <img decoding=\"async\" src=\"http:\/\/tsugaiinu.xyz\/wp-content\/uploads\/2026\/04\/white8.png\" alt=\"Higashi White 8\">\n <h3>#HGS-008<\/h3>\n <\/div>\n\n <\/div>\n <\/div>\n\n <footer class=\"footer\">\n <h2>TSUGAI INU<\/h2>\n <p>The Eternal Pair of the Tsugai Realm.<\/p>\n <div class=\"social-links\">\n <a href=\"#\">Twitter (X)<\/a>\n <a href=\"#\">Telegram<\/a>\n <a href=\"#\">DexScreener<\/a>\n <\/div>\n <\/footer>\n\n<\/div>\n\n <script>\n function filterNFTs(category) {\n const cards = document.querySelectorAll('.nft-card');\n \n cards.forEach(card => {\n if (category === 'all') {\n card.classList.remove('hidden');\n } else if (card.classList.contains(category)) {\n card.classList.remove('hidden');\n } else {\n card.classList.add('hidden');\n }\n });\n }\n\n function jumpToGallery(category) {\n filterNFTs(category);\n const gallerySection = document.getElementById('nft-section');\n gallerySection.scrollIntoView({ behavior: 'smooth' });\n }\n\n \/\/ Script to handle Copying CA\n function copyCA() {\n const caAddress = \"0xCOMINGSOON...TSUGAI\"; \n \n navigator.clipboard.writeText(caAddress).then(() => {\n const btn = document.getElementById('ca-btn');\n btn.innerText = \"COPIED!\";\n btn.style.backgroundColor = \"#d4edda\"; \n \n setTimeout(() => {\n btn.innerText = \"COPY\";\n btn.style.backgroundColor = \"#fff\";\n }, 2000);\n }).catch(err => {\n console.error('Failed to copy CA: ', err);\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TSUGAI-INU.IO TSUGAI INU CA: 0xCOMINGSOON…TSUGAI COPY The Legend of the Eternal Pair In the heart of the Tsugai Realm, balance is everything. Meet Kage and Yuki, the twin guardians who bridge the gap between the underworld and the heavens. Whether you walk the path of shadows or bask in the celestial light, there is a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":31,"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/tsugaiinu.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}