@font-face{font-family:Nunito;src:url('/assets/Nunito-SemiBold.ttf');font-weight:400 600;font-display:swap}@font-face{font-family:Nunito;src:url('/assets/Nunito-ExtraBold.ttf');font-weight:700 900;font-display:swap}
:root{--ink:#263f35;--paper:#fff9eb;--green:#245947;--berry:#da586b;--mint:#d7f0df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-size:18px;line-height:1.65}a{color:inherit}button{font:inherit}img{display:block;max-width:100%}header{height:98px;max-width:1320px;margin:auto;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}header a{text-decoration:none}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:24px;letter-spacing:-1px}.berry{width:35px;height:35px;display:grid;place-items:center;border-radius:50% 50% 43% 43%;background:var(--berry);color:var(--paper);font-size:26px;transform:rotate(-12deg);box-shadow:inset -5px -3px #be415830}nav{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:800}.nav-pill{border:1px solid #263f3530;padding:9px 20px;border-radius:30px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c152d2;outline-offset:5px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2.4px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--berry)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.8vw,84px);letter-spacing:-4px;line-height:1.04;margin-bottom:26px}h2{font-size:clamp(36px,4vw,58px);line-height:1.1;letter-spacing:-2px}h3{font-size:25px;line-height:1.2;letter-spacing:-.6px}.hero{max-width:1320px;margin:auto;padding:65px 5% 80px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;min-height:670px;gap:20px}.hero .copy{position:relative;z-index:2}.hero p{max-width:420px;color:#52645a;font-size:19px}.hero em{color:var(--berry);font-style:normal;position:relative}.hero em:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:8px;border-bottom:4px solid #edbd66;border-radius:50%}.actions{display:flex;gap:20px;align-items:center;margin:32px 0 22px;flex-wrap:wrap}.button{background:var(--green);color:white;display:inline-flex;align-items:center;gap:27px;border-radius:40px;padding:15px 26px;font-weight:800;text-decoration:none;box-shadow:0 5px 0 #183a2e;transition:transform .2s}.button:hover{transform:translateY(-3px)}.text-link{text-underline-offset:6px;font-size:15px;font-weight:800}.note{font-size:13px!important}.hero-art{position:relative;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:5% -4%;border-radius:49% 51% 44% 56%;background:#d8edcb;z-index:-1;transform:rotate(-8deg)}.hero-art>img{width:100%;filter:drop-shadow(0 20px 15px #34633012)}.sticker{position:absolute;bottom:8%;right:-3%;background:#ffe098;border:5px solid var(--paper);padding:13px 24px;border-radius:18px;transform:rotate(8deg);font-size:17px;font-weight:900;line-height:1.25}.spark{position:absolute;top:5%;right:2%;font-size:45px;color:#dd9458}.ribbon{display:flex;justify-content:center;flex-wrap:wrap;gap:25px 55px;padding:24px;background:var(--mint);border-block:1px solid #263f3514;font-size:15px;font-weight:800}.ribbon span:before{content:'✦';color:#50875e;margin-right:13px}.section{padding:100px 6%;max-width:1320px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:38px}.section-head h2{max-width:550px;margin-bottom:0}.section-head p{max-width:300px;color:#52645a;margin:0}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.world{border-radius:42px;padding:15px 25px 25px;background:#e9efcf;text-align:center}.world:nth-child(2){background:#fae3bc}.world:nth-child(3){background:#d7ebf2}.world img{aspect-ratio:1;object-fit:contain;transition:transform .3s}.world:hover img{transform:translateY(-7px) rotate(2deg)}.world h3{margin:0 0 6px}.world p{font-size:15px;margin:0}.world-more{margin-top:25px;text-align:center;font-size:15px;color:#52645a}.play-section{background:#efe5f0;overflow:hidden}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.paint-demo{background:#fffdf5;padding:25px;border-radius:38px;transform:rotate(-3deg);box-shadow:0 18px 0 #c8b9cb50}.paint-demo img{width:88%;margin:auto}.swatches{display:flex;justify-content:center;gap:14px;margin:20px 0 8px}.swatches i{width:30px;height:30px;border-radius:50%;background:var(--c);box-shadow:inset 0 -4px #0001}.feature{display:grid;grid-template-columns:38px 1fr;gap:15px;margin:26px 0}.feature>b{border:1px solid #263f3530;width:34px;height:34px;border-radius:50%;text-align:center;font-size:14px;padding-top:4px}.feature h3{font-size:21px;margin:0 0 5px}.feature p{font-size:16px;margin:0;color:#52645a}.parent{background:var(--green);color:var(--paper);border-radius:42px;padding:55px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.parent p{color:#e0ebdf}.parent ul{padding:0;list-style:none;margin:0}.parent li{border-bottom:1px solid #ffffff30;padding:17px 0}.parent li:before{content:'✓';color:#bde49b;margin-right:15px}.launch{text-align:center;padding-top:20px}.launch img{width:100px;border-radius:25px;margin:0 auto 25px;box-shadow:0 7px 0 #263f3512}.launch h2{margin-bottom:15px}.platforms{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0}.platforms span{border:1px solid #263f3525;border-radius:12px;padding:10px 20px;font-size:15px}.platforms small{display:block;color:#647268;font-size:11px}footer{padding:36px 6%;border-top:1px solid #263f3520;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}footer div{display:flex;gap:23px}.document{max-width:850px;margin:55px auto 100px;padding:0 25px}.document h1{font-size:55px;letter-spacing:-2px}.document h2{font-size:28px;letter-spacing:-.8px;margin:35px 0 12px}.document p,.document li{color:#52645a}.document details{border-block-end:1px solid #263f3520;padding:20px 0}.document summary{font-size:22px;font-weight:800;cursor:pointer}.document details p{margin:14px 0 0}.skip{position:absolute;left:-999px}.skip:focus{left:20px;top:10px;background:white;padding:10px;z-index:99}@media(max-width:800px){header{height:80px}.brand{font-size:21px}nav{gap:16px}nav .nav-pill{display:none}.hero{padding:40px 7% 65px;grid-template-columns:1fr;gap:35px}.hero p{max-width:95%}h1{letter-spacing:-2.8px}.hero-art{max-width:530px;margin:auto;width:90%}.sticker{right:-5%}.section{padding:65px 7%}.section-head,.split,.parent{display:block}.section-head p{margin-top:20px}.worlds{grid-template-columns:1fr}.world{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:12px 22px;text-align:left}.world div{padding-left:10px}.split>div+div{margin-top:50px}.parent{padding:32px}.parent h2{font-size:36px}.parent ul{margin-top:20px}footer{flex-direction:column;text-align:center}.document h1{font-size:43px}.ribbon{gap:10px 25px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:480px){header{gap:12px;padding-inline:5%}.brand{font-size:17px;white-space:nowrap;gap:7px}.berry{width:28px;height:28px;font-size:21px;flex-shrink:0}nav{gap:15px;font-size:13px;white-space:nowrap}.hero{padding-top:32px}.hero h1{font-size:46px}}
/* HTML dimensions reserve space; responsive images must scale both axes. */
img{height:auto}
.world img{align-self:center}
.gameplay video{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 16px 50px #263f3518;background:#fff9eb}.preview-note{text-align:center;font-size:14px;color:#52645a;margin:18px 0 32px}.gameplay-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gameplay-shots figure{margin:0}.gameplay-shots img{width:100%;border-radius:16px;border:1px solid #263f3515}.gameplay-shots figcaption{font-size:16px;font-weight:800;margin-top:12px}.document .gameplay{padding:50px 0}.document .gameplay .section-head{display:block}@media(max-width:700px){.gameplay-shots{grid-template-columns:1fr}.gameplay video{border-radius:14px}}