{"id":8,"date":"2026-04-24T16:19:13","date_gmt":"2026-04-24T16:19:13","guid":{"rendered":"https:\/\/thespade.fun\/?page_id=8"},"modified":"2026-04-24T17:22:47","modified_gmt":"2026-04-24T17:22:47","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thespade.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2398d5 e-con-full e-flex e-con e-parent\" data-id=\"a2398d5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82f0df1 elementor-widget elementor-widget-html\" data-id=\"82f0df1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"spade-arcade-master\">\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Press+Start+2P&family=VT323&display=swap');\r\n\r\n        \/* --- GLOBAL ARCADE RESET --- *\/\r\n        #spade-arcade-master {\r\n            all: initial;\r\n            --bg-void: #050505;\r\n            --gold-light: #FFDF00;\r\n            --gold-dark: #B8860B;\r\n            --text-white: #F8F8F8;\r\n            --pixel-size: 4px;\r\n\r\n            font-family: 'VT323', monospace;\r\n            color: var(--text-white);\r\n            background-color: var(--bg-void);\r\n            display: block; width: 100%; overflow-x: hidden;\r\n            position: relative; line-height: 1.5;\r\n            image-rendering: pixelated; \r\n        }\r\n        #spade-arcade-master * { box-sizing: border-box; image-rendering: pixelated; }\r\n\r\n        \/* --- DYNAMIC PARALLAX STARFIELD --- *\/\r\n        .arcade-bg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 0; pointer-events: none; background: #000; }\r\n        .stars-1, .stars-2 { position: absolute; top: 0; left: 0; width: 2px; height: 2px; background: transparent; }\r\n        .stars-1 {\r\n            box-shadow: 10vw 20vh #fff, 40vw 80vh #fff, 80vw 10vh #fff, 20vw 90vh #fff, 60vw 30vh #fff, 90vw 70vh #fff, 30vw 40vh #fff, 70vw 60vh #fff, 50vw 50vh #fff, 15vw 75vh #fff, 85vw 25vh #fff, 45vw 15vh #fff, 95vw 85vh #fff;\r\n            animation: scrollStars 50s linear infinite;\r\n        }\r\n        .stars-2 {\r\n            width: 4px; height: 4px;\r\n            box-shadow: 25vw 15vh var(--gold-dark), 75vw 85vh var(--gold-dark), 10vw 60vh var(--gold-dark), 90vw 20vh var(--gold-dark), 55vw 90vh var(--gold-dark);\r\n            animation: scrollStars 30s linear infinite;\r\n        }\r\n        @keyframes scrollStars { 0% { transform: translateY(0); } 100% { transform: translateY(-100vh); } }\r\n        \r\n        .crt-overlay {\r\n            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; pointer-events: none;\r\n            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%); background-size: 100% 4px;\r\n            box-shadow: inset 0 0 100px rgba(0,0,0,0.9);\r\n        }\r\n\r\n        \/* --- TYPOGRAPHY (3D ISOMETRIC PIXEL) --- *\/\r\n        #spade-arcade-master h1, #spade-arcade-master h2 {\r\n            font-family: 'Press Start 2P', cursive;\r\n            color: var(--gold-light); text-transform: uppercase;\r\n            margin-bottom: 2rem; position: relative; z-index: 2; line-height: 1.2;\r\n            text-shadow: 4px 4px 0px var(--gold-dark), 8px 8px 0px #000;\r\n        }\r\n        #spade-arcade-master h1 { font-size: 5.5rem; letter-spacing: -2px; }\r\n        #spade-arcade-master h2 { font-size: 3.5rem; }\r\n        #spade-arcade-master h3 { font-family: 'Press Start 2P', cursive; font-size: 1.3rem; color: #fff; margin-bottom: 1.5rem; text-shadow: 2px 2px 0px #000; line-height: 1.4; }\r\n        #spade-arcade-master p { font-size: 1.6rem; color: #e0e0e0; margin-bottom: 2rem; position: relative; z-index: 2; text-shadow: 2px 2px 0px #000; }\r\n\r\n        \/* --- SMOOTH PIXEL MARQUEE --- *\/\r\n        .pixel-marquee {\r\n            width: 100%; overflow: hidden;\r\n            background: var(--gold-dark);\r\n            border-top: 4px solid var(--gold-light);\r\n            border-bottom: 4px solid var(--gold-light);\r\n            padding: 15px 0; position: relative; z-index: 10;\r\n            white-space: nowrap; display: flex;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.8), 0 -5px 15px rgba(0,0,0,0.8);\r\n        }\r\n        .marquee-track {\r\n            display: inline-block; white-space: nowrap;\r\n            animation: scrollMarquee 25s linear infinite;\r\n            font-family: 'Press Start 2P', cursive; font-size: 1.2rem; color: #000; text-transform: uppercase;\r\n            \/* Anti-jitter *\/\r\n            transform: translate3d(0, 0, 0);\r\n        }\r\n        .marquee-track span { margin: 0 40px; }\r\n        @keyframes scrollMarquee {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(-50%); }\r\n        }\r\n\r\n        \/* --- AUTHENTIC 16-BIT UI COMPONENTS --- *\/\r\n        .pixel-frame {\r\n            position: relative; background: #000; padding: 40px;\r\n            clip-path: polygon(\r\n                0 4px, 4px 4px, 4px 0, calc(100% - 4px) 0, calc(100% - 4px) 4px, 100% 4px, \r\n                100% calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) 100%, \r\n                4px 100%, 4px calc(100% - 4px), 0 calc(100% - 4px)\r\n            );\r\n            box-shadow: inset 0 0 0 4px var(--gold-dark), inset 8px 8px 0px 0px rgba(255,255,255,0.1);\r\n            transition: transform 0.1s step-end; z-index: 2; margin-bottom: 20px;\r\n        }\r\n        \r\n        .pixel-btn {\r\n            font-family: 'Press Start 2P', cursive; font-size: 0.9rem;\r\n            color: #fff; background: #111;\r\n            padding: 18px 24px; margin: 10px 5px; cursor: pointer;\r\n            text-transform: uppercase; text-decoration: none; display: inline-block;\r\n            position: relative;\r\n            border-top: 4px solid #fff; border-left: 4px solid #fff;\r\n            border-bottom: 4px solid #444; border-right: 4px solid #444;\r\n            box-shadow: 6px 6px 0px #000;\r\n        }\r\n        .pixel-btn:hover { background: #222; }\r\n        .pixel-btn:active {\r\n            border-top: 4px solid #444; border-left: 4px solid #444;\r\n            border-bottom: 4px solid #fff; border-right: 4px solid #fff;\r\n            transform: translate(4px, 4px); box-shadow: 2px 2px 0px #000;\r\n        }\r\n        .pixel-btn.solid { background: var(--gold-light); color: #000; border-top-color: #fff; border-left-color: #fff; border-bottom-color: var(--gold-dark); border-right-color: var(--gold-dark); }\r\n        .pixel-btn.solid:hover { background: #fff; color: #000; }\r\n\r\n        \/* Top Nav Icons & CA *\/\r\n        .spade-nav {\r\n            position: fixed; top: 0; width: 100%; padding: 20px 40px;\r\n            display: flex; justify-content: space-between; align-items: center;\r\n            background: rgba(0,0,0,0.85); border-bottom: 4px solid var(--gold-dark); z-index: 100;\r\n        }\r\n        .spade-logo { font-family: 'Press Start 2P', cursive; font-size: 2rem; color: #fff; text-shadow: 4px 4px 0px var(--gold-dark); }\r\n        .spade-nav-actions { display: flex; align-items: center; gap: 20px; }\r\n\r\n        .ca-display {\r\n            font-family: 'Press Start 2P', cursive; font-size: 0.8rem; color: var(--gold-light);\r\n            background: #000; padding: 12px 20px; border: 4px solid #444; cursor: pointer;\r\n            box-shadow: inset 4px 4px 0px rgba(0,0,0,0.5);\r\n        }\r\n        .ca-display:active { border-color: var(--gold-light); background: #111; }\r\n        \r\n        .icon-btn {\r\n            background: #000; border: 4px solid #444; padding: 8px; cursor: pointer;\r\n            display: flex; justify-content: center; align-items: center; box-shadow: 4px 4px 0px #000;\r\n        }\r\n        .icon-btn:active { transform: translate(4px, 4px); box-shadow: 0 0 0 #000; border-color: var(--gold-light); }\r\n        .icon-btn svg { width: 24px; height: 24px; fill: #fff; }\r\n\r\n        \/* --- LOADING BOOT SEQUENCE --- *\/\r\n        #spade-loader {\r\n            position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #000; z-index: 10000;\r\n            display: flex; flex-direction: column; justify-content: center; align-items: center;\r\n        }\r\n        #spade-loader img { width: 180px; filter: drop-shadow(0 0 0 transparent); animation: spriteBlink 0.2s step-end infinite alternate; }\r\n        .loader-text { font-family: 'Press Start 2P', cursive; color: var(--gold-light); font-size: 1.5rem; margin-top: 40px; animation: blink 0.8s step-end infinite; }\r\n        @keyframes spriteBlink { 100% { filter: drop-shadow(4px 4px 0px var(--gold-dark)); transform: translateY(-5px); } }\r\n        @keyframes blink { 50% { opacity: 0; } }\r\n\r\n        \/* --- SECTION LAYOUTS --- *\/\r\n        .spade-section { padding: 160px 20px; max-width: 1300px; margin: 0 auto; position: relative; z-index: 2; }\r\n\r\n        \/* Hero *\/\r\n        .spade-hero-wrapper { position: relative; width: 100%; height: 100vh; overflow: hidden; }\r\n        .spade-hero-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; opacity: 0.4; filter: contrast(1.2) grayscale(0.2); }\r\n        .spade-hero-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 80px 40px; z-index: 3; background: linear-gradient(to top, rgba(0,0,0,0.9) 10%, transparent); }\r\n\r\n        \/* About *\/\r\n        .spade-about-grid { display: flex; align-items: center; gap: 60px; }\r\n        .spade-about-content { flex: 1.2; }\r\n        .spade-about-image { flex: 0.8; text-align: right; }\r\n        .spade-about-image img { max-width: 100%; filter: drop-shadow(15px 15px 0px rgba(184, 134, 11, 0.4)); animation: hoverSprite 2s step-end infinite; }\r\n        @keyframes hoverSprite { 50% { transform: translateY(-10px); } }\r\n\r\n        \/* How to Join *\/\r\n        .spade-howto-container { text-align: center; }\r\n        .spade-cards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 300px; margin-top: 80px; position: relative; z-index: 1; text-align: left; }\r\n        .spade-cards-grid .pixel-frame { padding: 30px; }\r\n        .spade-cards-grid .pixel-frame:hover { transform: scale(1.02); box-shadow: inset 0 0 0 4px var(--gold-light), inset 8px 8px 0px 0px rgba(255,255,255,0.2); }\r\n        \r\n        .spade-center-img {\r\n            position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 280px; pointer-events: none; z-index: 5;\r\n            filter: drop-shadow(10px 10px 0px rgba(0,0,0,0.9)); animation: pulseBoss 3s step-end infinite;\r\n        }\r\n        @keyframes pulseBoss { 0%, 100% { transform: translate(-50%, -50%) scale(1); filter: drop-shadow(10px 10px 0px rgba(0,0,0,0.9)); } 50% { transform: translate(-50%, -50%) scale(1.05); filter: drop-shadow(15px 15px 0px var(--gold-dark)); } }\r\n\r\n        \/* Social Proof *\/\r\n        .spade-social-bg-container { position: relative; background-image: url('https:\/\/thespade.fun\/wp-content\/uploads\/2026\/04\/Asset-7.png'); background-size: cover; background-position: center; background-attachment: fixed; padding: 180px 20px; text-align: center; }\r\n        .spade-social-bg-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1; }\r\n        .social-box { max-width: 1000px; margin: 0 auto; background: rgba(0,0,0,0.85); text-align: center; }\r\n\r\n        \/* Community *\/\r\n        .spade-community-section { text-align: center; padding-bottom: 180px; }\r\n\r\n        \/* Footer *\/\r\n        .spade-footer { border-top: 8px double var(--gold-dark); padding: 50px 40px; text-align: center; background: #000; position: relative; z-index: 2; }\r\n        .spade-footer p { font-family: 'Press Start 2P', cursive; font-size: 0.9rem; color: #777; margin: 10px 0; }\r\n\r\n        \/* Reveal Animation *\/\r\n        .reveal { opacity: 0; transform: translateY(40px); transition: all 0.4s step-end; }\r\n        .reveal.active { opacity: 1; transform: translateY(0); }\r\n\r\n        \/* Mobile Adjustments *\/\r\n        @media (max-width: 1200px) { .spade-cards-grid { gap: 40px 150px; } }\r\n        @media (max-width: 992px) {\r\n            #spade-arcade-master h1 { font-size: 3.5rem; }\r\n            #spade-arcade-master h2 { font-size: 2.5rem; }\r\n            .spade-about-grid { flex-direction: column; text-align: center; }\r\n            .spade-cards-grid { grid-template-columns: 1fr; gap: 30px; }\r\n            .spade-center-img { opacity: 0.15; width: 200px; } \r\n            .spade-nav { padding: 15px; flex-direction: column; gap: 15px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"crt-overlay\"><\/div>\r\n    <div class=\"arcade-bg\">\r\n        <div class=\"stars-1\"><\/div><div class=\"stars-1\" style=\"animation-delay:-25s; left:50vw;\"><\/div>\r\n        <div class=\"stars-2\"><\/div>\r\n    <\/div>\r\n\r\n    <div id=\"spade-loader\">\r\n        <img decoding=\"async\" src=\"https:\/\/thespade.fun\/wp-content\/uploads\/2026\/04\/Asset-8.png\" alt=\"Loading\">\r\n        <div class=\"loader-text\">INSERT COIN...<\/div>\r\n    <\/div>\r\n\r\n    <audio id=\"spade-bgm\" loop>\r\n        <source src=\"https:\/\/www.soundhelix.com\/examples\/mp3\/SoundHelix-Song-1.mp3\" type=\"audio\/mpeg\">\r\n    <\/audio>\r\n\r\n    <nav class=\"spade-nav\">\r\n        <div class=\"spade-logo\">SPADE<\/div>\r\n        <div class=\"spade-nav-actions\">\r\n            <button class=\"ca-display\" id=\"btn-copy-ca\">CA: YOUR_CA_ADDRESS_HERE<\/button>\r\n            <button class=\"icon-btn\" id=\"btn-music\" title=\"BGM Toggle\">\r\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M14.66 1.93c-.91-.35-1.93.09-2.28 1L7.84 9H3c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h4.84l4.54 6.07c.35.47.9.73 1.47.73.27 0 .54-.06.8-.18 1-.44 1.58-1.54 1.35-2.62V4.55c-.21-.92-1.07-1.46-1.34-2.62zM3 13v-2h4v2H3zm11 6l-4.11-5.49c-.23-.3-.58-.51-.98-.51H4v-2h4.91c.4 0 .75-.21.98-.51L14 5v14zm4.5-7c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM16 4.07v2.06c2.36.91 4 3.2 4 5.87s-1.64 4.96-4 5.87v2.06c3.47-.98 6-4.15 6-7.93s-2.53-6.95-6-7.93z\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <div class=\"spade-hero-wrapper\">\r\n        <video class=\"spade-hero-video\" autoplay loop muted playsinline>\r\n            <source src=\"https:\/\/thespade.fun\/wp-content\/uploads\/2026\/04\/SPADE-BG.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"spade-hero-overlay reveal\">\r\n            <h1>The Ace Up<br>Your Sleeve<\/h1>\r\n            <p>Welcome to the movement. Rule-breakers, risk-takers, and foundation-builders. The game has changed. Secure your hand.<\/p>\r\n            <div style=\"margin-top: 30px;\">\r\n                <a href=\"#\" class=\"pixel-btn\">Twitter<\/a>\r\n                <a href=\"#\" class=\"pixel-btn\">Telegram<\/a>\r\n                <a href=\"#\" class=\"pixel-btn\">Chart<\/a>\r\n                <a href=\"#\" class=\"pixel-btn solid\">Buy $SPADE<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pixel-marquee\">\r\n        <div class=\"marquee-track\">\r\n            <span>\u2605 $SPADE \u2605<\/span><span>THE WINNING DECK<\/span><span>\u2605 BUILD ON A SOLID FOUNDATION \u2605<\/span><span>THE ACE UP YOUR SLEEVE<\/span>\r\n            <span>\u2605 $SPADE \u2605<\/span><span>THE WINNING DECK<\/span><span>\u2605 BUILD ON A SOLID FOUNDATION \u2605<\/span><span>THE ACE UP YOUR SLEEVE<\/span>\r\n            <span>\u2605 $SPADE \u2605<\/span><span>THE WINNING DECK<\/span><span>\u2605 BUILD ON A SOLID FOUNDATION \u2605<\/span><span>THE ACE UP YOUR SLEEVE<\/span>\r\n            <span>\u2605 $SPADE \u2605<\/span><span>THE WINNING DECK<\/span><span>\u2605 BUILD ON A SOLID FOUNDATION \u2605<\/span><span>THE ACE UP YOUR SLEEVE<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"spade-section reveal\">\r\n        <div class=\"spade-about-grid\">\r\n            <div class=\"spade-about-content\">\r\n                <h2>Digging Deeper<br>Building Stronger<\/h2>\r\n                <div class=\"pixel-frame\">\r\n                    <p style=\"margin-bottom:0;\">A spade isn\u2019t just a suit on a card\u2014it\u2019s the ultimate tool used to break new ground. We aren't here to follow the crowd. We carved our own path to build an unstoppable community on a rock-solid foundation.<\/p>\r\n                <\/div>\r\n                <a href=\"#\" class=\"pixel-btn\">Read Manifesto<\/a>\r\n            <\/div>\r\n            <div class=\"spade-about-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/thespade.fun\/wp-content\/uploads\/2026\/04\/Asset-5.png\" alt=\"Hero Asset\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"spade-section spade-howto-container reveal\">\r\n        <h2>The Winning Deck<\/h2>\r\n        <p>Exclusivity meets raw momentum. When you hold the right cards, you control the board.<\/p>\r\n        \r\n        <div class=\"spade-cards-grid\">\r\n            <div class=\"pixel-frame\">\r\n                <h3>01. Get Wallet<\/h3>\r\n                <p>Download a trusted wallet app to hold your assets. Set up your security.<\/p>\r\n            <\/div>\r\n            <div class=\"pixel-frame\">\r\n                <h3>02. Secure Sol<\/h3>\r\n                <p>Acquire SOL to enable transactions. Transfer it to your wallet.<\/p>\r\n            <\/div>\r\n            <div class=\"pixel-frame\">\r\n                <h3>03. Swap on Dex<\/h3>\r\n                <p>Connect wallet to a DEX. Paste the $SPADE CA and confirm swap.<\/p>\r\n            <\/div>\r\n            <div class=\"pixel-frame\">\r\n                <h3>04. HODL Solid<\/h3>\r\n                <p>Welcome to the inner circle. Go all in with the bold and the visionaries.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <img decoding=\"async\" src=\"https:\/\/thespade.fun\/wp-content\/uploads\/2026\/04\/Asset-6.png\" class=\"spade-center-img\" alt=\"Boss Asset\">\r\n    <\/section>\r\n\r\n    <div class=\"pixel-marquee\">\r\n        <div class=\"marquee-track\">\r\n            <span>\u2605 $SPADE \u2605<\/span><span>THE WINNING DECK<\/span><span>\u2605 BUILD ON A SOLID FOUNDATION \u2605<\/span><span>THE ACE UP YOUR SLEEVE<\/span>\r\n            <span>\u2605 $SPADE \u2605<\/span><span>THE WINNING DECK<\/span><span>\u2605 BUILD ON A SOLID FOUNDATION \u2605<\/span><span>THE ACE UP YOUR SLEEVE<\/span>\r\n            <span>\u2605 $SPADE \u2605<\/span><span>THE WINNING DECK<\/span><span>\u2605 BUILD ON A SOLID FOUNDATION \u2605<\/span><span>THE ACE UP YOUR SLEEVE<\/span>\r\n            <span>\u2605 $SPADE \u2605<\/span><span>THE WINNING DECK<\/span><span>\u2605 BUILD ON A SOLID FOUNDATION \u2605<\/span><span>THE ACE UP YOUR SLEEVE<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"spade-social-bg-container reveal\">\r\n        <section class=\"spade-section\" style=\"padding:0;\">\r\n            <div class=\"pixel-frame social-box\">\r\n                <h2>Call Their Bluff<\/h2>\r\n                <p>The world is full of talkers, but we are the doers. Our numbers are growing, and the table is getting full. See what happens when a group of like-minded individuals decides to flip the script and take control of the narrative.<\/p>\r\n                <a href=\"#\" class=\"pixel-btn solid\" style=\"margin-top:20px;\">View Movement<\/a>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <div class=\"pixel-marquee\">\r\n        <div class=\"marquee-track\" style=\"animation-direction: reverse;\"> <span>\u2605 $SPADE \u2605<\/span><span>THE WINNING DECK<\/span><span>\u2605 BUILD ON A SOLID FOUNDATION \u2605<\/span><span>THE ACE UP YOUR SLEEVE<\/span>\r\n            <span>\u2605 $SPADE \u2605<\/span><span>THE WINNING DECK<\/span><span>\u2605 BUILD ON A SOLID FOUNDATION \u2605<\/span><span>THE ACE UP YOUR SLEEVE<\/span>\r\n            <span>\u2605 $SPADE \u2605<\/span><span>THE WINNING DECK<\/span><span>\u2605 BUILD ON A SOLID FOUNDATION \u2605<\/span><span>THE ACE UP YOUR SLEEVE<\/span>\r\n            <span>\u2605 $SPADE \u2605<\/span><span>THE WINNING DECK<\/span><span>\u2605 BUILD ON A SOLID FOUNDATION \u2605<\/span><span>THE ACE UP YOUR SLEEVE<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"spade-section spade-community-section reveal\">\r\n        <h2>Claim Your Seat<br>At The Table<\/h2>\r\n        <p>The cards are dealt. The stakes are high. Are you ready to join the inner circle?<\/p>\r\n        <div style=\"margin-top: 40px;\">\r\n            <a href=\"#\" class=\"pixel-btn\">Twitter<\/a>\r\n            <a href=\"#\" class=\"pixel-btn\">Telegram<\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer class=\"spade-footer\">\r\n        <p>CREDITS<\/p>\r\n        <p>&copy; 2026 SPADE SYNC. ALL RIGHTS RESERVED.<\/p>\r\n        <p style=\"color: var(--gold-dark); margin-top: 20px;\">BUILT ON A SOLID FOUNDATION.<\/p>\r\n    <\/footer>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const loader = document.getElementById('spade-loader');\r\n            setTimeout(() => {\r\n                loader.style.opacity = '0';\r\n                setTimeout(() => loader.style.display = 'none', 100); \r\n            }, 2500);\r\n\r\n            const reveals = document.querySelectorAll('.reveal');\r\n            const revealOnScroll = () => {\r\n                let windowHeight = window.innerHeight;\r\n                reveals.forEach(el => {\r\n                    let elementTop = el.getBoundingClientRect().top;\r\n                    if (elementTop < windowHeight - 100) {\r\n                        el.classList.add('active');\r\n                    }\r\n                });\r\n            };\r\n            window.addEventListener('scroll', revealOnScroll);\r\n            revealOnScroll();\r\n\r\n            const AudioContext = window.AudioContext || window.webkitAudioContext;\r\n            let actx;\r\n\r\n            function playChiptune(freq1, freq2, type, duration) {\r\n                if(!actx) actx = new AudioContext();\r\n                if(actx.state === 'suspended') actx.resume();\r\n                \r\n                const osc = actx.createOscillator();\r\n                const gain = actx.createGain();\r\n                \r\n                osc.type = type; \r\n                osc.frequency.setValueAtTime(freq1, actx.currentTime);\r\n                osc.frequency.exponentialRampToValueAtTime(freq2, actx.currentTime + duration);\r\n                \r\n                gain.gain.setValueAtTime(0.1, actx.currentTime);\r\n                gain.gain.exponentialRampToValueAtTime(0.01, actx.currentTime + duration);\r\n                \r\n                osc.connect(gain); gain.connect(actx.destination);\r\n                osc.start(); osc.stop(actx.currentTime + duration);\r\n            }\r\n\r\n            document.querySelectorAll('.pixel-btn, .icon-btn, .ca-display').forEach(el => {\r\n                el.addEventListener('mouseenter', () => playChiptune(600, 800, 'square', 0.05)); \r\n                el.addEventListener('mousedown', () => playChiptune(400, 100, 'sawtooth', 0.15)); \r\n            });\r\n\r\n            const btnCopyCa = document.getElementById('btn-copy-ca');\r\n            const originalCaText = btnCopyCa.textContent;\r\n            const caString = originalCaText.replace('CA: ', '');\r\n\r\n            btnCopyCa.addEventListener('click', () => {\r\n                navigator.clipboard.writeText(caString).then(() => {\r\n                    btnCopyCa.textContent = \"ITEM ACQUIRED!\";\r\n                    btnCopyCa.style.color = \"#fff\";\r\n                    btnCopyCa.style.background = \"var(--gold-dark)\";\r\n                    playChiptune(800, 1200, 'square', 0.2); \r\n                    setTimeout(() => {\r\n                        btnCopyCa.textContent = originalCaText;\r\n                        btnCopyCa.style.color = \"\";\r\n                        btnCopyCa.style.background = \"\";\r\n                    }, 2000);\r\n                });\r\n            });\r\n\r\n            const btnMusic = document.getElementById('btn-music');\r\n            const bgm = document.getElementById('spade-bgm');\r\n            let isPlaying = false;\r\n            bgm.volume = 0.4;\r\n\r\n            btnMusic.addEventListener('click', () => {\r\n                if (isPlaying) {\r\n                    bgm.pause();\r\n                    btnMusic.style.borderColor = \"\";\r\n                } else {\r\n                    bgm.play().catch(e => console.log(\"Needs interaction\"));\r\n                    btnMusic.style.borderColor = \"var(--gold-light)\";\r\n                }\r\n                isPlaying = !isPlaying;\r\n            });\r\n        });\r\n    <\/script>\r\n<\/div>\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>INSERT COIN&#8230; SPADE CA: YOUR_CA_ADDRESS_HERE The Ace UpYour Sleeve Welcome to the movement. Rule-breakers, risk-takers, and foundation-builders. The game has changed. Secure your hand. Twitter Telegram Chart Buy $SPADE \u2605 $SPADE \u2605THE WINNING DECK\u2605 BUILD ON A SOLID FOUNDATION \u2605THE ACE UP YOUR SLEEVE \u2605 $SPADE \u2605THE WINNING DECK\u2605 BUILD ON A SOLID FOUNDATION \u2605THE [&hellip;]<\/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:\/\/thespade.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thespade.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thespade.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thespade.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thespade.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":40,"href":"https:\/\/thespade.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/thespade.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/thespade.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}