.pet-touch{--edge-left:max(6px, env(safe-area-inset-left,0px));--edge-right:max(6px, env(safe-area-inset-right,0px));--pad-bottom:calc(max(6px, env(safe-area-inset-bottom,0px)) + 52px);--glass:#ffffff1a;--glass-strong:#fff3;--rim:#ffffff3d;--rim-light:#ffffff6b;--ink:#fffffff0;--pad-led:var(--led-core,#d9fbff);--pad-glow:var(--led-glow,#63dcff);--spring:linear(0, .071, .24, .449, .655, .833, .968, 1.059, 1.108, 1.126, 1.12, 1.101, 1.075, 1.048, 1.025, 1.007, .994, .987, .984, .984, .987, .99, .993, .996, 1);inset:0 0 var(--hidden,0px) 0;z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute}.pet-stick-ring,.pet-stick-knob,.pet-pad{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%)}.pet-stick-ring:before,.pet-stick-knob:before,.pet-pad:before{content:"";border-radius:inherit;border:1px solid var(--rim);border-top-color:var(--rim-light);pointer-events:none;position:absolute;inset:0}.pet-stick{width:var(--stick-size);height:var(--stick-size);--push:0;position:absolute}.pet-stick-body{position:absolute;inset:0}.pet-stick-ring{border-radius:50%;position:absolute;inset:0;box-shadow:0 10px 30px #00000029}.pet-stick-run{border:1.5px solid color-mix(in srgb, var(--pad-led) 72%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--pad-glow) 50%, transparent), inset 0 0 18px color-mix(in srgb, var(--pad-glow) 22%, transparent);opacity:0;transition:opacity .18s var(--ease-out);border-radius:50%;position:absolute;inset:-1px}.pet-stick-live[data-running=true] .pet-stick-run{opacity:1;transition-duration:.11s}.pet-stick-knob{width:var(--knob-size);height:var(--knob-size);margin:calc(var(--knob-size) / -2) 0 0 calc(var(--knob-size) / -2);background:var(--glass-strong);will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000038,inset 0 -1px 1px #00000014}.pet-stick-core{width:10px;height:10px;fill:var(--pad-led);opacity:calc(.42 + .58 * var(--push));margin:-5px 0 0 -5px;display:block;position:absolute;top:50%;left:50%;overflow:visible}.pet-stick-halo{border-radius:inherit;transition:opacity .18s var(--ease-out);position:absolute;inset:0;overflow:hidden}.pet-stick-live[data-running=true] .pet-stick-halo{opacity:.3;transition-duration:.11s}.pet-stick-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--pad-glow) 58%, transparent), color-mix(in srgb, var(--pad-glow) 20%, transparent) 55%, transparent);width:26px;height:26px;opacity:var(--push);border-radius:50%;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%}.pet-stick-rest{left:calc(var(--edge-left) + 12px);bottom:var(--pad-bottom)}.pet-stick-rest .pet-stick-body{opacity:.62;transition:opacity .32s var(--ease-out) .12s}.pet-stick-rest .pet-stick-knob{opacity:.7}.pet-touch:is([data-stick=touched],[data-stick=active]) .pet-stick-rest .pet-stick-body{opacity:0;transition:opacity .1s var(--ease-out)}.pet-stick-live{will-change:transform;top:0;left:0}.pet-stick-live .pet-stick-body{opacity:0;visibility:hidden;transition:opacity .12s var(--ease-out), transform .12s var(--ease-out), visibility 0s linear .12s;transform:scale(.9)}.pet-touch[data-stick=touched] .pet-stick-live .pet-stick-body{opacity:.55;visibility:visible;transition:opacity 90ms var(--ease-out), transform .14s var(--ease-out), visibility 0s;transform:scale(.97)}.pet-touch[data-stick=active] .pet-stick-live .pet-stick-body{opacity:1;visibility:visible;transition:opacity .12s var(--ease-out), transform .16s var(--ease-out), visibility 0s;transform:none}.pet-touch[data-stick=released] .pet-stick-live .pet-stick-body{opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out) 60ms, transform .26s var(--ease-out) 60ms, visibility 0s linear .26s;transform:scale(.96)}.pet-touch-buttons{right:calc(var(--edge-right) + 12px);bottom:calc(var(--pad-bottom) + (var(--stick-size) - 64px) / 2);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute}.pet-stick-rest,.pet-touch-buttons{opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out), visibility 0s linear .2s}.pet-touch[data-visible=true] .pet-stick-rest,.pet-touch[data-visible=true] .pet-touch-buttons{opacity:1;visibility:visible;transition:opacity .3s var(--ease-out) var(--credit-delay), visibility 0s linear var(--credit-delay)}.pet-pad{color:var(--ink);cursor:pointer;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:transform .5s var(--spring), opacity .2s var(--ease-out);border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:relative;box-shadow:0 8px 24px #0000002e}@supports not (transition-timing-function:linear(0, 1)){.pet-pad{transition:transform .24s var(--ease-out), opacity .2s var(--ease-out)}}.pet-pad:after{content:"";border-radius:inherit;background:radial-gradient(closest-side, color-mix(in srgb, var(--pad-glow) 30%, transparent), transparent 72%), var(--glass-strong);opacity:0;transition:opacity .18s var(--ease-out);pointer-events:none;position:absolute;inset:0}.pet-pad[data-held]{transition:transform .1s var(--ease-out), opacity .2s var(--ease-out);transform:scale(.96)}.pet-pad[data-held]:after{opacity:1;transition-duration:60ms}.pet-pad:focus-visible:before{border-color:#fffc}.pet-pad-icon{transition:color .16s var(--ease-out);place-items:center;display:grid;position:relative}.pet-pad-icon svg{display:block}.pet-pad[data-held] .pet-pad-icon{color:var(--pad-led);transition-duration:60ms}.pet-pad-jump{width:64px;height:64px}.pet-pad-jump .pet-pad-icon{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.pet-stick-live .pet-stick-body,.pet-touch[data-stick] .pet-stick-live .pet-stick-body{transform:none}.pet-pad,.pet-pad[data-held]{transition:opacity .2s var(--ease-out);transform:none}}@media (prefers-reduced-transparency:reduce){.pet-stick-ring,.pet-stick-knob,.pet-pad{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1c1c1ab8}.pet-stick-knob{background:#3c3c3adb}}*{-webkit-tap-highlight-color:transparent}:focus,:focus-visible{box-shadow:none!important;outline:none!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--credit-ink:#fff9;--credit-ink-strong:#fffffff2}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;height:max(100%, var(--screen-height,0px));background:#000;margin:0;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:#f2f2ef;font-feature-settings:"liga" 1, "calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:InterVariable,Inter,system-ui,sans-serif;position:fixed;inset:0}.pet{--hidden:0px;width:100vw;height:100lvh;height:max(100lvh, var(--screen-height,0px));touch-action:none;--corner-left:calc(max(6px, env(safe-area-inset-left,0px)) + 12px);--corner-right:calc(max(6px, env(safe-area-inset-right,0px)) + 12px);--corner-bottom:max(18px, env(safe-area-inset-bottom,0px));background:#000;position:fixed;top:0;left:0;overflow:hidden}@media (pointer:coarse){.pet{--credit-lift:2px}}@supports (height:100dvh){.pet{--hidden:max(0px, calc(100lvh - 100dvh))}}.pet-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.pet-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.pet-loading{z-index:2;pointer-events:none;position:absolute;inset:0}.pet-curtain{transition:opacity var(--reveal-fade) var(--ease-out);background:#000;position:absolute;inset:0}.pet[data-phase=revealing] .pet-curtain{opacity:0}.pet[data-phase=error] .pet-curtain{animation:pet-fade-in .3s var(--ease-out)}.pet-eyes{transition:transform .24s var(--ease-out), opacity .3s var(--ease-out);position:absolute;inset:0}.pet-eyes[data-phase=revealing]{transition:opacity var(--eye-fade) var(--ease-out) var(--eye-fade-delay);opacity:0!important}.pet-eye{transform-origin:0 0;will-change:transform;position:absolute}.pet-eye-lid{transition:transform .3s var(--ease-out);position:absolute;inset:0}.pet-eye-blink{position:absolute;inset:0}.pet-eye-core{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pet-eye-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--led-glow) 42%, transparent), color-mix(in srgb, var(--led-glow) 14%, transparent) 55%, transparent);border-radius:50%;position:absolute;inset:-85% -110%}.pet[data-phase=error] .pet-eye-lid{transition-duration:.42s}@media (prefers-reduced-motion:reduce){.pet-eyes,.pet-eye,.pet-eye-lid{transition-property:opacity}}.pet-error{text-align:center;pointer-events:auto;width:min(320px,100% - 32px);animation:pet-fade-in .3s var(--ease-out);position:absolute;top:calc(50% + clamp(64px,12vmin,112px));left:50%;transform:translate(-50%)}.pet-error-title{color:#ffffffd9;margin:0;font-size:14px;font-weight:500}.pet-error-detail{color:#ffffff73;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.5}.pet-retry{color:#fffc;height:34px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .14s var(--ease-out), background-color .15s ease, color .15s ease;background:0 0;border:1px solid #ffffff29;border-radius:999px;margin-top:18px;padding:0 14px;font-size:12px}.pet-retry:active{transform:scale(.97)}.pet-retry:focus-visible{color:#fff;border-color:#ffffff80}@media (hover:hover) and (pointer:fine){.pet-retry:hover{color:#fff;transition:transform .14s var(--ease-out);background:#ffffff0f}}.pet-credit{left:calc(var(--corner-left) - 12px);bottom:calc(var(--hidden) + var(--corner-bottom) + var(--credit-lift,0px) - 12px - 4px);z-index:3;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out), visibility 0s linear .2s;display:flex;position:absolute}.pet-credit[data-visible=true]{opacity:1;visibility:visible;transition:opacity .3s var(--ease-out) var(--credit-delay), visibility 0s linear var(--credit-delay)}.pet-link{pointer-events:auto;letter-spacing:-.005em;color:var(--credit-ink);text-shadow:0 1px 10px #00000059;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:color .15s ease, transform .14s var(--ease-out);padding:12px;font-size:12px;font-weight:450;line-height:16px;text-decoration:none}.pet-link:active{transform:scale(.97)}.pet-link:focus-visible{color:var(--credit-ink-strong);text-underline-offset:3px;text-decoration:underline}@media (hover:hover) and (pointer:fine){.pet-link:hover{color:var(--credit-ink-strong);transition:transform .14s var(--ease-out)}}@keyframes pet-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pet-link,.pet-retry{transition-property:color,background-color}.pet-link:active,.pet-retry:active{transform:none}}:root[data-safari-bleed]{--bleed-top:62px;--bleed-bottom:136px}:root[data-safari-bleed] html,:root[data-safari-bleed] body,:root[data-safari-bleed] #root,html[data-safari-bleed]{height:auto;overflow:visible}html[data-safari-bleed]{scrollbar-width:none}html[data-safari-bleed]::-webkit-scrollbar{display:none}:root[data-safari-bleed] body{position:static}:root[data-safari-bleed] .pet{width:100%;height:calc(100dvh + var(--bleed-top) + var(--bleed-bottom));--hidden:var(--bleed-bottom);background:0 0;position:relative}
