@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@500;600;700;800;900&display=swap');
:root{--violet:#7c3aed;--ink:#342353;--pink:#ec4899;--cyan:#06b6d4;--gold:#fbbf24;--cream:#fff9ed;--lav:#f0eaff;--coral:#ff7669;--line:rgba(52,35,83,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;padding:1rem;z-index:99}.skip-link:focus{top:1rem}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(255,249,237,.9);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.publisher{font-weight:900;letter-spacing:.08em;font-size:.84rem;white-space:nowrap}.publisher small{display:block;letter-spacing:.24em;font-size:.52rem;margin-left:19px;color:var(--violet)}.publisher-star{color:var(--pink);font-size:1.3rem}.topbar nav{display:flex;align-items:center;gap:clamp(12px,2.4vw,30px);font-size:.84rem;font-weight:800}.topbar nav>a:not(.nav-play){opacity:.8}.nav-play{background:var(--ink);color:#fff;padding:10px 15px;border-radius:100px}.hero{overflow:hidden;position:relative;background:linear-gradient(135deg,#e6d8ff 0%,#ffd9ed 55%,#ffefa8 100%);padding:clamp(60px,9vw,130px) 5vw 0}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(124,58,237,.18) 1px,transparent 1px);background-size:15px 15px;opacity:.24}.hero-grid{max-width:1170px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,90px);align-items:center;position:relative;z-index:1}.eyebrow,.section-kicker{font-size:.72rem;letter-spacing:.17em;font-weight:900;margin:0 0 15px;color:var(--violet)}.eyebrow span{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--pink);margin-right:7px}.hero h1,.hero h2,h2,h3{font-family:"Baloo 2",cursive}.hero h1{font-size:clamp(4rem,9vw,7.5rem);line-height:.73;letter-spacing:-.06em;margin:0;color:var(--violet);text-shadow:3px 4px 0 #fff}.hero h1 b{font-size:.55em;font-family:system-ui;text-shadow:none}.tagline{font-family:"Baloo 2";font-size:clamp(1.8rem,3.8vw,3.4rem);font-weight:800;margin:28px 0 10px;line-height:1}.intro{max-width:490px;font-size:1.1rem;line-height:1.6;margin:0;color:#56436e}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:30px 0 17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:0;border-radius:16px;padding:16px 21px;font-family:inherit;font-size:1.05rem;font-weight:900;box-shadow:0 8px 0 rgba(52,35,83,.25);transition:transform .2s,box-shadow .2s}.button.primary{color:#432354;background:linear-gradient(110deg,#ffe849,#ff8ab7)}.button:hover{transform:translateY(-3px);box-shadow:0 11px 0 rgba(52,35,83,.22)}.button i{font-style:normal;font-size:1.5rem}.text-link{font-weight:900;border-bottom:2px solid var(--violet);padding-bottom:3px}.offline-note{font-size:.77rem;margin:0;opacity:.68}.game-frame{width:min(100%,420px);justify-self:center;background:#fff7e1;padding:11px;border:5px solid var(--ink);border-radius:36px;box-shadow:12px 14px 0 rgba(124,58,237,.25);transform:rotate(3deg)}.frame-top{height:27px;display:flex;gap:5px;align-items:center;padding:0 5px}.frame-top span{height:7px;width:7px;background:var(--pink);border-radius:50%}.frame-top span:nth-child(2){background:var(--gold)}.frame-top span:nth-child(3){background:var(--cyan)}.frame-top b{font-size:.53rem;letter-spacing:.1em;margin-left:auto}.screen{height:370px;border-radius:22px;background:linear-gradient(#63d5e9,#b7f5df 72%,#f6ca69 72%);position:relative;overflow:hidden}.score{position:absolute;left:22px;top:20px;color:#fff;font-size:.7rem;letter-spacing:.08em}.score strong{font-family:"Baloo 2";font-size:1.8rem;display:block;line-height:.85}.blob,.mini-blob{position:absolute;border:4px solid var(--ink);border-radius:48% 52% 48% 52%;background:var(--pink);width:100px;height:87px;box-shadow:5px 7px 0 rgba(52,35,83,.16);display:flex;justify-content:center}.blob i,.mini-blob i{position:absolute;width:9px;height:12px;border-radius:50%;background:var(--ink);top:34px}.blob i:first-child,.mini-blob i:first-child{left:31px}.blob i:nth-child(2),.mini-blob i:nth-child(2){right:31px}.blob b,.mini-blob b{position:absolute;font-family:Arial,sans-serif;bottom:11px;font-size:28px;line-height:16px}.blob-pink{background:#ff81ba}.blob-gold{background:#ffd65a}.blob-blue{background:#6ed7e7}.sleepy i{height:4px;top:38px}.screen .blob-pink{left:54px;top:134px;animation:float 3s ease-in-out infinite}.screen .blob-gold{right:48px;top:215px;animation:float 3.5s ease-in-out .5s infinite}.screen .blob-blue{right:77px;top:67px;transform:scale(.68) rotate(-11deg)}.tap-ring{position:absolute;border:3px solid #fff;width:75px;height:75px;border-radius:50%;animation:pulse 1.7s ease-out infinite}.tap-ring.one{top:123px;left:68px}.tap-ring.two{right:66px;bottom:65px;animation-delay:.6s}.asset-label{position:absolute;bottom:13px;left:13px;right:13px;text-align:center;background:rgba(52,35,83,.75);border-radius:10px;color:#fff;padding:7px;font-size:.66rem}.asset-label code,.media-note code{font-family:monospace}.marquee{position:relative;z-index:2;left:-5vw;width:110%;margin-top:80px;overflow:hidden;white-space:nowrap;background:var(--ink);color:#fff;padding:12px 0;font-weight:900;letter-spacing:.12em;font-size:.78rem;transform:rotate(-2deg)}.marquee span{display:inline-block;animation:marquee 18s linear infinite}.orbit-a,.orbit-b{position:absolute;border:2px solid rgba(124,58,237,.27);border-radius:50%;width:450px;height:450px;right:-170px;top:-180px}.orbit-b{width:250px;height:250px;left:-100px;top:360px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:#fff;padding:32px 5vw;gap:15px;text-align:center}.trust-strip strong{font-family:"Baloo 2";font-size:2.4rem;color:var(--gold);display:block;line-height:1}.trust-strip span{font-size:.72rem;letter-spacing:.08em}.browser-section{max-width:1170px;margin:auto;padding:120px 5vw;display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.section-kicker{color:var(--pink)}h2{font-size:clamp(2.8rem,5vw,4.5rem);letter-spacing:-.045em;line-height:.92;margin:0 0 22px}h2 em{color:var(--pink);font-style:normal}.browser-copy>p:not(.section-kicker),.feature-intro>p:last-child,.biome-copy p:not(.section-kicker){font-size:1.1rem;line-height:1.65;color:#675879;max-width:530px}.store-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:30px}.play-badge,.coming-badge{min-height:55px;border-radius:10px;background:#1c1729;color:#fff;display:inline-flex;align-items:center;gap:9px;padding:8px 15px;line-height:1;font-size:1.2rem;font-weight:900}.play-badge small,.coming-badge small{display:block;font-size:.54rem;letter-spacing:.1em;margin-bottom:4px}.play-triangle{color:#52dfbd}.coming-badge{background:#e6ddcf;color:#675879;position:relative}.coming-badge b{font-size:.55rem;color:var(--pink);margin-left:5px}.browser-placeholder{min-height:330px;border-radius:25px;border:3px dashed rgba(124,58,237,.35);background:var(--lav);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;overflow:hidden}.window-dots{position:absolute;top:16px;left:19px;font-size:.7rem;letter-spacing:4px;color:var(--pink)}.browser-placeholder .mini-blob{position:relative;transform:scale(1.4);margin-bottom:38px}.browser-placeholder h3{font-size:1.5rem;margin:0}.browser-placeholder p{font-family:monospace;color:var(--violet);font-size:.72rem}.how{padding:110px 5vw;background:#f8e9ff}.section-heading{max-width:710px;margin:0 auto 60px;text-align:center}.steps{max-width:1130px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{text-align:center}.step-art{height:190px;border-radius:38px;position:relative;margin-bottom:21px;overflow:hidden}.step-art>span{position:absolute;left:16px;top:13px;font-size:.75rem;font-weight:900}.happy-face{background:#ffdb67}.danger-face{background:#ffabc8}.rainbow-face{background:linear-gradient(140deg,#71d9e6,#b481ff,#ff9ec3)}.step-art .mini-blob{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%)}.mini-blob.grumpy{background:#8d7cba}.mini-blob.rainbow{background:linear-gradient(145deg,#f475ae,#fee770,#65d8df)}.steps h3{font-size:1.45rem;margin:0 0 6px}.steps p{font-size:.94rem;line-height:1.5;color:#675879;margin:auto;max-width:260px}.features{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;max-width:1170px;margin:auto;padding:125px 5vw}.feature-intro{position:sticky;top:120px;height:max-content}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.feature-card{padding:25px;border-radius:24px;min-height:205px;position:relative;overflow:hidden;transition:transform .2s}.feature-card:hover{transform:rotate(-1.5deg) translateY(-4px)}.feature-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-45px;bottom:-54px;border:18px solid rgba(255,255,255,.28)}.feature-card h3{font-size:1.25rem;margin:12px 0 6px}.feature-card p{font-size:.86rem;margin:0;line-height:1.5}.feature-icon{font-size:1.85rem}.violet{background:#d9ccff}.pink{background:#ffd2e8}.cyan{background:#bdf2f5}.gold{background:#ffe9a0}.coral{background:#ffd2cb}.navy{background:#d6d4e7}.biome-band{background:var(--ink);color:#fff;padding:100px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:75px}.biome-copy{max-width:470px;justify-self:end}.biome-copy h2{color:#fff}.biome-copy p:not(.section-kicker){color:#d5cde1}.biome-list{padding:0;margin:0;list-style:none;border-top:1px solid rgba(255,255,255,.25)}.biome-list li{border-bottom:1px solid rgba(255,255,255,.25);padding:15px 0;font-family:"Baloo 2";font-size:1.5rem}.biome-list b{display:inline-block;color:var(--gold);font-family:Nunito;font-size:.65rem;vertical-align:middle;margin-right:18px}.gallery{padding:115px 5vw;max-width:1250px;margin:auto}.gallery-heading{text-align:center;margin-bottom:45px}.gallery-heading>p:last-child{color:#675879}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:130px;gap:16px}.shot{margin:0;border-radius:22px;overflow:hidden;position:relative}.shot-one{grid-column:span 5;grid-row:span 2}.shot-two{grid-column:span 3;grid-row:span 2}.shot-three{grid-column:span 4}.shot-four{grid-column:span 4}.shot-five{grid-column:span 7}.shot-inner{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:.7rem;font-weight:900;letter-spacing:.1em}.shot-one .shot-inner{background:linear-gradient(145deg,#72d7e6,#8fdeb3)}.shot-two .shot-inner{background:linear-gradient(145deg,#9c6ddd,#ffb1d4)}.shot-three .shot-inner{background:#ffd85c}.shot-four .shot-inner{background:linear-gradient(145deg,#6754a2,#9cc9ef)}.shot-five .shot-inner{background:#ffbad6}.shot .tiny{position:relative;transform:scale(.6)}.play-symbol{font-size:2.2rem}.shot figcaption{position:absolute;bottom:8px;left:9px;color:#fff;background:rgba(52,35,83,.7);font-size:.58rem;border-radius:6px;padding:4px 6px}.media-note{text-align:center;font-size:.75rem;color:#716080;margin:18px}.proof-slot{text-align:center;padding:105px 5vw;background:#f1e9ff}.proof-star{font-size:2rem;color:var(--gold)}.proof-slot h2{font-size:clamp(2.3rem,4vw,3.8rem)}.proof-slot>p:not(.section-kicker){color:#675879;max-width:500px;margin:0 auto 21px}.placeholder-pill{font-size:.65rem;letter-spacing:.1em;border:1px solid var(--pink);border-radius:100px;padding:8px 11px;color:var(--pink)}.final-cta{text-align:center;overflow:hidden;position:relative;padding:120px 5vw;background:linear-gradient(120deg,#7c3aed,#b64bb7 50%,#ef5799);color:#fff}.final-cta>*{position:relative;z-index:1}.final-cta .section-kicker{color:#ffdf61}.final-cta h2{font-size:clamp(3.7rem,7vw,6rem)}.final-cta h2 em{color:#ffed75}.final-cta>p:not(.section-kicker){font-size:1.1rem;margin:0 auto 28px}.footer-store{display:flex;justify-content:center;gap:15px;margin-top:25px;font-size:.75rem}.footer-store a{text-decoration:underline;font-weight:900}.footer-store span{opacity:.75}.cta-bubble{position:absolute;border-radius:50%;border:30px solid rgba(255,255,255,.15);height:270px;width:270px}.b1{left:-100px;bottom:-120px}.b2{right:3%;top:-120px;width:190px;height:190px}footer{background:#241a39;color:#dbd0ec;padding:45px 5vw}.footer-inner{max-width:1170px;margin:auto;display:flex;justify-content:space-between;gap:35px;align-items:flex-start}.footer-brand{color:#fff}.footer-inner p{font-size:.72rem;line-height:1.8;margin:0}.footer-inner nav{display:flex;gap:16px;flex-wrap:wrap;font-size:.76rem;font-weight:800}.footer-inner nav a{text-decoration:underline}@keyframes float{50%{transform:translateY(-13px) rotate(-4deg)}}@keyframes pulse{to{transform:scale(1.6);opacity:0}}@keyframes marquee{to{transform:translateX(-40%)}}@media(max-width:760px){.topbar{height:64px}.topbar nav>a:not(.nav-play){display:none}.hero{padding-top:68px}.hero-grid,.browser-section,.features,.biome-band{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-actions{justify-content:center}.intro{margin-left:auto;margin-right:auto}.game-frame{margin-top:25px;width:min(100%,360px)}.screen{height:300px}.marquee{margin-top:55px}.trust-strip{grid-template-columns:repeat(2,1fr);row-gap:24px}.browser-section{padding:78px 7vw;gap:45px}.browser-copy{text-align:center}.browser-copy>p:not(.section-kicker){margin-left:auto;margin-right:auto}.store-row{justify-content:center}.how{padding:80px 7vw}.steps{grid-template-columns:1fr;gap:45px}.step-art{max-width:340px;margin-left:auto;margin-right:auto}.features{padding:85px 7vw;gap:35px}.feature-intro{position:static;text-align:center}.feature-intro>p:last-child{margin:auto}.feature-list{gap:11px}.feature-card{padding:17px;min-height:188px}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.78rem}.biome-band{padding:75px 7vw;gap:34px}.biome-copy{justify-self:start}.gallery{padding:80px 5vw}.gallery-grid{grid-auto-rows:110px;gap:9px}.shot-one{grid-column:span 7}.shot-two{grid-column:span 5}.shot-three{grid-column:span 5}.shot-four{grid-column:span 7}.shot-five{grid-column:span 12}.footer-inner{flex-direction:column}.footer-inner nav{gap:13px}}@media(max-width:370px){.hero h1{font-size:3.6rem}.feature-list{grid-template-columns:1fr}.topbar{padding:0 4vw}.publisher{font-size:.73rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}