/* Jointed golden Cookie: the outer stage handles gravity, the rig handles anatomy. */
.cookie-actor-host{position:fixed;inset:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-sizing:border-box;pointer-events:none;z-index:1000000030}
.cookie-actor{--cookie-size:128px;--cookie-focus:#ffe7b1;position:absolute;left:0;top:0;width:var(--cookie-size);max-width:none;pointer-events:none;will-change:transform}
.cookie-actor[hidden]{display:none}
.cookie-actor .ms-cookie__button{pointer-events:auto;touch-action:none;cursor:grab;overflow:visible}
.cookie-actor .ms-cookie__button:active{cursor:grabbing}
.cookie-actor__spin{display:block;width:100%;height:100%;transform-origin:50% 50%;pointer-events:none}
.cookie-actor .ms-cookie__visual{transform-origin:50% 55%}
.cookie-actor[data-physics=true] .ms-cookie__visual{animation:none}
.cookie-actor__prop{position:absolute;right:0;top:-20px;font:28px/1.2 Georgia,serif;color:#ffedbe;text-shadow:0 2px 4px #281006;pointer-events:none}
.cookie-actor[data-care=pet] .cookie-actor__prop{color:#ff8bb8;animation:cookie-heart 1s ease-in-out infinite}
.cookie-actor[data-care=clean] .cookie-actor__prop{animation:cookie-bubbles 1.4s ease-out infinite}
.cookie-actor[data-care=play] .cookie-actor__prop{animation:cookie-play 1.4s ease-in-out infinite}
.cookie-actor[data-care=feed-cookie] .cookie-actor__prop,.cookie-actor[data-care=feed-milk] .cookie-actor__prop{animation:cookie-snack 1.4s ease-in-out infinite}
.cookie-actor[data-care=dance] .ms-cookie__visual{animation:cookie-dance .9s ease-in-out infinite}
.cookie-actor[data-care=sleep] .cookie-actor__prop{right:10px;top:-28px;font-size:36px;animation:cookie-heart 2s ease-in-out infinite}

.cookie-actor__stars{display:none;position:absolute;inset:-22px -8px auto;text-align:center;color:#ffec9b;font:22px/1 Georgia,serif;text-shadow:0 1px 3px #62320a}
.cookie-actor.is-dizzy .cookie-actor__stars{display:block;animation:cookie-stars .9s ease-in-out infinite}
.cookie-motion-tools{position:fixed;left:max(12px,env(safe-area-inset-left,0px));bottom:calc(62px + env(safe-area-inset-bottom,0px));display:flex;gap:6px;max-width:calc(100vw - 80px);z-index:1000000041;font:500 11px/1.3 system-ui,sans-serif}
.cookie-motion-tools button{appearance:none;min-width:44px;min-height:44px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#1b1625ed;color:#eed3b3;box-shadow:0 5px 24px #0e051e44;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font:inherit;cursor:pointer}
.cookie-motion-tools button:focus-visible{outline:3px solid #ffca71;outline-offset:3px}
.cookie-motion-tools button:disabled{opacity:.8;cursor:default}
.cookie-motion-tools .cookie-tilt-button{display:none}
.cookie-motion-tools svg{width:19px;height:19px}
.cookie-motion-tools button{transition:transform .18s ease,background .18s ease}
.cookie-motion-tools button:active{transform:scale(.93)}
.cookie-motion-tools button[aria-pressed=true]{background:#523851;border-color:#ebc79788}
.cookie-motion-tools[data-tilt=pending] .cookie-tilt-button svg{animation:cookie-stars 1s ease-in-out infinite}
.cookie-tilt-status{position:absolute;left:0;bottom:calc(100% + 8px);width:min(270px,80vw);padding:8px 12px;border-radius:12px;background:#21182bf5;color:#fff0e2;box-shadow:0 5px 24px #0e051e44;border:1px solid #ffffff25}
.cookie-tilt-status:empty,.cookie-motion-tools[data-tilt=off] .cookie-tilt-status,.cookie-motion-tools[data-tilt=active] .cookie-tilt-status{display:none}
@keyframes cookie-heart{50%{transform:translateY(-6px) scale(1.08)}}
@keyframes cookie-bubbles{0%{transform:translate(0,12px);opacity:.4}70%{opacity:1}100%{transform:translate(-12px,-16px);opacity:.1}}
@keyframes cookie-play{50%{transform:translate(-30px,-16px) rotate(90deg)}}
@keyframes cookie-snack{50%{transform:translate(-14px,15px) rotate(-12deg)}}
@keyframes cookie-dance{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg)}}
@keyframes cookie-stars{50%{transform:translateX(8px) rotate(10deg)}}
@media(max-width:600px){.cookie-actor{--cookie-size:96px}.cookie-motion-tools .cookie-tilt-button{display:grid}}
@media(pointer:coarse){.cookie-motion-tools .cookie-tilt-button{display:grid}}
@media(pointer:coarse),(max-height:500px) and (max-width:1000px){.cookie-actor{--cookie-size:96px}.cookie-motion-tools .cookie-tilt-button{display:grid}}
.cookie-actor[data-motion=off] *,.cookie-actor[data-paused=true] *{animation:none!important}
@media(prefers-reduced-motion:reduce){.cookie-actor *{animation:none!important}.cookie-actor__spin{transform:none!important}}

@media(prefers-reduced-motion:reduce){.cookie-motion-tools *{animation:none!important;transition:none!important}}
.cookie-tilt-status{font:inherit}

.cookie-actor.is-articulated .ms-cookie__visual{animation:none!important;transform:none!important}
.cookie-actor.is-articulated picture{display:none}
.cookie-character{display:block;width:100%;height:100%;overflow:visible}
.cookie-character .rig-hose{fill:none;stroke:#211910;stroke-width:18;stroke-linecap:round}
.cookie-character .rig-finger{fill:#fff0d4;stroke:#281b12;stroke-width:3.5;stroke-linejoin:round}
.cookie-character image{pointer-events:none}
.cookie-actor[data-care=sleep] .cookie-actor__prop{right:12px;top:0}
@media(max-width:600px){.cookie-motion-tools.is-above-panel{bottom:calc(166px + env(safe-area-inset-bottom,0px));top:auto;flex-direction:column}}