@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{--paper:#fff;--ink:#111110;--muted:#737370;--line:#e8e8e4;--wash:#f7f7f4;--blue:#2563eb;--night:#111110;--night-ink:#f8f8f5;--gotchi:url('assets/gotchi.png');--mallow:url('assets/mallow.png');color-scheme:light;scroll-behavior:smooth;scroll-padding-top:30px}
:root[data-theme=dark]{--paper:#111110;--ink:#eeeeea;--muted:#a2a29c;--line:#343432;--wash:#1b1b19;--night:#090909;--gotchi:url('assets/gotchi-dark.png');--mallow:url('assets/mallow-dark.png');color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
button,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}img{max-width:100%;height:auto}svg{display:block}button{touch-action:manipulation}::selection{background:#b9d1ff;color:#111}
:focus-visible{outline:3px solid #679bff;outline-offset:6px;border-radius:5px}
.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.icon{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:12px 20px;border-radius:10px;background:var(--blue);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-1.2px}.brand img{border-radius:10px;flex:none;width:38px;height:38px}.brand-dot{color:var(--blue)}
nav{display:flex;align-items:center;gap:30px}.nav-story{font-size:13px;font-weight:650;transition:color .2s}.nav-story:hover{color:var(--blue)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--blue);color:white;border:0;border-radius:13px;padding:19px 24px;min-height:60px;font-size:15px;font-weight:750;letter-spacing:-.2px;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#1752d4;transform:translateY(-2px);box-shadow:0 8px 22px #2563eb1a}.button:active{transform:translateY(1px)}.button-small{padding:13px 18px;min-height:44px;border-radius:10px;gap:20px;font-size:13px}.button-small .icon{width:17px;height:17px}
.icon-button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:transparent;border-radius:50%;transition:background .2s}.icon-button:hover{background:var(--line)}
.mono,.eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:500;letter-spacing:1.55px;line-height:1.7}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px;color:var(--muted)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:800}h1{font-size:clamp(64px,6.9vw,106px);line-height:1.075;letter-spacing:-.068em;margin-bottom:25px}h2{font-size:clamp(46px,5.3vw,78px);line-height:1.06;letter-spacing:-.06em;margin-bottom:26px}h3{font-size:38px;line-height:1.15;letter-spacing:-1.8px}p{font-size:17px;line-height:1.7;letter-spacing:-.3px}
.hero{position:relative;min-height:780px;display:flex;flex-direction:column;overflow:hidden}.hero-copy{text-align:center;padding-top:48px;position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{justify-content:center;margin-bottom:20px}.tiny-spark{font-size:19px;color:var(--ink);line-height:1}.hero-description{color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:26px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:20px}.platform{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.platform .icon{width:17px;height:17px}
.hero-playground{position:relative;min-height:264px;margin-top:10px;flex:1;overflow:hidden}.hero-cast{height:240px;max-width:1250px;margin:0 auto;position:relative;isolation:isolate}.hero-friend{position:absolute;bottom:0;--size:160px;left:var(--x);width:var(--size);height:calc(var(--size)*.8);transform-origin:50% 94%;z-index:1;transition:filter .2s}.hero-friend:hover{filter:drop-shadow(0 8px 0 #77777709)}
.character{display:block;aspect-ratio:1.25;border:0;padding:0;background:transparent;position:relative;flex-shrink:0;--sprite:var(--gotchi)}.character-sprite{display:block;width:100%;height:100%;background-image:var(--sprite);background-repeat:no-repeat;background-size:600% 200%;background-position:0 0;pointer-events:none;transform-origin:50% 94%}
[data-character=gotchi]{--sprite:var(--gotchi)}[data-character=mallow]{--sprite:var(--mallow)}[data-character=sunny]{--sprite:url('assets/sunny.png')}[data-character=cat]{--sprite:url('assets/cat.png')}[data-character=shiba]{--sprite:url('assets/shiba.png')}[data-character=ghost]{--sprite:url('assets/ghost.png')}[data-character=duck]{--sprite:url('assets/duck.png')}
.hero-friend{position:absolute}.friend-cat{--x:2%;--size:175px}.friend-sunny{--x:16%;--size:145px;bottom:4px}.friend-shiba{--x:28%;--size:163px;bottom:0}.friend-gotchi{--x:40%;--size:230px;bottom:-4px;z-index:3}.friend-mallow{--x:58%;--size:168px}.friend-duck{--x:72%;--size:156px}.friend-ghost{--x:86%;--size:130px;bottom:42px}
.playground-caption{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;position:relative}.playground-caption .mono{font-size:9px;color:var(--muted)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:0;padding:8px 0;font-size:12px;font-weight:600;min-height:40px}.text-button .icon{width:16px;height:16px}.text-button:hover{color:var(--blue)}
.scroll-invitation{display:flex;justify-content:center;gap:9px;align-items:center;font-size:10px;letter-spacing:.3px;margin:18px auto 30px;color:var(--muted);min-height:30px}.scroll-invitation .icon{width:14px;height:14px;transition:transform .2s}.scroll-invitation:hover .icon{transform:translateY(3px)}
.focus-section{background:var(--night);color:var(--night-ink);border-radius:44px 44px 0 0;overflow:hidden}.focus-top{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:65px;padding-top:105px;padding-bottom:80px}.focus-top .eyebrow{color:#93938d}.section-intro>p:last-child{color:#a9a9a2;line-height:1.75;margin-bottom:0}.timer-demo{color:#111110;background:#fafaf7;border-radius:27px;padding:36px 38px 34px;position:relative;min-height:323px;isolation:isolate}.timer-label{display:block;text-align:center;color:#797974;font-size:10px;letter-spacing:2px;margin-bottom:23px}.pixel-timer{display:flex;align-items:center;justify-content:center;gap:2.1%;width:100%;aspect-ratio:29/7;overflow:hidden}.pixel-digit{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(7,1fr);width:calc(5 / 29 * 100%);height:100%;gap:0}.pixel-digit.colon{width:calc(2 / 29 * 100%);grid-template-columns:repeat(2,1fr);margin-inline:.7%}.pixel{background:currentColor}.pixel.off{background:transparent}.session-marks{display:flex;justify-content:center;gap:7px;margin-top:22px}.session-marks i{height:5px;width:22px;border-radius:2px;background:#deded9}.session-marks i:first-child{background:#111}.timer-demo-controls{margin-top:26px;display:flex;align-items:center;gap:12px;position:relative;z-index:3;max-width:275px}.timer-switch{width:46px;height:46px;display:grid;place-items:center;background:#e9e9e3;border:0;border-radius:50%;flex:none}.timer-switch .icon{width:19px;height:19px}.timer-demo-controls strong,.timer-demo-controls span{display:block}.timer-demo-controls strong{font-size:12px;font-weight:750}.timer-demo-controls span{font-size:9px;color:#777;line-height:1.7}.timer-demo-controls .icon-button{margin-left:3px;width:30px;height:38px;color:#777}.timer-demo-controls .icon-button .icon{width:16px;height:16px}.timer-gotchi{--sprite:url('assets/gotchi.png');position:absolute;bottom:-14px;right:2px;width:130px;z-index:2}.timer-demo.running .timer-switch{background:var(--blue);color:#fff}.focus-bottom{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;padding-top:48px;padding-bottom:87px;border-top:1px solid #33332f}.focus-bottom .mono{font-size:9px;color:#8d8d85}.focus-bottom h3{margin-top:15px;margin-bottom:0}.focus-detail{padding-top:5px;max-width:430px}.focus-detail p{font-size:16px;color:#b9b9b1;margin-bottom:23px}.feature-footnote{display:flex;gap:9px;align-items:center;font-size:11px;color:#e4e4dc}.feature-footnote .icon{height:15px;width:15px;color:#93b5ff}
.quiet-section{background:var(--night);color:var(--night-ink);position:relative;padding-top:105px;padding-bottom:50px;border-top:1px solid #33332f;overflow:hidden;min-height:645px}.quiet-heading{position:relative;z-index:2;pointer-events:none}.quiet-heading .eyebrow{color:#94948e}.quiet-heading>p:last-child{color:#aaa99f;font-size:16px;line-height:1.8;margin-bottom:0}.quiet-scene{position:absolute;right:max(56px,calc((100% - 1280px)/2));top:58px;width:49%;height:435px;margin:0;max-width:650px;--sprite:url('assets/gotchi-dark.png')}.window-scene{position:absolute;inset:0;overflow:hidden}.window-frame{position:absolute;width:203px;height:249px;border:2px solid #5c5c53;border-radius:105px 105px 0 0;right:65px;top:17px;overflow:visible;transform:rotate(-1deg)}.window-light{position:absolute;inset:7px;background:#292924;border-radius:98px 98px 0 0;overflow:hidden;transition:background 1s}.window-light:after{content:'';width:36px;height:36px;border-radius:50%;background:#eae9d9;position:absolute;top:45px;right:35px;box-shadow:0 0 60px #ecebd411}.window-cross{position:absolute;width:2px;height:100%;background:#5c5c53;left:50%}.window-cross:after{content:'';position:absolute;width:201px;height:2px;left:-101px;top:128px;background:#5c5c53}.window-sill{position:absolute;left:-16px;right:-16px;height:9px;border:1.5px solid #5c5c53;bottom:-9px;background:var(--night)}.scene-floor{position:absolute;bottom:37px;height:1px;background:#41413a;left:9%;width:91%;transform:rotate(-5deg);transform-origin:right}.quiet-gotchi{--sprite:url('assets/gotchi-dark.png');position:absolute;width:274px;bottom:27px;left:15%;z-index:2}.scene-caption{position:absolute;bottom:0;left:28%;color:#7b7b70;font-size:8px;letter-spacing:1.8px}.quiet-record{position:absolute;bottom:57px;right:45px;width:70px;height:58px;border:1.5px solid #52524b;transform:skewY(-5deg);display:none}.quiet-record>span{position:absolute;inset:7px 14px;background:repeating-radial-gradient(circle,#2f2f2a 0 3px,#47473d 4px 5px);border-radius:50%}.quiet-record>span:after{content:'';width:9px;height:9px;background:#e8e6cb;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.rain-lines{position:absolute;inset:8px;background:repeating-linear-gradient(105deg,transparent 0 22px,#aaa99550 23px 24px,transparent 25px 49px);background-size:53px 160px;opacity:0;border-radius:98px 98px 0 0;animation:rain 1.8s linear infinite;animation-play-state:paused}.quiet-scene[data-atmosphere=rain] .rain-lines{opacity:.6;animation-play-state:running}.quiet-scene[data-atmosphere=forest] .window-light{background:#303b2c}.quiet-scene[data-atmosphere=forest] .window-light:before{content:'';position:absolute;bottom:-15px;width:100%;height:85%;background:#1e281c;clip-path:polygon(0 100%,16% 25%,28% 80%,43% 3%,58% 73%,80% 22%,100% 100%)}.quiet-scene[data-atmosphere=ocean] .window-light{background:#273441}.quiet-scene[data-atmosphere=ocean] .window-light:before{content:'';position:absolute;bottom:0;width:200%;height:42%;background:repeating-linear-gradient(175deg,#556873 0 2px,#344750 2px 13px);animation:water 8s ease-in-out infinite alternate}.quiet-scene[data-atmosphere=lofi] .quiet-record{display:block}.quiet-scene[data-atmosphere=lofi] .window-light{background:#39312e}.quiet-scene[data-atmosphere=lofi] .quiet-record>span{animation:record 6s linear infinite}
.atmosphere-control{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:106px;padding-top:28px;border-top:1px solid #34342f}.atmosphere-tabs{display:flex;gap:10px}.atmosphere-tab{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#9a9a90;border:1px solid transparent;border-radius:10px;padding:14px 20px;font-size:12px;transition:background .2s,color .2s,border .2s}.atmosphere-tab .icon{height:20px;width:20px}.atmosphere-tab.selected{border-color:#52524a;background:#262623;color:#f4f4eb}.atmosphere-tab:hover{color:#fff}.atmosphere-control>.text-button{color:#bcbcb3;white-space:nowrap}
.friends-section{padding-top:108px;padding-bottom:67px;overflow:hidden}.friends-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.friends-heading h2{margin-bottom:0}.friends-heading>p{color:var(--muted);font-size:15px;margin-bottom:7px;max-width:340px}.friends-stage{margin-top:40px}.coin-trail{display:flex;align-items:center;gap:16px;justify-content:center;height:80px;margin-bottom:10px}.coin-trail i{height:2px;width:2px;background:var(--muted)}.pixel-coin{display:grid;place-items:center;color:#825902;background:#f6c445;border:3px solid #c18c20;box-shadow:inset 0 0 0 3px #ffe89a;width:38px;height:38px;font-size:23px;clip-path:polygon(20% 0,80% 0,80% 10%,90% 10%,90% 20%,100% 20%,100% 80%,90% 80%,90% 90%,80% 90%,80% 100%,20% 100%,20% 90%,10% 90%,10% 80%,0 80%,0 20%,10% 20%,10% 10%,20% 10%);transform:rotate(-9deg)}.collection-cast{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end}.collection-friend{background:transparent;border:0;border-bottom:2px solid var(--line);border-radius:0;padding:0 0 20px;min-width:0;transition:border-color .2s}.collection-friend.selected{border-bottom-color:var(--blue)}.collection-friend .character{width:100%;margin-bottom:14px;transition:transform .2s}.collection-friend:hover .character{transform:translateY(-5px)}.friend-name{display:block;font-size:13px;font-weight:750;margin-bottom:6px}.friend-status{display:flex;align-items:center;justify-content:center;gap:4px;font:7px ui-monospace,monospace;letter-spacing:.35px;color:var(--muted);white-space:nowrap}.friend-status .icon{width:9px;height:9px;stroke-width:2}.selected .friend-name{color:var(--blue)}.friend-description{text-align:center;font-size:12px;color:var(--muted);min-height:24px;margin-top:24px;margin-bottom:0}.progress-note{display:flex;justify-content:space-between;align-items:center;margin-top:56px;padding-top:26px;border-top:1px solid var(--line)}.progress-note .mono{font-size:9px;color:var(--muted)}.progress-note p{font-size:12px;margin-bottom:0}
.blocker-section{padding-top:52px;padding-bottom:82px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}.coming-soon{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:20px;padding:6px 10px;font:8px ui-monospace,monospace;letter-spacing:1px;margin-bottom:23px;color:var(--muted)}.coming-soon i{width:5px;height:5px;border-radius:50%;background:var(--muted)}.blocker-copy h2{font-size:54px}.blocker-copy p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:0}.blocker-art{position:relative;height:280px}.focus-boundary{position:absolute;border:1px dashed var(--line);border-radius:50%;width:220px;height:220px;bottom:10px;left:calc(50% - 100px);display:flex;align-items:flex-start;justify-content:center;gap:5px;padding-top:29px}.focus-boundary>.icon{width:12px;height:12px;color:var(--muted)}.focus-boundary>span{font:8px ui-monospace,monospace;color:var(--muted);letter-spacing:1px;margin-top:2px}.blocker-gotchi{position:absolute;bottom:31px;width:140px;left:calc(50% - 58px)}.distraction{width:52px;height:52px;position:absolute;background:var(--wash);color:var(--muted);border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;font-size:21px;transition:transform 1s,opacity 1s}.d-one{left:9%;top:43%;transform:rotate(-14deg)}.d-two{right:9%;top:7%;transform:rotate(13deg)}.d-three{right:0;bottom:12%;transform:rotate(22deg)}.blocker-section.in-view .d-one{transform:translate(-15px,8px) rotate(-22deg);opacity:.55}.blocker-section.in-view .d-two{transform:translate(15px,-9px) rotate(24deg);opacity:.55}.blocker-section.in-view .d-three{transform:translate(18px,9px) rotate(33deg);opacity:.55}
.download-section{background:var(--wash);overflow:hidden;border-top:1px solid var(--line)}.download-inner{display:grid;grid-template-columns:1.2fr 1fr;position:relative;min-height:580px}.download-copy{padding-top:76px;padding-bottom:70px;position:relative;z-index:2}.download-icon{width:61px;height:61px;border-radius:15px;display:block;margin-bottom:29px}.download-copy .eyebrow{font-size:9px;margin-bottom:16px}.download-copy h2{font-size:62px;margin-bottom:20px}.download-copy>p:not(.eyebrow):not(.download-message){font-size:14px;color:var(--muted);margin-bottom:27px}.download-cta{gap:16px}.download-cta>.icon:first-child{width:21px;height:21px}.download-cta>.icon:last-child{margin-left:24px}.app-store-row{display:flex;align-items:center;gap:15px;margin-top:21px}.app-store-row img{width:100px;height:auto;opacity:.65}.app-store-row>span{font-size:10px;color:var(--muted)}.download-message{font-size:12px;line-height:1.6;min-height:20px;max-width:330px;margin:12px 0 0;color:var(--ink)}.download-art{position:relative;min-width:0}.closeup-gotchi{position:absolute;--sprite:var(--gotchi);width:780px;max-width:none;bottom:-80px;left:-25px;transform:rotate(-12deg)}.hello-note{position:absolute;top:105px;right:0;transform:rotate(7deg);font-size:12px;color:var(--muted);z-index:2}.hello-note:after{content:'↙';position:absolute;font-size:32px;left:30px;top:15px}
.site-footer{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:30px}.site-footer .brand{font-size:18px;letter-spacing:-.9px;gap:9px}.site-footer .brand img{width:30px;height:30px;border-radius:8px}.site-footer>p{font-size:11px;color:var(--muted);margin:0}.footer-links{display:flex;gap:24px;align-items:center;font-size:10px}.footer-links button{border:0;background:transparent;padding:10px 0;font-size:10px}.footer-links button:hover{color:var(--blue)}.footer-links>span{color:var(--muted)}
dialog{border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);padding:28px 32px 35px;max-width:530px;width:calc(100% - 36px);max-height:85dvh;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#1119;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dialog-top .mono{font-size:8px;color:var(--muted)}.close-dialog{font-size:27px}dialog h2{font-size:38px;letter-spacing:-1.8px}dialog p{font-size:13px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:17px 0}summary{font-size:14px;font-weight:700;cursor:pointer}details p{margin:12px 0 0}
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}.js .reveal.in-view{opacity:1;transform:none}.arrival-active .hero-friend{will-change:transform}.reaction .character-sprite{animation:hello .65s cubic-bezier(.2,.7,.3,1)}.timer-demo.running .timer-gotchi .character-sprite{animation:none}
@keyframes hello{0%,100%{transform:translateY(0) scale(1)}30%{transform:translateY(-9px) scale(.96,1.04)}65%{transform:translateY(0) scale(1.04,.96)}}
@keyframes rain{to{background-position:0 160px}}@keyframes water{to{transform:translateX(-35px)}}@keyframes record{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero{min-height:850px}.hero-copy{padding-top:55px}.hero-playground{margin-top:30px}.hero-cast{height:260px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{min-height:745px}.hero-copy{padding-top:42px}h1{font-size:80px}.hero-friend{--size:130px}.friend-gotchi{--size:200px;--x:38%}.friend-cat{--x:0%;--size:150px}.friend-sunny{--x:15%}.friend-shiba{--x:27%}.friend-mallow{--x:57%}.friend-duck{--x:72%;--size:140px}.friend-ghost{--x:86%;--size:110px}.focus-top,.focus-bottom{gap:35px}.timer-demo{padding:30px 24px;min-height:280px}.timer-gotchi{width:100px;right:0;bottom:-10px}.timer-demo-controls{gap:8px}.timer-demo-controls strong{font-size:10px}.timer-demo-controls .icon-button{display:none}.quiet-scene{right:36px;width:48%}.window-frame{right:20px;width:180px;height:220px}.window-cross:after{width:178px;left:-89px;top:115px}.quiet-gotchi{width:240px;left:8%;bottom:27px}.quiet-record{right:0}.atmosphere-tab{padding:13px 15px}.collection-cast{gap:3px}.friend-status{font-size:6px;letter-spacing:0}.friend-status .icon{width:8px}.download-copy h2{font-size:53px}.closeup-gotchi{left:-22px;width:660px;bottom:-65px}.hello-note{right:0;top:130px}.site-footer>p{display:none}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.site-header{height:83px}.brand{font-size:21px}.brand img{width:34px;height:34px}.nav-story{display:none}nav{gap:13px}.hero{min-height:705px}.hero-copy{padding-top:38px}h1{font-size:65px;letter-spacing:-4px}.hero-playground{min-height:245px}.hero-cast{height:213px}.hero-friend{--size:103px}.friend-cat{--size:120px;--x:0%}.friend-gotchi{--size:166px;--x:37%}.friend-mallow{--x:58%;--size:113px}.friend-shiba{--size:113px;--x:25%}.friend-duck{--size:115px;--x:74%}.friend-ghost{--size:90px;--x:87%;bottom:62px}.friend-sunny{--x:16%;bottom:45px}.focus-top{padding-top:75px;padding-bottom:60px;gap:28px}.section-intro h2{font-size:49px}.section-intro>p:last-child{font-size:14px}.focus-top .eyebrow{font-size:8px}.timer-demo{padding:27px 20px;min-height:252px}.timer-demo-controls strong{font-size:9px}.timer-demo-controls span{font-size:8px}.timer-switch{width:37px;height:37px}.timer-gotchi{width:80px;right:-5px}.focus-bottom{padding-top:35px;padding-bottom:60px;gap:28px}.focus-bottom h3{font-size:29px}.focus-detail p{font-size:14px}.feature-footnote{font-size:9px}.quiet-section{padding-top:75px;min-height:600px}.quiet-heading h2{font-size:57px}.quiet-heading .eyebrow{font-size:8px}.quiet-scene{right:24px;width:45%;height:345px;top:80px}.window-frame{right:5px;width:150px;height:193px}.window-cross:after{width:148px;left:-74px;top:99px}.quiet-gotchi{width:185px;left:0;bottom:17px}.scene-floor{bottom:25px;left:0}.scene-caption{font-size:6px;left:15%}.atmosphere-control{gap:15px;margin-top:85px}.atmosphere-tabs{gap:3px}.atmosphere-tab{padding:11px 10px;font-size:11px;gap:6px}.atmosphere-tab .icon{width:17px;height:17px}.friends-section{padding-top:80px}.friends-heading h2{font-size:51px}.friends-heading>p{font-size:12px}.collection-cast{grid-template-columns:repeat(7,130px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:8px}.collection-friend{scroll-snap-align:center}.friend-status{font-size:7px}.friends-stage{width:calc(100% - 48px)}.friends-heading .eyebrow{font-size:8px}.blocker-copy h2{font-size:47px}.blocker-copy p{font-size:12px}.blocker-art{height:250px}.distraction{width:44px;height:44px}.d-one{left:0}.d-two{right:0}.d-three{right:-5px}.focus-boundary{width:180px;height:180px;left:calc(50% - 90px);bottom:20px}.blocker-gotchi{width:125px;left:calc(50% - 62px)}.download-copy h2{font-size:48px}.download-inner{min-height:560px;grid-template-columns:1.4fr 1fr}.download-copy>p:not(.eyebrow):not(.download-message){max-width:300px}.closeup-gotchi{left:-10px;width:555px;bottom:-25px}.hello-note{font-size:9px;top:115px;right:0}.site-footer{gap:20px}.footer-links{gap:15px}}
@media(max-width:600px){:root{scroll-padding-top:18px}.wrap{width:calc(100% - 40px)}.site-header{height:80px;gap:12px}.brand{font-size:19px;gap:8px;letter-spacing:-1px}.brand img{width:32px;height:32px;border-radius:9px}nav{gap:7px}.theme-toggle{width:36px;height:40px}.theme-toggle .icon{width:19px;height:19px}.button-small{font-size:10px;gap:10px;padding:11px 12px;border-radius:9px;min-height:40px}.button-small .icon{width:14px;height:14px}.hero{min-height:0}.hero-copy{padding-top:35px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:22px;gap:6px}.tiny-spark{font-size:15px}h1{font-size:clamp(41px,10.6vw,62px);letter-spacing:-.066em;line-height:1.115;margin-bottom:23px}.hero-description{font-size:14px;line-height:1.7;margin-bottom:24px}.hero-actions{flex-direction:column;gap:12px}.hero-actions .button{min-height:53px;padding:16px 22px;font-size:13px;gap:31px;border-radius:12px}.platform{font-size:9px;gap:5px}.platform .icon{width:14px;height:14px}.hero-playground{margin-top:17px;min-height:226px;overflow:hidden}.hero-cast{height:181px;margin-inline:7px}.hero-friend{--size:81px}.friend-gotchi{--size:139px;--x:calc(50% - 69px);bottom:-3px;z-index:4}.friend-cat{--size:92px;--x:0%;bottom:0;z-index:2}.friend-sunny{--size:78px;--x:4%;bottom:83px}.friend-shiba{--size:90px;--x:19%;bottom:13px;z-index:2}.friend-mallow{--size:92px;--x:62%;bottom:13px;z-index:3}.friend-duck{--size:89px;--x:78%;bottom:0;z-index:2}.friend-ghost{--size:73px;--x:76%;bottom:87px}.playground-caption{padding-top:8px}.playground-caption .mono{font-size:6px;letter-spacing:1px}.playground-caption .text-button{font-size:10px;gap:5px;padding:5px 0;min-height:32px}.playground-caption .icon{width:12px;height:12px}.scroll-invitation{margin:9px auto 24px;font-size:9px}.focus-section{border-radius:26px 26px 0 0}.focus-top{grid-template-columns:1fr;gap:35px;padding-top:54px;padding-bottom:38px}.section-intro .eyebrow{font-size:8px;margin-bottom:21px}.section-intro h2{font-size:54px;letter-spacing:-3.1px;line-height:1.04;margin-bottom:20px}.section-intro>p:last-child{font-size:14px;line-height:1.8}.desktop-break{display:none}.timer-demo{padding:28px 27px 31px;min-height:272px;border-radius:22px;max-width:460px;width:100%;justify-self:center}.timer-label{font-size:9px;margin-bottom:22px}.pixel-timer{max-width:355px;margin:auto}.timer-demo-controls{margin-top:26px;gap:11px}.timer-switch{width:42px;height:42px}.timer-demo-controls strong{font-size:11px}.timer-demo-controls span{font-size:9px}.timer-demo-controls .icon-button{display:grid;margin-left:0}.timer-gotchi{width:110px;right:0;bottom:-10px}.session-marks{margin-top:19px}.focus-bottom{grid-template-columns:1fr;gap:18px;padding-top:33px;padding-bottom:54px}.focus-bottom h3{font-size:31px;letter-spacing:-1.6px;margin-top:12px}.focus-detail p{font-size:14px;max-width:380px;margin-bottom:20px}.feature-footnote{font-size:10px;gap:8px}.quiet-section{padding-top:55px;padding-bottom:29px;min-height:0}.quiet-heading h2{font-size:56px;letter-spacing:-3.5px;margin-bottom:22px}.quiet-heading .eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:22px}.quiet-heading>p:last-child{font-size:14px;line-height:1.8}.quiet-scene{position:relative;inset:auto;width:calc(100% - 40px);height:292px;margin:26px auto 20px;max-width:460px}.window-frame{right:25px;top:0;width:141px;height:181px}.window-cross:after{width:139px;left:-69.5px;top:91px}.window-light:after{width:27px;height:27px;right:25px;top:34px}.quiet-gotchi{width:205px;left:6%;bottom:12px}.scene-floor{bottom:35px;left:4%;width:96%}.scene-caption{left:14%;font-size:7px;bottom:0}.quiet-record{right:9px;bottom:48px;width:53px;height:44px}.atmosphere-control{display:flex;flex-direction:column;gap:8px;margin-top:25px;padding-top:20px}.atmosphere-tabs{display:grid;grid-template-columns:repeat(5,1fr);width:100%;gap:3px}.atmosphere-tab{flex-direction:column;gap:9px;padding:13px 5px 11px;font-size:10px;border-radius:10px}.atmosphere-tab .icon{width:20px;height:20px}.atmosphere-control>.text-button{font-size:10px;gap:7px}.atmosphere-control>.text-button .icon{width:15px;height:15px}.friends-section{padding-top:59px;padding-bottom:36px}.friends-heading{display:block}.friends-heading .eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:21px}.friends-heading h2{font-size:51px;letter-spacing:-3px;margin-bottom:22px}.friends-heading>p{font-size:14px;max-width:305px;line-height:1.8}.friends-stage{margin-top:20px;width:100%}.coin-trail{height:62px;margin-bottom:15px}.pixel-coin{width:32px;height:32px;font-size:19px}.collection-cast{grid-template-columns:repeat(7,130px);gap:9px;padding-inline:20px;padding-bottom:9px;scroll-padding-inline:20px}.collection-friend{padding-bottom:17px}.friend-name{font-size:12px}.friend-status{font-size:7px}.friend-description{font-size:11px;padding-inline:28px;line-height:1.7;min-height:38px;margin-top:14px}.progress-note{display:block;margin-top:25px;padding-top:25px}.progress-note .mono{font-size:8px;letter-spacing:1.1px}.progress-note p{margin-top:10px;font-size:12px}.blocker-section{grid-template-columns:1fr;gap:10px;padding-top:39px;padding-bottom:38px}.blocker-copy h2{font-size:49px;letter-spacing:-2.8px}.blocker-copy p{font-size:13px;line-height:1.8}.coming-soon{font-size:7px;margin-bottom:21px;padding:6px 9px}.blocker-art{height:235px;max-width:300px;width:100%;margin:auto}.focus-boundary{height:180px;width:180px;bottom:10px;left:calc(50% - 90px)}.blocker-gotchi{bottom:20px}.d-one{left:1%;top:38%}.d-two{right:2%;top:8%}.d-three{right:0;bottom:8%}.download-inner{grid-template-columns:1fr;min-height:0}.download-copy{padding-top:52px;padding-bottom:0}.download-icon{width:55px;height:55px;border-radius:14px;margin-bottom:25px}.download-copy .eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:19px}.download-copy h2{font-size:51px;letter-spacing:-3px;margin-bottom:22px}.download-copy>p:not(.eyebrow):not(.download-message){font-size:13px;max-width:290px;line-height:1.7;margin-bottom:25px}.download-cta{padding:16px 20px;min-height:54px;font-size:13px;gap:12px}.download-cta>.icon:last-child{margin-left:30px}.app-store-row{margin-top:20px;gap:12px}.app-store-row img{width:94px}.app-store-row>span{font-size:9px}.download-message{font-size:11px;min-height:18px;margin-top:12px}.download-art{height:294px;margin-top:14px;pointer-events:none}.closeup-gotchi{width:570px;left:calc(50% - 265px);bottom:-150px;transform:rotate(-13deg)}.hello-note{font-size:10px;top:6px;right:5px}.site-footer{padding-top:27px;padding-bottom:max(28px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.site-footer .brand{font-size:17px}.site-footer>p{display:block;font-size:9px}.footer-links{width:100%;border-top:1px solid var(--line);padding-top:13px;gap:21px;font-size:9px}.footer-links>span{margin-left:auto;font-size:9px}.footer-links button{font-size:10px}dialog{padding:20px 24px 30px}dialog h2{font-size:34px}.dialog-top{margin-bottom:20px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand{font-size:17px}.brand img{width:29px;height:29px}.site-header{gap:5px}nav{gap:3px}.button-small{padding:10px;font-size:9px;gap:6px}.button-small .icon{width:13px}.theme-toggle{width:32px}.hero-copy{padding-top:26px}.hero-copy .eyebrow{font-size:7px;letter-spacing:.8px}h1{font-size:38px}.hero-description{font-size:13px}.hero-friend{transform:scale(.88)}.friend-sunny{--x:0%}.friend-shiba{--x:17%}.friend-mallow{--x:60%}.friend-duck{--x:74%}.friend-ghost{--x:74%}.friend-gotchi{--size:126px;--x:calc(50% - 63px)}.timer-demo{padding:25px 19px;min-height:246px}.timer-gotchi{width:90px}.timer-demo-controls strong{font-size:10px}.timer-demo-controls .icon-button{display:none}.section-intro h2,.friends-heading h2,.download-copy h2{font-size:46px}.feature-footnote{font-size:9px}.playground-caption .mono{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js .reveal{opacity:1;transform:none}.hero-friend{will-change:auto}.rain-lines{animation:none}.quiet-scene[data-atmosphere=ocean] .window-light:before{animation:none}}
body.page-hidden *,body.page-hidden *:before,body.page-hidden *:after{animation-play-state:paused!important}
.collection-hint{display:none}
.quiet-section:not(.scene-active) *,.quiet-section:not(.scene-active) *:before{animation-play-state:paused!important}
.hero{overflow:visible}
.hero-playground{position:static;overflow:visible}
.hero-floor-space{height:240px}
.hero-cast{position:absolute;top:var(--cast-top,-100px);left:0;right:0;bottom:auto;height:var(--cast-height,800px);margin:0 auto;max-width:1250px;overflow:hidden;z-index:4;pointer-events:none}
.hero-friend{pointer-events:auto;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.hero-friend.dragging{cursor:grabbing;z-index:9;filter:drop-shadow(0 14px 8px #00000015)}
.hero-friend.dragging .character-sprite{animation:none;transform:scale(1.025,.975)}
.hero-friend.settling{z-index:8}
.hero-description{max-width:600px;margin-inline:auto}
.playground-controls{display:flex;align-items:center;gap:23px}
.section-intro>p:last-child{max-width:430px}
.quiet-heading>p:not(.eyebrow){color:#aaa99f;font-size:16px;line-height:1.8;max-width:570px;margin-bottom:0}
.quiet-heading .sound-personality{max-width:370px;font-size:13px;color:#dddcd2;margin-top:18px}
.quiet-section .atmosphere-control{margin-top:76px}
.friends-heading>p{max-width:365px;font-size:16px}
.friend-description{max-width:710px;margin-inline:auto;font-size:14px;line-height:1.65;min-height:47px}
.progress-note{gap:36px}
.progress-note .mono{flex:none}
.progress-note p{max-width:485px;font-size:14px;line-height:1.7}
.blocker-art{overflow:clip}
@media(max-width:1100px){.quiet-heading>p:not(.eyebrow){max-width:46%;font-size:14px}.quiet-heading .desktop-break{display:none}.quiet-heading .sound-personality{font-size:12px}.friends-heading>p{font-size:14px;max-width:300px}}
@media(max-width:800px){.quiet-heading h2{font-size:49px}.quiet-heading>p:not(.eyebrow){max-width:46%}.quiet-section .atmosphere-control{margin-top:50px}.friends-heading{align-items:flex-start}.friends-heading h2{font-size:46px}.friends-heading>p{max-width:240px}.progress-note p{font-size:13px}}
@media(max-width:600px){.hero-description{max-width:350px}.playground-controls{gap:17px}.quiet-heading h2,.friends-heading h2{font-size:clamp(39px,10.8vw,48px);letter-spacing:-.055em}.quiet-heading>p:not(.eyebrow){max-width:355px;font-size:14px}.quiet-heading .sound-personality{font-size:12px;max-width:285px}.quiet-section .atmosphere-control{margin-top:25px}.friends-heading>p{max-width:340px}.friend-description{font-size:13px;min-height:64px}.progress-note p{max-width:330px;font-size:13px}.site-footer>p{display:none}}
@media(max-width:360px){.playground-controls{gap:10px}.playground-caption .mono{max-width:130px;font-size:7px;line-height:1.7}.playground-caption .text-button{font-size:9px}.quiet-heading h2,.friends-heading h2{font-size:36px}}
@media(min-width:1500px){.hero-floor-space{height:260px}}
@media(max-width:800px){.hero-floor-space{height:213px}}
@media(max-width:600px){.hero-floor-space{height:181px}.hero-cast{width:calc(100% - 14px)}.friend-mallow{--x:43%;bottom:90px}}
@media(min-width:801px) and (max-height:800px){
 .site-header{height:80px}.hero{min-height:calc(100svh - 80px)}.hero-copy{padding-top:14px}
 .hero-copy .eyebrow{margin-bottom:16px}.hero h1{font-size:clamp(64px,6.2vw,87px);line-height:1.07;margin-bottom:18px}
 .hero-description{font-size:15px;margin-bottom:18px}.hero-actions .button{min-height:54px;padding:16px 23px}
 .hero-playground{margin-top:0;min-height:206px}.hero-floor-space{height:165px}.hero-friend{--size:130px}
 .friend-cat{--size:145px}.friend-gotchi{--size:187px;--x:41%}.friend-shiba{--size:140px}.friend-mallow{--size:139px}
 .friend-duck{--size:134px}.friend-ghost{--size:110px;bottom:25px}.scroll-invitation{margin:4px auto 14px}
}
@media(max-width:800px){.collection-hint{display:block;text-align:right;font-size:8px;letter-spacing:1px;color:var(--muted);margin:0 20px 0 0}}
@media(max-width:600px){.hero-copy .eyebrow{font-size:8px}.friend-status{font-size:8px;letter-spacing:0}.playground-caption .mono{font-size:7px}.quiet-heading .eyebrow,.friends-heading .eyebrow,.download-copy .eyebrow{font-size:8px;letter-spacing:.8px}.coming-soon{font-size:8px}.scene-caption{font-size:8px}.collection-hint{font-size:8px}}