.mini-pet{z-index:51;pointer-events:none;will-change:transform;position:fixed;bottom:0;left:0}.mini-pet canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;display:block}.mini-pet.live canvas{opacity:1}.mini-pet.from-nest canvas{transform-origin:50% 92%;transition:none;animation:.9s ease-out both mini-pet-grow}@keyframes mini-pet-grow{0%{transform:scale(.35)}}.mini-pet-body{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50% 50% 40% 40%;height:56%;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.mini-pet-body:active{cursor:grabbing}.mini-pet-body.washing{cursor:none}.mini-pet-tools{--r:var(--arc);--k:.6;width:0;height:0;transform:translateX(var(--shift,0px));visibility:hidden;opacity:0;transition:opacity .2s,visibility 0s linear .2s;position:absolute;bottom:calc(6px + 28%);left:50%}@media (pointer:coarse){.mini-pet-tools{--r:calc(var(--arc) + 8px)}}.mini-pet-tools>button{transform:translate(-50%, 50%) rotate(var(--a)) translateY(calc(-1 * var(--r) * var(--k))) rotate(calc(-1 * var(--a)));transition:transform .22s,border-color .2s;position:absolute;bottom:0;left:0}.mini-pet-tools>button.active{border-color:var(--ring,#f5f6f7)}.mini-pet-tools button{color:#f5f6f7;cursor:pointer;pointer-events:auto;background:#10141ab8;border:1px solid #383c46;border-radius:999px;place-items:center;width:24px;height:24px;padding:4px;display:grid}.mini-pet-tools button svg{width:100%;height:100%}@media (pointer:coarse){.mini-pet-tools button{width:32px;height:32px;padding:7px}}.mini-pet-tools .mini-pet-care-feed{--ring:#f4cf45}.mini-pet-tools .mini-pet-care-sleep{--ring:#9fc4ff}.mini-pet-tools .mini-pet-care-wash{--ring:#6fd8f2}.mini-pet-tools .mini-pet-care-play{--ring:#7fdc6b}.mini-pet-tools .mini-pet-ring{pointer-events:none;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;inset:-2px;transform:rotate(-90deg)}.mini-pet-tools .mini-pet-ring circle{fill:none;stroke:var(--ring);stroke-width:2px;stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .4s}.mini-pet-tools .mini-pet-ring .track{stroke:#ffffff1f;stroke-dasharray:none}.mini-pet-tools .low .mini-pet-ring circle:not(.track){stroke:#ff6b5c}.mini-pet-panel{bottom:calc(var(--r) + 24px);pointer-events:auto;background:#10141ad9;border:1px solid #383c46;border-radius:10px;gap:6px;padding:6px;display:grid;position:absolute;left:0;transform:translate(-50%)}@media (pointer:coarse){.mini-pet-panel{bottom:calc(var(--r) + 28px)}}.mini-pet-panel-row{justify-content:center;gap:6px;display:flex}.mini-pet-palette{grid-template-columns:repeat(5,18px);gap:6px;display:grid}.mini-pet-palette button{background:var(--swatch);border:2px solid #0000;border-radius:50%;width:18px;height:18px;padding:0}.mini-pet-palette button.active{border-color:#f5f6f7}@media (pointer:coarse){.mini-pet-palette button{width:24px;height:24px;padding:0}.mini-pet-palette{grid-template-columns:repeat(5,24px)}}.mini-pet-tools.open{--k:1;visibility:visible;opacity:1;transition:opacity .2s}.mini-pet-fx{z-index:41;pointer-events:none;width:0;height:0;position:fixed;bottom:0;left:0}.mini-pet-fx>span{opacity:0;animation:1.6s ease-out forwards mini-pet-rise;position:absolute;transform:translate(-50%)}.mini-pet-fx-heart svg{fill:#ff5c8a;filter:drop-shadow(0 1px 2px #00000073);width:18px;height:18px;display:block}.mini-pet-fx-bubble i{background:radial-gradient(circle at 35% 35%,#ffffffb3,#9fdcff26 60%);border:1.5px solid #dff6ffe6;border-radius:50%;width:10px;height:10px;display:block}.mini-pet-fx-bubble:nth-child(odd) i{width:7px;height:7px}.mini-pet-fx-dust{animation-duration:1.3s!important}.mini-pet-fx-dust i{background:radial-gradient(#a5846099,#a5846000 70%);border-radius:50%;width:16px;height:10px;display:block}.mini-pet-sponge{z-index:42;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 3px #00000073);width:30px;height:30px;animation:1.4s ease-in-out infinite mini-pet-bob;position:fixed;transform:translate(-50%,-50%)rotate(-12deg)}.mini-pet-sponge:before{content:"";position:absolute;inset:-14px}.mini-pet-sponge svg{width:100%;height:100%;display:block}.mini-pet-sponge.held{cursor:none;animation:none}.mini-pet-bag{z-index:42;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 3px #00000073);width:34px;height:34px;transition:transform .2s;animation:1.4s ease-in-out infinite mini-pet-bob;position:fixed;transform:translate(-50%,-50%)rotate(-8deg)}.mini-pet-bag:before{content:"";position:absolute;inset:-14px}.mini-pet-bag svg{width:100%;height:100%;display:block;overflow:visible}.mini-pet-bag .sack{fill:#c8a46a;stroke:#8a6a3a;stroke-width:1.2px}.mini-pet-bag .neck{fill:#b48f55;stroke:#8a6a3a;stroke-width:1.2px}.mini-pet-bag .tie{stroke:#6b4a22;stroke-width:2px;stroke-linecap:round}.mini-pet-bag .seed{fill:none;stroke:#8a6a3a;stroke-width:1.2px;stroke-linecap:round}.mini-pet-bag.held{cursor:grabbing;animation:none;transform:translate(-50%,-50%)rotate(-60deg)}.mini-pet-seeds{z-index:41;pointer-events:none;width:0;height:0;position:fixed;bottom:0;left:0}.mini-pet-seeds i{background:#e9c46a;border-radius:50%;width:4px;height:3px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 .5px #5a3d1299}@keyframes mini-pet-bob{50%{transform:translate(-50%,-62%)rotate(-6deg)}}.mini-pet-bin{z-index:42;pointer-events:none;position:fixed;bottom:0;overflow:visible;transform:translate(-50%)}.mini-pet-bin path{fill:#4a2e16bf}.mini-pet-bin.front{z-index:44;filter:drop-shadow(0 1px 2px #0006)}.mini-pet-bin.front path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.mini-pet-bin.front .weave{stroke:#b9824a;stroke-width:2px}.mini-pet-bin.front .side{stroke:#8f5a2c;stroke-width:2.5px}.mini-pet-bin.front .rim{fill:#c99358}.mini-pet-ball{z-index:43;background:radial-gradient(circle at 34% 30%, #fff9, #fff0 46%), var(--ball);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;border-radius:50%;position:fixed;overflow:hidden;box-shadow:inset -2px -3px 4px #0000004d,0 1px 2px #00000059}.mini-pet-ball:after{content:"";border:1.5px solid #ffffffd9;border-radius:50%;width:100%;height:120%;position:absolute;top:-10%;left:52%}.mini-pet-ball.held{z-index:45;cursor:grabbing}.mini-pet-ball-0{--ball:#e5484d}.mini-pet-ball-1{--ball:#3e8ef7}.mini-pet-ball-2{--ball:#46c35a}.mini-pet-fx>span>b{color:#f5f6f7;background:#10141acc;border:1px solid #383c46;border-radius:50%;place-items:center;width:26px;height:26px;padding:5px;display:grid}.mini-pet-fx>span>b svg{width:100%;height:100%}.mini-pet-fx-hungry,.mini-pet-fx-bored,.mini-pet-fx-sleepy{animation-duration:2.6s!important}.mini-pet-fx-sigh{color:#aab4c0;text-shadow:0 1px 3px #0009;font-size:22px;font-weight:800;animation-duration:2s!important}.mini-pet-fx-z,.mini-pet-fx-alert{text-shadow:0 1px 3px #0009;font-weight:800}.mini-pet-fx-z{color:#cfe3ff;font-size:18px;animation-duration:2.4s!important}.mini-pet-fx-alert{color:gold;font-size:26px;animation-name:mini-pet-pop!important;animation-duration:.9s!important}@keyframes mini-pet-rise{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-12px)scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), -90px) scale(.9)}}@keyframes mini-pet-pop{0%{opacity:0;transform:translate(-50%)scale(.4)}25%{opacity:1;transform:translate(-50%,-24px)scale(1.2)}80%{opacity:1;transform:translate(-50%,-26px)scale(1)}to{opacity:0;transform:translate(-50%,-30px)scale(1)}}