{"title":"(Set Of 2) [Matte Foil] Presale: Invincible Universe: Battle Beast #12 Exclusive Virgin Variant(s)","description":null,"products":[{"product_id":"2pack-matte-foil-invincible-universe-battle-beast-exclusive","title":"(Set Of 2) [Matte Foil] Presale: Invincible Universe: Battle Beast #12 Exclusive Virgin Variant(s)","description":"\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700;800;900\u0026family=Plus+Jakarta+Sans:wght@400;500;600;700\u0026display=swap');\n\n .bb-container {\n font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n max-width: 820px;\n margin: 0 auto;\n padding: 24px;\n background: #0f1117;\n border-radius: 16px;\n color: #f1f5f9;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6),\n 0 0 0 1px rgba(255, 255, 255, 0.08);\n box-sizing: border-box;\n }\n\n .bb-container * {\n box-sizing: border-box;\n }\n\n \/* HEADER *\/\n .bb-header {\n position: relative;\n padding-bottom: 20px;\n margin-bottom: 24px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .bb-title {\n font-family: 'Outfit', sans-serif;\n font-size: clamp(1.8rem, 4vw, 2.4rem);\n font-weight: 900;\n letter-spacing: -0.02em;\n line-height: 1.1;\n margin: 0 0 8px 0;\n background: linear-gradient(135deg, #ffffff 0%, #cbd5e1 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-transform: uppercase;\n }\n\n .bb-subtitle {\n font-family: 'Outfit', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n color: #fbbf24;\n letter-spacing: 0.03em;\n text-transform: uppercase;\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n }\n\n \/* BADGES *\/\n .bb-badge-container {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .bb-badge-fire,\n .bb-badge-foil {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: #ffffff;\n font-weight: 800;\n font-size: 0.8rem;\n padding: 6px 14px;\n border-radius: 20px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n }\n\n .bb-badge-fire {\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);\n box-shadow: 0 4px 14px rgba(239, 68, 68, 0.4);\n animation: bbPulse 2s infinite;\n }\n\n .bb-badge-foil {\n background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);\n box-shadow: 0 4px 14px rgba(139, 92, 246, 0.3);\n }\n\n @keyframes bbPulse {\n 0% {\n box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.5);\n }\n\n 70% {\n box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);\n }\n\n 100% {\n box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);\n }\n }\n\n \/* CREATOR CREDITS *\/\n .bb-credits {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n background: #181b25;\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 12px;\n padding: 16px;\n margin-bottom: 28px;\n }\n\n .bb-credit-card {\n text-align: center;\n padding: 4px;\n }\n\n .bb-credit-role {\n font-size: 0.7rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: #64748b;\n margin-bottom: 4px;\n display: block;\n }\n\n .bb-credit-name {\n font-family: 'Outfit', sans-serif;\n font-size: 1rem;\n font-weight: 700;\n color: #f8fafc;\n }\n\n \/* SECTION TITLES *\/\n .bb-section-title {\n font-family: 'Outfit', sans-serif;\n font-size: 1.1rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #f8fafc;\n margin: 28px 0 16px 0;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .bb-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: rgba(255, 255, 255, 0.1);\n }\n\n \/* SHIPPING *\/\n .bb-shipping-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n margin-bottom: 28px;\n }\n\n .bb-card {\n background: #181b25;\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 12px;\n padding: 20px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .bb-card:hover {\n transform: translateY(-4px);\n border-color: rgba(251, 191, 36, 0.4);\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4),\n 0 0 20px rgba(251, 191, 36, 0.1);\n }\n\n .bb-card-header {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 12px;\n }\n\n .bb-card-icon {\n width: 36px;\n height: 36px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n background: rgba(255, 255, 255, 0.05);\n flex-shrink: 0;\n }\n\n .bb-card-title {\n font-family: 'Outfit', sans-serif;\n font-size: 1.05rem;\n font-weight: 800;\n color: #ffffff;\n margin: 0;\n letter-spacing: 0.02em;\n }\n\n .bb-card-body {\n font-size: 0.92rem;\n color: #94a3b8;\n line-height: 1.5;\n margin: 0;\n }\n\n .bb-highlight-gold {\n color: #fbbf24;\n font-weight: 700;\n }\n\n .bb-highlight-white {\n color: #ffffff;\n font-weight: 700;\n }\n\n \/* ======================================\n INTERACTIVE GRADING TABS\n ====================================== *\/\n\n .bb-interactive-tabs {\n background: #181b25;\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 12px;\n padding: 8px;\n margin-bottom: 28px;\n }\n\n .bb-tab-buttons {\n display: flex;\n gap: 8px;\n margin-bottom: 12px;\n background: #0f1117;\n padding: 4px;\n border-radius: 8px;\n }\n\n .bb-tab-btn {\n flex: 1;\n padding: 10px 16px;\n border: none;\n background: transparent;\n color: #94a3b8;\n font-family: 'Outfit', sans-serif;\n font-size: 0.9rem;\n font-weight: 700;\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n .bb-tab-btn:hover {\n color: #ffffff;\n background: rgba(255, 255, 255, 0.04);\n }\n\n .bb-tab-btn.active {\n background: #2563eb;\n color: #ffffff;\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n }\n\n .bb-tab-content {\n padding: 12px 16px 16px 16px;\n }\n\n .bb-tab-pane {\n display: none;\n padding: 12px 16px 16px 16px;\n }\n\n .bb-tab-pane.active {\n display: block;\n animation: bbFadeIn 0.3s ease;\n }\n\n @keyframes bbFadeIn {\n from {\n opacity: 0;\n transform: translateY(4px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .bb-quote-box {\n background: rgba(255, 255, 255, 0.03);\n border-left: 3px solid #3b82f6;\n padding: 14px 16px;\n border-radius: 0 8px 8px 0;\n margin: 14px 0 0 0;\n font-size: 0.9rem;\n color: #cbd5e1;\n line-height: 1.6;\n }\n\n \/* POLICY *\/\n .bb-policy-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n margin-bottom: 28px;\n }\n\n .bb-policy-card {\n background: #181b25;\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 10px;\n padding: 14px;\n }\n\n .bb-policy-card h4 {\n font-family: 'Outfit', sans-serif;\n font-size: 0.85rem;\n font-weight: 800;\n color: #f8fafc;\n text-transform: uppercase;\n margin: 0 0 6px 0;\n letter-spacing: 0.04em;\n }\n\n .bb-policy-card p {\n font-size: 0.82rem;\n color: #94a3b8;\n margin: 0;\n line-height: 1.4;\n }\n\n \/* DISCLAIMER *\/\n .bb-disclaimer {\n font-size: 0.8rem;\n color: #64748b;\n background: rgba(255, 255, 255, 0.02);\n border: 1px dashed rgba(255, 255, 255, 0.1);\n padding: 14px;\n border-radius: 10px;\n line-height: 1.5;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 640px) {\n .bb-container {\n padding: 16px;\n border-radius: 12px;\n }\n\n .bb-shipping-grid,\n .bb-policy-grid,\n .bb-credits {\n grid-template-columns: 1fr;\n }\n\n .bb-tab-buttons {\n gap: 4px;\n }\n\n .bb-tab-btn {\n padding: 10px 8px;\n font-size: 0.78rem;\n letter-spacing: 0.02em;\n }\n\n .bb-tab-pane {\n padding: 12px 8px 14px 8px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"bb-container\"\u003e\n\n \u003c!-- HEADER --\u003e\n \u003cdiv class=\"bb-header\"\u003e\n\n \u003ch1 class=\"bb-title\"\u003e\n INVINCIBLE UNIVERSE: BATTLE BEAST #12\n \u003c\/h1\u003e\n\n \u003cdiv class=\"bb-subtitle\"\u003e\n \u003cspan\u003eāœØ VIRGIN (FULL ART)\u003c\/span\u003e\n\n \u003cspan style=\"color: rgba(255,255,255,0.3);\"\u003e\n |\n \u003c\/span\u003e\n\n \u003cspan\u003e\n CARDSTOCK MATTE FOIL SET\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bb-badge-container\"\u003e\n\n \u003cspan class=\"bb-badge-fire\"\u003e\n šŸ”„ Limited to 50 Sets Online\n \u003c\/span\u003e\n\n \u003cspan class=\"bb-badge-foil\"\u003e\n šŸ’Ž Exclusive Matte Foil Finish\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- CREATOR CREDITS --\u003e\n \u003cdiv class=\"bb-credits\"\u003e\n\n \u003cdiv class=\"bb-credit-card\"\u003e\n \u003cspan class=\"bb-credit-role\"\u003e\n Writer\n \u003c\/span\u003e\n\n \u003cspan class=\"bb-credit-name\"\u003e\n Robert Kirkman\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-credit-card\"\u003e\n \u003cspan class=\"bb-credit-role\"\u003e\n Cover Artist\n \u003c\/span\u003e\n\n \u003cspan class=\"bb-credit-name\"\u003e\n Todd Beats\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-credit-card\"\u003e\n \u003cspan class=\"bb-credit-role\"\u003e\n Cover Colorist\n \u003c\/span\u003e\n\n \u003cspan class=\"bb-credit-name\"\u003e\n Sebastian Cheng\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- SHIPPING --\u003e\n \u003cdiv class=\"bb-section-title\"\u003e\n Shipping \u0026amp; Timeline\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-shipping-grid\"\u003e\n\n \u003cdiv class=\"bb-card\"\u003e\n\n \u003cdiv class=\"bb-card-header\"\u003e\n\n \u003cdiv class=\"bb-card-icon\"\u003e\n šŸ“¦\n \u003c\/div\u003e\n\n \u003ch3 class=\"bb-card-title\"\u003e\n Raw Books Shipping\n \u003c\/h3\u003e\n\n \u003c\/div\u003e\n\n \u003cp class=\"bb-card-body\"\u003e\n Estimated release \u0026amp; dispatch date:\n \u003cspan class=\"bb-highlight-gold\"\u003e\n August 26, 2026\n \u003c\/span\u003e.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-card\"\u003e\n\n \u003cdiv class=\"bb-card-header\"\u003e\n\n \u003cdiv class=\"bb-card-icon\"\u003e\n šŸ†\n \u003c\/div\u003e\n\n \u003ch3 class=\"bb-card-title\"\u003e\n CGC Turnaround\n \u003c\/h3\u003e\n\n \u003c\/div\u003e\n\n \u003cp class=\"bb-card-body\"\u003e\n Requires an additional\n \u003cspan class=\"bb-highlight-white\"\u003e\n 60ā€“90 business days\n \u003c\/span\u003e\n for CGC grading, encapsulation, and return transit.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =====================================\n CONDITION \u0026 GRADING\n ===================================== --\u003e\n\n \u003cdiv class=\"bb-section-title\"\u003e\n Condition \u0026amp; Grading Standards\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-interactive-tabs\"\u003e\n\n \u003c!-- BUTTONS --\u003e\n \u003cdiv class=\"bb-tab-buttons\"\u003e\n\n \u003cbutton type=\"button\" class=\"bb-tab-btn active\" data-bb-tab=\"raw-tab\" aria-selected=\"true\"\u003e\n Raw Copy Guarantee (9.2+)\n \u003c\/button\u003e\n\n\n \u003cbutton type=\"button\" class=\"bb-tab-btn\" data-bb-tab=\"cgc-tab\" aria-selected=\"false\"\u003e\n CGC Graded Copy (9.6+)\n \u003c\/button\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- RAW COPY CONTENT --\u003e\n \u003cdiv id=\"raw-tab\" class=\"bb-tab-pane active\"\u003e\n\n \u003cp style=\"\n margin: 0 0 10px 0;\n font-size: 0.95rem;\n color: #f8fafc;\n line-height: 1.6;\n \"\u003e\n\n \u003cstrong\u003e\n Raw Guarantee:\n \u003c\/strong\u003e\n\n Guaranteed minimum condition of\n\n \u003cspan class=\"bb-highlight-gold\"\u003e\n NM- (9.2) or better\n \u003c\/span\u003e.\n\n \u003cem style=\"color: #94a3b8;\"\u003e\n (We cannot guarantee 9.8 grades on raw copies.)\n \u003c\/em\u003e\n\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"bb-quote-box\"\u003e\n\n \u003cstrong style=\"color: #38bdf8;\"\u003e\n CGC NM- (9.2) Official Definition:\n \u003c\/strong\u003e\n\n \u003cbr\u003e\n\n \"This grade allows 5 or 6 minor handling defects.\n A small number of storage defects are allowed,\n such as minor spine stress lines, bends, or light\n tanning. Several printing defects fall into this\n range, with most having little effect on the grade.\"\n\n\n \u003cdiv style=\"\n font-size: 0.75rem;\n color: #64748b;\n margin-top: 6px;\n text-align: right;\n \"\u003e\n ā€” CGC Published Grading Standards\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- CGC CONTENT --\u003e\n \u003cdiv id=\"cgc-tab\" class=\"bb-tab-pane\"\u003e\n\n \u003cp style=\"\n margin: 0 0 10px 0;\n font-size: 0.95rem;\n color: #f8fafc;\n line-height: 1.6;\n \"\u003e\n\n \u003cstrong\u003e\n CGC Minimum Grade:\n \u003c\/strong\u003e\n\n CGC graded copies are expected to receive\n a minimum grade of\n\n \u003cspan class=\"bb-highlight-gold\"\u003e\n NM+ (9.6) or better\n \u003c\/span\u003e.\n\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"bb-quote-box\" style=\"border-left-color: #a855f7;\"\u003e\n\n \u003cstrong style=\"color: #c084fc;\"\u003e\n Third-Party Disclaimer:\n \u003c\/strong\u003e\n\n \u003cbr\u003e\n\n Please note that CGC grading is performed\n independently by CGC. Final assigned grades\n are determined solely at their professional\n discretion.\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- STORE ORDER POLICY --\u003e\n \u003cdiv class=\"bb-section-title\"\u003e\n Store Order Policy\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-policy-grid\"\u003e\n\n \u003cdiv class=\"bb-policy-card\"\u003e\n\n \u003ch4\u003e\n ā±ļø 24-Hour Cancellation\n \u003c\/h4\u003e\n\n \u003cp\u003e\n Cancellations or refund requests are strictly\n allowed within 24 hours of the drop going live.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-policy-card\"\u003e\n\n \u003ch4\u003e\n šŸ”’ Final Sale\n \u003c\/h4\u003e\n\n \u003cp\u003e\n After the 24-hour window, all orders are locked\n in for processing and cannot be cancelled.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-policy-card\"\u003e\n\n \u003ch4\u003e\n šŸ›”ļø Arrival Damage Guarantee\n \u003c\/h4\u003e\n\n \u003cp\u003e\n Refunds or returns are only accepted post-dispatch\n in cases where items arrive physically damaged.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- DISCLAIMER --\u003e\n \u003cdiv class=\"bb-disclaimer\"\u003e\n\n \u003cstrong style=\"color: #cbd5e1;\"\u003e\n Promotional Mockup Notice:\n \u003c\/strong\u003e\n\n All product images are digital mockups created for\n promotional purposes. Final printed books may vary\n slightly in appearance, including trade dress placement,\n foil application, finishes, and signature ink color.\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================\n WORKING TAB SCRIPT\n ===================================== --\u003e\n\n\u003cscript\u003e\n(function () {\n\n function initializeBBTabs() {\n\n var tabSections =\n document.querySelectorAll('.bb-interactive-tabs');\n\n\n tabSections.forEach(function (tabSection) {\n\n \/*\n * Prevent duplicate initialization\n *\/\n if (tabSection.getAttribute('data-bb-initialized') === 'true') {\n return;\n }\n\n tabSection.setAttribute(\n 'data-bb-initialized',\n 'true'\n );\n\n\n var buttons =\n tabSection.querySelectorAll('.bb-tab-btn');\n\n var panes =\n tabSection.querySelectorAll('.bb-tab-pane');\n\n\n buttons.forEach(function (button) {\n\n button.addEventListener('click', function (event) {\n\n event.preventDefault();\n\n var targetId =\n button.getAttribute('data-bb-tab');\n\n\n \/*\n * RESET BUTTONS\n *\/\n buttons.forEach(function (btn) {\n\n btn.classList.remove('active');\n\n btn.setAttribute(\n 'aria-selected',\n 'false'\n );\n\n });\n\n\n \/*\n * HIDE CONTENT\n *\/\n panes.forEach(function (pane) {\n\n pane.classList.remove('active');\n\n });\n\n\n \/*\n * ACTIVATE CLICKED BUTTON\n *\/\n button.classList.add('active');\n\n button.setAttribute(\n 'aria-selected',\n 'true'\n );\n\n\n \/*\n * FIND MATCHING CONTENT\n *\/\n var targetPane =\n tabSection.querySelector(\n '#' + targetId\n );\n\n\n \/*\n * SHOW CONTENT\n *\/\n if (targetPane) {\n\n targetPane.classList.add('active');\n\n }\n\n });\n\n });\n\n });\n\n }\n\n\n \/*\n * Works whether the code loads\n * before OR after DOMContentLoaded.\n *\/\n if (document.readyState === 'loading') {\n\n document.addEventListener(\n 'DOMContentLoaded',\n initializeBBTabs\n );\n\n } else {\n\n initializeBBTabs();\n\n }\n\n})();\n\u003c\/script\u003e","brand":"KeyComix","offers":[{"title":"Set of 2 (Signed by Todd Beats)","offer_id":44162790490199,"sku":null,"price":70.0,"currency_code":"USD","in_stock":true},{"title":"Set of 2 (Unsigned)","offer_id":44163472293975,"sku":null,"price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0649\/4044\/1687\/files\/INVINCIBLEUNIVERSEBATTLEBEAST12CVRZJInCardstockMATTEFOILb.png?v=1786654635"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0649\/4044\/1687\/collections\/INVINCIBLEUNIVERSEBATTLEBEAST12CVRZJInCardstockMATTEFOILb.png?v=1786678108","url":"https:\/\/keycomix.shop\/collections\/set-of-2-matte-foil-presale-invincible-universe-battle-beast-12-exclusive-virgin-variants.oembed","provider":"KeyComix","version":"1.0","type":"link"}