@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--lime:#bafa35;--black:#090b08;--muted:#a6aaa0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--black);color:#f3f4e9;font-family:'Space Grotesk',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.skip{position:absolute;top:-90px;background:var(--lime);color:black;padding:12px;z-index:10}.skip:focus{top:0}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303429;margin:0 5%;gap:20px}.brand{display:flex;align-items:center;font-weight:700;font-size:25px;gap:10px;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:var(--lime);color:var(--black);width:32px;height:36px;transform:skew(-10deg);font-weight:900}.tiny{font-size:9px;max-width:30px;letter-spacing:0;line-height:1.1}nav{display:flex;gap:32px;font-size:13px}.status{font-size:10px;letter-spacing:1px;border:1px solid #414b2b;border-radius:30px;padding:12px 16px;color:var(--lime);white-space:nowrap}.status i,.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:7px}.hero{position:relative;padding:30px 5% 50px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.8px;display:flex;justify-content:space-between;color:#bac0ae}h1,h2,.endcap p{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:900;letter-spacing:-.035em;margin:0;line-height:.82}h1{position:relative;font-size:clamp(95px,16.7vw,260px);padding:35px 0 0;z-index:1}h1>span{color:var(--lime)}h1 sup{font:10px 'Space Grotesk',sans-serif;letter-spacing:0;position:absolute;top:55px;margin-left:18px}.hero-bottom{display:flex;position:relative;min-height:290px;margin-top:15px;align-items:flex-end;justify-content:space-between}.intro{z-index:2;padding-bottom:20px}.intro p{font-size:19px;line-height:1.45;margin:20px 0 28px}.button{display:flex;align-items:center;justify-content:space-between;gap:28px;color:#0b1004;background:var(--lime);font-weight:700;font-size:13px;padding:18px 22px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:22px}.small-note{display:block;color:var(--muted);font-size:10px;margin-top:12px}.mascot-wrap{width:400px;position:absolute;left:47%;bottom:0;text-align:center}.mascot{display:block;width:100%;height:auto;mix-blend-mode:screen;transform:rotate(-7deg);transition:transform .3s}.mascot-wrap:hover .mascot{transform:rotate(0deg) translateY(-7px)}.orbit-label{position:absolute;right:-20px;top:65px;z-index:2;background:var(--lime);color:black;font-size:9px;font-weight:bold;padding:10px;transform:rotate(9deg)}#release{position:relative;background:transparent;color:var(--lime);border:0;border-bottom:1px solid #657c38;padding:9px;cursor:pointer;font-size:11px;letter-spacing:1px}#release:hover{color:white}#whiff{font-size:10px;color:var(--muted);min-height:14px}.side-note{display:flex;flex-direction:column;justify-content:space-between;height:190px;font-size:9px;letter-spacing:1px;line-height:1.6;z-index:2}.ticker{background:var(--lime);color:#101607;overflow:hidden;border-top:2px solid #070a04;border-bottom:2px solid #070a04;transform:rotate(-1deg);padding:17px 0}.ticker>div{white-space:nowrap;font-size:20px;font-weight:700;letter-spacing:-.5px;width:max-content;animation:marquee 35s linear infinite}.ticker b{padding:0 40px}section.about,section.launch{margin:0 5%;padding:90px 0;border-bottom:1px solid #303429}.about{display:grid;grid-template-columns:1fr 2.2fr 2.5fr;gap:25px}.section-label{font-size:10px;letter-spacing:1px;color:var(--lime)}h2{font-size:clamp(64px,7vw,110px)}.about p{font-size:19px;line-height:1.5}.about .muted{font-size:13px;color:var(--muted);max-width:310px;line-height:1.8}.handwritten{display:block;font-size:13px;transform:rotate(-5deg);color:var(--lime);margin-top:30px}.art-panel{align-self:center;border:1px solid #303429;padding:20px 0;background:#000}.art-panel>img{display:block;width:100%;height:auto}.art-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:25px}.art-panel span{font-size:8px;color:var(--muted);align-self:center}.art-panel strong{font-size:13px;text-align:right}.launch-title{display:flex;justify-content:space-between;align-items:flex-end;margin:30px 0 45px}.launch-title p{color:var(--muted);font-size:16px;line-height:1.6}.launch-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #303429;border-bottom:1px solid #303429;margin-bottom:30px}.launch-facts>div{padding:26px 24px 30px;border-right:1px solid #303429}.launch-facts>div:first-child{padding-left:0}.launch-facts>div:last-child{border-right:0}.launch-facts>div>span{color:#667151;font-size:11px}.launch-facts p{color:var(--muted);font-size:10px;letter-spacing:1px;margin-top:25px}.launch-facts strong{font-size:clamp(15px,1.7vw,24px);font-weight:500}.dot{margin-left:12px}details{border-bottom:1px solid #303429;padding:22px 0;font-size:14px}summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--lime)}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:13px;line-height:1.8;max-width:720px}.endcap{padding:70px 5% 50px;text-align:center;background:radial-gradient(ellipse at bottom,#23380d 0,transparent 65%)}.endcap>span{font-size:10px;letter-spacing:2px}.endcap p{font-size:clamp(100px,19vw,280px);margin:30px 0}.endcap em{font-style:normal;color:var(--lime)}.endcap>a{display:inline-block;border-bottom:1px solid #79835d;padding:10px 0;font-size:10px}footer{display:flex;align-items:center;justify-content:space-between;margin:0 5%;padding:30px 0;gap:20px}footer p,footer>span{color:var(--muted);font-size:10px}.puff{position:absolute;z-index:3;pointer-events:none;width:80px;height:80px;border-radius:50%;background:#bafa35;filter:blur(20px);left:65%;bottom:180px;animation:puff 1.8s ease-out forwards}@keyframes puff{to{transform:translate(var(--x),var(--y)) scale(3);opacity:0}}@keyframes marquee{to{transform:translateX(-35%)}}@media(min-width:1500px){body{max-width:1700px;margin:auto}}@media(max-width:800px){header{height:80px}nav{gap:15px;font-size:11px}.status{padding:9px;font-size:8px}.hero-bottom{min-height:340px}.mascot-wrap{width:320px;left:46%}.side-note{display:none}h1 sup{display:none}.about{grid-template-columns:1fr 1fr}.section-label{grid-column:1/-1}.art-panel{width:100%}.launch-facts>div{padding:22px 12px}.eyebrow{font-size:8px;letter-spacing:1px}}@media(max-width:540px){header nav{display:none}.brand{font-size:21px}.hero{padding-bottom:30px}.eyebrow span:last-child{display:none}h1{font-size:22vw;padding-top:28px}.hero-bottom{display:flex;flex-direction:column-reverse;align-items:stretch;margin-top:25px}.mascot-wrap{position:relative;width:270px;left:auto;align-self:center}.orbit-label{right:-10px;top:40px}.intro p{font-size:18px}.intro .button{max-width:none}.intro{padding-bottom:0}.small-note{text-align:center}.about{grid-template-columns:1fr;padding:65px 0!important;gap:35px}.about h2,.launch h2{font-size:80px}.about .muted{max-width:100%}.art-panel{max-width:none}.launch{padding:60px 0!important}.launch-title{display:block}.launch-facts{grid-template-columns:1fr}.launch-facts>div,.launch-facts>div:first-child{padding:22px 0;border-right:0;border-bottom:1px solid #303429}.launch-facts>div:last-child{border-bottom:0}.launch-facts p{margin-top:14px}.launch-facts strong{font-size:22px}.endcap{padding-top:55px}.endcap p{font-size:24vw}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}.ticker>div{font-size:16px}.ticker{padding:13px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.puff{display:none}}

.contract-panel{border:1px solid #657c38;background:#11180b;padding:26px;margin:32px 0}.contract-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.contract-heading>span{font-size:10px;letter-spacing:1px;color:var(--lime)}#copy-contract{background:var(--lime);color:#090b08;padding:12px 16px;border:0;cursor:pointer;font-weight:700;font-size:12px}#contract-address{display:block;font-size:clamp(14px,2vw,24px);overflow-wrap:anywhere;line-height:1.6;margin:25px 0 12px;color:#f3f4e9}#copy-status{font-size:11px;color:var(--muted);line-height:1.7}.explorer-link{display:inline-block;color:var(--lime);font-size:12px;border-bottom:1px solid #657c38;padding:10px 0}@media(max-width:540px){.contract-panel{padding:20px}.contract-heading{align-items:flex-start;flex-direction:column;gap:15px}}

.getting-started{margin:0 5%;padding:80px 0;border-bottom:1px solid #303429}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps li{border-top:1px solid #657c38;padding-top:24px}.steps li>span{font-size:10px;color:var(--lime);letter-spacing:1px}.steps h3{font-size:22px;letter-spacing:-.5px;margin:22px 0 15px}.steps p{font-size:13px;line-height:1.85;color:var(--muted)}@media(max-width:700px){.steps{grid-template-columns:1fr;gap:25px}.getting-started{padding:60px 0}.getting-started h2{font-size:75px}}

.brand-icon.smoke-logo{width:43px;height:39px;border-radius:50%;background:radial-gradient(circle,#365617 0%,#17270c 65%,transparent 72%);font-size:28px;transform:none;letter-spacing:0;filter:drop-shadow(0 0 5px #bafa3540)}.small-note{max-width:320px;line-height:1.6}

.social-links{display:flex;gap:22px;margin:18px 0;flex-wrap:wrap}.social-links a{font-size:13px;color:var(--lime);border-bottom:1px solid #657c38;padding:6px 0}.social-links a:hover{color:white}.community{padding:0 0 55px}.community h3{font-size:23px;letter-spacing:-.5px;margin:0 0 15px}.endcap .community p{font:14px/1.8 "Space Grotesk",Arial,sans-serif;letter-spacing:0;max-width:470px;margin:0 auto;color:var(--muted)}.community .social-links{justify-content:center}@media(max-width:1000px){header nav{gap:16px}}

.game-promo{margin:0 5%;padding:75px 0;display:flex;align-items:center;gap:35px;border-bottom:1px solid #303429}.game-promo>div{max-width:680px}.game-promo h2{font-size:clamp(60px,8vw,105px);margin:25px 0}.game-promo p{color:var(--muted);font-size:15px;line-height:1.8;max-width:560px}.game-promo .button{max-width:330px;margin-top:25px}.promo-cloud{font-size:clamp(70px,16vw,220px);filter:drop-shadow(0 0 25px #bafa3550)}@media(max-width:650px){.promo-cloud{display:none}.game-promo{padding:55px 0}}

/* Puffy purchase cloud and arcade shortcut. */
header nav{align-items:center}.play-orb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:64px;height:64px;flex:0 0 64px;border-radius:50%;color:#142405;background:radial-gradient(circle at 35% 20%,#e0ff90 0%,var(--lime) 48%,#8bc917 100%);border:1px solid #d7ff83;box-shadow:0 5px 0 #466f0c,0 8px 20px #bafa3520,inset 0 2px 2px #f3ffd2;transition:transform .15s,box-shadow .15s}.play-orb svg{width:29px;height:23px}.play-orb span{font-size:9px;letter-spacing:1.5px;font-weight:700}.play-orb:hover{transform:translateY(-3px);box-shadow:0 8px 0 #466f0c,0 12px 24px #bafa3530,inset 0 2px 2px #f3ffd2}.play-orb:active{transform:translateY(4px);box-shadow:0 1px 0 #466f0c}.intro .buy-cloud{position:relative;isolation:isolate;background:transparent;width:310px;max-width:100%;min-height:89px;padding:24px 35px 15px;justify-content:center;gap:15px;margin:7px 0 22px;border-radius:45%;filter:drop-shadow(0 7px 0 #466f0c) drop-shadow(0 9px 14px #bafa3520);transition:transform .18s,filter .18s}.cloud-shape{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.button .buy-label{font-size:14px;white-space:nowrap}.button .buy-arrow{font-size:24px}.intro .buy-cloud:hover{transform:translateY(-4px) rotate(-1deg);filter:drop-shadow(0 10px 0 #466f0c) drop-shadow(0 12px 18px #bafa3530)}.intro .buy-cloud:active{transform:translateY(5px);filter:drop-shadow(0 2px 0 #466f0c)}@media(max-width:800px){header nav{gap:12px}.play-orb{width:54px;height:54px;flex-basis:54px}.play-orb svg{width:25px;height:20px}.play-orb span{font-size:8px}}@media(max-width:540px){body:not(.game-page)>header nav{display:flex;margin-left:auto}body:not(.game-page)>header nav>a:not(.play-orb){display:none}body:not(.game-page)>header>.status{display:none}.intro .buy-cloud{width:310px;margin:12px auto 26px}.intro .buy-cloud+.social-links{justify-content:center}}
.brand .tiny{max-width:none;width:48px;line-height:1.3}