@font-face{font-family:'Creepster';src:url(assets/fonts/creepster-400.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Lilita One';src:url(assets/fonts/lilita-one-400.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Inter';src:url(assets/fonts/inter-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url(assets/fonts/inter-latin-600-normal.woff2) format('woff2');font-weight:600 800;font-display:swap}
@font-face{font-family:'Space Mono';src:url(assets/fonts/space-mono-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Space Mono';src:url(assets/fonts/space-mono-700.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--night:#14081f;--night2:#1f0d33;--plum:#2c1249;--orange:#ff7a00;--orange2:#ffa630;--slime:#8cff3a;--bone:#f4ead5;--ink:#000}
*{box-sizing:border-box}
html{background:var(--night);overflow-x:hidden}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--bone);background:var(--night);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:999;background:var(--orange);color:#000;padding:8px 12px;border-radius:10px}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.sec{position:relative;padding:110px 0}
.center{display:flex;justify-content:center;margin-top:36px}
.kicker{font-family:'Space Mono',monospace;color:var(--slime);letter-spacing:.2em;text-transform:uppercase;font-size:13px;margin:0 0 10px}
.h2{font-family:'Lilita One',sans-serif;font-size:clamp(38px,6vw,76px);line-height:1;margin:0 0 22px;letter-spacing:.01em;text-shadow:4px 4px 0 #000}
.sub{color:#d9cbe6;font-size:18px;max-width:560px}
.t-orange{color:var(--orange)}.t-green{color:var(--slime)}
.spooky{font-family:'Creepster',cursive;letter-spacing:.04em;font-weight:400}
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(4) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}

/* wobbly MS-paint outlines */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:'Lilita One',sans-serif;font-size:20px;letter-spacing:.02em;padding:14px 24px;border:4px solid #000;border-radius:18px 22px 16px 24px/22px 16px 24px 18px;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:5px 5px 0 #000;white-space:nowrap;color:#1a0b00;background:var(--bone)}
.btn:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:8px 8px 0 #000}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #000}
.btn img{width:24px;height:24px;border-radius:6px}
.btn-pump{background:var(--orange);color:#1a0b00;box-shadow:5px 5px 0 #000,0 0 30px rgba(255,122,0,.55)}
.btn-ghost{background:#24113a;color:var(--bone)}
.btn-sm{padding:8px 14px;font-size:16px}
.btn.disabled,.soc.disabled{opacity:.55;cursor:not-allowed;pointer-events:auto}
.btn:focus-visible,.copy-btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px dashed var(--slime);outline-offset:3px}
.soon{font-family:'Space Mono',monospace;font-size:11px;background:#000;color:var(--slime);padding:2px 6px;border-radius:6px;margin-left:4px}

/* preloader */
#preloader{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at 50% 45%,#2a1040,#0a0410 70%);display:grid;place-items:center;transition:opacity .6s,visibility .6s}
#preloader.done{opacity:0;visibility:hidden}
.pl-inner{text-align:center}
.pl-jack{margin:0 auto;filter:brightness(.3);transition:filter .3s}
.pl-count{font-family:'Lilita One';font-size:64px;color:var(--orange);text-shadow:0 0 24px rgba(255,122,0,.7);margin-top:10px}
.pl-txt{font-family:'Space Mono';font-size:13px;color:#bba;letter-spacing:.15em}

/* cursor */
#cursor{position:fixed;left:0;top:0;width:18px;height:26px;z-index:300;pointer-events:none;display:none;transform:translate(-50%,-50%)}
#cursor .flame{position:absolute;left:3px;top:0;width:12px;height:18px;background:radial-gradient(circle at 50% 70%,#fff6b0,#ffb000 45%,#ff5a00 70%,transparent 72%);border-radius:50% 50% 50% 50%/65% 65% 35% 35%;animation:flick .18s infinite alternate;filter:drop-shadow(0 0 8px #ff8a00)}
#cursor::after{content:'';position:absolute;left:5px;top:16px;width:8px;height:12px;background:var(--bone);border:2px solid #000;border-radius:2px}
@keyframes flick{from{transform:scale(1,1) rotate(-3deg)}to{transform:scale(.9,1.1) rotate(3deg)}}
@media (hover:hover) and (pointer:fine){html.has-cursor,html.has-cursor a,html.has-cursor button{cursor:none}html.has-cursor #cursor{display:block}}

/* nav */
.nav{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:100;width:min(1180px,calc(100% - 20px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 12px;background:rgba(20,8,31,.75);backdrop-filter:blur(10px);border:3px solid #000;border-radius:22px 18px 24px 16px;box-shadow:4px 4px 0 #000;transition:transform .35s}
.nav.hide{transform:translate(-50%,-140%)}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:'Lilita One';font-size:24px;color:var(--orange)}
.brand img{width:40px;height:40px;border-radius:12px;border:3px solid #000}
.nav-links{display:flex;gap:22px;font-weight:600;font-size:15px}
.nav-links a{text-decoration:none;opacity:.85}.nav-links a:hover{color:var(--orange);opacity:1}
.nav-cta{display:flex;align-items:center;gap:8px}
.soc{width:40px;height:40px;display:grid;place-items:center;border:3px solid #000;border-radius:12px;background:#24113a;cursor:pointer;position:relative}
.soc svg{width:18px;height:18px}
.soc.disabled::after{content:'Soon';position:absolute;bottom:-8px;right:-8px;font:700 9px 'Space Mono';background:var(--slime);color:#000;padding:1px 4px;border-radius:5px;border:2px solid #000}
@media (max-width:900px){.nav-links{display:none}}

/* hero */
.hero{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden}
.hero-stage{position:absolute;inset:0}
.sky{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 20%,#4a1e6e 0%,#24103c 35%,#12061d 70%)}
.stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 10% 20%,#fff,transparent),radial-gradient(1px 1px at 30% 10%,#fff,transparent),radial-gradient(1.5px 1.5px at 55% 30%,#ffd,transparent),radial-gradient(1px 1px at 80% 15%,#fff,transparent),radial-gradient(1px 1px at 90% 40%,#fff,transparent),radial-gradient(1.5px 1.5px at 20% 45%,#fff,transparent),radial-gradient(1px 1px at 65% 8%,#fff,transparent);opacity:.8;animation:twinkle 3s ease-in-out infinite alternate}
@keyframes twinkle{to{opacity:.4}}
.moon{position:absolute;right:8%;top:10%;width:clamp(160px,24vw,340px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff2c8,#ffc46b 55%,#f08a1c);box-shadow:0 0 80px 20px rgba(255,170,60,.35),0 0 200px 60px rgba(255,122,0,.18)}
.moon::before,.moon::after{content:'';position:absolute;border-radius:50%;background:rgba(200,110,30,.35)}
.moon::before{width:18%;height:18%;left:55%;top:30%}.moon::after{width:10%;height:10%;left:30%;top:60%}
.hero-bats{position:absolute;left:10%;top:16%;width:min(320px,50vw);height:auto;opacity:.9}
.bigword{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-family:'Lilita One';font-size:clamp(120px,30vw,460px);line-height:.8;color:transparent;-webkit-text-stroke:3px rgba(255,122,0,.45);white-space:nowrap;letter-spacing:.02em;pointer-events:none;user-select:none}
.fog{position:absolute;left:-50%;width:200%;pointer-events:none;background-repeat:repeat-x}
.fog-back{bottom:18%;height:40%;background:radial-gradient(ellipse 25% 40% at 25% 60%,rgba(200,180,230,.18),transparent 70%),radial-gradient(ellipse 30% 35% at 70% 50%,rgba(200,180,230,.14),transparent 70%);animation:drift 40s linear infinite}
.fog-front{bottom:-6%;height:34%;background:radial-gradient(ellipse 22% 50% at 20% 60%,rgba(230,220,250,.22),transparent 70%),radial-gradient(ellipse 28% 45% at 60% 55%,rgba(230,220,250,.18),transparent 70%),radial-gradient(ellipse 20% 40% at 90% 60%,rgba(230,220,250,.2),transparent 70%);animation:drift 26s linear infinite reverse;z-index:4}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(25%)}}
.graveyard{position:absolute;left:0;bottom:0;width:100%;height:42%;z-index:2}
.hero-chars{position:absolute;inset:0;z-index:3;pointer-events:none}
.ch{position:absolute;height:auto;filter:drop-shadow(0 0 30px rgba(255,122,0,.35))}
.ch-main{right:6%;bottom:2%;width:min(560px,44vw)}
.ch-jump{right:40%;bottom:14%;width:min(220px,16vw);opacity:.9;filter:brightness(.75) drop-shadow(0 0 20px rgba(140,255,58,.3))}
.ch-run{left:-120px;bottom:6%;width:90px;animation:heroRun 9s linear infinite}
@keyframes heroRun{from{transform:translateX(0)}to{transform:translateX(calc(100vw + 240px))}}
.hero-copy{position:absolute;left:max(20px,calc((100vw - 1200px)/2 + 20px));top:50%;transform:translateY(-46%);z-index:5;max-width:640px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono';font-size:13px;background:rgba(0,0,0,.5);border:2px solid #000;padding:6px 12px;border-radius:999px;margin:0 0 14px}
.dot{width:9px;height:9px;border-radius:50%;background:var(--slime);box-shadow:0 0 10px var(--slime);animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.3}}
.title{font-family:'Lilita One';font-size:clamp(64px,10.5vw,156px);line-height:.86;margin:0;color:var(--orange);text-shadow:6px 6px 0 #000,0 0 40px rgba(255,122,0,.4);perspective:800px;letter-spacing:.01em}
.t-line{display:inline-block;white-space:nowrap}
.title .t-green{color:var(--slime);text-shadow:6px 6px 0 #000,0 0 40px rgba(140,255,58,.35)}
.title .ch-l{display:inline-block;transform-origin:50% 100%;will-change:transform}
.tag{font-size:clamp(17px,2vw,22px);margin:18px 0 22px;max-width:520px}
.tag .spooky{color:var(--slime);font-size:1.3em}
.hero-btns{display:flex;flex-wrap:wrap;gap:14px}
.ca-box{margin-top:20px;display:inline-flex;align-items:center;gap:10px;background:rgba(0,0,0,.6);border:3px solid #000;border-radius:16px 20px 14px 22px;padding:6px 6px 6px 14px;max-width:100%;box-shadow:4px 4px 0 #000}
.ca-label{font-family:'Space Mono';font-weight:700;color:var(--orange);font-size:13px}
.ca-text{font-family:'Space Mono';font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:44ch}
.copy-btn{display:inline-flex;align-items:center;gap:6px;font-family:'Lilita One';font-size:15px;background:var(--slime);color:#000;border:3px solid #000;border-radius:12px;padding:6px 12px;cursor:pointer;flex-shrink:0}
.copy-btn svg{width:16px;height:16px}
.copy-btn:hover{background:#b6ff7a}
.shimmer{background:linear-gradient(90deg,var(--orange),var(--bone),var(--slime),var(--orange));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 4s linear infinite}
@keyframes shim{to{background-position:300% 0}}

@media (max-width:760px){
  .hero{min-height:600px}
  .hero-copy{top:auto;bottom:auto;top:96px;transform:none;left:16px;right:16px}
  .title{font-size:clamp(54px,17vw,84px)}
  .tag{margin:12px 0 16px;font-size:16px}
  .ch-main{width:62vw;right:-4%;bottom:0}
  .ch-jump{display:none}
  .moon{right:-8%;top:8%}
  .hero-btns .btn{padding:12px 18px;font-size:18px}
  .ca-box{margin-top:14px}
  .ca-text{max-width:16ch}
}

/* ribbon */
.ribbon{position:relative;z-index:6;background:var(--orange);border-block:4px solid #000;transform:rotate(-2deg);margin:-30px -20px 0;overflow:hidden;padding:10px 0}
.ribbon-track{display:flex;align-items:center;gap:28px;width:max-content;animation:marq 28s linear infinite}
.ribbon-track span{font-family:'Lilita One';font-size:34px;color:#1a0b00;white-space:nowrap}
.ribbon-track img{width:44px;height:44px}
@keyframes marq{to{transform:translateX(-50%)}}

/* about */
.about{background:linear-gradient(#14081f,#1d0b30)}
.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.words{font-size:clamp(18px,2vw,22px);line-height:1.6;color:#e7dcf2}
.words .w{display:inline-block;opacity:.15;transition:opacity .3s}
.words .w.on{opacity:1}
.about-art{position:relative}
.glow-ring{position:absolute;inset:10% 15%;background:radial-gradient(circle,rgba(255,122,0,.35),transparent 65%);filter:blur(20px)}
.about-bounce{position:relative;margin:0 auto 10px;width:200px}
.pose-row{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pose{margin:0;background:#2a1245;border:4px solid #000;border-radius:22px 16px 24px 18px;padding:10px;box-shadow:5px 5px 0 #000;transform-style:preserve-3d;transition:transform .2s}
.pose img{aspect-ratio:1;object-fit:contain;width:100%}
.pose figcaption{font-family:'Space Mono';font-size:11px;text-align:center;color:var(--slime);margin-top:4px}
@media (max-width:860px){.about-grid{grid-template-columns:1fr}}

.divider{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 20px}
.divider span{flex:1;max-width:260px;height:4px;background:repeating-linear-gradient(90deg,var(--orange) 0 14px,transparent 14px 24px)}
.divider img{width:70px;height:auto}.divider img:nth-child(3){width:140px}

/* carving */
.carving{position:relative;background:radial-gradient(ellipse at 50% 60%,#2a0f40,#0d0515 70%)}
.carve-stage{height:100vh;height:100svh;display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:30px;padding:90px 40px 40px;max-width:1300px;margin:0 auto}
.carve-step{font-family:'Space Mono';font-size:16px;color:var(--orange2);min-height:3em}
.pumpkin-wrap{position:relative;aspect-ratio:1;width:100%;max-width:480px;justify-self:center}
#pumpkin{position:relative;width:100%;height:100%;z-index:2;overflow:visible}
.pk-glow{position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,rgba(255,180,0,.8),rgba(255,90,0,.35) 40%,transparent 70%);opacity:0;filter:blur(10px);z-index:1}
#pkFinal{position:absolute;inset:8%;width:84%;height:84%;object-fit:cover;border-radius:50%;border:6px solid #000;opacity:0;z-index:3;transform:scale(.8)}
.cut{opacity:0}
.meter{background:#1a0a2a;border:4px solid #000;border-radius:20px 24px 18px 26px;padding:18px;box-shadow:6px 6px 0 #000}
.meter-top{display:flex;justify-content:space-between;font-family:'Space Mono';font-weight:700;color:var(--slime)}
#spookNum{font-family:'Lilita One';font-size:42px;color:var(--orange)}
.meter-bar{position:relative;height:28px;border:3px solid #000;border-radius:14px;background:#0b0412;margin:10px 0 50px;overflow:visible}
.meter-fill{position:absolute;inset:0;width:0;border-radius:10px;background:linear-gradient(90deg,var(--slime),var(--orange));box-shadow:0 0 20px rgba(255,122,0,.6)}
#meterRun{position:absolute;bottom:-4px;left:0;width:44px;height:auto;transform:translateX(-50%)}
.pumped{font-family:'Creepster';font-size:clamp(44px,5vw,70px);color:var(--orange);text-align:center;opacity:.1;text-shadow:0 0 24px rgba(255,122,0,.9),4px 4px 0 #000;letter-spacing:.06em}
.pumped.on{opacity:1;animation:wob .5s ease-in-out infinite alternate}
@keyframes wob{to{transform:rotate(-3deg) scale(1.05)}}
@media (max-width:900px){.carve-stage{grid-template-columns:1fr;gap:10px;padding:80px 20px 20px;align-content:center;text-align:center}.pumpkin-wrap{max-width:min(300px,38vh)}.carve-head .h2{margin-bottom:6px}.carve-step{min-height:2.4em;margin:0}.meter{max-width:420px;margin:0 auto;width:100%;padding:12px}.meter-bar{margin-bottom:36px}}

/* gallery run */
.run{position:relative;background:linear-gradient(#0d0515,#1a0a28 60%,#0b0412)}
.run-stage{position:relative;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.run-head{width:100%;padding-top:70px}
.track-bg{position:absolute;left:0;right:0;bottom:0;height:34%;pointer-events:none}
.track-sil{position:absolute;left:0;bottom:30%;width:100%;height:60%}
.lane{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(#2a1206,#140803);border-top:4px solid #000}
.lane::before{content:'';position:absolute;left:0;right:0;top:40%;height:4px;background:repeating-linear-gradient(90deg,rgba(244,234,213,.3) 0 40px,transparent 40px 80px)}
.track{position:relative;flex:0 0 auto;height:min(46vh,400px)}
.track-inner{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;will-change:transform}
.gal{display:flex;gap:46px;padding:0 10vw 0 30vw;align-items:center;height:100%}
.card{position:relative;flex:0 0 auto;width:min(380px,34vw);aspect-ratio:4/3;border:5px solid #000;border-radius:24px 18px 26px 20px;overflow:hidden;background:#2a1245;box-shadow:8px 8px 0 #000,0 0 30px rgba(255,122,0,.25);cursor:pointer;padding:0;will-change:transform,filter;transform-origin:50% 100%}
.card img{width:100%;height:100%;object-fit:cover}
.card .cap{position:absolute;left:10px;bottom:10px;font-family:'Lilita One';font-size:16px;background:var(--orange);color:#000;padding:4px 10px;border:3px solid #000;border-radius:10px}
.card .bib{position:absolute;right:10px;top:10px;font:700 12px 'Space Mono';background:var(--bone);color:#000;padding:2px 8px;border:3px solid #000;border-radius:8px}
.card:hover{box-shadow:8px 8px 0 #000,0 0 50px rgba(140,255,58,.5)}
.finish{flex:0 0 auto;width:120px;height:100%;margin-right:20vw;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.finish .flag{width:30px;flex:1;background:repeating-conic-gradient(#000 0 25%,var(--bone) 0 50%) 0 0/20px 20px;border:3px solid #000}
.finish span{font-family:'Creepster';font-size:34px;color:var(--slime);text-shadow:0 0 14px var(--slime)}
.prints{position:absolute;left:0;bottom:-26px;width:100%;height:40px;pointer-events:none}
.fp{position:absolute;width:14px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange),0 0 4px #fff;opacity:.9;transition:opacity 1.6s}
.runner{position:absolute;bottom:calc(34% * .34 - 6px);left:0;width:84px;height:auto;z-index:5;filter:drop-shadow(0 0 16px rgba(255,122,0,.6))}
.speedlines{position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(180deg,transparent 0 26px,rgba(244,234,213,.18) 26px 28px,transparent 28px 61px);mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 70%,#000)}
html.no-anim .gal,html.mobile-run .gal{padding:0 20px}
html.no-anim .track{overflow-x:auto}
html.mobile-run .track{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
html.mobile-run .track::-webkit-scrollbar{display:none}
html.mobile-run .track-inner{position:relative}
html.mobile-run .finish{margin-right:20px}
@media (max-width:760px){.card{width:72vw}.gal{gap:26px}.run-stage{height:auto;min-height:0;padding:60px 0 120px}.track{height:auto;padding:30px 0 60px}.run-head{padding-top:30px}.runner{width:60px;bottom:30px}}

/* how to buy */
.htb-progress{position:relative;height:90px;margin:10px 0 20px}
.htb-line{position:absolute;left:0;right:0;bottom:12px;height:8px;background:#2a1245;border:3px solid #000;border-radius:8px}
.htb-fill{height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--slime));border-radius:6px}
#htbRun{position:absolute;bottom:14px;left:0;width:48px;height:auto;transform:translateX(-50%)}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{position:relative;background:#1f0d33;border:4px solid #000;border-radius:22px 18px 26px 16px;padding:24px 20px;box-shadow:6px 6px 0 #000}
.step:nth-child(even){transform:rotate(1deg)}.step:nth-child(odd){transform:rotate(-1deg)}
.step .num{width:52px;height:52px;display:grid;place-items:center;font-family:'Lilita One';font-size:28px;color:#000;background:var(--orange);border:4px solid #000;border-radius:50% 45% 52% 48%;box-shadow:0 0 20px rgba(255,122,0,.6);margin-bottom:12px}
.step h3{font-family:'Lilita One';font-size:26px;margin:0 0 8px;color:var(--bone)}
.step p{margin:0;color:#cdbedd;line-height:1.55}
.ca-sm{padding:4px 4px 4px 10px;margin-top:14px}.ca-sm .ca-text{max-width:12ch;font-size:12px}
@media (max-width:980px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.steps{grid-template-columns:1fr}}

/* tokenomics */
.toke{background:radial-gradient(ellipse at 50% 0,#2c1249,#14081f 60%)}
.pills{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0 30px}
.pill{display:flex;flex-direction:column;gap:2px;padding:16px 22px;background:#24113a;border:4px solid #000;border-radius:999px 980px 999px 960px;box-shadow:5px 5px 0 #000;min-width:180px}
.pill span{font-family:'Space Mono';font-size:12px;color:var(--slime);text-transform:uppercase;letter-spacing:.1em}
.pill b{font-family:'Lilita One';font-size:26px;font-weight:400;color:var(--orange)}
.ca-wide{display:flex;width:100%;max-width:760px}.ca-wide .ca-text{flex:1;max-width:none;font-size:16px}
.scam{margin-top:14px;font-family:'Space Mono';font-size:13px;color:#ffb08a}

/* chart */
.chart-box{position:relative;height:min(70vh,620px);border:5px solid #000;border-radius:24px;overflow:hidden;background:#0b0412;box-shadow:8px 8px 0 #000}
.chart-box iframe{width:100%;height:100%;border:0;display:block}
.chart-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(circle,#2a1040,#0b0412 70%);text-align:center}
.chart-overlay.hidden{display:none}
.chart-overlay p{font-family:'Lilita One';font-size:32px;margin:6px 0 0}
.chart-overlay span{font-family:'Space Mono';color:var(--slime)}

/* join */
.join-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}
.join-img{width:100%;max-width:420px;margin:0 auto;filter:drop-shadow(0 0 40px rgba(140,255,58,.3))}
.soc-btn svg,.soc-btn img{width:22px;height:22px}
@media (max-width:760px){.join-grid{grid-template-columns:1fr}.join-img{max-width:260px}}

/* footer */
.footer{position:relative;background:#0a0410;border-top:4px solid #000;padding:40px 20px 120px;text-align:center}
.foot-anim{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin-bottom:20px}
.foot-anim img{width:auto;height:64px}
.foot-banner{width:min(520px,90%);margin:0 auto 20px;border:4px solid #000;border-radius:22px;box-shadow:6px 6px 0 #000}
.disc{max-width:780px;margin:0 auto 10px;font-size:13px;color:#a998b8;line-height:1.6}
.copy{font-family:'Space Mono';font-size:12px;color:#776688}

/* mobile bar */
.mbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:110;display:none;gap:8px;padding:8px;background:rgba(20,8,31,.92);border:3px solid #000;border-radius:20px;box-shadow:4px 4px 0 #000;backdrop-filter:blur(8px)}
.mbar .btn{padding:10px 14px;font-size:17px;flex:0 0 auto}
.mbar .btn-pump{flex:1;justify-content:center}
@media (max-width:760px){.mbar{display:flex}}

.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,30px);z-index:400;background:var(--slime);color:#000;font-family:'Lilita One';font-size:18px;padding:10px 18px;border:3px solid #000;border-radius:14px;box-shadow:4px 4px 0 #000;opacity:0;pointer-events:none;transition:.3s}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* lightbox */
.lb{position:fixed;inset:0;z-index:500;background:rgba(8,3,14,.92);display:flex;align-items:center;justify-content:center;padding:20px}
.lb[hidden]{display:none}
.lb figure{margin:0;max-width:min(1000px,90vw);text-align:center}
.lb img{max-height:78vh;width:auto;margin:0 auto;border:5px solid #000;border-radius:20px;box-shadow:0 0 60px rgba(255,122,0,.4)}
.lb figcaption{font-family:'Lilita One';font-size:22px;margin-top:12px;color:var(--orange)}
.lb button{position:absolute;width:52px;height:52px;border:3px solid #000;border-radius:16px;background:var(--orange);color:#000;display:grid;place-items:center;cursor:pointer;box-shadow:4px 4px 0 #000}
.lb button svg{width:24px;height:24px}
.lb-close{top:16px;right:16px}.lb-prev{left:16px;top:50%}.lb-next{right:16px;top:50%}
@media (max-width:600px){.lb-prev,.lb-next{top:auto;bottom:20px}.lb-prev{left:30%}.lb-next{right:30%}}

/* static / reduced */
html.no-anim .words .w{opacity:1}
html.no-anim .cut{opacity:1}
html.no-anim .pk-glow{opacity:.8}
html.no-anim .pumped{opacity:1}
html.no-anim .meter-fill{width:100%}
html.no-anim #preloader{display:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  .ch-run{display:none}.grain{display:none}
}
.pk-glow{animation:candle .15s steps(2) infinite alternate}@keyframes candle{to{filter:blur(10px) brightness(.8)}}