@font-face{font-family:Bree;src:url('/assets/Bree.ttf') format('truetype');font-display:swap}@font-face{font-family:Nunito;src:url('/assets/Nunito.ttf') format('truetype');font-display:swap}
:root{--pine:#123f34;--deep:#082e27;--cream:#fff5d7;--gold:#ffd979;--muted:#c4d4bb;--rust:#b7653e;--spring:cubic-bezier(.16,1.3,.35,1);font-family:Nunito,system-ui,sans-serif;color:var(--cream);background:var(--deep);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}.skip{position:fixed;left:16px;top:-80px;background:var(--gold);color:var(--pine);padding:14px;z-index:100}.skip:focus{top:12px}.site-header{position:absolute;inset:0 0 auto;z-index:3;max-width:1500px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.studio{display:flex;align-items:center;gap:10px}.studio-name{font:28px/.85 Bree;letter-spacing:-1px}.studio-name>span{display:block;font:10px Nunito;letter-spacing:5px;margin:8px 0 0 3px}.site-header nav{display:flex;gap:32px;align-items:center;font-size:15px}.site-header nav>a{padding:12px 0;border-bottom:1px solid transparent}.site-header nav>a:hover{border-color:var(--gold)}.platform{font-size:13px;letter-spacing:.2px;border:1px solid #e3ddb95c;border-radius:30px;padding:11px 18px}.hero{min-height:840px;height:min(960px,100svh);position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:3%;padding:115px max(6%,calc((100vw - 1280px)/2)) 110px;background:var(--pine)}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#082e27fa 1%,#0b372cea 32%,#16463350 78%),linear-gradient(0deg,#082e27 1%,transparent 45%,#0b2c2890),url('/assets/garden.jpg') center 53% / cover;z-index:0}.hero-copy{position:relative;z-index:1;max-width:660px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:700;color:var(--gold);margin:0 0 22px}.hero h1{font:clamp(68px,7.8vw,116px)/1.08 Bree;letter-spacing:-4px;margin:0 0 24px;text-shadow:0 5px 0 #123d31;color:#fff0b7;position:relative;white-space:nowrap}.title-flower{font:42px Bree;color:#f9c258;display:inline-block;vertical-align:top;margin:5px 0 0 4px;animation:flower-rock 7s ease-in-out infinite}.hero-line{font:clamp(35px,4vw,59px)/1.09 Bree;margin:0 0 23px;letter-spacing:-1.5px}.hero-description{color:#dfebd3;font-size:18px;line-height:1.7;max-width:445px;margin:0 0 30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:60px;padding:15px 27px;border-radius:20px 18px 23px 17px;font:20px Bree;transition:transform .25s var(--spring),box-shadow .25s}.button-gold{color:#254c32;background:linear-gradient(#ffe7a0,#efbc54);border:2px solid #ffeaae;box-shadow:inset 0 2px #fff6c4,0 5px #93602f,0 8px 25px #021e2733}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(3px);box-shadow:0 1px #93602f}.button>span{font:25px Nunito}.release-note{font-size:13px;color:#d2dcc2;margin-top:20px}.hero-visual{position:relative;z-index:1;justify-self:center;width:100%;max-width:415px;padding:12px 32px 0 10px}.phone{width:285px;max-width:100%;margin:auto;border:6px solid #e5bd72;border-radius:42px;background:#123f34;box-shadow:0 0 0 2px #7c6038,0 35px 55px #06281abb;transform:rotate(7deg);overflow:hidden;animation:phone-float 7s ease-in-out infinite}.phone img{width:100%;height:auto}.hand-note{position:absolute;right:-55px;bottom:55px;font:26px/1.15 Bree;color:#fff1c5;transform:rotate(-8deg);text-shadow:0 2px 5px #0c3e30}.hero-bottom{position:absolute;bottom:35px;left:6%;right:6%;display:flex;gap:30px;justify-content:space-between;border-top:1px solid #e9e9ba3d;padding-top:25px;color:#d7dfc1;font-size:14px}.hero-bottom span+span::before{content:'✦';color:#d7ba69;margin-right:30px}.section{padding:100px 7%;max-width:1400px;margin:auto}.intro{max-width:830px;text-align:center}.intro h2{font:clamp(38px,5vw,65px)/1.12 Bree;margin:0 0 24px;letter-spacing:-1px}.intro>p:last-child{font-size:19px;line-height:1.75;color:var(--muted);max-width:620px;margin:auto}footer{border-top:1px solid #cde1ba2d;max-width:1300px;margin:0 auto;padding:42px 6%;display:flex;flex-wrap:wrap;align-items:center;gap:24px;color:var(--muted);font-size:14px}.footer-studio{font:25px Bree;color:var(--cream)}footer nav{display:flex;gap:24px;margin-left:auto}footer small{flex-basis:100%;font-size:12px;color:#9cb5a4}@keyframes phone-float{50%{transform:translateY(-12px) rotate(5deg)}}@keyframes flower-rock{50%{transform:rotate(20deg)}}
@media(min-width:1600px){.hero-art{background-position:center,center,center 48%}}
@media(max-width:900px){.hero{padding-left:6%;padding-right:6%;min-height:780px;gap:20px}.hero h1{font-size:72px}.hero-line{font-size:43px}.hero-description{font-size:17px}.phone{width:250px}.hero-visual{padding:0}.hand-note{right:-10px;bottom:10px;font-size:22px}.hero-bottom{gap:15px;font-size:12px}.hero-bottom span+span::before{margin-right:12px}}
@media(max-width:640px){.site-header{padding:21px 6%;gap:15px}.studio-name{font-size:25px}.site-header nav{gap:20px;font-size:14px}.platform{display:none}.hero{height:auto;min-height:0;grid-template-columns:1fr;padding:132px 7% 103px;gap:44px;text-align:center}.hero-art{background:linear-gradient(#082e27d9,#113e32b5 45%,#082e27),url('/assets/garden.jpg') center/cover}.hero-copy{margin:auto}.hero .eyebrow{font-size:10px;letter-spacing:2px}.hero h1{font-size:clamp(60px,15vw,91px);letter-spacing:-3px;margin-bottom:22px}.title-flower{font-size:26px;margin-top:4px}.hero-line{font-size:43px;line-height:1.1}.hero-description{font-size:17px;max-width:380px;margin-left:auto;margin-right:auto}.hero-visual{width:290px}.phone{width:215px;border-width:5px;border-radius:33px}.hand-note{right:-24px;font-size:22px;bottom:50px}.hero-bottom{left:7%;right:7%;bottom:25px;gap:10px;padding-top:22px;font-size:11px;line-height:1.5}.hero-bottom span{flex:1}.hero-bottom span+span::before{display:none}.section{padding:72px 7%}.intro>p:last-child{font-size:17px}footer{padding:35px 7%;gap:18px}footer>span{flex-basis:100%}footer nav{margin-left:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.bark-mark{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 3px #031f2360)}.footer-studio{display:flex;align-items:center;gap:10px}.game-story{padding-top:0;display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.screens{display:flex;align-items:center;gap:24px;padding:10px 0 45px}.game-screen{margin:0;width:52%;min-width:0;transform:rotate(-5deg)}.game-screen img{border:4px solid #bd9d60;border-radius:25px;box-shadow:0 25px 30px #001c2273;width:100%;height:auto}.game-screen figcaption{font-size:13px;line-height:1.5;text-align:center;color:#d0d6b9;margin-top:18px}.wardrobe-screen{margin-top:90px;transform:rotate(6deg)}.story-steps article{display:flex;gap:23px;border-bottom:1px solid #e2e6ba2b;padding:28px 0}.story-steps article:last-child{border:0}.step-number{color:#d7ae61;font:24px Bree;padding-top:3px}.story-steps h3{font:28px/1.2 Bree;margin:0 0 12px;letter-spacing:-.5px}.story-steps p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.friends{position:relative;background:radial-gradient(ellipse at 25% 100%,#416742 0%,#224e3f 45%,#163f33 100%);border-block:1px solid #aaba8933}.friends-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:65px 5% 75px}.friend-stage{position:relative;text-align:center}.pet-button{border:0;background:none;color:var(--cream);padding:0;width:100%;max-width:425px;cursor:pointer;touch-action:manipulation;border-radius:50%;position:relative;transition:filter .2s}.pet-button:hover{filter:brightness(1.06)}#pet-canvas{width:100%;aspect-ratio:8/9;display:block}.pet-response{font:19px Bree;color:#dfd5a8;margin:0;min-height:1.5em}.friend-copy h2{font:clamp(37px,4.5vw,60px)/1.1 Bree;letter-spacing:-1px;margin:0 0 27px}.friend-copy h3{font:27px Bree;margin:24px 0 10px}.friend-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#d5e0c9;max-width:400px}.friend-copy .friend-note{font-size:13px!important;opacity:.8}.friend-picker{display:flex;gap:12px}.friend-picker button{border:1px solid #adc79a4a;background:#163e3299;color:#cdddc6;border-radius:18px;padding:10px 23px;font:18px Bree;cursor:pointer;transition:transform .2s var(--spring),background .2s}.friend-picker button[aria-pressed=true]{background:#f5d990;border-color:#f5d990;color:#214b38;box-shadow:0 3px #947245}.friend-picker button:hover{transform:translateY(-2px)}.closing{text-align:center;padding-block:95px}.closing>img{margin:0 auto 25px}.closing h2{font:clamp(40px,5vw,63px)/1.1 Bree;margin:0 0 22px;letter-spacing:-1px}.closing>p:not(.eyebrow){font-size:18px;line-height:1.8;color:var(--muted)}.coming-soon{display:inline-block;margin:16px 0 8px;padding:15px 25px;border:1px solid #dfd5a865;border-radius:15px;font:20px Bree;color:var(--cream)}.closing .small-note{font-size:12px!important}.inside-page{background:#fff7e6;color:#284639}.inside-page .site-header{position:relative;background:var(--pine);max-width:none;color:var(--cream);padding-block:22px}.inside-page footer{color:#c4d4bb;background:var(--deep);max-width:none}.inside-page footer a{color:var(--cream)}.page-masthead{background:var(--pine);color:var(--cream);padding:60px 7% 72px;text-align:center}.page-masthead h1{font:clamp(42px,7vw,70px)/1.1 Bree;margin:0 0 20px;letter-spacing:-1px}.page-masthead p:not(.eyebrow){font-size:18px;line-height:1.7;color:#d3dfc6;margin:12px auto;max-width:650px}.page-masthead .eyebrow{margin-bottom:22px}.page-masthead .contact-link{display:inline-block;color:var(--gold);font:clamp(20px,4vw,28px) Bree;margin:12px 0;overflow-wrap:anywhere}.reading-layout{max-width:1150px;margin:auto;display:grid;grid-template-columns:210px 1fr;gap:65px;padding:65px 6% 90px}.contents{align-self:start;position:sticky;top:30px;display:flex;flex-direction:column;gap:14px;font-size:14px;color:#466650}.contents strong{font:19px Bree;margin-bottom:10px;color:#294c38}.contents a:hover{color:#9e532d;text-decoration:underline}.reading-copy{max-width:700px;min-width:0}.reading-copy section+section{margin-top:38px}.reading-copy h2{font:28px/1.2 Bree;margin:0 0 16px;scroll-margin-top:30px}.reading-copy p,.reading-copy li{font-size:16px;line-height:1.85;color:#435d4c}.reading-copy p{margin:0 0 17px}.reading-copy a,.help-content a{color:#834326;text-decoration:underline;text-underline-offset:3px}.reading-copy .updated{font-size:13px;margin-bottom:32px;color:#697357}.help-content{max-width:920px;padding:62px 6% 90px;margin:auto}.support-intro{border-left:4px solid #b9894c;padding:2px 0 2px 23px;margin-bottom:48px}.support-intro h2{font:27px Bree;margin:0 0 10px}.support-intro p{font-size:16px;line-height:1.8;color:#496450;margin:0}.faq-group{margin-bottom:40px}.faq-group>h2{font:30px Bree;margin:0 0 20px}.faq-group details{border-bottom:1px solid #31553c33}.faq-group summary{padding:22px 38px 22px 0;font:21px/1.35 Bree;cursor:pointer;list-style:none;position:relative}.faq-group summary::-webkit-details-marker{display:none}.faq-group summary::after{content:'+';position:absolute;right:8px;top:22px;color:#9e6d36}.faq-group details[open] summary::after{content:'−'}.faq-group details p{font-size:16px;line-height:1.8;color:#435d4c;margin:0 30px 22px 0}.help-bottom{margin-top:50px;padding-top:30px;border-top:1px solid #31553c33;font-size:16px;line-height:1.7}.inside-page .footer-studio img{width:44px;height:44px}
@media(max-width:900px){.game-story{gap:6%;padding-inline:6%}.screens{gap:15px}.story-steps article{gap:14px;padding:18px 0}.story-steps h3{font-size:24px}.story-steps p{font-size:15px}.friends-inner{gap:4%;padding-inline:5%}.friend-copy .eyebrow{font-size:10px;letter-spacing:2px}.reading-layout{gap:35px;grid-template-columns:170px 1fr}}
@media(max-width:640px){.bark-mark{width:41px;height:41px}.studio{gap:7px}.site-header nav{gap:18px}.hero-bottom{font-size:12px}.game-story{grid-template-columns:1fr;padding-top:0;gap:10px}.screens{max-width:440px;margin:auto;gap:22px;padding-bottom:20px}.game-screen img{border-radius:21px;border-width:3px}.game-screen figcaption{font-size:12px}.story-steps{padding:0 4%}.story-steps article{padding:24px 0}.story-steps p{font-size:16px}.friends-inner{grid-template-columns:1fr;padding:55px 7%;gap:22px}.friend-stage{order:2}.pet-button{max-width:300px}.friend-copy{text-align:center}.friend-copy h2{font-size:43px}.friend-copy>p:not(.eyebrow){margin-inline:auto}.friend-picker{justify-content:center}.friend-copy h3{margin-top:22px}.friend-copy .eyebrow{font-size:11px}.closing{padding-block:70px}.closing .small-note{max-width:290px;margin-inline:auto}.desktop-break{display:none}.page-masthead{padding:42px 7% 48px}.page-masthead h1{font-size:45px}.page-masthead p:not(.eyebrow){font-size:17px}.reading-layout{display:block;padding:36px 7% 65px}.contents{position:static;flex-direction:row;flex-wrap:wrap;gap:11px 20px;padding-bottom:28px;margin-bottom:30px;border-bottom:1px solid #a3b18e55}.contents strong{flex-basis:100%;margin:0 0 3px}.reading-copy h2{font-size:26px}.help-content{padding:40px 7% 65px}.faq-group summary{font-size:20px}.support-intro{padding-left:17px}.inside-page .site-header{padding-inline:6%}.platform{display:none}}
.store-button{margin:16px 0 8px}.release-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
