:root{--ink:#101010;--paper:#f3eee3;--white:#fffef8;--yellow:#f7df00;--red:#ff3429;--green:#20c968;--blue:#3547ff;--brown:#a96c31;--border:3px solid var(--ink);--shadow:9px 9px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.top-strip{height:33px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);font-family:"Press Start 2P",monospace;font-size:.43rem;letter-spacing:.02em}.top-strip span:nth-child(2){color:var(--yellow)}
.nav-shell{position:sticky;top:0;z-index:90;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;min-height:78px;padding:0 clamp(18px,5vw,72px);background:rgba(243,238,227,.92);backdrop-filter:blur(12px);border-bottom:var(--border)}.brand{display:flex;align-items:center;gap:11px;font-family:"Press Start 2P",monospace;font-size:.86rem}.brand>span:last-child span{color:var(--blue)}.brand-coin{display:grid;place-items:center;width:42px;height:42px;border:var(--border);border-radius:50%;background:var(--yellow);box-shadow:3px 3px 0 var(--ink);transform:rotate(-8deg)}.nav-links{justify-self:center;display:flex;gap:34px;font-family:"Press Start 2P",monospace;font-size:.48rem}.nav-links a{position:relative;padding:12px 0}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:5px;background:var(--red);transition:.2s}.nav-links a:hover:after{right:0}.menu-toggle{display:none;border:var(--border);background:var(--yellow);padding:10px 12px;font-family:"Press Start 2P",monospace;font-size:.52rem;box-shadow:3px 3px 0 var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 24px;border:var(--border);background:var(--yellow);box-shadow:6px 6px 0 var(--ink);font-family:"Press Start 2P",monospace;font-size:.58rem;transition:transform .16s,box-shadow .16s}.btn:hover{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}.btn-small{min-height:44px;padding:0 17px;font-size:.48rem}.btn-ghost{background:var(--white)}.section-pad{padding:clamp(72px,9vw,135px) clamp(20px,6vw,92px)}
.hero{min-height:calc(100vh - 111px);display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:clamp(40px,7vw,105px);position:relative;overflow:hidden}.hero:before{content:"DERP";position:absolute;left:-2vw;bottom:-3vw;font-family:"Press Start 2P",monospace;font-size:17vw;color:rgba(0,0,0,.025);pointer-events:none}.eyebrow,.index-label{display:inline-flex;align-items:center;gap:10px;font-family:"Press Start 2P",monospace;font-size:.5rem;line-height:1.7}.eyebrow i,.live-pill i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(32,201,104,.2);animation:pulse 1.5s infinite}.hero h1,.section-head h2,.story h2,.buy h2,.community h2{font-family:"Permanent Marker",cursive;font-weight:400;letter-spacing:-.05em}.hero h1{font-size:clamp(4.8rem,9.1vw,10.2rem);line-height:.76;margin:30px 0 34px}.hero h1 span{color:var(--red);-webkit-text-stroke:2px var(--ink);text-shadow:7px 7px 0 var(--yellow)}.hero-lead{max-width:640px;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.35;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:17px;margin:34px 0}.contract-card{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:720px;border:var(--border);background:var(--white);box-shadow:5px 5px 0 var(--ink);padding:13px}.contract-copy{min-width:0}.contract-copy small{display:block;margin-bottom:7px;font-family:"Press Start 2P",monospace;font-size:.42rem;color:#666}.contract-copy code{display:block;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;font-weight:900}.contract-card button,.chart-placeholder button{border:var(--border);background:var(--green);padding:12px 14px;font-family:"Press Start 2P",monospace;font-size:.45rem;cursor:pointer}.contract-warning{font-size:.75rem;color:#68645f;margin:13px 0 0}.hero-visual{position:relative;min-height:600px;display:grid;place-items:center}.burst{position:absolute;width:90%;aspect-ratio:1;background:var(--yellow);clip-path:polygon(50% 0,58% 25%,76% 7%,72% 32%,100% 23%,78% 44%,99% 54%,74% 58%,88% 86%,61% 70%,55% 100%,45% 72%,24% 94%,29% 65%,0 70%,24% 50%,0 34%,29% 37%,16% 8%,43% 27%);filter:drop-shadow(10px 12px 0 var(--ink));animation:slowspin 22s linear infinite}.mascot-frame{position:relative;width:min(84%,590px);aspect-ratio:1;border:5px solid var(--ink);border-radius:48% 52% 50% 46%;background:var(--white);overflow:hidden;box-shadow:14px 14px 0 var(--ink);transform:rotate(-3deg)}.mascot-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}.tag{position:absolute;z-index:2;display:grid;place-items:center;border:var(--border);box-shadow:6px 6px 0 var(--ink);font-family:"Press Start 2P",monospace}.tag-yellow{right:1%;top:12%;width:105px;height:105px;border-radius:50%;background:var(--yellow);transform:rotate(11deg);font-size:.66rem}.tag-red{left:0;bottom:15%;padding:17px;background:var(--red);color:white;line-height:1.5;transform:rotate(-9deg);font-size:.5rem}.scribble{position:absolute;right:3%;bottom:3%;font-family:"Permanent Marker",cursive;font-size:1.7rem;transform:rotate(-6deg)}
.marquee{overflow:hidden;border-block:var(--border);background:var(--blue);color:white}.marquee-track{width:max-content;display:flex;animation:marquee 24s linear infinite}.marquee span{padding:22px 0;font-family:"Press Start 2P",monospace;font-size:.65rem;word-spacing:12px}
.story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(45px,8vw,120px)}.story-art{position:relative}.story-art:before{content:"";position:absolute;inset:22px -22px -22px 22px;background:var(--green);border:var(--border)}.story-art img{position:relative;display:block;width:100%;border:5px solid var(--ink);background:white}.story h2{font-size:clamp(4rem,6.6vw,7.7rem);line-height:.84;margin:28px 0}.story h2 em{font-style:normal;color:var(--blue);-webkit-text-stroke:1px var(--ink)}.story-copy>p{font-size:1.3rem;line-height:1.45;max-width:680px}.micro-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:36px;border:var(--border)}.micro-grid div{padding:18px;border:1.5px solid var(--ink);background:var(--white)}.micro-grid b,.micro-grid span{display:block}.micro-grid b{font-family:"Press Start 2P",monospace;font-size:.46rem;margin-bottom:9px}.micro-grid span{font-weight:900;font-size:.83rem}
.chart-section{background:var(--ink);color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px}.section-head h2{font-size:clamp(4rem,7vw,8rem);line-height:.82;margin:24px 0 0}.section-head h2 span{color:var(--red)}.section-head>p{max-width:520px;font-size:1.15rem;line-height:1.45}.section-head code{background:#272727;padding:2px 6px}.chart-shell{border:4px solid white;background:#0b0b0b;box-shadow:12px 12px 0 var(--green)}.chart-toolbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border-bottom:2px solid #393939}.live-pill{display:flex;align-items:center;gap:12px;font-family:"Press Start 2P",monospace;font-size:.48rem}.chart-actions a{font-family:"Press Start 2P",monospace;font-size:.43rem;color:var(--yellow)}.chart-stage{position:relative;min-height:650px}.chart-stage iframe{display:none;width:100%;height:650px;border:0;background:#111}.chart-stage.has-chart iframe{display:block}.chart-stage.has-chart .chart-placeholder{display:none}.chart-placeholder{min-height:650px;display:grid;place-items:center;align-content:center;text-align:center;padding:40px;background:radial-gradient(circle at 50% 50%,#1c1c1c 0,#0b0b0b 65%)}.chart-placeholder h3{font-family:"Press Start 2P",monospace;font-size:clamp(.85rem,1.7vw,1.35rem);margin:30px 0 15px}.chart-placeholder p{max-width:670px;line-height:1.55;color:#bdbdbd}.chart-placeholder button{margin-top:16px}.pixel-chart{width:min(480px,80vw);height:160px;display:flex;align-items:flex-end;gap:9px;border-left:3px solid #555;border-bottom:3px solid #555;padding:0 12px}.pixel-chart span{flex:1;background:var(--green);border:2px solid white;box-shadow:3px 3px 0 var(--red);animation:bars 1.2s ease-in-out infinite alternate}.pixel-chart span:nth-child(1){height:24%}.pixel-chart span:nth-child(2){height:40%;animation-delay:.1s}.pixel-chart span:nth-child(3){height:35%;animation-delay:.2s}.pixel-chart span:nth-child(4){height:72%;animation-delay:.3s}.pixel-chart span:nth-child(5){height:58%;animation-delay:.4s}.pixel-chart span:nth-child(6){height:91%;animation-delay:.5s}
.tokenomics{background:var(--yellow);border-bottom:var(--border)}.section-head.dark h2 span{color:var(--blue)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.stat-card{min-height:300px;display:flex;flex-direction:column;justify-content:space-between;padding:25px;border:var(--border);background:var(--white);box-shadow:8px 8px 0 var(--ink);transition:.18s}.stat-card:hover{transform:translateY(-8px) rotate(-1deg)}.stat-card:nth-child(2){background:var(--red);color:white}.stat-card:nth-child(3){background:var(--green)}.stat-card:nth-child(4){background:var(--blue);color:white}.stat-card small,.stat-card span{font-family:"Press Start 2P",monospace;font-size:.46rem;line-height:1.6}.stat-card strong{font-family:"Permanent Marker",cursive;font-size:clamp(4rem,6vw,7rem);line-height:1}.token-note{margin-top:35px;font-weight:900}
.roadmap{background:var(--paper)}.roadmap-list{border-top:var(--border)}.road-row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:35px;padding:34px 10px;border-bottom:var(--border);transition:.2s}.road-row:hover{padding-left:30px;background:var(--white)}.road-row>span{font-family:"Permanent Marker",cursive;font-size:4.5rem;color:var(--red)}.road-row small,.road-row>b{font-family:"Press Start 2P",monospace;font-size:.47rem}.road-row h3{font-family:"Permanent Marker",cursive;font-size:clamp(2.4rem,4vw,4.7rem);line-height:.9;margin:8px 0}.road-row p{margin:0;max-width:800px;font-size:1.05rem}.road-row>b{border:var(--border);background:var(--yellow);padding:12px;box-shadow:4px 4px 0 var(--ink)}
.buy{background:var(--red);border-block:var(--border)}.buy-card{display:grid;grid-template-columns:.8fr 1.2fr;max-width:1300px;margin:auto;border:5px solid var(--ink);background:var(--white);box-shadow:15px 15px 0 var(--ink);overflow:hidden}.buy-mascot{background:var(--yellow);border-right:5px solid var(--ink);display:grid;place-items:center;padding:30px}.buy-mascot img{width:100%;max-width:510px;aspect-ratio:1;object-fit:cover;border:4px solid var(--ink);border-radius:50%;box-shadow:10px 10px 0 var(--blue)}.buy-content{padding:clamp(35px,6vw,85px)}.buy h2{font-size:clamp(3.3rem,5.5vw,6.3rem);line-height:.85;margin:23px 0 36px}.buy ol{list-style:none;margin:0 0 35px;padding:0;display:grid;gap:14px}.buy li{display:flex;gap:17px;padding:16px;border:2px solid var(--ink);background:var(--paper)}.buy li>span{flex:0 0 43px;height:43px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--green);font-family:"Press Start 2P",monospace;font-size:.5rem}.buy li b{font-family:"Press Start 2P",monospace;font-size:.5rem}.buy li p{margin:6px 0 0;font-size:.9rem}
.community{display:grid;grid-template-columns:.85fr 1.15fr;align-items:end;gap:60px;background:var(--blue);color:white}.community h2{font-size:clamp(4rem,7vw,8rem);line-height:.8;margin:25px 0}.community-copy p{font-size:1.2rem;max-width:570px}.social-grid{display:grid;gap:16px}.social-grid a{display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:20px;padding:22px;border:3px solid var(--ink);background:var(--white);color:var(--ink);box-shadow:7px 7px 0 var(--ink);transition:.17s}.social-grid a:hover{transform:translate(5px,5px);box-shadow:2px 2px 0 var(--ink)}.social-grid a:nth-child(2){background:var(--green)}.social-grid a:nth-child(3){background:var(--yellow)}.social-grid a>span{font-family:"Permanent Marker",cursive;font-size:2.7rem;text-align:center}.social-grid b{font-family:"Press Start 2P",monospace;font-size:.62rem}.social-grid small{font-family:"Press Start 2P",monospace;font-size:.38rem}
footer{padding:55px clamp(20px,6vw,92px);background:var(--ink);color:white}.footer-brand{font-family:"Press Start 2P",monospace;font-size:clamp(1.1rem,2.4vw,2rem)}.footer-brand span{color:var(--yellow)}footer>p{max-width:820px;color:#999;line-height:1.55;margin:25px 0 35px}footer>div:last-child{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #444;padding-top:25px;font-family:"Press Start 2P",monospace;font-size:.38rem}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .72s ease,transform .72s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(32,201,104,0)}}@keyframes slowspin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bars{to{filter:brightness(1.4);transform:translateY(-8px)}}
@media(max-width:1050px){.nav-shell{grid-template-columns:1fr auto}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;padding:28px;background:var(--paper);border-bottom:var(--border);flex-direction:column;align-items:center}.nav-links.open{display:flex}.buy-link{display:none}.hero,.story,.buy-card,.community{grid-template-columns:1fr}.hero{padding-top:60px}.hero-visual{min-height:520px}.story-art{max-width:780px}.section-head{align-items:flex-start;flex-direction:column}.stat-grid{grid-template-columns:repeat(2,1fr)}.buy-mascot{border-right:0;border-bottom:5px solid var(--ink)}.buy-mascot img{max-width:430px}.community-copy{padding-bottom:0}}
@media(max-width:650px){.top-strip span:not(:nth-child(2)){display:none}.top-strip{justify-content:center}.nav-shell{min-height:68px}.nav-links{top:68px}.brand{font-size:.68rem}.brand-coin{width:36px;height:36px}.hero{min-height:auto}.hero h1{font-size:clamp(4rem,18vw,6rem)}.hero h1 span{text-shadow:4px 4px 0 var(--yellow);-webkit-text-stroke:1px var(--ink)}.hero-actions .btn{width:100%}.hero-visual{min-height:390px}.tag-yellow{width:75px;height:75px;font-size:.48rem}.tag-red{font-size:.38rem}.scribble{display:none}.story-art:before{inset:12px -12px -12px 12px}.micro-grid{grid-template-columns:1fr}.chart-stage,.chart-stage iframe,.chart-placeholder{min-height:520px;height:520px}.stat-grid{grid-template-columns:1fr}.road-row{grid-template-columns:58px 1fr;gap:15px}.road-row>b{grid-column:2;justify-self:start}.road-row>span{font-size:3rem}.social-grid a{grid-template-columns:52px 1fr}.social-grid small{display:none}.footer-brand{font-size:.95rem}footer>div:last-child{flex-direction:column}.contract-card{align-items:stretch}.contract-card button{flex:0 0 auto}.contract-copy code{max-width:58vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}