:root{--pink:#ff4fa3;--hot:#ff197c;--blue:#76caff;--yellow:#ffe12e;--ink:#170024;--cream:#fff4d6;--mono:'Space Mono',monospace;--display:'Chewy',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--blue);color:var(--ink);font-family:var(--mono);cursor:none;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.11;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.cursor-dot,.cursor-ring{position:fixed;z-index:100;pointer-events:none;top:0;left:0;border-radius:50%;mix-blend-mode:multiply}.cursor-dot{width:12px;height:12px;background:var(--hot);transform:translate(-50%,-50%)}.cursor-ring{width:36px;height:36px;border:3px solid var(--yellow);transform:translate(-50%,-50%);transition:width .15s,height .15s}.progress{position:fixed;top:0;left:0;z-index:60;width:100%;height:7px;background:var(--ink)}.progress i{display:block;width:0;height:100%;background:var(--yellow)}#loader{position:fixed;inset:0;z-index:200;background:var(--pink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;transition:opacity .6s,visibility .6s}#loader.out{opacity:0;visibility:hidden}#loader img{width:min(280px,62vw);border:7px solid var(--ink);border-radius:50%;box-shadow:12px 12px 0 var(--yellow);animation:loaderPulse 1s infinite alternate}#loader p{font-weight:700;font-size:13px;margin:0}.load-bar{height:13px;width:min(300px,70vw);border:3px solid var(--ink);background:var(--cream)}.load-bar i{display:block;width:0;height:100%;background:var(--yellow)}#enter-now{font:700 12px var(--mono);color:var(--ink);background:var(--yellow);border:3px solid var(--ink);padding:10px 17px;cursor:pointer}header{height:80px;padding:10px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--ink);position:absolute;z-index:30;top:0;width:100%;background:#76caffbb;backdrop-filter:blur(10px)}.brand{font:23px/16px var(--display);color:var(--ink);text-decoration:none;letter-spacing:1px;transform:rotate(-5deg)}.brand em{font-style:normal;color:var(--hot)}nav{display:flex;gap:17px}nav a,.footer-nav a{color:var(--ink);font-size:10px;font-weight:700;text-decoration:none}.header-social{display:flex;gap:7px}.social{background:var(--yellow);border:2px solid var(--ink);padding:6px 8px;font-weight:700;text-decoration:none;color:var(--ink)}.menu{display:none;background:var(--yellow);border:2px solid var(--ink);font-size:20px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px 9vw 70px;overflow:hidden;background:radial-gradient(circle at 80% 70%,#ffe12e 0 2%,transparent 2.2%),radial-gradient(circle at 15% 25%,#ff82bd 0 8%,transparent 8.3%),var(--blue)}.hero:after,.moods:after{content:'';position:absolute;inset:-10%;z-index:0;background:repeating-radial-gradient(ellipse at 40% 45%,transparent 0 26px,#ff4fa350 28px 31px);animation:spin 35s linear infinite}.hero-copy{position:relative;z-index:2;width:52%;max-width:680px}.eyebrow,.section-tag{font-size:11px;font-weight:700;letter-spacing:1.5px}.hero h1,h2{font:clamp(65px,11vw,155px)/.76 var(--display);margin:20px 0 25px;letter-spacing:2px;text-shadow:5px 5px 0 var(--yellow)}.hero h1 span,h2 span{color:var(--pink);-webkit-text-stroke:2px var(--ink)}.hero-text{max-width:420px;font-size:14px;line-height:1.7}.hero-actions,.footer-actions{display:flex;gap:10px;margin-top:27px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:18px;background:var(--hot);color:var(--cream);border:3px solid var(--ink);padding:13px 16px;font:700 12px var(--mono);text-decoration:none;box-shadow:5px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s;cursor:pointer}.btn:hover{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}.btn b{font-size:18px}.ghost{background:var(--yellow);color:var(--ink)}.ca-chip{margin-top:20px;max-width:100%;display:flex;align-items:center;gap:8px;background:var(--cream);border:2px dashed var(--ink);padding:8px 10px;font:11px var(--mono);cursor:pointer}.ca-chip span{background:var(--pink);padding:3px 5px;font-weight:bold}.ca-chip code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-visual{z-index:2;position:absolute;width:min(46vw,620px);right:4vw;bottom:-2px;transition:transform .15s ease-out}.hero-visual img{display:block;width:100%;filter:drop-shadow(14px 16px 0 var(--ink));border-radius:48% 48% 0 0}.hero-shadow{height:25px;background:var(--ink);border-radius:50%;filter:blur(4px);opacity:.4}.sticker{position:absolute;z-index:2;border:3px solid var(--ink);padding:10px;background:var(--yellow);font-size:11px;font-weight:bold;box-shadow:4px 4px 0 var(--ink);text-align:center}.s1{left:-10%;top:17%;transform:rotate(-13deg)}.s2{right:-2%;bottom:18%;background:var(--pink);transform:rotate(9deg)}.star{position:absolute;left:-5%;bottom:16%;font-size:70px;color:var(--yellow);-webkit-text-stroke:2px var(--ink);animation:twinkle 1s infinite alternate}.marquee{z-index:3;position:absolute;bottom:20px;left:-3%;transform:rotate(-3deg);background:var(--yellow);border-block:3px solid var(--ink);width:106%;padding:8px 0;white-space:nowrap;overflow:hidden;font-weight:bold;font-size:11px}.marquee span{display:inline-block;animation:marquee 20s linear infinite}.scroll-cue{position:absolute;z-index:5;bottom:35px;left:8vw;color:var(--ink);font-size:10px;font-weight:bold;text-decoration:none}.scroll-cue i{font-size:20px}.section{padding:130px 9vw;position:relative;border-top:4px solid var(--ink)}.lore{background:var(--cream)}.lore-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;margin-top:40px}.lore-image{position:relative;transform:rotate(-4deg)}.lore-image img{width:100%;border:4px solid var(--ink);box-shadow:12px 12px 0 var(--pink);display:block}.lore-image span{position:absolute;bottom:-16px;right:-20px;background:var(--yellow);border:3px solid var(--ink);padding:9px;font-weight:bold;font-size:10px;transform:rotate(6deg)}.lore h2,.how h2,.dex h2,.roadmap h2,.moods h2,footer h2{font-size:clamp(45px,7vw,90px);margin:0 0 25px}.lore p{line-height:1.8;font-size:14px}.lore mark{background:var(--yellow)}.stat-row{display:flex;margin-top:30px;gap:13px}.stat-row div{padding:10px;border:2px solid var(--ink);background:var(--blue);text-align:center;min-width:87px}.stat-row b{font:27px var(--display);display:block}.stat-row span{font-size:8px;font-weight:bold}.moods{background:var(--pink);overflow:hidden}.section-head,.mood-grid,.mood-stage{position:relative;z-index:1}.section-head{display:flex;justify-content:space-between;align-items:end}.mood-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:40px}.mood-card{border:3px solid var(--ink);padding:0 0 11px;background:var(--cream);font-family:var(--mono);text-align:left;cursor:pointer;transition:transform .2s}.mood-card:hover,.mood-card.active{transform:translateY(-12px) rotate(-2deg);box-shadow:5px 7px 0 var(--ink)}.mood-card img{width:100%;display:block;border-bottom:3px solid var(--ink)}.mood-card b,.mood-card small{display:block;margin:8px 9px 0;font-size:9px}.mood-card small{font-size:8px}.mood-stage{margin:55px auto 0;max-width:510px;text-align:center}.mood-stage img{width:100%;border:4px solid var(--ink);border-radius:45%;box-shadow:13px 13px 0 var(--yellow)}.mood-stage p{font-size:10px;font-weight:bold}.how{background:var(--yellow)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:48px 0;border:3px solid var(--ink)}.steps article{min-height:220px;padding:25px;border-right:3px solid var(--ink);background:var(--cream)}.steps article:last-child{border:0}.steps i{font:42px var(--display);font-style:normal;color:var(--pink);-webkit-text-stroke:1px var(--ink)}.steps h3,.roadline h3{font:20px var(--display);margin:10px 0}.steps p{font-size:12px;line-height:1.7}.large{font-size:14px;padding:17px 20px}.dex{background:var(--ink);color:var(--cream)}.dex .section-tag{color:var(--yellow)}.dex-title{display:flex;justify-content:space-between;align-items:end}.dex-frame{margin-top:40px;border:3px solid var(--cream);min-height:400px;background:#08000c;overflow:hidden}.dex-placeholder{display:flex;align-items:center;justify-content:center;gap:35px;height:400px;padding:25px;background:repeating-linear-gradient(45deg,#11031b 0 15px,#1a0630 15px 30px)}.dex-placeholder img{width:200px;border:3px solid var(--yellow);border-radius:50%}.dex-placeholder b{font:28px var(--display);color:var(--pink)}.dex-placeholder p{font-size:12px;line-height:1.7}.dex-placeholder a{color:var(--yellow);font-size:12px;font-weight:bold}#dex-embed{width:100%;height:530px;border:0}.roadmap{background:var(--blue)}.roadline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px;position:relative}.roadline:before{content:'';position:absolute;top:21px;left:5%;right:5%;height:4px;background:var(--ink)}.roadline article{position:relative}.roadline article div{position:relative;z-index:1;width:46px;height:46px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-size:24px}.roadline small{display:block;margin-top:25px;font-weight:bold}.roadline p{font-size:11px;line-height:1.7;max-width:190px}footer{padding:70px 9vw 35px;background:var(--pink);border-top:4px solid var(--ink);display:grid;grid-template-columns:220px 1fr 150px;gap:40px;position:relative;overflow:hidden}footer h2{font-size:clamp(42px,6vw,78px)}.footer-gif img{width:100%;border:3px solid var(--ink);border-radius:45%;transform:rotate(-5deg);box-shadow:8px 8px 0 var(--yellow)}.footer-nav{display:flex;flex-direction:column;gap:12px;align-self:center}.footer .ca-chip{grid-column:1/3}.disclaimer{font-size:9px;grid-column:1/-1;margin:10px 0 0;border-top:2px solid var(--ink);padding-top:15px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes twinkle{to{transform:rotate(18deg) scale(1.2)}}@keyframes loaderPulse{to{transform:rotate(4deg) scale(1.05)}}
@media(max-width:800px){body{cursor:auto}.cursor-dot,.cursor-ring{display:none}header{height:65px;padding:7px 5vw}nav{display:none;position:absolute;top:62px;left:0;width:100%;background:var(--yellow);border-bottom:3px solid var(--ink);padding:15px 5vw;flex-direction:column}.menu{display:block}.menu.open+nav{display:flex}.header-social{margin-left:auto;margin-right:9px}.hero{padding:105px 7vw 70px;min-height:auto;display:block}.hero-copy{width:100%}.hero h1{font-size:21vw}.hero-visual{position:relative;width:92%;right:auto;bottom:auto;margin:45px auto -68px}.scroll-cue{display:none}.marquee{bottom:5px}.section{padding:80px 7vw}.lore-grid{grid-template-columns:1fr;gap:50px}.section-head,.dex-title{display:block}.mood-grid{grid-template-columns:repeat(2,1fr)}.mood-card:nth-child(5){grid-column:1/-1;width:50%;justify-self:center}.steps{grid-template-columns:1fr}.steps article{min-height:auto;border-right:0;border-bottom:3px solid var(--ink)}.steps article:last-child{border-bottom:0}.dex-placeholder{flex-direction:column;gap:10px;text-align:center}.dex-placeholder img{width:150px}.roadline{grid-template-columns:1fr 1fr}.roadline:before{left:21px;top:25px;bottom:12%;height:auto;width:4px;right:auto}.roadline article{padding-left:0}.roadline article:nth-child(even){margin-top:45px}footer{grid-template-columns:130px 1fr;gap:20px;padding:60px 7vw 25px}.footer-nav{display:none}.footer .ca-chip{grid-column:1/-1}.stat-row{gap:5px}.stat-row div{min-width:0;flex:1}.hero-text{font-size:12px}}@media(max-width:420px){.hero h1{font-size:19vw}.hero-actions .btn{width:100%;justify-content:space-between}.mood-grid{gap:7px}.roadline{grid-template-columns:1fr}.roadline article:nth-child(even){margin-top:0}.roadline:before{bottom:6%}footer{grid-template-columns:1fr}.footer-gif{width:170px}.footer h2{font-size:58px}}
#toast{position:fixed;z-index:300;left:50%;bottom:25px;transform:translate(-50%,100px);background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:12px 18px;font:700 11px var(--mono);transition:transform .25s}#toast.show{transform:translate(-50%,0)}
