.petee{position:relative;display:inline-block;width:var(--size, 48px);height:var(--size, 48px);flex:none;font-size:calc(var(--size, 48px) / 10);line-height:1;vertical-align:middle;pointer-events:none;--lx: 0;--ly: 0;--eye: 1;--fade: .2s steps(4)}.petee svg{display:block;width:100%;height:100%;overflow:visible}html:not(.has-petee-wear) :is(.pt-wear,.pt-wear-back,.pt-wear-edge,.pt-extra,.pt-scene,.pt-toy){visibility:hidden}.pt-art{display:block;width:calc(100% * 100 / 68);height:calc(100% * 108 / 68);margin:calc(-100% * 40 / 68) 0 0 calc(-100% * 16 / 68);transform-origin:50% calc(100% * 74 / 108);pointer-events:none;animation:pt-breathe 3.6s ease-in-out infinite;rotate:calc(var(--lx) * 1.3deg);transition:rotate var(--look-ms, .5s) var(--out),scale .16s var(--spring)}.petee.is-pressed>.pt-art{scale:1.06 .93}.petee[data-mood=sleepy]>.pt-art{animation-duration:4.8s}.petee[data-mood=dozing]>.pt-art{animation:pt-doze 3.2s ease-in-out infinite}@keyframes pt-doze{0%,to{transform:none}50%{transform:scale(1.03,.97) translateY(.08em)}}.pt-bubble{position:absolute;top:6.6em;left:5.3em;width:2em;height:2em;margin-top:-1em;border:max(1.2px,.14em) solid var(--pt-ink);border-radius:50%;background:radial-gradient(circle at 34% 32%,#fff 0 16%,#b2e0ffbf 18%);opacity:0;transform-origin:0% 60%;pointer-events:none}.petee[data-mood=dozing] .pt-bubble{opacity:1;animation:pt-bubble 3.2s ease-in-out infinite}@keyframes pt-bubble{0%,to{scale:.2}50%{scale:1}}.petee[data-mood=watching]>.pt-art{animation-duration:1.2s}.petee:is([data-mood=hop],[data-mood=stretch],[data-mood=tilt],[data-mood=peek],[data-mood=wiggle],[data-mood=scratchear],[data-mood=sneeze],[data-mood=hiccup],[data-mood=silly],[data-mood=groom],[data-mood=sing],[data-mood=pout],[data-mood=dizzy],[data-mood=shy],[data-mood=content])>.pt-art{transform-origin:50% 94%}.petee[data-mood=bored]>.pt-art{transform-origin:50% calc(100% * 101 / 108);animation:pt-slump 3.8s ease-in-out infinite}.pt-body{transform-box:fill-box;transform-origin:50% 100%}.pt-head{fill:#ff6f61;stroke:var(--pt-ink);stroke-width:3;stroke-linejoin:round}.petee.is-print{position:fixed;top:0;left:-2000px;pointer-events:none}.petee.is-print,.petee.is-print *{animation:none!important;transition:none!important}.pt-edge{fill:var(--pt-edge);stroke:var(--pt-edge);stroke-width:7;stroke-linejoin:round}.pt-shade{fill:var(--pt-ink);stroke:var(--pt-ink);stroke-width:3;stroke-linejoin:round}.pt-look{transform-box:fill-box;transform-origin:center;transform:translate(calc(var(--lx) * 1px),calc(var(--ly) * 1px)) scale(var(--eye));transition:transform var(--look-ms, .5s) steps(var(--look-steps, 8))}.pt-eyes{transform-box:fill-box;transform-origin:center;transition:opacity var(--fade)}.pt-eye{fill:var(--pt-ink)}.pt-glint{fill:#fff;transform:translate(calc(var(--lx) * -.4px),calc(var(--ly) * -.4px));transition:transform var(--look-ms, .5s) steps(var(--look-steps, 8))}.pt-wink,.pt-brows{fill:none;stroke:var(--pt-ink);stroke-width:2.6;stroke-linecap:round;opacity:0;transition:opacity var(--fade)}.pt-brows{stroke-width:2.2}.pt-happy,.pt-shut{fill:none;stroke:var(--pt-ink);stroke-width:2.6;stroke-linecap:round;opacity:0;transition:opacity var(--fade)}.pt-mouth{fill:none;stroke:var(--pt-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform-box:fill-box;transform-origin:50% 0;transition:opacity var(--fade)}.pt-cheeks{fill:#ff9fb4;opacity:0;transition:opacity var(--fade)}@keyframes pt-breathe{50%{transform:scale(1.018,.982)}}.petee[data-mood=listening]{--eye: 1.14;--ly: 1.2}.pt-hear{position:absolute;left:8.1em;top:-.8em;width:2.7em;height:4em;opacity:0;pointer-events:none;rotate:-18deg}.pt-hear svg{display:block;width:100%;height:100%;overflow:visible}.pt-hear .pt-hear-ink{fill:none;stroke:var(--pt-ink);stroke-width:8.4;stroke-linecap:round}.pt-hear .pt-hear-hue{fill:none;stroke:#ff7d9c;stroke-width:4.6;stroke-linecap:round}.petee[data-mood=listening] .pt-hear{opacity:1}.petee[data-mood=thinking]{--lx: -.6;--ly: -2.8}.petee[data-mood=thinking] .pt-body{animation:pt-tilt 3.2s ease-in-out infinite}@keyframes pt-tilt{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}.petee[data-mood=working] .pt-body{animation:pt-hop 1.15s cubic-bezier(.45,0,.55,1) infinite}@keyframes pt-hop{0%,to{translate:0 0;scale:1.1 .88;rotate:0deg}12%{translate:0 -4px;scale:.94 1.08;rotate:-4deg}25%{translate:0 -24px;scale:1 1;rotate:-9deg}40%{translate:0 -4px;scale:.98 1.03;rotate:-3deg}50%{translate:0 0;scale:1.1 .88;rotate:0deg}62%{translate:0 -4px;scale:.94 1.08;rotate:4deg}75%{translate:0 -24px;scale:1 1;rotate:9deg}90%{translate:0 -4px;scale:.98 1.03;rotate:3deg}}.petee[data-mood=talking] .pt-mouth{opacity:1;animation:pt-talk-shut 1.1s steps(1,end) infinite}.petee[data-mood=talking] .pt-laugh{opacity:1;transform-box:fill-box;transform-origin:50% 0;animation:pt-talk 1.1s steps(1,end) infinite}.petee[data-mood=talking] .pt-laugh .pt-tongue{opacity:0}@keyframes pt-talk{0%{transform:scale(.95,.8)}14%{transform:scale(0)}26%{transform:scale(.85,1.05)}40%{transform:scale(0)}50%{transform:scaleY(.9)}64%{transform:scale(0)}76%{transform:scale(.8,.65)}86%{transform:scale(0)}}@keyframes pt-talk-shut{0%,26%,50%,76%{opacity:0}14%,40%,64%,86%{opacity:1}}.petee[data-mood=talking]>.pt-art{animation:pt-chatter 1.1s ease-in-out infinite}@keyframes pt-chatter{0%,to{transform:none}30%{transform:rotate(-2.5deg) translateY(.06em)}65%{transform:rotate(2deg)}}.petee:is([data-mood=happy],[data-mood=sleepy],[data-mood=dozing],[data-mood=eating]) .pt-eyes{opacity:0}.petee:is([data-mood=happy],[data-mood=eating]) .pt-happy,.petee:is([data-mood=happy],[data-mood=eating]) .pt-mouth,.petee[data-mood=happy] .pt-cheeks{opacity:1}.petee[data-mood=happy] .pt-body{animation:pt-joy .8s var(--spring)}@keyframes pt-joy{30%{transform:translateY(-16%) scale(.95,1.06)}58%{transform:scale(1.07,.92)}78%{transform:scale(.98,1.02)}}.petee[data-mood=eating] .pt-mouth{animation:pt-chew .18s ease-in-out infinite alternate}@keyframes pt-chew{0%{transform:scaleY(.4)}to{transform:scaleY(1.3)}}.petee:is([data-mood=sleepy],[data-mood=dozing]) .pt-shut{opacity:1}.petee[data-mood=flying] .pt-eyes{opacity:0}.petee[data-mood=flying] :is(.pt-happy,.pt-cheeks){opacity:1}.petee[data-mood=flying] .pt-body{animation:none}.petee[data-mood=surprised]{--eye: 1.32;--ly: -.6}.pt-think,.pt-zzz,.pt-spark{position:absolute;opacity:0;transition:opacity .3s}.petee[data-mood=thinking] .pt-think,.petee:is([data-mood=sleepy],[data-mood=dozing]) .pt-zzz,.petee[data-mood=happy] .pt-spark{opacity:1}.pt-think{top:-1.1em;left:2.9em;width:3.75em;height:1em}.pt-think i{position:absolute;top:0;width:.95em;height:.95em;background:#fff;border:max(1.5px,.22em) solid var(--pt-ink);border-radius:50%;animation:pt-dot 1.2s ease-in-out infinite}.pt-think i:nth-child(1){left:0}.pt-think i:nth-child(2){left:1.4em;animation-delay:.16s}.pt-think i:nth-child(3){left:2.8em;animation-delay:.32s}.pt-chin{position:absolute;left:4.7em;top:6.4em;width:2.7em;height:2.7em;opacity:0;transition:opacity .25s;transform-origin:50% 100%;pointer-events:none}.pt-chin svg{display:block;width:100%;height:100%;overflow:visible}.petee[data-mood=thinking] .pt-chin{opacity:1;animation:pt-chin-tap .7s ease-in-out infinite alternate}@keyframes pt-chin-tap{0%{transform:rotate(-24deg)}to{transform:rotate(-14deg) translateY(-.32em)}}@keyframes pt-dot{0%,55%,to{opacity:.45;transform:none}25%{opacity:1;transform:translateY(-.45em)}}.pt-zzz{top:-1.2em;right:-1.6em;width:3em;height:3em;color:var(--line)}.pt-zzz i{position:absolute;bottom:0;left:0;font:600 1.5em/1 var(--display);font-style:normal;animation:pt-z 2.4s ease-out infinite both}.pt-zzz i:nth-child(2){animation-delay:.8s}.pt-zzz i:nth-child(3){animation-delay:1.6s}@keyframes pt-z{0%{opacity:0;transform:translate(0) scale(.5)}30%{opacity:1}to{opacity:0;transform:translate(1.6em,-2.4em) scale(1.1) rotate(12deg)}}.pt-spark{inset:-1.5em}.pt-spark svg{position:absolute;width:1.6em;height:1.6em}.petee:not([data-mood=idle],[data-mood=bored]) .pt-spark svg{animation:pt-spark .9s var(--spring) var(--d, 0ms) both}.pt-spark svg:nth-child(1){top:4%;left:6%}.pt-spark svg:nth-child(2){top:-2%;right:12%;width:1.2em;--d: .12s}.pt-spark svg:nth-child(3){top:34%;right:-2%;width:1em;--d: .24s}.pt-spark path{fill:#ffd75a;stroke:var(--pt-ink);stroke-width:1.6;stroke-linejoin:round}@keyframes pt-spark{0%{opacity:0;transform:scale(0) rotate(-40deg)}60%{opacity:1;transform:scale(1.15)}}.pt-spiral,.pt-love,.pt-mad,.pt-sad,.pt-vein,.pt-tear,.pt-frown,.pt-yawn,.pt-laugh,.pt-meh,.pt-ouch,.pt-flat,.pt-wobble,.pt-gape,.pt-cross,.pt-tongue-out{opacity:0;transition:opacity var(--fade)}.pt-spiral path{fill:none;stroke:var(--pt-ink);stroke-width:1.5;stroke-linecap:round;transform-box:view-box;transform-origin:19.5px 28.5px;animation:pt-whirl 1.1s linear infinite}.pt-spiral path+path{transform-origin:33.5px 28.5px}.pt-love path{fill:#e8335a;stroke:var(--pt-ink);stroke-width:1.2;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;animation:pt-beat .7s ease-in-out infinite}.pt-mad,.pt-sad,.pt-frown{fill:none;stroke:var(--pt-ink);stroke-width:2.4;stroke-linecap:round}.pt-frown{stroke-width:1.9}.pt-vein{fill:none;stroke:#d6204a;stroke-width:2;stroke-linecap:round;transform-box:fill-box;transform-origin:center}.pt-tear{fill:#8fd0ff;stroke:var(--pt-ink);stroke-width:1}.pt-yawn,.pt-laugh path:first-child{fill:var(--pt-ink)}.pt-yawn{transform-box:fill-box;transform-origin:50% 0}.pt-laugh .pt-tongue{fill:#ff9fb4}@keyframes pt-whirl{to{transform:rotate(360deg)}}@keyframes pt-beat{50%{transform:scale(1.18)}}.petee:is([data-mood=dizzy],[data-mood=love],[data-mood=laughing],[data-mood=yawn],[data-mood=bored],[data-mood=hurt],[data-mood=content],[data-mood=silly],[data-mood=sneeze],[data-mood=groom]) .pt-eyes{opacity:0}.petee[data-mood=dizzy] .pt-spiral,.petee[data-mood=love] :is(.pt-love,.pt-cheeks,.pt-mouth){opacity:1}.petee[data-mood=dizzy]>.pt-art{animation:pt-wobble 1s ease-in-out infinite}.petee[data-mood=jelly] .pt-eyes{opacity:0}.petee[data-mood=jelly] :is(.pt-happy,.pt-cheeks,.pt-mouth){opacity:1}.petee[data-mood=jelly] .pt-body{animation:none}.petee-buddy.is-jelly :is(.petee,.petee-deng){translate:0 var(--lift, -48px)}.petee-deng{position:absolute;bottom:84%;left:50%;z-index:2;color:#ff7d9c;font:700 14px/1 var(--display);white-space:nowrap;pointer-events:none;text-shadow:1.6px 0 #2b2037,-1.6px 0 #2b2037,0 1.6px #2b2037,0 -1.6px #2b2037,1.2px 1.2px #2b2037,-1.2px -1.2px #2b2037,1.2px -1.2px #2b2037,-1.2px 1.2px #2b2037,2px 3px 0 #2b2037}.petee-deng:not(.is-deng){color:#ffd75a;font-size:16px}@keyframes pt-wobble{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg) translate(.32em)}}.petee[data-mood=love] .pt-body{animation:pt-joy .8s var(--spring)}.petee[data-mood=angry]{--eye: .86}.petee[data-mood=angry] :is(.pt-mad,.pt-vein,.pt-grit,.pt-cheeks){opacity:1}.petee[data-mood=angry] .pt-cheeks{fill:#ff3d4d}.petee[data-mood=angry] .pt-steam{top:0}.petee[data-mood=angry] .pt-steam i:nth-child(1){--x0: -3.4em;--x1: -5.2em}.petee[data-mood=angry] .pt-steam i:nth-child(7){--dx: -2.4em}.petee[data-mood=sad]{--ly: 1.4;--eye: .92}.petee[data-mood=sad] :is(.pt-sad,.pt-wobble,.pt-gloss,.pt-plead-tears){opacity:1}.pt-gloss{opacity:0;transition:opacity var(--fade)}.pt-gloss circle{fill:#fff}.pt-gloss path{fill:none;stroke:#8fd0ff;stroke-width:1.3;stroke-linecap:round}.petee[data-mood=shy]{--lx: -1.8;--ly: 1.8}.petee[data-mood=shy] :is(.pt-cheeks,.pt-mouth){opacity:1}.petee[data-mood=shy] .pt-cheeks{fill:#ff7d9c}@keyframes pt-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(-1deg) translateY(.16em)}}.petee[data-mood=laughing] :is(.pt-happy,.pt-laugh,.pt-cheeks){opacity:1}.petee[data-mood=laughing] .pt-body{animation:pt-giggle .26s ease-in-out infinite alternate}@keyframes pt-giggle{0%{transform:rotate(-3deg)}to{transform:translateY(-6%) rotate(3deg)}}.pt-meh{transform-box:fill-box;transform-origin:50% 0}.pt-meh path:first-child{fill:var(--pt-ink)}.pt-lid,.pt-ouch,.pt-flat,.pt-wobble{fill:none;stroke:var(--pt-ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.pt-ouch{stroke-width:2.5}.pt-cheeks,.pt-mouth,.pt-frown,.pt-flat,.pt-wobble,.pt-yawn,.pt-laugh{translate:calc(var(--lx) * .4px) calc(var(--ly) * .3px);transition:opacity var(--fade),translate var(--look-ms, .5s) steps(var(--look-steps, 8))}.petee[data-mood=bored] :is(.pt-meh,.pt-flat){opacity:1}@keyframes pt-slump{0%,to{transform:translateY(.15em) scale(1.01,.98)}45%{transform:translateY(.07em)}60%{transform:translateY(.3em) scale(1.04,.94)}75%{transform:translateY(.22em) scale(1.02,.96)}}.pt-sigh{position:absolute;top:60%;left:58%;width:0;height:0;opacity:0;transition:opacity .3s}.petee[data-mood=bored] .pt-sigh{opacity:1}.pt-sigh i{position:absolute;width:.9em;height:.9em;margin:-.45em;background:#fff;border:max(1.5px,.18em) solid var(--pt-ink);border-radius:50%;animation:pt-sigh 3.8s ease-out infinite both}.pt-sigh i:nth-child(2){width:.6em;height:.6em;margin:-.3em;animation-delay:.18s}@keyframes pt-sigh{0%,55%{opacity:0;transform:scale(.3)}62%{opacity:1}to{opacity:0;transform:translate(2.2em,.5em) scale(1.1)}}.petee[data-mood=hurt] :is(.pt-ouch,.pt-wobble,.pt-cheeks){opacity:1}.petee[data-mood=content] :is(.pt-happy,.pt-cheeks,.pt-mouth){opacity:1}.petee[data-mood=content]>.pt-art{animation:pt-content 1.4s ease-in-out both}@keyframes pt-content{0%,to{transform:none}30%{transform:rotate(-5deg)}65%{transform:rotate(2deg) translateY(.16em)}}.pt-blanket{stroke:var(--pt-ink);stroke-width:2.4;stroke-linejoin:round;opacity:0;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.2);transition:opacity .25s,transform .45s var(--spring)}.petee.is-tucked .pt-blanket{opacity:1;transform:none;animation:pt-quilt-breathe 3.2s ease-in-out infinite}@keyframes pt-quilt-breathe{0%,to{scale:1 1}50%{scale:1.015 1.04}}.pt-blanket .pt-quilt{fill:#8fc5ff}.pt-blanket .pt-hem{fill:#d9eeff}.pt-blanket .pt-dots{fill:#fff;stroke:none}.pt-blanket .pt-stitch{fill:none;stroke:#fff;stroke-width:.9;stroke-dasharray:1.6 1.6}.pt-present,.pt-five{position:absolute;opacity:0;pointer-events:none;transition:opacity .25s,scale .45s var(--spring);scale:.3}.pt-present{top:-4.8em;left:50%;width:5em;height:5em;margin-left:-2.5em}.pt-present svg,.pt-five svg{display:block;width:100%;height:100%;overflow:visible}.petee.has-gift .pt-present{opacity:1;scale:1;pointer-events:auto;cursor:pointer;animation:pt-gift 1.6s ease-in-out infinite}.petee.has-gift.is-unwrapping .pt-present{animation-duration:.55s}.pt-present:before{position:absolute;inset:-.8em;content:""}@keyframes pt-gift{0%,60%,to{rotate:0deg;translate:0 0}70%{rotate:-10deg;translate:0 -8%}80%{rotate:9deg}90%{rotate:-5deg}}.pg-box path:first-child{fill:#ffd75a}.pg-lid path:first-child{fill:#ffb938}.pg-ribbon,.pg-bow{fill:#ff6f61}.pt-present path,.petee-gift-box path{stroke:var(--pt-ink);stroke-width:1.3;stroke-linejoin:round}.pt-five{top:-.55em;right:-1.15em;width:3.4em;height:3.4em;transform-origin:30% 90%}.petee.is-five .pt-five{opacity:1;scale:1;pointer-events:auto;cursor:pointer;animation:pt-wave .6s ease-in-out infinite alternate}.petee.is-five:before{position:absolute;inset:-1.2em -1.8em -.2em -.4em;z-index:1;content:"";pointer-events:auto;cursor:pointer}.pt-five:before{position:absolute;inset:-.8em;content:""}@keyframes pt-wave{0%{rotate:-14deg}to{rotate:12deg}}.pt-band{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2) rotate(-40deg);transition:opacity .3s,transform .5s var(--spring)}.pt-band rect{fill:#ffe0c2;stroke:var(--pt-ink);stroke-width:1.2}.pt-band .pt-pad{fill:#ffb9a3;stroke:none}.petee:is([data-mood=hurt],.is-bandaged) .pt-band{opacity:1;transform:none}.pt-steam,.pt-orbit,.pt-hearts{position:absolute;left:50%;width:0;height:0;opacity:0;transition:opacity .25s}.petee[data-mood=angry] .pt-steam,.petee:is([data-mood=dizzy],[data-mood=hurt]) .pt-orbit,.petee:is([data-mood=love],[data-mood=shy],[data-mood=content]) .pt-hearts{opacity:1}.pt-steam{top:-.6em}.pt-steam i{position:absolute;width:1.3em;height:1.3em;margin:-.65em;background:#fff;border:max(1.5px,.2em) solid var(--pt-ink);border-radius:50%}.pt-orbit{top:.2em}.pt-orbit i,.pt-hearts i{position:absolute;width:1.5em;height:1.5em;margin:-.75em}.pt-orbit i{animation:pt-orbit 1.2s linear infinite}.pt-orbit i:nth-child(2){animation-delay:-.4s}.pt-orbit i:nth-child(3){animation-delay:-.8s}.pt-orbit svg,.pt-hearts svg{display:block;width:100%;height:100%;overflow:visible}.pt-orbit path{fill:#ffd75a;stroke:var(--pt-ink);stroke-width:1.8;stroke-linejoin:round}@keyframes pt-orbit{0%,to{transform:translate(-3.4em) scale(.8)}12.5%{transform:translate(-2.4em,.8em) scale(.95)}25%{transform:translateY(1.1em) scale(1.05)}37.5%{transform:translate(2.4em,.8em) scale(.95)}50%{transform:translate(3.4em) scale(.8)}62.5%{transform:translate(2.4em,-.8em) scale(.65)}75%{transform:translateY(-1.1em) scale(.55)}87.5%{transform:translate(-2.4em,-.8em) scale(.65)}}.pt-hearts{top:1em}.pt-hearts i{animation:pt-rise 1.6s ease-out infinite both}.pt-hearts i:nth-child(1){--dx: -3em}.pt-hearts i:nth-child(2){--dx: 3.2em;width:1.1em;height:1.1em;margin:-.55em;animation-delay:.5s}.pt-hearts i:nth-child(3){--dx: .4em;animation-delay:1s}.pt-hearts path{fill:#ff5a7a;stroke:var(--pt-ink);stroke-width:2.2;stroke-linejoin:round}@keyframes pt-rise{0%{opacity:0;transform:translate(calc(var(--dx) * .6),1.4em) scale(.4) rotate(-10deg)}25%{opacity:1}to{opacity:0;transform:translate(var(--dx),-2.2em) scale(1) rotate(10deg)}}.petee-buddy{position:fixed;top:0;left:0;z-index:24;display:block;width:64px;height:64px;padding:0;background:none;border:0;border-radius:50%;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}.petee-buddy .petee{--size: 60px;position:absolute;top:2px;left:2px;animation:petee-bob 3.4s ease-in-out infinite;rotate:var(--lean, 0deg);transition:opacity .28s var(--ease),scale .48s var(--spring),rotate .2s var(--ease),translate .32s var(--spring)}@keyframes petee-bob{50%{translate:0 -4px}}.petee-buddy:not(.is-on){pointer-events:none}.petee-buddy.is-focus .petee{scale:2}.petee-buddy.is-focus:before{content:"";position:absolute;inset:-30px;border-radius:50%}.petee-buddy.is-still,.petee-perch.is-still{cursor:default}.petee-buddy:not(.is-on) .petee{opacity:0;scale:.35}.petee-buddy.is-away .petee,.petee-perch.is-away,.petee-avatar .petee.is-away{opacity:0!important;transition:none!important;animation:none}.petee-buddy.is-dragging{cursor:grabbing}.petee-buddy.is-dragging .petee{scale:1.14;animation:none}.petee-buddy.is-dragging .petee .pt-sweat{opacity:1}.petee-buddy.is-thrown .petee{animation:none}.petee-buddy:focus-visible{outline:none}html.is-studio-full .petee-buddy:not(.is-on){display:none}html.is-studio-full .petee-buddy.is-on{z-index:26}html.is-petee-offstage :is(.petee-buddy,.petee-hint){display:none!important}.petee-flyer{position:fixed;top:0;left:0;z-index:80;transform-origin:50% 50%;will-change:transform}.petee-flyer.is-page,.petee-trail.is-page{position:absolute}.petee-page-layer{position:absolute;top:0;left:0;width:100%;height:0;overflow:clip visible;pointer-events:none}.petee-page-layer>*{pointer-events:auto}.petee-trail{position:fixed;z-index:79;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;background:#ffd75a;border:1.5px solid var(--pt-ink);border-radius:50%;pointer-events:none}.petee-safe{position:fixed;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);visibility:hidden;pointer-events:none}.is-landing{animation:petee-land .52s cubic-bezier(.33,0,.3,1)}@keyframes petee-land{0%,to{transform:none}24%{transform:translateY(4px) scale(1.12,.86)}58%{transform:translateY(-3px) scale(.96,1.05)}}.studio.has-petee{--petee-room: 34px;padding-top:calc(12px + var(--petee-room));padding-bottom:var(--petee-bar, 0px)}.studio.has-petee:not(.is-full){min-height:calc(46px + 360px + 80px + var(--petee-bar, 0px))}.studio.has-petee:not(.is-full){margin-bottom:calc(-1 * var(--petee-bar, 0px))}.studio.has-petee:not(.is-full){position:relative}.studio.has-petee.is-full{padding-top:calc(max(12px,env(safe-area-inset-top)) + var(--petee-room))}.studio.has-petee .product-stage{z-index:1}.petee-perch{position:absolute;top:var(--petee-perch-top, calc(var(--petee-stage-top, 46px) - 37px));left:var(--petee-perch-left, calc(var(--petee-stage-left, 12px) + 20px));z-index:0;--size: 56px;cursor:pointer;pointer-events:auto;transition:opacity .3s var(--ease)}.petee-perch:not(.is-on){opacity:0;visibility:hidden;pointer-events:none}@media (max-width: 719.98px){.studio.has-petee{overflow-x:clip}}.petee-perch,.petee-say,.petee-tray,.petee-bar,.petee-chat,.petee-wall{-webkit-tap-highlight-color:transparent}.petee-perch{-webkit-touch-callout:none;user-select:none}.petee-buddy,.petee-buddy *,.petee-perch,.petee-perch *,.petee-avatar,.petee-avatar *,.petee-ball,.petee-fish{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.petee-avatar{touch-action:pan-y}:is(.petee-say,.pp-say){padding:8px 13px;color:var(--ink);background:var(--white);border:2px solid var(--line);border-radius:18px 18px 18px 7px;box-shadow:var(--shadow-sm);font-size:14.5px;font-weight:700;line-height:1.35}:is(.petee-say,.pp-say):before,:is(.petee-say,.pp-say):after{position:absolute;width:0;height:0;content:"";border:0 solid transparent}:is(.petee-say,.pp-say):before{bottom:6px;left:-10px;border-width:7px 10px 7px 0;border-right-color:var(--line)}:is(.petee-say,.pp-say):after{bottom:6.35px;left:-6.5px;border-width:6.65px 9.5px 6.65px 0;border-right-color:var(--white)}.petee-say{position:absolute;top:calc(var(--petee-stage-top, 46px) - 34px);left:calc(var(--petee-stage-left, 12px) + 82px);z-index:4;max-width:calc(var(--petee-stage-width, 340px) - 90px);cursor:pointer;transform-origin:-8px calc(100% - 15px)}.petee-say[hidden]{display:none}.petee-say.is-popping{animation:petee-pop .42s var(--spring)}@keyframes petee-pop{0%{opacity:0;transform:scale(.6) translate(-6px)}}.petee-say-text{position:relative;margin:0;overflow-wrap:anywhere;white-space:pre-line}.petee-items{display:grid;gap:8px;white-space:normal}.petee-item{display:grid;gap:1px}.petee-item b{font-weight:800}.petee-item span{color:var(--muted);font-size:.88em;line-height:1.3}.petee-word{animation:petee-word .36s var(--out) both;animation-delay:var(--d)}@keyframes petee-word{0%{opacity:0;filter:blur(3px)}}.petee-say-actions,.petee-msg-actions{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;cursor:default}.petee-say-actions[hidden]{display:none}:is(.petee-say-actions,.petee-msg-actions) .button{display:inline-flex;min-height:40px;align-items:center;gap:6px;padding:6px 14px;font-size:14px}:is(.petee-say-actions,.petee-msg-actions) .button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.petee-say-note{flex-basis:100%;color:var(--muted);font-size:12px;font-weight:700;line-height:1.35}@keyframes petee-dots{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-4px)}}.studio>.petee-tray{position:absolute;top:var(--petee-tray-line, 60%);left:calc(var(--petee-stage-left, 12px) + var(--petee-tray-start, 0px));z-index:4;width:calc(var(--petee-stage-width, 100%) - var(--petee-tray-room, 0px) - var(--petee-tray-start, 0px));justify-content:center;margin:0;padding:0 10px 6px;overflow:visible;pointer-events:none;transform:translateY(-100%);transition:opacity .25s var(--ease)}.studio>.petee-tray{translate:0 calc(-1 * var(--petee-tray-lift, 0px))}.studio>.petee-tray>.petee-chip{flex:0 1 auto;min-width:0;line-height:1.2;text-align:center;text-wrap:balance;white-space:normal}.studio>.petee-tray>*{pointer-events:auto}.studio:not(.is-piloting)>.petee-tray{opacity:0;visibility:hidden}.studio:has(#color-swatches:not([hidden]),#place-menu:not([hidden]),#arrange-menu:not([hidden]),#flip-menu:not([hidden]),#crop-bar:not([hidden]),#group-bar:not([hidden]))>.petee-tray{opacity:0;visibility:hidden}.petee-bar{position:fixed;right:0;bottom:0;left:0;z-index:30;padding:6px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:linear-gradient(to top,var(--paper) 62%,color-mix(in srgb,var(--paper) 0%,transparent));pointer-events:none;transform:translateY(calc(-1 * var(--petee-lift, 0px)));transition:transform .42s var(--ease),opacity .26s var(--ease)}.petee-bar>*{pointer-events:auto}.petee-bar.is-lifted{padding-bottom:8px}.petee-bar.is-lifted:after{content:"";position:absolute;top:100%;right:0;left:0;height:var(--petee-lift, 0px);background:var(--paper)}.petee-bar:not(.is-on){opacity:0;transform:translateY(110%);pointer-events:none;visibility:hidden;transition:transform .3s var(--ease),opacity .2s var(--ease),visibility 0s .3s}.petee-bar:not(.is-on)>*{pointer-events:none}@media (min-width: 720px){.petee-bar>*{width:min(100%,600px);margin-inline:auto}}.studio.is-morphing .petee-perch{z-index:-2}.petee-tray{display:flex;min-height:0;align-items:center;gap:7px;margin:0 -12px;padding:2px 12px 8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.petee-tray::-webkit-scrollbar{display:none}.petee-tray:empty{padding:0}.petee-tray>*{flex:none}.petee-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;color:var(--ink);background:var(--white);border:2px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);font-size:14px;font-weight:800;white-space:nowrap;animation:petee-in .45s var(--spring) both;animation-delay:calc(var(--i, 0) * 70ms);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.petee-chip:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--shade)}.petee-chip svg{width:17px;height:17px;margin-left:-4px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.petee-chip.is-choice{color:var(--on-accent);background:var(--yellow)}.petee-chip.is-play,.button.secondary.petee-game-pick{color:var(--on-accent);background:var(--play)}.button.petee-game-pick{width:56px;min-height:50px;flex:none;justify-content:center;padding:0}.button svg.petee-game-icon{width:34px;height:34px;overflow:visible;stroke:none}.petee-game-icon .pg-ink{fill:var(--pt-ink);stroke:var(--pt-ink);stroke-width:9;stroke-linejoin:round}.petee-game-icon .pg-paw{fill:#ff8f7f}.petee-game-icon .pg-beans{fill:#ffd7de}.petee-game-icon .pg-dash{fill:none;stroke:var(--pt-ink);stroke-width:2.2;stroke-linecap:round}.petee-game-icon .pg-cat{fill:#ff6f61;stroke:var(--pt-ink);stroke-width:4.4;stroke-linejoin:round}.petee-game-icon .pg-eye{fill:var(--pt-ink)}.petee-game-icon :is(.pg-glint,.pg-spot){fill:#fff}.petee-game-icon .pg-wall{fill:#ffd75a;stroke:var(--pt-ink);stroke-width:2;stroke-linejoin:round}.petee-game-icon .pg-brick{fill:none;stroke:var(--pt-ink);stroke-width:1.3;stroke-linecap:round;opacity:.35}.petee-game-icon .pg-tail{fill:#6aa8ff;stroke:var(--pt-ink);stroke-width:1.8;stroke-linejoin:round}.petee-game-icon .pg-cup{fill:#ff8f7f;stroke:var(--pt-ink);stroke-width:2;stroke-linejoin:round}.petee-game-icon .pg-rim{fill:#e25d4d;stroke:var(--pt-ink);stroke-width:2;stroke-linejoin:round}.petee-game-icon .pg-shine{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;opacity:.6}.petee-game-icon .pg-ball{fill:#2b2037;stroke:var(--pt-ink);stroke-width:2}.petee-game-icon .pg-eight{fill:none;stroke:#2b2037;stroke-width:1.4}.petee-chip.is-wardrobe{color:var(--on-accent);background:var(--pt-wardrobe)}.petee-first-bag{display:inline-block;width:22px;height:22px;margin:-4px 6px -5px 0;vertical-align:middle;filter:drop-shadow(0 0 5px rgb(255 196 61 / 90%))}.petee-first-bag svg{display:block;width:100%;height:100%;overflow:visible}.petee-hint.is-first-bag .petee-first-bag{flex:none;width:26px;height:26px;margin:0}@media (max-width: 600px){.petee-hint.is-first-bag{padding:6px 12px 6px 8px;font-size:14px}.petee-hint.is-first-bag .petee-first-bag{width:22px;height:22px}}:root{--pt-wardrobe: #ffb3d4}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--pt-wardrobe: #ff8fc6}}:root[data-theme=dark]{--pt-wardrobe: #ff8fc6}.petee-head-mid{display:flex;align-items:center;gap:8px}.petee-head-mid>.petee-chip{position:relative;display:grid;width:42px;height:42px;place-items:center;padding:0;animation:none}.petee-head-mid>.petee-chip svg{width:21px;height:21px;margin:0}.petee-head-mid>.petee-chip.is-play>span{display:none}.petee-head-mid>.petee-chip.is-kibbles{display:flex;width:auto;gap:4px;padding:0 13px 0 10px;color:var(--on-accent);background:var(--yellow);font-size:16px}.petee-head-mid>.petee-chip.is-kibbles[hidden]{display:none}.petee-chip .petee-kibbles-icon{fill:currentColor;stroke:none}.petee-tricks-open{position:relative}.petee-tricks-open>.petee-ring{position:absolute;left:7px;width:26px;height:26px;rotate:-90deg;pointer-events:none}.petee-tricks-open>small{margin-left:auto;color:var(--muted);font-size:13px}.petee-ring circle{fill:none;stroke:currentColor;stroke-width:3.5}.petee-ring-track{opacity:.18}.petee-ring-done{stroke-linecap:butt;stroke-dasharray:var(--done, 0) calc(1 - var(--done, 0));transition:stroke-dasharray .6s var(--ease)}.petee-tricks-open:not(.is-started)>.petee-ring{display:none}@keyframes petee-in{0%{opacity:0;transform:translateY(8px) scale(.9)}}.petee-ask{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.petee-quote{display:flex;min-width:0;flex:1 0 100%;align-items:center;gap:8px;padding:5px 4px 5px 10px;background:var(--well);border-left:4px solid var(--coral);border-radius:12px;animation:petee-in .32s var(--spring) both}.petee-quote[hidden],.petee-quote-pic[hidden]{display:none}.petee-quote-pic img{display:block;width:36px;height:36px;object-fit:cover;background:var(--studio-sky);border-radius:8px}.petee-quote-text{display:grid;min-width:0;flex:1;font-size:13px;line-height:1.3}.petee-quote-text b{color:var(--link);font-weight:800}.petee-quote-text span{overflow:hidden;color:var(--muted);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.petee-quote-off{display:grid;width:32px;height:32px;flex:none;place-items:center;padding:0;color:var(--muted);background:none;border:0;border-radius:50%}.petee-ask .petee-quote-off svg{width:18px;height:18px}.petee-pill{display:flex;min-width:0;flex:1;align-items:flex-end;gap:4px;padding:5px;background:var(--white);border:2px solid var(--line);border-radius:26px;box-shadow:var(--shadow-sm)}.petee-pill:focus-within{box-shadow:var(--shadow-sm),0 0 0 3px color-mix(in srgb,var(--ink) 35%,transparent)}.petee-field{display:block;min-width:0;height:40px;min-height:40px;max-height:104px;flex:1;padding:9px 4px;color:var(--ink);background:transparent;border:0;outline:none;font:600 16px/1.4 var(--text);resize:none}.petee-field:focus-visible{outline:none}.petee-field::placeholder{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.petee-field{scrollbar-width:none}.petee-field::-webkit-scrollbar{display:none}@media (pointer: coarse){.petee-field:not(:focus){pointer-events:none}}.petee-field.is-sent::placeholder{color:var(--ink);opacity:.5}.is-petee-asleep .petee-pill,.petee-chat.is-asleep .petee-pill{border-style:dashed}.petee-add,.petee-mic,.petee-send{display:grid;width:40px;height:40px;flex:none;place-items:center;padding:0;color:var(--ink);background:var(--well);border:0;border-radius:50%;transition:transform .18s var(--ease)}.petee-add:active,.petee-mic:active,.petee-send:active{transform:scale(.9)}.petee-ask svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.petee-mic[hidden]{display:none}.petee-ask.has-text .petee-mic,.petee-ask:not(.has-text) .petee-send{display:none}.petee-send{color:var(--on-accent);background:var(--coral);animation:petee-send-in .3s var(--spring)}.petee-send svg{stroke-width:2.6}@keyframes petee-send-in{0%{transform:scale(.4) rotate(-30deg)}}.petee-ask.is-busy .petee-send{opacity:.55}.petee-ask.is-listening .petee-mic{color:var(--on-accent);background:var(--coral);animation:petee-listen 1.2s var(--ease) infinite}@keyframes petee-listen{0%{box-shadow:0 0 color-mix(in srgb,var(--coral) 60%,transparent)}to{box-shadow:0 0 0 14px transparent}}.petee-bowl{display:inline-flex;height:40px;flex:none;align-self:center;align-items:center;gap:4px;padding:0 10px 0 6px;color:var(--ink);background:var(--white);border:2px solid var(--soft-line);border-radius:999px;font-size:13px;font-weight:800}.petee-bowl[hidden]{display:none}.petee-bowl svg{width:18px;height:18px}.petee-bowl svg path:first-child{fill:var(--white);stroke:var(--line);stroke-width:1.6}.petee-bowl .petee-bowl-food{fill:#b5703a;stroke:var(--line);stroke-width:1}.petee-bowl[data-empty=true] .petee-bowl-food{display:none}.petee-paw{position:fixed;top:0;left:0;z-index:60;width:46px;height:46px;margin:-28px 0 0 -23px;opacity:0;pointer-events:none;transform-origin:23px 28px;transition:opacity .25s var(--ease)}.petee-paw.is-on{opacity:1}.petee-paw svg{display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 60%}.pw-shade{fill:var(--pt-ink);stroke:var(--pt-ink);stroke-linejoin:round}.pw-edge{fill:var(--pt-edge);stroke:var(--pt-edge);stroke-linejoin:round}.pw-line{fill:var(--pt-ink);stroke:var(--pt-ink);stroke-linejoin:round}.pw-fill{fill:#ff6f61}.pw-beans{fill:#ffc2cf}.petee-ripple{position:fixed;z-index:59;width:46px;height:46px;margin:-23px 0 0 -23px;border:3px solid var(--coral);border-radius:50%;pointer-events:none}.petee-kibble{position:fixed;z-index:81;width:11px;height:9px;margin:-4px 0 0 -5px;background:#b5703a;border:1.5px solid var(--pt-ink);border-radius:50% 50% 40% 40%;pointer-events:none}.petee-heart{position:fixed;z-index:81;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none}.pt-gape{fill:var(--pt-ink);transform-box:fill-box;transform-origin:50% 20%;transform:scale(calc(.4 + var(--crave, 0) * 1.45));transition:opacity .15s,transform .12s var(--out)}.pt-gape .pt-gape-tongue{fill:#ff9fb4}.petee.is-craving{--eye: calc(1 + var(--crave, 0) * .35)}.petee.is-craving .pt-gape{opacity:1}.petee.is-craving :is(.pt-mouth,.pt-flat,.pt-frown,.pt-wobble){opacity:0!important}.petee.is-craving[data-crave="2"]>.pt-art{animation:pt-giggle .32s ease-in-out infinite alternate}.petee.is-craving[data-crave="3"] .pt-spark{opacity:1}.pt-cross circle{fill:#fff;stroke:var(--pt-ink);stroke-width:1.6}.pt-cross .pt-pupil{fill:var(--pt-ink);stroke:none}.pt-tongue-out{fill:#ff9fb4;stroke:var(--pt-ink);stroke-width:1.2;transform-box:fill-box;transform-origin:50% 0}.pt-achoo{position:absolute;top:64%;left:74%;width:0;height:0;opacity:0}.pt-achoo i{position:absolute;width:1em;height:1em;margin:-.5em;background:#fff;border:max(1.5px,.18em) solid var(--pt-ink);border-radius:50%;opacity:0}.pt-achoo i:nth-child(1){width:1.7em;height:1.7em;margin:-.85em}.pt-achoo i:nth-child(2){width:1.15em;height:1.15em;margin:-.58em;--dy: -1.5em}.pt-achoo i:nth-child(3){width:.85em;height:.85em;margin:-.43em;--dy: 1.3em}.pt-hic{position:absolute;top:-.8em;right:-2.6em;opacity:0;font:700 1.6em/1 var(--display);color:#fffaf3;white-space:nowrap;text-shadow:.07em 0 var(--pt-ink),-.07em 0 var(--pt-ink),0 .07em var(--pt-ink),0 -.07em var(--pt-ink),.05em .05em var(--pt-ink),-.05em -.05em var(--pt-ink),.05em -.05em var(--pt-ink),-.05em .05em var(--pt-ink),.09em .12em 0 var(--pt-ink)}.pt-hic:after{content:"hic!"}:root[lang=th] .pt-hic:after{content:"ฮึก!"}.pt-lick{position:absolute;top:56%;left:34%;width:3.6em;height:3.6em;opacity:0;pointer-events:none;rotate:-24deg;transition:opacity .2s}.pt-lick svg{display:block;width:100%;height:100%;overflow:visible}@keyframes pt-lick{0%{translate:0 .2em;rotate:-30deg}to{translate:.15em -.45em;rotate:-16deg}}.pt-notes{position:absolute;top:-.4em;right:-1.8em;width:0;height:0;opacity:0}.pt-notes i{position:absolute;width:1.7em;height:1.7em;opacity:0;animation:pt-note 1.3s ease-out infinite both}.pt-notes i:nth-child(2){width:1.3em;height:1.3em;animation-delay:.43s;--dx: -1.6em;--tip: -16deg}.pt-notes i:nth-child(3){animation-delay:.86s;--dx: .8em;--tip: 22deg}.pt-notes svg{display:block;width:100%;height:100%;overflow:visible}.pt-notes path{fill:#ff7d9c;stroke:var(--pt-ink);stroke-width:1.7;stroke-linejoin:round;paint-order:stroke}.pt-notes i:nth-child(2) path{fill:#ffd75a}.pt-notes i:nth-child(3) path{fill:#8fd6ff}@keyframes pt-note{0%{opacity:0;transform:translateY(.6em) scale(.4)}14%{opacity:1;transform:none}55%{transform:translate(calc(var(--dx, 1em) * .35 - .45em),-1.2em) rotate(calc(var(--tip, 14deg) * -.6))}80%{opacity:1}to{opacity:0;transform:translate(var(--dx, 1em),-2.6em) rotate(var(--tip, 14deg)) scale(1.05)}}.petee[data-mood=watching]{--eye: 1.12}.petee[data-mood=pounce] .pt-body{animation:pt-joy .7s var(--spring)}.petee[data-mood=pounce] :is(.pt-happy,.pt-cheeks){opacity:1}.petee[data-mood=pounce] .pt-eyes{opacity:0}.petee[data-mood=wow]{--eye: 1.3}.petee[data-mood=wow] :is(.pt-gape,.pt-cheeks,.pt-spark){opacity:1}.petee[data-mood=curious] .pt-puzzle{opacity:1}.petee-gift-prize[data-rarity] strong{font-size:34px}.petee-gift-prize[data-rarity=legendary] strong{color:#c98a00}.petee-gift-prize[data-rarity=epic] strong{color:#6b4fd6}.petee-gift-prize[data-rarity=rare] strong{color:#2f6fd1}.petee-gift-prize[data-rarity=""] strong{font-size:56px}.petee-heart svg{display:block;width:100%;height:100%;overflow:visible}.petee-heart path{fill:#ff5a7a;stroke:var(--pt-ink);stroke-width:2.2;stroke-linejoin:round}.petee-heart.is-broken path{fill:#b9b1c4}.petee-ball,.petee-fish{position:fixed;top:0;left:0;z-index:25;display:block;padding:0;background:none;border:0;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.petee-ball{width:34px;height:34px}.petee-fish{width:44px;height:26px;animation:petee-bob 1.6s ease-in-out infinite}.petee-ball svg,.petee-fish svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.petee-ball:not([data-toy]) circle{fill:#ff9fb4;stroke:var(--pt-ink);stroke-width:1.8}.petee-ball:not([data-toy]) path{fill:none;stroke:#e2557a;stroke-width:1.4;stroke-linecap:round}.petee-fish .pf-body{fill:#8fc5ff}.petee-fish .pf-tail{fill:#6aa8ff}.petee-fish:not([data-toy]) path{stroke:var(--pt-ink);stroke-width:1.8;stroke-linejoin:round}.petee-fish .pf-fin{fill:none}.petee-fish:not([data-toy]) circle{fill:var(--pt-ink)}.pt-cash{opacity:0;transition:opacity var(--fade)}.pt-cash path{fill:none;stroke-linecap:round;stroke-linejoin:round}.pt-cash-ink{stroke:var(--pt-ink);stroke-width:3.4}.pt-cash-hue{stroke:#ffd23f;stroke-width:1.8}.petee[data-mood=rich] .pt-eyes{opacity:0}.petee[data-mood=rich] :is(.pt-cash,.pt-cheeks,.pt-laugh,.pt-spark){opacity:1}.petee-cash{position:fixed;inset:0;z-index:84;overflow:hidden;pointer-events:none}.petee-cash>span{position:absolute;top:0;left:0;opacity:0}.petee-cash-coin{width:26px;height:26px;margin:-13px 0 0 -13px}.petee-cash-bill{width:42px;height:23px;margin:-11.5px 0 0 -21px}.petee-cash svg{display:block;width:100%;height:100%;overflow:visible}.petee-cash .ink{stroke:var(--pt-ink)}.petee-confetti{position:fixed;top:0;z-index:85;width:8px;height:12px;margin-left:-4px;border:1.5px solid var(--pt-ink);border-radius:2px;pointer-events:none}.petee-star{position:fixed;z-index:61;width:20px;height:20px;margin:-10px 0 0 -10px;pointer-events:none}.petee-star svg{display:block;width:100%;height:100%}.petee-boom{position:fixed;z-index:61;width:24px;height:24px;margin:-12px 0 0 -12px;border:3px solid var(--pt-ink);border-radius:50%;pointer-events:none}.petee-star path{fill:#ffd75a;stroke:var(--pt-ink);stroke-width:1.6;stroke-linejoin:round}.petee-wear-flyer{position:fixed;z-index:62;inset:auto;width:auto;height:auto;margin:0;padding:0;overflow:visible;color:inherit;background:none;border:0;pointer-events:none;will-change:transform}.petee-wear-flyer svg{display:block;width:100%;height:100%;overflow:visible}.pt-puzzle,.pt-sweat,.pt-drool,.pt-drip,.pt-grit,.pt-lens{opacity:0;transition:opacity var(--fade)}.pt-puzzle{fill:none;stroke:var(--pt-ink);stroke-width:2.2;stroke-linecap:round}.pt-sweat{fill:#bfe6ff;stroke:var(--pt-ink);stroke-width:1;transform-box:fill-box;transform-origin:50% 0}.pt-grit path:first-child{fill:#fff;stroke:var(--pt-ink);stroke-width:1.5;stroke-linejoin:round}.pt-grit .pt-teeth{fill:none;stroke:var(--pt-ink);stroke-width:.9}.pt-lens-grip{fill:none;stroke:var(--pt-ink);stroke-width:4.8;stroke-linecap:round}.pt-lens-wood{fill:none;stroke:#c98a4a;stroke-width:2.4;stroke-linecap:round}.pt-lens-glass{fill:#e4f4ff;fill-opacity:.94;stroke:var(--pt-ink);stroke-width:2.1}.pt-lens-eye{fill:var(--pt-ink)}.pt-lens-glint{fill:#fff}.pt-lens-shine{fill:none;stroke:#fff;stroke-width:1.3;stroke-linecap:round}.pt-lens{transform-box:fill-box;transform-origin:30% 30%}.pt-huh{position:absolute;top:-.3em;right:.05em;opacity:0;font:800 2.7em/1 var(--display);color:#ffd75a;text-shadow:.08em 0 var(--pt-ink),-.08em 0 var(--pt-ink),0 .08em var(--pt-ink),0 -.08em var(--pt-ink),.06em .06em var(--pt-ink),-.06em -.06em var(--pt-ink),.06em -.06em var(--pt-ink),-.06em .06em var(--pt-ink),.1em .13em 0 var(--pt-ink)}.pt-huh:after{content:"?"}.petee[data-mood=startled]{--eye: 1.36;--ly: -.8}.pt-jolt{position:absolute;inset:0;pointer-events:none;opacity:0}.pt-jolt i{position:absolute;width:.42em;height:1.4em;margin:-.7em -.21em;background:#ffd75a;border:.09em solid var(--pt-ink);border-radius:.25em;box-shadow:.06em .08em 0 var(--pt-ink);transform-origin:50% 100%}.pt-jolt i:nth-child(1){left:.7em;top:1.1em;rotate:-48deg}.pt-jolt i:nth-child(2){left:2.1em;top:-.2em;rotate:-18deg}.pt-jolt i:nth-child(3){left:7.9em;top:-.5em;rotate:16deg}.pt-jolt i:nth-child(4){left:9.3em;top:.7em;rotate:46deg}.petee[data-mood=startled] .pt-jolt{opacity:1}@keyframes pt-jolt{0%,6%{opacity:0;transform:translateY(.4em) scale(.2)}12%{opacity:1;transform:translateY(-.3em) scale(1.1)}40%{opacity:1;transform:translateY(-.5em) scale(1)}60%,to{opacity:0;transform:translateY(-.8em) scale(.6)}}.petee:is([data-mood=startled],[data-mood=wow]) .pt-yawn{opacity:1;transform:scale(.7)}.petee[data-mood=groggy] :is(.pt-puzzle,.pt-wobble){opacity:1}.petee[data-mood=groggy] .pt-huh{animation:pt-huh 1.6s ease-in-out both}@keyframes pt-huh{0%{opacity:0;transform:translateY(.4em) scale(.4) rotate(-20deg)}15%,78%{opacity:1;transform:none}45%{transform:rotate(12deg)}to{opacity:0;transform:translateY(-.4em) scale(.8)}}.petee[data-mood=groggy] .pt-eyes{transform-box:fill-box;transform-origin:center;animation:pt-groggy-eyes 1.6s ease-in-out both}@keyframes pt-groggy-eyes{0%,10%{translate:0 0;scale:1 .35}18%{scale:1 1}35%{translate:-2.2px .4px}42%{scale:1 1}46%{scale:1 .1}50%{scale:1 1}62%{translate:2.2px .2px}80%{translate:0 0;scale:1 1}86%{scale:1 .1}92%,to{translate:0 0;scale:1 1}}.petee[data-mood=groggy] .pt-body{transform-origin:50% 70%;animation:pt-groggy 1.6s ease-in-out both}@keyframes pt-groggy{0%{transform:none}25%,45%{transform:rotate(-9deg)}62%{transform:rotate(8deg)}78%{transform:rotate(6deg)}84%{transform:rotate(-4deg)}88%{transform:rotate(4deg)}92%{transform:rotate(-2deg)}to{transform:none}}.petee[data-mood=inspect] :is(.pt-puzzle,.pt-flat){opacity:1}.petee[data-mood=twirl] .pt-body{transform-origin:50% 60%;animation:pt-twirl 1s cubic-bezier(.4,0,.3,1) both}@keyframes pt-twirl{0%{transform:none}12%{transform:translateY(5%) scale(1.1,.88)}32%{transform:translateY(-24%) scale(.2,1.04)}44%{transform:translateY(-28%) scaleX(-1)}56%{transform:translateY(-4%) scale(-1.08,.92)}72%{transform:translateY(-18%) scale(-.2,1.04)}84%{transform:translateY(-14%) scale(1)}94%{transform:translateY(2%) scale(1.06,.94)}to{transform:none}}.petee[data-mood=twirl] :is(.pt-happy,.pt-cheeks,.pt-mouth){opacity:1}.petee-perch{touch-action:none}.petee-perch.is-tugged{transform-origin:50% 37px;transition:none}.petee-lip{position:absolute;inset:0;z-index:2;pointer-events:none}.petee-lip svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.petee-lip-fill{fill:var(--lip-fill)}.petee-lip-line{fill:none;stroke:var(--lip-line);stroke-width:var(--lip-width, 2px);stroke-linecap:round}.petee-hold{position:absolute;top:0;left:0;z-index:3;width:20px;height:20px;opacity:0;pointer-events:none;transition:opacity .12s}.petee-hold.is-on{opacity:1}.petee-hold.is-letting{opacity:0;transition:opacity .5s ease-in .25s}.studio.is-home .product-stage{box-shadow:0 0 0 5px color-mix(in srgb,var(--coral) 55%,transparent),var(--shadow);transition:box-shadow .2s var(--ease)}.petee-hold svg{display:block;width:100%;height:100%;overflow:visible}.petee-hold.petee-clinging{position:fixed;z-index:81;width:18px;height:18px;transition:none}.petee[data-mood=tug] .pt-body{animation:none}.petee[data-mood=tug][data-tug="1"]{--eye: 1.3}.petee[data-mood=tug][data-tug="1"] .pt-yawn{opacity:1;transform:scale(.6)}.petee[data-mood=tug] .pt-sweat{opacity:1;animation:pt-sweat .8s ease-in infinite}@keyframes pt-sweat{0%{transform:translate(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translate(3px,-4px) scale(1);opacity:0}}.petee[data-mood=tug]:is([data-tug="2"],[data-tug="3"]) .pt-eyes{opacity:0}.petee[data-mood=tug]:is([data-tug="2"],[data-tug="3"]) :is(.pt-ouch,.pt-grit,.pt-cheeks){opacity:1}.petee[data-mood=tug][data-tug="2"] .pt-body{animation:pt-strain 90ms linear infinite alternate}.petee[data-mood=tug][data-tug="3"] .pt-body{animation:pt-strain 55ms linear infinite alternate}.petee[data-mood=tug][data-tug="3"] :is(.pt-tear,.pt-sad){opacity:1}.petee[data-mood=tug][data-tug="3"] .pt-tear{animation:pt-stream .6s ease-in infinite}@keyframes pt-strain{0%{transform:translate(-2%) rotate(-1.5deg)}to{transform:translate(2%) rotate(1.5deg)}}@keyframes pt-stream{0%{transform:translateY(0);opacity:1}to{transform:translateY(6px);opacity:.1}}.petee[data-mood=phew] :is(.pt-happy,.pt-cheeks,.pt-sweat,.pt-sigh){opacity:1}.petee[data-mood=phew] .pt-sigh{top:66%;left:56%}.petee[data-mood=phew] .pt-sigh i:nth-child(1){width:1.6em;height:1.6em;margin:-.8em;--t0: .9em, -.3em;--t1: 3.8em, -.9em}.petee:is([data-mood=startled],[data-mood=groggy],[data-mood=tug],[data-mood=phew],[data-mood=pout],[data-mood=twirl],[data-mood=licking]) .pt-meh{opacity:0}.petee:is([data-mood=twirl],[data-mood=licking]) .pt-eyes{opacity:0}.petee[data-mood=eating] .pt-body{animation:pt-munch .3s ease-in-out infinite alternate}@keyframes pt-munch{0%{transform:scale(1.03,.97)}to{transform:translateY(-3%) scale(.97,1.04)}}.petee[data-mood=eating] .pt-cheeks{opacity:1}.petee[data-mood=eating] .pt-cheeks ellipse{transform-box:fill-box;transform-origin:center;animation:pt-cheeks-full .3s ease-in-out infinite alternate}@keyframes pt-cheeks-full{0%{scale:1.2}to{scale:1.6}}.petee[data-mood=gulp]{--eye: 1.25}.petee[data-mood=gulp] .pt-mouth{opacity:1}.petee[data-mood=gulp] .pt-body{animation:pt-gulp .34s ease-in-out both}@keyframes pt-gulp{40%{transform:translateY(-6%) scale(.94,1.08)}70%{transform:translateY(2%) scale(1.05,.95)}}.petee[data-mood=licking] :is(.pt-happy,.pt-cheeks,.pt-tongue-out){opacity:1}.petee[data-mood=licking] .pt-tongue-out{animation:pt-lick-lips .38s ease-in-out 2 alternate}@keyframes pt-lick-lips{0%{transform:translate(-2.4px) rotate(-18deg)}to{transform:translate(2.4px) rotate(18deg)}}.petee:is(.is-craving,.is-pining) .pt-eyes{opacity:1!important}.petee:is(.is-craving,.is-pining) :is(.pt-meh,.pt-happy,.pt-shut){opacity:0!important}.petee.is-craving .pt-eyes .pt-glint,.petee.is-pining .pt-eyes .pt-glint{transform-box:fill-box;transform-origin:center}.petee.is-craving .pt-eyes .pt-glint{scale:calc(1 + var(--crave, 0) * .5)}.pt-drool{fill:#bfe6ff;stroke:var(--pt-ink);stroke-width:.9;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 0;translate:calc(var(--crave, 0) * 1.4px) calc(var(--crave, 0) * 4.6px);scale:1 calc(.4 + var(--crave, 0) * .9)}.pt-drip{fill:#bfe6ff;stroke:var(--pt-ink);stroke-width:.7;translate:calc(var(--crave, 0) * 1.4px) calc(var(--crave, 0) * 4.6px)}.petee.is-craving .pt-drool{opacity:clamp(0,calc(var(--crave, 0) * 2.5 - .75),1)}.petee.is-craving:is([data-crave="2"],[data-crave="3"]) .pt-drool{animation:pt-drool .9s ease-in-out infinite alternate}@keyframes pt-drool{to{transform:scaleY(1.3)}}.petee.is-craving[data-crave="3"] .pt-drip{transform-box:fill-box;transform-origin:center;animation:pt-drop .7s ease-in infinite}@keyframes pt-drop{0%{opacity:1;transform:translateY(0) scale(.6)}to{opacity:0;transform:translateY(9px) scale(1)}}.petee.is-craving:is([data-crave="2"],[data-crave="3"]) .pt-cheeks{opacity:1}.petee.is-craving[data-crave="3"]>.pt-art{animation:pt-yum .22s ease-in-out infinite alternate}@keyframes pt-yum{0%{transform:scale(1.04,.96)}to{transform:translateY(-10%) scale(.97,1.04)}}.petee.is-pining{--eye: calc(1 + var(--pine, 0) * .06)}.petee.is-pining :is(.pt-eyes,.pt-sad,.pt-tear){opacity:0!important}.petee.is-pining :is(.pt-plead,.pt-plead-brow,.pt-wobble){opacity:1}.petee.is-pining[data-pine="3"] .pt-wobble{opacity:0!important}.petee.is-pining[data-pine="3"] .pt-plead-cry{opacity:1}.petee.is-pining:is([data-pine="2"],[data-pine="3"]) .pt-plead-wet{opacity:1}.petee.is-pining[data-pine="3"] :is(.pt-plead-tears,.pt-sweat){opacity:1}.petee.is-pining[data-pine="3"] .pt-plead-tears{animation:pt-tears .65s linear infinite}@keyframes pt-tears{0%{stroke-dashoffset:9}to{stroke-dashoffset:0}}.petee.is-pining[data-pine="3"] .pt-sweat{animation:pt-sweat .6s ease-in infinite}.pt-reach{position:absolute;top:calc(50% + var(--reach-y, .9em) - 1.7em);left:calc(50% + var(--reach-x, -4.1em) - 1.7em);width:3.4em;height:3.4em;opacity:0;pointer-events:none;scale:.4;transform-origin:50% 50%;transition:opacity .12s,scale .16s}.pt-reach svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(var(--reach-turn, -90deg))}.petee:is(.is-pining:is([data-pine="2"],[data-pine="3"]),.is-hunting[data-hunt="3"],.is-swatting) .pt-reach{opacity:1;scale:.7;animation:pt-grab .34s ease-in-out infinite alternate}.petee.is-hunting[data-hunt="3"] .pt-reach{animation:pt-bat-paw .2s ease-in-out infinite alternate}.petee.is-swatting .pt-reach{animation:pt-swat .42s cubic-bezier(.3,1.4,.5,1) both}@keyframes pt-swat{0%{translate:0 0;scale:.4;rotate:-24deg}45%{translate:calc(var(--reach-dx, -1) * 1.1em) calc(var(--reach-dy, 0) * 1.1em);scale:1;rotate:14deg}to{translate:calc(var(--reach-dx, -1) * .6em) calc(var(--reach-dy, 0) * .6em);scale:.85;rotate:0deg}}@keyframes pt-bat-paw{0%{translate:0 0;scale:.8;rotate:-16deg}to{translate:calc(var(--reach-dx, -1) * .9em) calc(var(--reach-dy, 0) * .9em - .3em);scale:1;rotate:16deg}}@keyframes pt-grab{0%{translate:0 0;scale:.66}to{translate:calc(var(--reach-dx, -1) * .5em) calc(var(--reach-dy, 0) * .5em);scale:.74}}.petee.is-reaching .pt-reach{opacity:1;animation:pt-reach-for .28s ease-in-out infinite alternate}@keyframes pt-reach-for{0%{translate:calc(var(--reach-dx, -1) * .4em) calc(var(--reach-dy, 0) * .4em);scale:.85;rotate:-10deg}to{translate:calc(var(--reach-dx, -1) * 1.4em) calc(var(--reach-dy, 0) * 1.4em);scale:1;rotate:10deg}}.petee.is-reaching .pt-body{animation:pt-strive 1.4s ease-in-out both!important}.petee.is-reaching .pt-eyes .pt-glint{transform-box:fill-box;transform-origin:center;scale:1.25}.petee.is-pointing .pt-reach{top:calc(50% + var(--point-y, 0em) - 1.7em);left:calc(50% + var(--point-x, -4.4em) - 1.7em);opacity:1;scale:.9;animation:pt-point .62s ease-in-out infinite alternate}.petee.is-pointing .pt-reach svg{transform:rotate(var(--point-turn, -90deg))}@keyframes pt-point{0%{translate:0 0}to{translate:calc(var(--point-dx, -1) * .7em) calc(var(--point-dy, 0) * .7em)}}@keyframes pt-strive{0%,to{transform:none}25%{transform:translate(calc(var(--reach-dx, -1) * .5em)) rotate(calc(var(--reach-dx, -1) * 9deg)) scale(.97,1.06)}45%,70%{transform:translate(calc(var(--reach-dx, -1) * .8em),-.25em) rotate(calc(var(--reach-dx, -1) * 13deg)) scale(.94,1.12)}85%{transform:translate(calc(var(--reach-dx, -1) * .3em)) rotate(calc(var(--reach-dx, -1) * 4deg)) scale(1.03,.97)}}.petee.is-pining[data-pine="2"]>.pt-art{animation:pt-strain .12s linear infinite alternate}.petee.is-pining[data-pine="3"]>.pt-art{animation:pt-panic .26s ease-in-out infinite alternate}@keyframes pt-panic{0%{transform:rotate(-4deg)}to{transform:translateY(-12%) rotate(4deg)}}.petee.is-fived .pt-five{opacity:1;scale:1;pointer-events:none;animation:pt-slap .78s cubic-bezier(.3,.7,.4,1) both}@keyframes pt-slap{0%{rotate:-12deg;translate:0 0;scale:1}30%{rotate:-40deg;translate:.3em .5em;scale:.9}44%{rotate:16deg;translate:.3em -.9em;scale:1.6}56%{rotate:8deg;translate:.2em -.7em;scale:1.45}82%{opacity:1;rotate:0deg;translate:0 0;scale:1.05}to{opacity:0;rotate:0deg;translate:0 .4em;scale:.5}}.petee.is-fived .pt-body{animation:pt-lunge .78s ease-out both}@keyframes pt-lunge{30%{transform:rotate(-7deg) translate(-3%)}44%{transform:rotate(8deg) translate(4%,-7%) scale(1.05)}65%{transform:rotate(2deg)}}.petee-ball.is-hatching,.petee-fish.is-hatching{z-index:23}.petee-ball.is-eaten,.petee-fish.is-eaten{pointer-events:none;animation:none}.petee-crumb{position:fixed;z-index:81;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border:1px solid var(--pt-ink);border-radius:50%;pointer-events:none}.petee-bones{position:fixed;z-index:81;width:30px;height:18px;margin:-9px 0 0 -15px;pointer-events:none}.petee-bones svg{display:block;width:100%;height:100%;overflow:visible}.petee-bones :is(path,circle){stroke:var(--pt-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.petee-bones .pb-spine{fill:none}.petee-bones :is(.pb-tail,.pb-head){fill:#fffaf3}.petee-bones circle:last-child{fill:var(--pt-ink);stroke:none}.pt-alarm{position:absolute;top:-.35em;right:.45em;opacity:0;color:#e8335a;font:800 2em/1 var(--display);pointer-events:none}.pt-alarm:after{content:"!!"}.petee[data-mood=panic] :is(.pt-eyes,.pt-sad,.pt-meh){opacity:0!important}.petee[data-mood=panic] :is(.pt-shock,.pt-plead-brow,.pt-scream,.pt-sweat){opacity:1}.petee[data-mood=panic] .pt-shock .pt-pupil{animation:pt-dart .7s steps(1) infinite}@keyframes pt-dart{0%{translate:0 0}20%{translate:-1.1px .3px}40%{translate:1px -.4px}60%{translate:-.6px -.5px}80%{translate:1.1px .4px}}.petee[data-mood=panic] .pt-scream{transform-box:fill-box;transform-origin:center;animation:pt-scream .24s ease-in-out infinite alternate}@keyframes pt-scream{0%{scale:1 .85}to{scale:.92 1.08}}.petee[data-mood=panic] .pt-body{animation:pt-shiver 90ms linear infinite alternate}@keyframes pt-shiver{0%{transform:translate(-1.2%) rotate(-.8deg)}to{transform:translate(1.2%) rotate(.8deg)}}.petee[data-mood=panic] .pt-sweat{animation:pt-sweat .5s ease-in infinite}.petee[data-mood=panic] .pt-alarm{opacity:1;animation:pt-alarm .3s ease-in-out infinite alternate}@keyframes pt-alarm{0%{transform:rotate(-8deg) scale(.95)}to{transform:rotate(8deg) translateY(-.15em) scale(1.08)}}.petee[data-mood=panic] .pt-meh{opacity:0}.petee-hud{position:fixed;top:calc(env(safe-area-inset-top) + var(--topbar, 64px) + 8px);left:50%;z-index:30;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;color:var(--ink);background:var(--white);border:2px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);translate:-50% 0}.topbar>*{transition:opacity .2s var(--ease),visibility 0s}.topbar.is-gaming>:not(.petee-hud),.topbar.is-seeking>.brand{opacity:0;visibility:hidden;transition:opacity .2s var(--ease),visibility 0s .2s}.topbar>.petee-hud.is-bar{--bar-x: max(14px, env(safe-area-inset-left));--bar-r: max(14px, env(safe-area-inset-right));position:absolute;top:env(safe-area-inset-top);right:0;bottom:0;left:0;justify-content:center;padding:0 var(--bar-r) 0 var(--bar-x);background:none;border:0;border-radius:0;box-shadow:none;translate:none}.topbar>.petee-hud.is-bar:has(.petee-hud-close:not([hidden])){padding-right:calc(var(--bar-r) + 46px)}.petee-hud.is-bar .petee-hud-seek{display:none}.petee-hud.is-bar .petee-hud-score{font-size:18px}.petee-hud.is-bar .petee-hud-actions{min-width:0;max-width:100%;margin:0 -4px -4px 0;padding:2px 6px 6px 2px;overflow-x:auto;scrollbar-width:none}.petee-hud.is-bar .petee-hud-close{position:absolute;top:50%;right:var(--bar-r);width:42px;height:42px;background:var(--white);border:2px solid var(--line);box-shadow:var(--shadow-sm);translate:0 -50%}.topbar>.petee-hud.is-seek{position:absolute;top:calc(env(safe-area-inset-top) + (100% - env(safe-area-inset-top))/2);left:max(14px,env(safe-area-inset-left));height:42px;padding:0 3px 0 12px;translate:0 -50%}.petee-hud.is-new{animation:petee-bar-in .38s var(--spring)}@keyframes petee-bar-in{0%{opacity:0;translate:0 -10px}}.topbar>.petee-hud.is-seek.is-new{animation:petee-pill-in .38s var(--spring)}@keyframes petee-pill-in{0%{opacity:0;scale:.8}}@media (min-width: 720px){.topbar>.petee-hud.is-bar{--bar-x: max(24px, calc((100% - 1120px)/2) );--bar-r: max(24px, calc((100% - 1120px)/2) )}.topbar>.petee-hud.is-seek{left:max(24px,calc((100% - 1120px)/2))}}.studio>.petee-hud.is-studio{position:absolute;top:calc(6px + env(safe-area-inset-top));z-index:31;gap:6px;padding:3px 3px 3px 12px}.studio>.petee-hud.is-studio:not(:has(.petee-hud-score:not(:empty))){padding-left:3px}.studio>.petee-hud.is-studio.is-new{animation:petee-pill-in .38s var(--spring)}.petee-hud.is-studio .petee-hud-seek{display:none}.petee-hud.is-studio .petee-hud-actions .button.is-icon{width:38px;min-height:34px}.petee-hud.is-studio .petee-hud-actions .button.is-icon svg{width:20px;height:20px}.petee-hud.is-studio .petee-hud-actions .button.is-icon svg.petee-game-icon{width:26px;height:26px}.studio>.petee-hud-say[data-place=studio]{position:absolute;top:calc(62px + env(safe-area-inset-top));z-index:31}.petee-hud-seek{display:grid;place-items:center}.petee-hud-seek svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.petee-hud-score{display:inline-flex;align-items:center;gap:8px;font:700 16px/1 var(--display);letter-spacing:.04em;white-space:nowrap}.petee-hud-score:empty{display:none}.petee-hud-dots{display:inline-flex;gap:5px}.petee-hud-dots i{width:13px;height:13px;border:2px solid var(--ink);border-radius:50%;transition:background-color .2s,scale .3s var(--spring)}.petee-hud-dots i.is-on{background:var(--coral);scale:1.15}.petee-hud-close{display:grid;width:34px;height:34px;flex:none;place-items:center;padding:0;color:var(--ink);background:none;border:0;border-radius:50%;cursor:pointer}.petee-hud-close[hidden]{display:none}.petee-hud-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.petee-hud-actions{display:flex;gap:6px}.petee-hud-actions[hidden]{display:none}.petee-hud-actions .button{min-height:36px;flex:none;padding:0 9px;font-size:13px;white-space:nowrap}@media (min-width: 720px){.petee-hud-actions .button{min-height:40px;padding:0 16px;font-size:15px}}:is(.petee-hud-actions,.petee-cups-actions) .button.is-icon{display:grid;width:44px;min-height:40px;place-items:center;padding:0}:is(.petee-hud-actions,.petee-cups-actions) .button.is-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}:is(.petee-hud-actions,.petee-cups-actions) .button.is-icon svg.petee-game-icon{width:30px;height:30px;stroke:none}.petee-hud-say{position:fixed;top:calc(var(--topbar) + 10px);left:50%;z-index:30;width:max-content;max-width:min(calc(100vw - 32px),440px);padding:10px 16px;color:var(--chip-text);background:var(--chip);border-radius:18px;box-shadow:0 14px 34px color-mix(in srgb,var(--shadow-color) 28%,transparent);translate:-50% 0;pointer-events:none;transition:opacity .3s var(--ease),translate .3s var(--ease)}.petee-hud-say:before{position:absolute;top:-6px;left:calc(50% - 7px);width:14px;height:14px;content:"";background:inherit;border-radius:3px;rotate:45deg}.petee-hud-say[data-place=seek]{left:max(14px,env(safe-area-inset-left));translate:none}.petee-hud-say[data-place=seek]:before{left:24px}@media (min-width: 720px){.petee-hud-say[data-place=seek]{left:max(24px,calc((100% - 1120px)/2))}}.petee-hud-say p{margin:0;font:700 16px/1.3 var(--display);text-align:center}.petee-hud-say.is-new{animation:petee-say-in .36s var(--spring)}@keyframes petee-say-in{0%{opacity:0;scale:.85}}.petee-hud-say.is-quiet{opacity:0}.petee-buddy.is-hiding{opacity:0;pointer-events:none}.petee-chasing .app>:not(.topbar),.petee-chasing .topbar>:not(.petee-hud){pointer-events:none}.petee-peek{position:fixed;top:0;left:0;z-index:9;display:block;width:44px;height:12px;padding:0;background:none;border:0;transform-origin:50% 100%;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .16s}.petee-peek:before{position:absolute;inset:-14px -10px -4px;content:""}.petee-peek.is-left{rotate:-90deg}.petee-peek.is-right{rotate:90deg}.petee-peek.is-bottom{rotate:180deg}.petee-peek.is-covered{opacity:0;pointer-events:none}.petee-peek.is-warm{height:30px}.petee-peek-clip{position:absolute;inset:0;overflow:hidden;pointer-events:none}.petee-peek-clip .petee{--size: 40px;position:absolute;top:0;left:2px;animation:petee-peek-up .52s var(--spring) both}@keyframes petee-peek-up{0%{translate:0 100%}}.petee-peek.is-warm:after{position:absolute;inset:-10px;content:"";border:3px solid #ffd75a;border-radius:50%;animation:petee-warm 1.1s ease-out infinite;pointer-events:none}@keyframes petee-warm{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.petee-peek.is-out{opacity:0;transition:opacity .4s;pointer-events:none}.petee-hinted{animation:petee-hinted .7s ease-in-out 3}.petee-hinted.is-warm{animation:petee-hinted .7s ease-in-out infinite;box-shadow:0 0 0 4px #ffd75a}@keyframes petee-hinted{0%,to{rotate:0deg}25%{rotate:-12deg}75%{rotate:12deg}}.petee-room{--petee-room-head: 46px;position:relative;overflow-anchor:none}.petee-room.is-opening{overflow:visible}.petee-room.is-closing{overflow:hidden}.petee-room-box{position:absolute;inset:6px 0;width:min(100% - 24px,440px);margin-inline:auto;background:var(--white);border:2.5px solid var(--line);border-radius:26px;box-shadow:4px 4px 0 var(--line);pointer-events:none}.petee-room-mat{position:relative;max-width:440px;margin-inline:auto;padding:calc(var(--petee-room-head) + 84px) 26px 24px;color:var(--ink);text-align:center}.petee-room.is-opening .petee-room-mat{position:absolute;inset:0 0 auto;opacity:0;pointer-events:none}.petee-room.is-open .petee-room-mat{animation:petee-room-in .38s var(--spring) both}@keyframes petee-room-in{0%{opacity:0;scale:.94}}.petee-room.is-closing .petee-room-mat{opacity:0;transition:opacity .12s}.petee-room-close{position:absolute;top:18px;right:22px;display:grid;width:38px;height:38px;place-items:center;padding:0;color:var(--ink);background:none;border:0;border-radius:50%;cursor:pointer}.petee-room-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.petee-room-cat{position:absolute;top:var(--petee-room-head);left:50%;z-index:2;display:grid;width:76px;height:76px;place-items:center;translate:-50% 0;transform-origin:50% 50%;transition:top .46s var(--spring),translate .46s var(--spring);pointer-events:none}.petee-room.is-opening .petee-room-cat{top:50%;translate:-50% -50%;transition:none}.petee-room-cat.is-away{opacity:0}.petee-room-paw{position:absolute;left:50%;z-index:3;width:26px;height:26px;margin-left:-13px;opacity:0;pointer-events:none}.petee-room-paw svg{display:block;width:100%;height:100%;overflow:visible}.petee-room-paw.is-top{top:-2px;rotate:180deg}.petee-room-paw.is-bottom{bottom:-2px}.petee-room.is-heaving .petee-room-paw{opacity:1;animation:petee-room-shove .24s ease-in-out infinite alternate}.petee-room.is-heaving .petee-room-paw.is-top{animation-direction:alternate-reverse}@keyframes petee-room-shove{to{translate:0 3px}}.petee-room-cat .petee.is-fat .pt-cheeks{opacity:1}.petee-room-cat .petee.is-fat .pt-cheeks ellipse{transform-box:fill-box;transform-origin:center;scale:1.35}.petee[data-mood=stuffed] :is(.pt-shut,.pt-cheeks,.pt-mouth){opacity:1}.petee[data-mood=stuffed] .pt-eyes{opacity:0}.petee[data-mood=stuffed] .pt-cheeks ellipse{transform-box:fill-box;transform-origin:center;scale:1.6}.petee[data-mood=stuffed] .pt-body{transform-origin:50% 92%;animation:pt-sated 2.4s ease-in-out infinite}@keyframes pt-sated{0%,to{transform:scale(1)}45%{transform:scale(1.04,.965)}}.petee[data-mood=stuffed] .pt-lick{top:58%;left:2%;opacity:1;rotate:20deg;animation:pt-pat .48s ease-in-out .9s infinite alternate both}@keyframes pt-pat{0%{translate:0 0}to{translate:.15em -.5em}}.petee[data-mood=stuffed] .pt-hic{top:4.3em;right:auto;left:6.1em;font-size:1.35em;animation:pt-burp 1.5s ease-out .3s both}.petee[data-mood=stuffed] .pt-hic:after{content:"burp!"}:root[lang=th] .petee[data-mood=stuffed] .pt-hic:after{content:"เอิ้ก~"}@keyframes pt-burp{0%{opacity:0;scale:.5}14%{opacity:1;scale:1.15}26%{scale:1}75%{opacity:1;translate:0 0}to{opacity:0;translate:.4em -.8em}}.petee[data-mood=lost] :is(.pt-puzzle,.pt-sweat){opacity:1}.petee[data-mood=lost] .pt-huh{opacity:1}.petee-cups-text{min-height:1.4em;margin:2px 0 8px;font-weight:800}.petee-cups-table{position:relative;width:min(100%,360px);height:150px;margin:0 auto}.petee-cups-table:after{position:absolute;inset:auto 0 6px;height:12px;content:"";background:color-mix(in srgb,var(--shadow-color) 18%,transparent);border-radius:50%}.petee-cup{position:absolute;top:0;left:0;z-index:1;width:var(--cup, 70px);height:calc(var(--cup, 70px) * 78 / 70);padding:0;background:none;border:0;cursor:default;-webkit-tap-highlight-color:transparent}.petee-cup:disabled{cursor:default;opacity:1;filter:none}.petee-room.is-picking .petee-cup{cursor:pointer}.petee-room.is-picking .petee-cup:not(:disabled):hover{filter:brightness(1.06)}.petee-cup svg{display:block;width:100%;height:100%;overflow:visible}.petee-cup .pc-body{fill:#ff8f7f;stroke:var(--pt-ink);stroke-width:2.4;stroke-linejoin:round}.petee-cup .pc-rim{fill:#e25d4d;stroke:var(--pt-ink);stroke-width:2.4;stroke-linejoin:round}.petee-cup .pc-shine{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;opacity:.55}.petee-cup .pc-paw{fill:#ffd7de}.petee-cups-fish{position:absolute;top:0;left:0;width:35px;height:21px;opacity:0;transition:opacity .12s}.petee-cups-fish svg{display:block;width:100%;height:100%;overflow:visible}.petee-cups-fish .pf-body{fill:#8fc5ff}.petee-cups-fish .pf-tail{fill:#6aa8ff}.petee-cups-fish path{stroke:var(--pt-ink);stroke-width:1.8;stroke-linejoin:round}.petee-cups-fish .pf-fin{fill:none}.petee-cups-fish circle{fill:var(--pt-ink)}.petee-cups-score{margin:6px 0 10px;color:var(--muted);font-weight:800}.petee-cups-actions{display:flex;justify-content:center;gap:10px}.petee-cups-actions:empty{display:none}.petee-peek.is-up{z-index:11}.sheet>.petee-peek{position:absolute;z-index:3}.petee-gift-sheet:is(.is-lucky,.is-super-lucky) .petee-gift-prize strong{position:relative;color:var(--pt-ink);-webkit-text-stroke:3px var(--pt-ink);animation:pop .5s var(--spring)}.petee-gift-sheet:is(.is-lucky,.is-super-lucky) .petee-gift-prize strong:after{position:absolute;inset:0;content:attr(data-text);background:linear-gradient(100deg,#e8a200,#ffd75a 40%,#fff1a8,#ffd75a 60%,#e8a200) 0 0 / 220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;animation:petee-shimmer 2.4s linear infinite}.petee-gift-sheet.is-super-lucky .petee-gift-prize strong{font-size:72px}.petee-gift-sheet.is-super-lucky .petee-gift-prize strong:after{background-image:linear-gradient(100deg,#ff6f61,#ffd75a 25%,#7fd1ae 45%,#8fc5ff,#b69cff 75%,#ff6f61)}@keyframes petee-shimmer{to{background-position:-183.333% 0}}.petee-gift-sheet:is(.is-lucky,.is-super-lucky) h2{color:#c98a00}.petee-gift-sheet.is-revealed:is(.is-lucky,.is-super-lucky) h2{animation:pop .6s var(--spring)}.petee-gift-sheet.is-super-lucky h2{font-size:30px}.petee-gift-sheet.is-revealed:is(.is-lucky,.is-super-lucky) .petee-gift-art:before{position:absolute;top:50%;left:50%;width:220px;height:220px;margin:-110px 0 0 -110px;content:"";background:radial-gradient(circle,rgb(255 215 90 / .55),transparent 65%);border-radius:50%;animation:petee-glow 1.6s ease-in-out infinite alternate;pointer-events:none}.petee-gift-sheet.is-revealed.is-super-lucky .petee-gift-art:before{background:repeating-conic-gradient(from 0deg,rgb(255 215 90 / .6) 0 10deg,transparent 10deg 24deg);-webkit-mask:radial-gradient(circle,#000 25%,transparent 70%);mask:radial-gradient(circle,#000 25%,transparent 70%);animation:petee-rays 9s linear infinite}@keyframes petee-glow{0%{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1.05)}}@keyframes petee-rays{to{rotate:360deg}}.petee-chat{position:fixed;inset:0;z-index:40;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:visible;color:var(--ink);background:transparent;border:0;pointer-events:none}.petee-chat.is-full{pointer-events:auto}@property --petee-unfolded{syntax: "<number>"; inherits: false; initial-value: 0;}.petee-panel{--petee-under: 140px}.petee-panel:before{position:absolute;z-index:-1;top:calc(var(--petee-ends-gap, 0px) - 32px - var(--topbar, 60px) * var(--petee-unfolded));bottom:calc(-1 * var(--petee-lift, 0px) - var(--petee-under));left:calc(50% - 50vw);width:100vw;content:"";background:linear-gradient(to top,color-mix(in srgb,var(--paper) calc(100% - 22% * var(--petee-unfolded)),transparent) 0 calc(var(--petee-lift, 0px) + 84px + var(--petee-under)),color-mix(in srgb,var(--paper) calc(74% + 4% * var(--petee-unfolded)),transparent) calc(70% + .3 * var(--petee-under)),color-mix(in srgb,var(--paper) calc(78% * var(--petee-unfolded)),transparent));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 56px);mask-image:linear-gradient(to bottom,transparent,#000 56px);pointer-events:none;--petee-unfolded: 0;transition:--petee-unfolded var(--petee-unfold-ms) var(--petee-unfold-easing),opacity .3s var(--ease);animation:petee-haze-in .3s var(--ease)}.petee-chat.is-full:not(.is-folding) .petee-panel:before{--petee-unfolded: 1}.petee-chat.is-closing .petee-panel:before{opacity:0}@keyframes petee-haze-in{0%{opacity:0}}html:has(dialog.petee-chat.is-full[open]){overflow:hidden;overscroll-behavior:none;scrollbar-gutter:stable}.petee-icon{display:grid;width:38px;height:38px;flex:none;place-items:center;padding:0;color:var(--muted);background:var(--well);border:0;border-radius:50%}.petee-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.petee-menu-button svg{fill:currentColor;stroke:none}.petee-menu-button>.petee-badge{position:absolute;top:-7px;right:-7px;display:none;width:21px;height:21px;filter:drop-shadow(0 0 4px rgb(255 196 61 / 90%));pointer-events:none}.petee-menu-button.has-gift>.petee-badge{display:block;animation:pt-gift 1.6s ease-in-out infinite}.petee-menu-button>.petee-badge>svg{display:block;width:100%;height:100%}.petee-menu-button>.petee-badge :is(.pg-box,.pg-lid)>path:first-child,.petee-menu-button>.petee-badge .pg-bow{stroke:var(--line);stroke-width:2.6;stroke-linejoin:round;paint-order:stroke}.petee-menu>.petee-gift-open svg{stroke:none;filter:drop-shadow(0 0 3px rgb(255 196 61 / 80%))}.petee-topbar{display:flex;align-items:center;gap:8px}.petee-topbar>.petee-head-close svg{width:18px;height:18px;stroke-width:2.6}.petee-menu{position:fixed;top:var(--petee-menu-top, 64px);right:var(--petee-menu-right, 14px);z-index:3;display:grid;pointer-events:auto;min-width:230px;padding:6px;background:var(--white);border:2px solid var(--line);border-radius:16px;box-shadow:var(--shadow);transform-origin:calc(100% - 21px) -10px}@media (max-width: 350px){.petee-topbar{gap:6px}.petee-topbar>.round-button,.petee-head-mid>.petee-chip{width:36px;height:36px}}.petee-menu[hidden]{display:none}.petee-menu>*{display:flex;min-height:44px;align-items:center;gap:10px;padding:8px 10px;color:var(--ink);background:none;border:0;border-radius:10px;font-size:15px;font-weight:700;text-align:left}.petee-menu>:hover{background:var(--well)}.petee-menu>[hidden]{display:none}.petee-menu input{position:relative;width:44px;height:26px;flex:none;order:1;margin:0 0 0 auto;background:var(--well);border:2px solid var(--line);border-radius:999px;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .22s var(--ease)}.petee-menu input:before{position:absolute;top:2px;left:2px;width:18px;height:18px;box-sizing:border-box;content:"";background:#fff;border:2px solid var(--line);border-radius:50%;box-shadow:1px 1px 0 var(--shade);transition:translate .28s var(--spring)}.petee-menu input:checked{background:var(--coral)}.petee-menu input:checked:before{translate:18px 0}.petee-menu input:focus-visible{outline:3px solid color-mix(in srgb,var(--ink) 45%,transparent);outline-offset:2px}.petee-menu>button svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.petee-match-card{fill:var(--white)}.petee-match-heart{fill:var(--coral)}.petee-menu>.petee-clear,.petee-menu>.petee-reset{color:var(--red-text);transition:background-color .2s var(--ease)}.petee-menu>.petee-reset.is-sure{color:var(--on-accent);background:color-mix(in srgb,var(--red-text) 22%,var(--white))}.petee-panel{position:fixed;right:0;bottom:var(--petee-lift, 0px);left:0;display:flex;max-width:560px;max-height:calc(100dvh - var(--topbar, 60px) - var(--petee-lift, 0px));flex-direction:column;margin-inline:auto;padding:0 12px calc(14px + env(safe-area-inset-bottom));pointer-events:none;outline:none}.petee-chat.is-lifted .petee-panel{padding-bottom:8px}.petee-chat.is-full .petee-panel{top:calc(var(--topbar, 60px) - var(--squeeze-by, 0px) * var(--squeeze, 0));max-height:none}.petee-avatar{position:fixed;bottom:calc(var(--petee-lift, 0px) + 13px + env(safe-area-inset-bottom));left:calc(max(0px,(100% - 560px) / 2) + 10px);width:56px;height:56px;border-radius:50%;pointer-events:auto;cursor:pointer}.petee-chat.is-lifted .petee-avatar{bottom:calc(var(--petee-lift, 0px) + 7px)}.petee-avatar .petee{filter:drop-shadow(0 5px 5px rgb(0 0 0 / 16%))}.petee-ends{position:relative;z-index:1;display:flex;flex:none;align-self:center;gap:8px;margin-bottom:-40px}.petee-earlier,.petee-ends>.petee-close{display:grid;width:46px;height:28px;flex:none;place-items:center;padding:0;color:var(--ink);background:var(--white);border:2px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);pointer-events:auto}.petee-ends>.petee-close{width:34px;transition:width .3s var(--ease),margin-left .3s var(--ease),opacity .2s ease,scale .3s var(--ease),visibility 0s}.petee-chat.is-full:not(.is-folding) .petee-ends>.petee-close{width:0;margin-left:-12px;opacity:0;scale:.4;visibility:hidden;pointer-events:none;transition:width .3s var(--ease),margin-left .3s var(--ease),opacity .2s ease,scale .3s var(--ease),visibility 0s .3s}.petee-ends>.petee-close svg{width:15px;height:15px;stroke-width:2.8}.petee-earlier svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:rotate .3s var(--ease)}.petee-chat.is-full .petee-ends{margin-bottom:0}.petee-chat.is-full{--petee-ends-gap: 10px}.petee-chat.is-full .petee-ends{margin-top:var(--petee-ends-gap)}.petee-chat.is-full:not(.is-folding) .petee-earlier svg{rotate:180deg}.petee-log{--petee-fade: 46px;position:relative;display:flex;max-height:var(--petee-max, 46dvh);transition:max-height .32s var(--ease);flex:0 1 auto;flex-direction:column;gap:8px;margin:0 0 10px -4px;padding:var(--petee-fade) 4px 4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--petee-fade) - var(--petee-ramp, 6px)),#000 var(--petee-fade));mask-image:linear-gradient(to bottom,transparent calc(var(--petee-fade) - var(--petee-ramp, 6px)),#000 var(--petee-fade));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:auto}.petee-log::-webkit-scrollbar{display:none}.petee-log>:first-child{margin-top:auto}.petee-msg.is-picks .petee-bubble{cursor:pointer}.petee-chat.is-full .petee-log{--petee-fade: 30px;--petee-ramp: 30px;max-height:none;flex:1}.petee-chat:not(.is-full) :is(.petee-msg.is-past,.petee-divider){display:none}.petee-divider{display:flex;align-items:center;gap:10px;margin:6px 0;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.petee-divider:before,.petee-divider:after{flex:1;height:0;border-top:2px dashed currentColor;content:"";opacity:.45}.petee-msg.is-past{opacity:.62}.petee-msg{display:flex;min-width:0;max-width:100%;flex-direction:column;align-self:flex-start;align-items:flex-start;animation:petee-msg-in .42s var(--spring) both}.petee-msg.is-still{animation:none}.petee-msg.is-me{align-self:flex-end;align-items:flex-end}.petee-msg.is-wide{align-self:stretch}@keyframes petee-msg-in{0%{opacity:0;transform:translateY(10px) scale(.94)}}.petee-chat{--petee-text: 15.5px;--petee-pad: 9px}.petee-bubble{padding:var(--petee-pad, 9px) 14px;color:var(--ink);background:var(--white);border:2px solid var(--line);border-radius:18px 18px 18px 6px;box-shadow:var(--shadow-sm);font-size:var(--petee-text, 15.5px);font-weight:600;line-height:1.42;overflow-wrap:anywhere;white-space:pre-line}.is-me .petee-bubble{color:var(--on-accent);background:var(--coral);border-radius:18px 18px 6px}.petee-msg.is-photo .petee-bubble{display:flex;align-items:center;gap:8px;padding:4px;background:var(--white);border:2px solid var(--line);border-radius:18px 18px 6px}.petee-msg.is-photo img{display:block;max-width:168px;max-height:200px;border-radius:14px}.petee-msg.is-photo svg{width:22px;height:22px;margin-left:8px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.petee-msg.is-photo span{padding-right:10px;color:var(--ink);font-size:14px;font-weight:700}.petee-msg.is-petee.is-photo .petee-bubble{flex-direction:column;align-items:flex-start;gap:2px;border-radius:6px 18px 18px}.petee-msg.is-petee.is-photo img{max-width:176px;background:repeating-conic-gradient(#e9edf4 0 25%,#fff 0 50%) 0 0 / 16px 16px}.petee-msg.is-photo .petee-caption{padding:0 8px 3px;color:var(--muted);font-size:12.5px;font-weight:800}.petee-chat:not(.is-full) .petee-msg.is-photo img{max-width:64px;max-height:32px;border-radius:10px}.petee-chat:not(.is-full) .petee-msg.is-petee.is-photo .petee-bubble{flex-direction:row;align-items:center;gap:8px}.petee-chat:not(.is-full) .petee-msg.is-photo .petee-caption{padding:0 10px 0 0}.petee-log .petee-msg:not(.is-wide) .petee-bubble{cursor:pointer}@media (hover: hover){.petee-log .petee-msg:not(.is-wide) .petee-bubble:hover{filter:brightness(.96)}}.petee-quoted{display:flex;min-width:0;align-items:center;gap:8px;margin:-3px -7px 6px;padding:5px 8px;background:#ffffff3d;border-left:3px solid currentColor;border-radius:10px;font-size:13px;line-height:1.3}.petee-quoted img{width:34px;height:34px;flex:none;object-fit:cover;background:#fff;border-radius:7px}.petee-quoted svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.petee-quoted>span{display:-webkit-box;min-width:0;overflow:hidden;opacity:.92;-webkit-box-orient:vertical;-webkit-line-clamp:2}.petee-quoted b{display:block;font-weight:800}.petee-said{display:block}.petee-foot{position:relative;z-index:1;flex:none;margin-left:62px;pointer-events:auto}.petee-chat .petee-tray{flex-wrap:nowrap;justify-content:flex-start;margin:0 -12px 8px -74px;padding:2px 12px 4px;overflow-x:auto}.petee-chat .petee-msg-actions{max-width:calc(100% + 8px);flex-wrap:nowrap;margin-inline:-4px;padding:2px 4px 5px;overflow-x:auto;scrollbar-width:none}.petee-chat .petee-msg-actions::-webkit-scrollbar{display:none}.petee-chat :is(.petee-tray,.petee-msg-actions) .petee-chip{padding:6px 12px;font-size:13.5px}.petee-chat .petee-tray .petee-chip:not(.is-choice){background:color-mix(in srgb,var(--lilac) 78%,var(--coral))}.petee-designs-status{margin:0 0 8px;padding:9px 14px;background:var(--well);border-radius:6px 18px 18px;font-size:15px;font-weight:700}.petee-designs-status.is-working:after{display:inline-block;width:1.2em;content:"…";animation:petee-dots 1.1s ease-in-out infinite}.petee-designs{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.petee-design{position:relative;display:flex;min-width:0;flex-direction:column;gap:6px;padding:6px;color:var(--ink);background:var(--white);border:2px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);font-size:13px;font-weight:800;line-height:1.25;text-align:left;animation:petee-in .5s var(--spring) both;animation-delay:calc(var(--i, 0) * 60ms);transition:transform .18s var(--ease)}.petee-design:active{transform:scale(.96)}.petee-design-shots{position:relative;display:block}.petee-design-shots :is(canvas,img){display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain;background:var(--studio-sky);border-radius:12px}.petee-design-shots img{aspect-ratio:1}.petee-design-shots canvas+canvas{position:absolute;right:-4px;bottom:-4px;width:42%;border:2px solid var(--line);border-radius:9px}.petee-design.is-product .petee-design-shots img{aspect-ratio:1;padding:8px;background:var(--studio-sky)}.petee-pick-why{color:var(--muted);font-size:12px;font-weight:700;line-height:1.35}.petee-design.is-more{min-height:120px;justify-content:center;align-items:center;color:var(--link);background:var(--lilac);text-align:center}.petee-design.is-more svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.petee-wall{text-align:center}.petee-wall-art{position:relative;display:grid;height:132px;place-items:center;margin:10px 0 4px}.petee-wall-art .petee{--size: 96px}.petee-wall-bowl{position:absolute;bottom:2px;left:50%;width:58px;margin-left:34px}.petee-wall-bowl svg{display:block;width:100%;fill:var(--white);stroke:var(--line);stroke-width:1.6;stroke-linejoin:round}.petee-wall h2{margin:6px 0;font-size:26px}.petee-wall-text{max-width:34ch;margin:0 auto 18px;color:var(--muted)}.petee-wall .button{width:100%}.petee-wall .button+.button{margin-top:10px}.petee-wall small{display:block;margin-top:12px;color:var(--muted);font-size:12.5px;font-weight:700}.petee-gift-sheet{overflow:hidden auto;text-align:center}.petee-gift-art{position:relative;display:grid;height:132px;place-items:center;margin:10px 0 4px}.petee-gift-art .petee{--size: 88px;translate:-34px 0}.petee-gift-box{position:absolute;bottom:4px;left:50%;width:66px;height:66px;margin-left:4px;outline:none;transition:opacity .25s ease-out,scale .3s ease-out}.petee-gift-box svg{display:block;width:100%;height:100%;overflow:visible}.petee-gift-sheet:not(.is-open,.is-shut) .petee-gift-box{animation:pt-gift 1s ease-in-out infinite}.petee-gift-box .pg-lid{transform-box:fill-box;transform-origin:50% 100%;transition:transform .6s var(--spring)}.petee-gift-sheet.is-open .pg-lid{transform:translate(18%,-70%) rotate(24deg)}.petee-gift-sheet.is-shut .petee-gift-box{opacity:.45}.petee-gift-sheet h2{margin:6px 0;font-size:26px}.petee-gift-prize{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:0 0 6px;color:var(--ink)}.petee-gift-prize[hidden]{display:none}.petee-gift-prize strong{font-family:var(--display);font-size:56px;line-height:1}.petee-gift-sheet.is-revealed .petee-gift-prize strong{animation:pop .5s var(--spring)}.petee-gift-sheet:not(.is-revealed) .petee-gift-prize,.petee-gift-sheet:is(.is-lucky,.is-super-lucky):not(.is-revealed) h2{opacity:0}.petee-gift-prize small{font-size:18px;font-weight:800}.petee-gift-text{max-width:34ch;margin:0 auto 18px;color:var(--muted)}.petee-gift-sheet .button{width:100%}.petee-gift-sheet .button+.button{margin-top:10px}.petee-gift-sheet .button[hidden]{display:none}.petee-gift-sheet .petee-confetti{position:fixed}.petee-gift-sheet.is-accessory{--rarity: #ff6f61}.petee-gift-sheet.is-accessory.is-rare{--rarity: #2f6fd1}.petee-gift-sheet.is-accessory.is-epic{--rarity: #6b4fd6}.petee-gift-sheet.is-accessory.is-legendary{--rarity: #e8a200}.petee-gift-sheet.is-accessory .petee-gift-art{height:184px;margin-top:4px}.petee-gift-sheet.is-accessory .petee-gift-art .petee{--size: 124px;translate:0 8px}.petee-gift-sheet.is-accessory .petee-gift-box{opacity:0;scale:.6;pointer-events:none}.petee-gift-sheet.is-accessory.is-revealed .petee-gift-art:before{position:absolute;top:50%;left:50%;width:280px;height:280px;margin:-140px 0 0 -140px;content:"";background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rarity) 42%,transparent) 0 10deg,transparent 10deg 24deg);border-radius:50%;-webkit-mask:radial-gradient(circle,#000 20%,transparent 70%);mask:radial-gradient(circle,#000 20%,transparent 70%);animation:petee-rays 14s linear infinite,petee-rays-in .7s var(--spring) both}@keyframes petee-rays-in{0%{opacity:0;scale:.3}}.petee-gift-new{position:absolute;top:10px;left:50%;z-index:1;padding:5px 11px;color:#fff;background:var(--rarity, var(--coral));border:2px solid var(--pt-ink);border-radius:999px;box-shadow:2px 2px 0 var(--pt-ink);font:800 15px/1 var(--display);translate:38px 0;rotate:10deg;animation:petee-new .7s var(--spring) .3s both}.petee-gift-new[hidden],.petee-gift-eyebrow[hidden]{display:none}@keyframes petee-new{0%{opacity:0;scale:.2;rotate:-40deg}}.petee-gift-eyebrow{margin:0;color:var(--muted);font-size:15px;font-weight:800}.petee-gift-sheet.is-accessory h2{margin:2px 0 10px;font-size:22px}.petee-gift-sheet.is-accessory .petee-gift-prize{flex-direction:column;align-items:center;gap:8px;margin-bottom:10px}.petee-gift-sheet.is-accessory .petee-gift-prize small{order:-1;padding:4px 12px;color:#fff;background:var(--rarity);border-radius:999px;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}.petee-gift-sheet.is-accessory.is-revealed .petee-gift-prize small{animation:pop .5s var(--spring) .15s both}.petee-gift-sheet.is-accessory.is-legendary .petee-gift-prize small{color:var(--pt-ink)}.petee-gift-sheet.is-accessory .petee-gift-prize strong{color:color-mix(in srgb,var(--rarity) 70%,var(--ink));font-size:42px}.petee-gift-sheet.is-accessory.is-revealed .petee-gift-prize strong{animation:pop .6s var(--spring) .25s both}.pt-plead,.pt-plead-brow,.pt-plead-tears,.pt-plead-cry,.pt-plead-wet,.pt-shock,.pt-scream{opacity:0;transition:opacity var(--fade)}.pt-shock circle{fill:#fff;stroke:var(--pt-ink);stroke-width:1.6}.pt-shock .pt-pupil{fill:var(--pt-ink);stroke:none}.pt-scream{fill:var(--pt-ink);stroke:var(--pt-ink);stroke-width:1.2;stroke-linejoin:round}.pt-plead circle{fill:var(--pt-ink)}.pt-plead .pt-plead-glint{fill:#fff}.pt-plead-wet{fill:none;stroke:#8fd0ff;stroke-width:1.2;stroke-linecap:round}.pt-plead-brow{fill:none;stroke:var(--pt-ink);stroke-width:2;stroke-linecap:round}.pt-plead-tears{fill:none;stroke:#8fd0ff;stroke-width:2.1;stroke-linecap:round;stroke-dasharray:4 5}.pt-plead-cry{fill:var(--pt-ink);stroke:var(--pt-ink);stroke-width:1.2;stroke-linejoin:round}.petee:is(.is-craving,.is-pining) :is(.pt-spiral,.pt-love,.pt-mad,.pt-vein,.pt-laugh,.pt-yawn,.pt-ouch,.pt-cross,.pt-tongue-out,.pt-lens,.pt-puzzle,.pt-grit,.pt-meh,.pt-happy,.pt-shut,.pt-flat,.pt-frown,.pt-mouth,.pt-lick,.pt-hearts,.pt-orbit,.pt-steam,.pt-notes,.pt-hic,.pt-huh,.pt-alarm,.pt-achoo,.pt-zzz,.pt-think,.pt-chin,.pt-sigh){opacity:0!important}.petee.is-craving :is(.pt-sad,.pt-tear){opacity:0!important}.petee:is(.is-craving,.is-pining) .pt-body{animation:none!important}.petee.is-hunting{--eye: calc(1.12 + var(--hunt, 0) * .2)}.petee.is-hunting .pt-eyes{opacity:1!important}.petee.is-hunting .pt-eyes .pt-glint{transform-box:fill-box;transform-origin:center;scale:calc(1.1 + var(--hunt, 0) * .45)}.petee.is-hunting :is(.pt-cheeks,.pt-mouth){opacity:1}.petee.is-hunting :is(.pt-spiral,.pt-love,.pt-mad,.pt-vein,.pt-laugh,.pt-yawn,.pt-ouch,.pt-cross,.pt-tongue-out,.pt-lens,.pt-puzzle,.pt-grit,.pt-meh,.pt-happy,.pt-shut,.pt-flat,.pt-frown,.pt-sad,.pt-tear,.pt-wobble,.pt-shock,.pt-scream,.pt-plead,.pt-plead-brow,.pt-lick,.pt-hearts,.pt-orbit,.pt-steam,.pt-notes,.pt-hic,.pt-huh,.pt-alarm,.pt-achoo,.pt-zzz,.pt-think,.pt-chin,.pt-sigh){opacity:0!important}.petee.is-hunting .pt-body{animation:none!important}.petee.is-hunting[data-hunt="2"]>.pt-art{transform-origin:50% 90%;animation:pt-wiggle .17s ease-in-out infinite alternate}@keyframes pt-wiggle{0%{transform:translateY(5%) scale(1.05,.9) rotate(-5deg)}to{transform:translateY(5%) scale(1.05,.9) rotate(5deg)}}.petee.is-hunting[data-hunt="3"]>.pt-art{transform-origin:50% 90%;animation:pt-bounce .23s ease-in-out infinite alternate}@keyframes pt-bounce{0%{transform:translateY(4%) scale(1.05,.92)}to{transform:translateY(-12%) scale(.96,1.06)}}.petee.is-hunting[data-hunt="3"] .pt-spark{opacity:1}.petee:is([data-mood=hop],[data-mood=stretch],[data-mood=scratchear]) .pt-eyes{opacity:0}.petee[data-mood=hop] :is(.pt-happy,.pt-cheeks){opacity:1}.petee[data-mood=stretch] :is(.pt-shut,.pt-yawn){opacity:1}.petee[data-mood=scratchear] :is(.pt-shut,.pt-cheeks){opacity:1}.petee[data-mood=tilt]{--eye: 1.16;--ly: -.6}.petee[data-mood=hop]>.pt-art{animation:pt-fidget-hop calc(.7s * var(--pace, 1)) var(--spring) both}.petee[data-mood=stretch]>.pt-art{animation:pt-big-stretch calc(1.3s * var(--pace, 1)) ease-in-out both}.petee[data-mood=tilt]>.pt-art{animation:pt-head-tilt calc(1.4s * var(--pace, 1)) ease-in-out both}.petee[data-mood=peek] .pt-brows{opacity:1}.petee[data-mood=peek]>.pt-art{animation:pt-peek calc(1.6s * var(--pace, 1)) ease-in-out both}.petee[data-mood=peek] .pt-look{animation:pt-peek-eyes calc(1.6s * var(--pace, 1)) both}.petee[data-mood=peek] .pt-eyes{animation:pt-peek-blink calc(1.6s * var(--pace, 1)) both}@keyframes pt-peek{0%,to{transform:none}16%{transform:translate(-.25em) rotate(-3deg)}40%{transform:translate(-.3em) rotate(-3.4deg)}58%{transform:translate(.25em) rotate(3deg)}80%{transform:translate(.3em) rotate(3.4deg)}92%{transform:none}}@keyframes pt-peek-eyes{0%{transform:none;animation-timing-function:cubic-bezier(.2,.8,.3,1.1)}9%{transform:translate(-4.9px,.3px);animation-timing-function:ease-out}13%{transform:translate(-4.5px,.2px);animation-timing-function:ease-in-out}38%{transform:translate(-4.2px,-.6px);animation-timing-function:cubic-bezier(.3,0,.2,1)}50%{transform:translate(4.9px,.2px);animation-timing-function:ease-out}54%{transform:translate(4.5px);animation-timing-function:ease-in-out}78%{transform:translate(4.2px,-.7px);animation-timing-function:cubic-bezier(.3,0,.2,1)}88%,to{transform:none}}@keyframes pt-peek-blink{0%,41%,49%,to{transform:none}44%,46%{transform:scaleY(.1)}}.petee[data-mood=wiggle]{--eye: 1.22}.petee[data-mood=wiggle]>.pt-art{animation:pt-wiggle-fidget calc(1.4s * var(--pace, 1)) ease-in-out both}.petee[data-mood=scratchear]>.pt-art{animation:pt-scratchear calc(1.5s * var(--pace, 1)) ease-in-out both}.petee[data-mood=scratchear] .pt-lick{top:-2%;left:calc(36% - 34% * var(--way, 1));opacity:1;rotate:calc(155deg * var(--way, 1));animation:pt-scratch .11s ease-in-out .22s 10 alternate both}@keyframes pt-scratch{0%{translate:0 0}to{translate:calc(.2em * var(--way, 1)) .55em}}@keyframes pt-fidget-hop{0%,to{transform:none}20%{transform:scale(1.1,.88)}50%{transform:translateY(-1.76em) scale(.94,1.08)}78%{transform:scale(1.08,.9)}}@keyframes pt-big-stretch{0%,to{transform:none}30%{transform:scale(.9,1.18)}55%{transform:scale(.88,1.24) rotate(calc(-4deg * var(--way, 1)))}80%{transform:scale(1.06,.94)}}@keyframes pt-head-tilt{0%,to{transform:none}25%,70%{transform:rotate(calc(16deg * var(--way, 1)))}}@keyframes pt-wiggle-fidget{0%{transform:none}14%{transform:translateY(.5em) scale(1.08,.86)}22%{transform:translateY(.5em) scale(1.08,.86) rotate(-5deg)}30%{transform:translateY(.5em) scale(1.08,.86) rotate(5deg)}38%{transform:translateY(.5em) scale(1.08,.86) rotate(-5deg)}46%{transform:translateY(.5em) scale(1.08,.86) rotate(5deg)}54%{transform:translateY(.5em) scale(1.08,.86) rotate(-3deg)}62%{transform:translateY(.55em) scale(1.12,.82)}72%{transform:translateY(-1.5em) scale(.92,1.1)}84%{transform:translateY(.1em) scale(1.06,.94)}to{transform:none}}@keyframes pt-scratchear{0%,to{transform:none}15%{transform:rotate(calc(-14deg * var(--way, 1)))}22%,36%,50%,64%{transform:rotate(calc(-14deg * var(--way, 1))) translateY(-.24em)}29%,43%,57%,71%{transform:rotate(calc(-11deg * var(--way, 1))) translateY(.08em)}85%{transform:rotate(calc(3deg * var(--way, 1)))}}.petee-hint{position:fixed;top:0;left:0;z-index:60;display:inline-flex;align-items:center;gap:8px;max-width:min(260px,70vw);padding:5px 14px 5px 5px;color:var(--paper);background:var(--ink);border-radius:999px;box-shadow:0 10px 24px -10px #2b20377f;border:0;font-family:var(--display);font-size:16px;font-weight:600;line-height:1.15;text-align:left;cursor:pointer;touch-action:manipulation;animation:petee-hint-in .52s var(--spring) both}.petee-hint:after{position:absolute;top:var(--petee-tail-y, 50%);right:-8px;width:12px;height:20px;content:"";background:var(--ink);clip-path:path("M0 0C4 4 12 6 12 10S4 16 0 20Z");translate:0 -50%}.petee-hint.is-left:after{right:auto;left:-8px;scale:-1 1}.petee-hint.is-above:after{top:auto;right:auto;bottom:-14px;left:var(--petee-tail, 50%);translate:-50% 0;rotate:90deg}.petee-hint.is-below:after{top:-14px;right:auto;left:var(--petee-tail, 50%);translate:-50% 0;rotate:-90deg}.petee-hint.is-guide{background:none;box-shadow:none;transform-origin:var(--petee-tail-x, 50%) var(--petee-tail-y, 100%)}.petee-hint.is-guide:after{content:none}.petee-guide-shape{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;overflow:visible;fill:var(--ink);filter:drop-shadow(0 6px 9px rgb(43 32 55 / 32%));pointer-events:none}.petee-hint.is-guide.is-one-line{max-width:none;white-space:nowrap}.petee-hint.is-guide.is-tucked{clip-path:inset(var(--petee-tuck, -40px) -40px -40px -40px)}.petee-hint:is(.is-help,.is-guide){padding:9px 16px;animation:petee-hint-in .35s var(--spring) both}.petee-hint.is-guide{animation:petee-guide-in .42s var(--spring) both}.petee-hint.is-guide.is-in{animation:none}.petee-hint.is-guide.is-unseen{pointer-events:none}@keyframes petee-guide-in{0%{opacity:0;scale:.1}35%{opacity:1}}.petee-hint.is-guide{cursor:default}.petee-hint.is-guide.is-tappable{cursor:pointer}.petee-hint.is-in-studio{position:absolute;z-index:3}.petee-hint.is-guide .petee-hint-text{flex:1 1 0;min-width:0}.petee-guide-choices{display:inline-flex;gap:6px;margin-left:6px;vertical-align:middle}.petee-guide-choice{padding:5px 12px;color:#2b2037;background:var(--yellow);border:0;border-radius:999px;font:inherit;font-size:14px}.petee-guide-choice:nth-child(n+2){color:var(--paper);background:none;box-shadow:inset 0 0 0 1.5px var(--paper)}.petee-hint.is-guide:is(.is-stacked,.is-art){max-width:calc(100vw - 16px)}.petee-guide-choices.is-stacked{display:flex;flex-direction:column;gap:8px;margin:10px 0 2px}.petee-guide-choices.is-stacked .petee-guide-choice{padding:9px 14px;font-size:15px;font-weight:700}.petee-guide-choice.is-quiet{color:var(--paper);background:none;box-shadow:none;opacity:.85}.petee-guide-art{display:flex;justify-content:center;margin:10px 0 2px;pointer-events:none}.petee-guide-title{display:block;font:600 20px/1.2 var(--display);text-align:center;text-wrap:balance}.petee-guide-title+.petee-guide-art{margin-top:14px}.petee-guide-art>*{max-width:100%;max-height:120px}body:has(dialog.petee-chat[open]) .petee-hint.is-guide{visibility:hidden}.petee-hint{transform-origin:100% 50%}.petee-hint.is-left{transform-origin:0 50%}.petee-hint.is-below{transform-origin:var(--petee-tail, 50%) 0}.petee-hint.is-above{transform-origin:var(--petee-tail, 50%) 100%}.petee-hint:not(.is-guide){touch-action:pan-y}.petee-hint-dot{display:grid;width:32px;height:32px;flex:none;place-items:center;color:#2b2037;background:var(--yellow);border-radius:50%}.petee-hint-dot svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;animation:petee-hint-tap 1.6s ease-in-out infinite}@keyframes petee-hint-in{0%{opacity:0;scale:.6}}.petee-hint.is-away,.petee-buddy.is-away .petee-hint-ring{opacity:0!important;pointer-events:none}@keyframes petee-hint-tap{0%,60%,to{scale:1}30%{scale:.82}}.petee-buddy.is-hinting,.petee-hint-ring{transform-style:preserve-3d}.petee-hint-ring{position:absolute;inset:0;pointer-events:none}.petee-hint-moon{position:absolute;top:0;left:0;width:20px;height:20px}.petee-hint-moon>i{display:grid;height:100%;box-sizing:border-box;place-items:center;color:#2b2037;border:1.5px solid;border-radius:50%}.petee-hint-moon i svg{width:12px;height:12px}.petee-trick-new{position:fixed;top:0;left:0;z-index:62;display:grid;padding:0;place-items:center;color:#2b2037;background:var(--yellow);border:2px solid var(--line);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;touch-action:manipulation}.petee-trick-new:before{position:absolute;inset:-9px;content:"";border-radius:50%}.petee-trick-new svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round}.petee-ican{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden;color:var(--ink);background:var(--paper);border:0}.petee-ican::backdrop{background:transparent}.pi-stage{position:relative;width:100%;max-width:460px;height:100%;margin:0 auto;outline:none}.pi-stage{transform-style:preserve-3d}.pi-stage>*{position:absolute}.pi-glow{top:calc(var(--cy) - 120px);left:calc(50% - 120px);width:240px;height:240px;background:radial-gradient(circle,color-mix(in srgb,var(--yellow) 55%,transparent),transparent 70%);pointer-events:none}.pi-orbit{top:calc(var(--ring-y) - var(--ry));left:calc(50% - var(--rx));width:calc(var(--rx) * 2);height:calc(var(--ry) * 2);transform-style:preserve-3d;pointer-events:none}.pi-orbit:before,.pi-orbit:after{position:absolute;inset:0;content:"";border:2px dashed color-mix(in srgb,var(--ink) 22%,transparent);border-radius:50%}.pi-orbit:before{clip-path:inset(0 0 50%);transform:translateZ(2px)}.pi-orbit:after{clip-path:inset(50% 0 0);transform:translateZ(71px)}.pi-title{top:calc(var(--cy) - var(--up) - 64px);left:0;right:0;margin:0;font-size:30px;text-align:center}.pi-cat{top:calc(var(--cy) - 65px);left:calc(50% - 65px);z-index:2;width:130px;height:130px;transition:transform .46s cubic-bezier(.3,1.2,.45,1),opacity .2s}.pi-cat{pointer-events:none}.pi-cat{translate:0 0 70px}.pi-cat.is-away{opacity:0;transition:none}.petee-ican.is-page .pi-cat{transform:translate(var(--side-x),var(--side-y)) scale(.5)}.pi-skill{top:0;left:0;z-index:3;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px 0 5px;color:#2b2037;background:#fff;border:2px solid #2b2037;border-radius:999px;box-shadow:2px 2px #2b2037;font-family:var(--display);font-size:16px;font-weight:600;white-space:nowrap;opacity:0;transition:background-color .24s;will-change:transform}.pi-skill>i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%}.pi-skill svg,.pi-do svg,.pi-tools svg,.pi-note svg,.pi-back svg,.petee-hint-moon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.pi-skill.is-lit{background:var(--yellow)}[data-skill=design]>i{background:#ffd6cf}[data-skill=advise]>i{background:#fff1b8}[data-skill=help]>i{background:#d6ebff}[data-skill=play]>i{background:#c9f1df}[data-skill=interact]>i{background:#ffd6e0}.pi-line{top:calc(var(--cy) + var(--down) + 18px);left:16px;right:16px;min-height:24px;margin:0;color:var(--muted);font-size:17px;font-weight:800;text-align:center;transition:opacity .2s}.pi-cta{top:calc(var(--cy) + var(--down) + 70px);left:0;right:0;display:grid;justify-items:center;gap:10px;transition:opacity .2s}.pi-go,.pi-do{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 28px;color:#2b2037;background:var(--yellow);border:2px solid #2b2037;border-radius:999px;box-shadow:3px 3px #2b2037;font-family:var(--display);font-size:19px;font-weight:600}.pi-close{top:calc(var(--top) + 4px);right:14px;z-index:4}.petee-ican.is-page .pi-close{display:none}.pi-back{top:calc(var(--top) + 0px);left:14px;z-index:4;display:none;width:44px;height:44px;place-items:center;padding:0;color:#2b2037;background:#fff;border:2px solid #2b2037;border-radius:50%;box-shadow:2px 2px #2b2037}.pi-back svg{width:22px;height:22px;stroke-width:2.4}.petee-ican.is-page :is(.pi-title,.pi-line,.pi-cta,.pi-orbit,.pi-glow){opacity:0;pointer-events:none}.petee-ican.is-page .pi-back{display:grid}.pi-page{top:calc(var(--top) + 62px);left:0;right:0;bottom:0;z-index:1;display:grid;grid-template-rows:auto auto 1fr auto;gap:18px;padding:24px 16px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.pi-page[hidden]{display:none}.pi-say{justify-self:start;max-width:calc(100% - 92px);margin:0 0 0 92px;padding:10px 14px;color:#2b2037;background:#fff;border:2px solid #2b2037;border-radius:18px 18px 18px 6px;box-shadow:2px 2px #2b2037;font-family:var(--display);font-size:17px;font-weight:600;line-height:1.25}.pi-body{display:grid;gap:20px;align-content:start}.pi-do{justify-self:center;align-self:end}.pi-do b{padding:3px 6px;color:#fff;background:#2b2037;border-radius:999px;font-size:11px;font-weight:900}.pi-ghost,.pi-touch,.pi-holdring,.pi-move>.pi-fish,.pi-move>.pi-ball{position:absolute;top:0;left:0;pointer-events:none}.petee-ghost-layer{position:fixed;inset:0;z-index:63;pointer-events:none}.petee-ghost-layer .pi-ghost{scale:none}.pi-ghost{z-index:4;width:34px;height:62px;opacity:0;filter:drop-shadow(0 3px 4px rgb(58 109 240 / 24%));scale:.8;transform-origin:17px 58px}.pi-ghost svg{display:block;width:100%;height:100%;overflow:visible}.pi-ghost-skin{stroke-width:2.2;stroke-dasharray:5 4;stroke-linejoin:round}.pi-ghost-nail{fill:#3a6df029;stroke:#3a6df0;stroke-width:1.6}.pi-touch{z-index:3;width:30px;height:30px;margin:-15px;border:3px solid #3a6df0;border-radius:50%;opacity:0}@media (prefers-reduced-motion: reduce){.petee-hint,.petee-hint:is(.is-help,.is-guide),.petee-hint-dot svg,.petee-menu-button>.petee-badge{animation:none}.pi-cat{transition:none}}