:root{--orange:#FF6B00;--orange2:#FFB347;--dark:#0A0A0A;--cream:#FFF8E7;--accent:#FF006E;--yellow:#FFE600;--green:#00FF87;--font-display:'Bangers',cursive;--font-body:'Comic Neue',cursive;--font-mono:'Space Mono',monospace}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--dark);color:var(--cream);font-family:var(--font-body);overflow-x:hidden;cursor:none}
#cursor{width:20px;height:20px;background:var(--orange);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform .1s;transform:translate(-50%,-50%)}
header{position:sticky;top:0;z-index:100;background:var(--dark);border-bottom:3px solid var(--orange)}
.marquee-bar{background:var(--orange);padding:6px 0;overflow:hidden;white-space:nowrap}
.marquee-bar span{display:inline-block;animation:marquee 20s linear infinite;font-family:var(--font-mono);font-size:.75rem;color:var(--dark);font-weight:700}
nav{display:flex;justify-content:space-between;align-items:center;padding:14px 5%}
.logo{font-family:var(--font-display);font-size:2rem;letter-spacing:3px;color:var(--orange)}
.nav-links a{font-family:var(--font-mono);font-size:.8rem;color:var(--cream);text-decoration:none;margin-left:24px;transition:.2s;border-bottom:2px solid transparent}
.nav-links a:hover{color:var(--orange);border-color:var(--orange)}

#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--dark)}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,107,0,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(255,0,110,.1) 0%,transparent 50%);pointer-events:none}
.hero-content{text-align:center;position:relative;z-index:2;padding:40px 20px}
.hero-title{font-family:var(--font-display);font-size:clamp(5rem,18vw,14rem);letter-spacing:8px;color:var(--orange);line-height:1;text-shadow:8px 8px 0 var(--accent),-4px -4px 0 rgba(255,230,0,.4);animation:glitch 4s infinite}
.hero-sub{font-family:var(--font-mono);font-size:clamp(.8rem,2vw,1.1rem);letter-spacing:4px;margin:16px 0 32px;color:var(--orange2)}
.hero-img-wrap{position:relative;display:inline-block;margin:20px 0}
.hero-img{width:280px;height:280px;object-fit:cover;border-radius:50%;border:6px solid var(--orange);box-shadow:0 0 0 12px rgba(255,107,0,.2),0 0 60px rgba(255,107,0,.4);animation:float 3s ease-in-out infinite}
.img-overlay{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);background:var(--yellow);color:var(--dark);font-family:var(--font-display);font-size:1.4rem;letter-spacing:2px;padding:4px 20px;border:3px solid var(--dark);white-space:nowrap}
.sticker{position:absolute;font-family:var(--font-display);font-size:1.3rem;background:var(--yellow);color:var(--dark);padding:8px 16px;border:3px solid var(--dark);box-shadow:4px 4px 0 var(--dark)}
.sticker-1{top:60px;left:5%;transform:rotate(-8deg)}
.sticker-2{top:40px;right:5%;transform:rotate(6deg);background:var(--green)}
.cta-btn{display:inline-block;margin-top:32px;padding:16px 48px;background:var(--orange);color:var(--dark);font-family:var(--font-display);font-size:1.8rem;letter-spacing:3px;text-decoration:none;border:4px solid var(--cream);box-shadow:6px 6px 0 var(--cream);transition:.15s;position:relative}
.cta-btn:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--cream)}

/* Contract bar in hero */
.contract-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap;background:rgba(255,107,0,.08);border:2px solid rgba(255,107,0,.4);padding:12px 24px}
.contract-label{font-family:var(--font-mono);font-size:.75rem;color:var(--orange);font-weight:700;letter-spacing:2px;white-space:nowrap}
.contract-address{font-family:var(--font-mono);font-size:.75rem;color:var(--orange2);word-break:break-all;text-align:center}
.copy-btn{font-family:var(--font-mono);font-size:.7rem;font-weight:700;background:var(--orange);color:var(--dark);border:2px solid var(--cream);padding:5px 14px;cursor:pointer;letter-spacing:1px;transition:.15s;white-space:nowrap}
.copy-btn:hover{background:var(--yellow);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--cream)}

.divider{text-align:center;padding:16px 0;font-size:1.5rem;border-top:2px dashed rgba(255,107,0,.3);border-bottom:2px dashed rgba(255,107,0,.3)}

#lore{padding:80px 5%}
.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);letter-spacing:6px;text-align:center;color:var(--orange);margin-bottom:60px;position:relative}
.section-title::after{content:'';display:block;width:120px;height:4px;background:var(--accent);margin:12px auto 0}
.lore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:1100px;margin:0 auto}
.lore-card{background:#111;border:3px solid var(--orange);padding:32px 24px;transition:.2s;cursor:default;position:relative;overflow:hidden}
.lore-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,0,.05),transparent);pointer-events:none}
.lore-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--orange);border-color:var(--yellow)}
.card-emoji{font-size:2.5rem;margin-bottom:12px}
.lore-card h3{font-family:var(--font-display);font-size:1.6rem;letter-spacing:2px;color:var(--yellow);margin-bottom:12px}
.lore-card p{font-size:.95rem;line-height:1.7;opacity:.85}

.marquee-mid{padding:14px 0;background:#111;border-top:2px solid rgba(255,107,0,.3);border-bottom:2px solid rgba(255,107,0,.3);overflow:hidden;white-space:nowrap;margin:60px 0}
.marquee-mid span{display:inline-block;animation:marquee 25s linear infinite;font-family:var(--font-mono);font-size:.8rem;color:var(--orange2)}

#gallery{padding:80px 5%}
.meme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto}
.meme-card{background:#111;border:3px solid #222;overflow:hidden;transform:rotate(var(--r));transition:.3s;cursor:pointer}
.meme-card.big{grid-column:span 2}
.meme-card img{width:100%;height:220px;object-fit:cover;display:block;transition:.4s}
.meme-card:hover{transform:rotate(0) scale(1.03);border-color:var(--orange);z-index:10;box-shadow:0 20px 60px rgba(255,107,0,.3)}
.meme-card:hover img{transform:scale(1.08)}
.meme-caption{padding:14px;font-family:var(--font-mono);font-size:.75rem;color:var(--orange2);font-weight:700;text-transform:uppercase;line-height:1.4}

#join{padding:100px 5%;text-align:center}
.join-inner{max-width:700px;margin:0 auto;border:4px solid var(--orange);padding:60px 40px;position:relative;background:#0d0d0d}
.join-inner::before{content:'';position:absolute;inset:-8px;border:2px solid rgba(255,107,0,.3);pointer-events:none}
.join-badge{display:inline-block;background:var(--orange);color:var(--dark);font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:6px 16px;margin-bottom:24px;letter-spacing:2px}
.join-inner h2{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);letter-spacing:4px;color:var(--cream);margin-bottom:20px}
.join-inner p{font-size:1rem;opacity:.75;margin-bottom:40px;line-height:1.7}
.join-stats{display:flex;justify-content:center;gap:40px;margin-bottom:40px;flex-wrap:wrap}
.stat{display:flex;flex-direction:column;align-items:center}
.stat-num{font-family:var(--font-display);font-size:3rem;color:var(--orange);letter-spacing:2px}
.stat-label{font-family:var(--font-mono);font-size:.7rem;color:var(--orange2);letter-spacing:3px;margin-top:4px}
.join-btn{display:inline-block;padding:18px 48px;background:transparent;color:var(--orange);border:3px solid var(--orange);font-family:var(--font-display);font-size:1.6rem;letter-spacing:3px;text-decoration:none;transition:.2s;box-shadow:4px 4px 0 var(--orange)}
.join-btn:hover{background:var(--orange);color:var(--dark);transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--orange2)}

/* CA section inside join */
.ca-section{margin-top:40px;border-top:2px dashed rgba(255,107,0,.3);padding-top:32px}
.ca-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:3px;color:var(--orange);margin-bottom:12px;font-weight:700}
.ca-box{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:rgba(0,0,0,.4);border:2px solid rgba(255,107,0,.35);padding:14px 20px}
.ca-text{font-family:var(--font-mono);font-size:.72rem;color:var(--orange2);word-break:break-all;text-align:center;line-height:1.6}
.ca-copy-btn{font-family:var(--font-mono);font-size:.7rem;font-weight:700;background:transparent;color:var(--orange);border:2px solid var(--orange);padding:6px 16px;cursor:pointer;letter-spacing:1px;transition:.15s;white-space:nowrap}
.ca-copy-btn:hover{background:var(--orange);color:var(--dark);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--orange2)}

footer{text-align:center;padding:40px;border-top:3px dashed rgba(255,107,0,.3)}
.footer-logo{font-family:var(--font-display);font-size:2.5rem;color:var(--orange);margin-bottom:12px}
footer p{font-family:var(--font-mono);font-size:.85rem;opacity:.6;margin-bottom:6px}
.footer-small{font-size:.7rem!important;opacity:.4!important}
.footer-ca{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0;flex-wrap:wrap}
.footer-ca-label{font-family:var(--font-mono);font-size:.7rem;color:var(--orange);font-weight:700;letter-spacing:2px}
.footer-ca-addr{font-family:var(--font-mono);font-size:.65rem;color:var(--orange2);opacity:.7;word-break:break-all;text-align:center}

@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes glitch{0%,90%,100%{text-shadow:8px 8px 0 var(--accent),-4px -4px 0 rgba(255,230,0,.4)}92%{text-shadow:-8px 8px 0 var(--accent),4px -4px 0 rgba(255,230,0,.4);transform:skewX(2deg)}94%{text-shadow:8px -8px 0 #00FF87,-4px 4px 0 var(--accent)}96%{text-shadow:-2px 2px 0 var(--accent);transform:skewX(0)}}

@media(max-width:768px){.nav-links{display:none}.meme-grid{grid-template-columns:1fr 1fr}.meme-card.big{grid-column:span 2}.sticker-1,.sticker-2{display:none}.join-inner{padding:40px 20px}.join-stats{gap:24px}.contract-address{font-size:.65rem}.ca-text{font-size:.65rem}}
/* Video in hero */
.hero-video-wrap{margin:32px auto;max-width:500px}
.hero-video{width:100%;border-radius:12px;border:4px solid var(--orange);box-shadow:0 0 40px rgba(255,107,0,.3)}

/* Twitch nav link */
.nav-twitch{color:var(--accent)!important;border-color:var(--accent)!important}
.nav-twitch:hover{color:#9146FF!important;border-color:#9146FF!important}

/* Join links */
.join-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}
.twitch-btn{border-color:#9146FF!important;color:#9146FF!important;box-shadow:4px 4px 0 #9146FF!important}
.twitch-btn:hover{background:#9146FF!important;color:var(--dark)!important;box-shadow:8px 8px 0 rgba(145,70,255,.5)!important}

/* Buy links */
.buy-links{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}
.buy-link{font-family:var(--font-mono);font-size:.75rem;color:var(--orange);text-decoration:none;border:1px solid rgba(255,107,0,.4);padding:8px 20px;transition:.2s;letter-spacing:1px}
.buy-link:hover{background:var(--orange);color:var(--dark);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--orange2)}

/* Footer links */
.footer-links{display:flex;gap:20px;justify-content:center;margin:12px 0}
.footer-links a{font-family:var(--font-mono);font-size:.8rem;color:var(--orange);text-decoration:none;border-bottom:1px solid transparent;transition:.2s}
.footer-links a:hover{border-color:var(--orange)}

/* Logo image */
.logo{display:flex;align-items:center;gap:10px}
.logo-img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--orange)}
.footer-logo{display:flex;align-items:center;justify-content:center;gap:10px}
.footer-logo .logo-img{width:32px;height:32px}