.desktop-pet,.pet-preferences{--pet-accent:var(--accent,#48614c);--pet-control:var(--pet-accent);--pet-outline:#655b50;--pet-fur:#f6e9d2;--pet-paper:#f7f2e6;--pet-ink:#343b35;--pet-surface:#fffffff2;--pet-muted:#72786f;--pet-soft:#eceee8;font-family:var(--font,'Microsoft YaHei',sans-serif)}
.desktop-pet[data-dark=true]{--pet-control:color-mix(in srgb,var(--pet-accent) 55%,#f2f3e8);--pet-outline:#5f564e;--pet-ink:#eceee6;--pet-surface:#262b2af5;--pet-muted:#abb2aa;--pet-soft:#353c37}
.desktop-pet{position:fixed;z-index:1200;width:var(--pet-size);height:var(--pet-size);overflow:visible;pointer-events:none;isolation:isolate;color:var(--pet-ink);text-align:center}
.desktop-pet[hidden],.desktop-pet [hidden]{display:none!important}
.desktop-pet button,.pet-preferences button{font:inherit;color:inherit;box-sizing:border-box;cursor:pointer;letter-spacing:normal;text-transform:none}
.desktop-pet button{pointer-events:auto;appearance:none;-webkit-tap-highlight-color:transparent}
.desktop-pet button:focus-visible,.pet-preferences button:focus-visible{outline:2px solid var(--pet-accent);outline-offset:4px}
.desktop-pet .pet-character{position:relative;z-index:3;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;box-shadow:none;touch-action:none;user-select:none;cursor:grab;border-radius:22px}
.pet-art{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 1px #322e2010)}
.pet-ground{fill:#333b3020;stroke:none}.pet-fur{fill:var(--pet-fur)}.pet-belly{fill:#fffbef;stroke:none}.pet-ear{fill:#e5b9a8;stroke:none}.pet-tail{stroke:#e2ceb1;stroke-width:9}.pet-mark{stroke:#c8ac82;stroke-width:3}.pet-cheeks{stroke:#ddad9a;stroke-width:4;opacity:.65}.pet-accent{fill:var(--pet-accent);stroke:color-mix(in srgb,var(--pet-accent) 80%,#333)}.pet-paper{fill:var(--pet-paper)}.pet-paper-back{fill:#c4cbbc}.pet-paper-fold{fill:#e2e8dd;stroke:#a1aa99;stroke-width:1.4}.pet-wing{fill:#faf8ee;stroke:#b2b5a3;transform-origin:40px 59px}.pet-beak{fill:#d7ad67;stroke:#aa8a53}.pet-sprout-body{fill:#e1ecd4}.pet-stem{stroke:#667e53;stroke-width:3}.pet-leaf{fill:var(--pet-accent);stroke:#667e53}.pet-leaf-light{fill:color-mix(in srgb,var(--pet-accent) 60%,#dfedbc)}.pet-leaves{transform-origin:48px 30px}.pet-body{transform-origin:48px 90px}.pet-head{transform-origin:48px 62px}.pet-paw{transform-origin:28px 77px}.pet-eyes{transform-origin:48px 46px}
.desktop-pet[data-motion=normal] .pet-body{animation:pet-breathe 5.5s ease-in-out infinite}.desktop-pet[data-motion=normal] .pet-eyes{animation:pet-blink 7.8s infinite}.desktop-pet[data-motion=normal] .pet-tail{animation:pet-tail 6s ease-in-out infinite;transform-origin:66px 80px}.desktop-pet[data-motion=normal] .pet-leaves{animation:pet-leaves 5s ease-in-out infinite}
.desktop-pet[data-open=true]:not([data-motion=off]) .pet-head{transform:rotate(-5deg) translateY(-2px);transition:transform .25s}.desktop-pet[data-open=true]:not([data-motion=off]) .pet-paw{transform:rotate(30deg);transition:transform .25s}.desktop-pet[data-open=true]:not([data-motion=off]) .pet-wing{transform:rotate(-15deg);transition:transform .25s}.desktop-pet[data-open=true]:not([data-motion=off]) .pet-leaves{transform:rotate(9deg);animation:none}
.desktop-pet[data-dragging=true] .pet-character{cursor:grabbing}.desktop-pet[data-dragging=true] .pet-body{animation:none;transform:translateY(-4px) rotate(-6deg)}.desktop-pet[data-dragging=true] .pet-ground{opacity:0}.desktop-pet[data-landing=true] .pet-art{animation:pet-land .34s ease-out}
.pet-menu{position:absolute;inset:0;z-index:4;pointer-events:none}
.pet-shortcut{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:76px;height:80px;margin:-40px 0 0 -38px;padding:4px 2px;border:0;border-radius:18px;background:transparent;transform:translate(var(--item-x),var(--item-y));box-shadow:none;text-decoration:none;transition:filter .15s}
.pet-shortcut-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:16px;background:var(--pet-surface);color:var(--pet-control);box-shadow:0 3px 14px #2032220d;transition:transform .16s,background .16s}
.pet-shortcut-icon>svg,.pet-shortcut-icon>img{width:23px;height:23px;object-fit:contain}.pet-shortcut-label{display:block;flex-shrink:0;max-width:100%;font-size:12px;line-height:16px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--pet-ink);padding:1px 4px;border-radius:5px;background:var(--pet-surface)}
.pet-shortcut:hover .pet-shortcut-icon,.pet-shortcut:focus-visible .pet-shortcut-icon{background:color-mix(in srgb,var(--pet-accent) 13%,var(--pet-surface));transform:translateY(-3px)}
.pet-shortcut[aria-current] .pet-shortcut-icon::after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--pet-accent);margin-top:30px}
.pet-nav{width:66px;height:64px;margin:-32px 0 0 -33px;gap:4px}.pet-nav .pet-shortcut-icon{width:32px;height:32px;border-radius:12px;box-shadow:none}.pet-nav .pet-shortcut-icon svg{width:17px;height:17px}.pet-nav .pet-shortcut-label{font-size:11px;line-height:14px;color:var(--pet-muted)}
.pet-settings-entry{position:absolute;right:-3px;bottom:-4px;width:25px;height:25px;border:0;border-radius:50%;padding:5px;background:var(--pet-surface);color:var(--pet-muted)!important}.pet-settings-entry svg{width:100%;height:100%}
.desktop-pet[data-open=true][data-motion=normal]:not([data-compact=true]) .pet-menu>.pet-shortcut{animation:pet-unfurl .24s both;animation-delay:calc(var(--item-order)*15ms)}
.pet-panel{position:absolute;z-index:5;background:var(--pet-surface);color:var(--pet-ink);border-radius:20px;padding:12px;box-sizing:border-box;box-shadow:0 8px 35px #15211920;overflow:auto;overscroll-behavior:contain;pointer-events:auto;text-align:left}
.pet-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 10px;font-size:13px}.pet-panel-heading button{border:0;background:transparent;font-size:22px;width:28px;height:28px}.pet-panel .pet-shortcut{position:static;transform:none;margin:0;width:100%;height:49px;display:flex;flex-direction:row;justify-content:flex-start;padding:4px 6px;gap:12px}.pet-panel .pet-shortcut:hover{background:var(--pet-soft)}.pet-panel .pet-shortcut-icon{width:33px;height:33px;background:transparent;box-shadow:none}.pet-panel .pet-shortcut-label{font-size:12px;background:transparent}
.pet-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 40px);width:max-content;background:var(--pet-surface);color:var(--pet-ink);padding:12px 18px;border-radius:14px;font-size:12px;box-shadow:0 4px 22px #20322220;z-index:10;pointer-events:none}
.desktop-pet[data-compact=true] .pet-menu{inset:auto;left:var(--compact-x);top:var(--compact-y);width:var(--compact-width);box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:14px 8px 30px;background:var(--pet-surface);border-radius:20px;pointer-events:auto;box-shadow:0 6px 26px #20322218;max-height:calc(100vh - 24px);overflow:auto}.desktop-pet[data-compact=true] .pet-menu>.pet-shortcut{position:static;width:auto;height:64px;margin:0;transform:none;animation:none}.desktop-pet[data-compact=true] .pet-menu .pet-settings-entry{right:8px;bottom:5px}
.pet-preferences{color:var(--ink,#343b35)}.pet-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.pet-setting-row h3{margin:0;font-size:14px;font-weight:600}.pet-setting-row p{margin:7px 0 0;color:var(--muted,#72786f);font-size:12px;line-height:1.7}.pet-setting-choices{display:flex;gap:5px;flex-shrink:0}.pet-setting-choices button,.pet-setting-row>button{padding:8px 12px;border:0;border-radius:10px;background:var(--soft,#eff1ec);font-size:12px}.pet-setting-choices button[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.pet-skin-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pet-skin-choice{display:flex;flex-direction:column;align-items:center;gap:7px;padding:17px 8px;border:1px solid transparent;border-radius:18px;background:var(--soft,#eff1ec)}.pet-skin-choice[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 9%,var(--surface,#fff))}.pet-skin-choice .pet-art{width:76px;height:84px;margin-bottom:6px}.pet-skin-choice b{font-size:13px;font-weight:600}.pet-skin-choice span{font-size:10px;color:var(--muted);line-height:1.6}.pet-skin-choice:hover .pet-head{transform:rotate(-5deg)}.pet-skin-choice:hover .pet-wing{transform:rotate(-15deg)}.pet-skin-choice:hover .pet-leaves{transform:rotate(8deg)}
@keyframes pet-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes pet-blink{0%,43%,47%,100%{transform:translateY(0)}45%{transform:scaleY(.1)}}
@keyframes pet-tail{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(6deg)}}
@keyframes pet-leaves{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(5deg)}}
@keyframes pet-land{0%{transform:translateY(-3px)}40%{transform:translateY(1px)}100%{transform:none}}
@keyframes pet-unfurl{from{opacity:0;transform:translate(calc(var(--item-x)*.7),calc(var(--item-y)*.7)) rotate(-10deg) scale(.75)}to{opacity:1;transform:translate(var(--item-x),var(--item-y))}}
@media(max-width:600px){.pet-setting-row{flex-wrap:wrap}.pet-skin-choices{gap:7px}.pet-skin-choice span{display:none}.pet-skin-choice .pet-art{width:64px;height:72px}}
body[data-dark=true] .pet-preferences{--pet-control:color-mix(in srgb,var(--pet-accent) 55%,#f2f3e8)}
.pet-setting-choices button[aria-pressed=false]{opacity:.56}
.pet-setting-choices button[aria-pressed=false]:is(:hover,:focus-visible){opacity:.82}
.pet-setting-choices button[aria-pressed=true]{opacity:1;color:var(--ink);background:color-mix(in srgb,var(--pet-control) 18%,var(--surface,#fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pet-control) 45%,transparent)}
body[data-dark=true] .pet-setting-choices button[aria-pressed=true]{background:color-mix(in srgb,var(--pet-control) 24%,var(--surface,#262b2a));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pet-control) 60%,transparent)}
.pet-skin-choice[aria-pressed=true] b::after{content:' ✓';color:var(--pet-control)}
/* Human companions have their own rig and motion; existing animal artwork is unchanged. */
.desktop-pet,.pet-preferences{--pet-line-ink:#4c504a}
.desktop-pet[data-dark=true],body[data-dark=true] .pet-preferences{--pet-line-ink:#f3eedf}
.pet-human{--human-sway:3deg;--human-nod:6deg;--human-wave:-112deg;--human-wave-back:-92deg;--human-lift:-2px;--human-head-origin:48px 39px;--human-balance-origin:48px 90px;--human-left-origin:35px 46px;--human-right-origin:61px 46px}
.pet-human-line{filter:drop-shadow(0 1px 1px #ffffff24)}
.pet-human-paper{--human-sway:2.8deg;--human-nod:3deg;--human-lift:-24px;--human-head-origin:513px 438px;--human-balance-origin:512px 1334px;--human-left-origin:422px 483px;--human-right-origin:621px 485px;filter:drop-shadow(0 1px 1px #40342628)}
.desktop-pet[data-dark=true] .pet-human-paper,body[data-dark=true] .pet-preferences .pet-human-paper{filter:drop-shadow(0 1px 2px #0005)}
.pet-human-balance{transform-origin:var(--human-balance-origin)}
.pet-human-head-look,.pet-human-head-nod{transform-origin:var(--human-head-origin)}
.pet-human-arm-rest{transform-origin:var(--human-left-origin)}
.pet-human-arm-wave{transform-origin:var(--human-right-origin)}
.pet-human-eyes{transform-origin:48px 26px}
.pet-paper-blink{opacity:0}
.desktop-pet:not([data-motion=off]) .pet-human-balance{animation:pet-human-sway 4.8s ease-in-out infinite}
.desktop-pet:not([data-motion=off]) .pet-human-head-nod{animation:pet-human-nod 12.8s ease-in-out infinite}
.desktop-pet:not([data-motion=off]) .pet-human-arm-rest{animation:pet-human-fidget 10.4s ease-in-out infinite}
.desktop-pet:not([data-motion=off]) .pet-human-eyes{animation:pet-blink 8.6s infinite}
.desktop-pet:not([data-motion=off]) .pet-paper-blink{animation:pet-paper-blink 8.6s step-end infinite}
.desktop-pet[data-motion=gentle] .pet-human,.pet-preferences[data-motion=gentle] .pet-human{--human-sway:1.3deg;--human-nod:2deg;--human-wave:-75deg;--human-wave-back:-64deg}
.desktop-pet[data-motion=gentle] .pet-human-balance{animation-duration:6.8s}
.desktop-pet[data-open=true] .pet-human{--human-sway:.65deg}
.desktop-pet[data-open=true] .pet-human-balance{animation-duration:6.8s}
.desktop-pet[data-open=true]:not([data-motion=off]) .pet-human-head-look{transform:rotate(-4deg);transition:transform .3s ease}
.desktop-pet[data-open=true]:not([data-motion=off]) .pet-human-head-nod{animation:none}
.desktop-pet[data-open=true]:not([data-motion=off]) .pet-human-arm-wave{animation:pet-human-wave 1.5s ease-in-out both}
.desktop-pet[data-dragging=true]:not([data-motion=off]) .pet-human-balance{animation:none;transform:translateY(var(--human-lift)) rotate(-5deg)}
.desktop-pet[data-dragging=true]:not([data-motion=off]) .pet-human-head-nod,.desktop-pet[data-dragging=true]:not([data-motion=off]) .pet-human-arm-rest{animation:none;transform:rotate(7deg)}
.desktop-pet[data-dragging=true]:not([data-motion=off]) .pet-human-arm-wave{animation:none;transform:rotate(-9deg)}
.pet-preferences:not([data-motion=off]) .pet-skin-choice:hover .pet-human-head-look{transform:rotate(-4deg);transition:transform .25s}
.pet-preferences:not([data-motion=off]) .pet-skin-choice:hover .pet-human-arm-wave{animation:pet-human-wave 1.5s ease-in-out both}
@keyframes pet-human-sway{0%,100%{transform:rotate(calc(var(--human-sway)*-1))}50%{transform:rotate(var(--human-sway))}}
@keyframes pet-human-nod{0%,68%,86%,100%{transform:rotate(0)}73%{transform:rotate(var(--human-nod))}79%{transform:rotate(calc(var(--human-nod)*-.5))}}
@keyframes pet-human-fidget{0%,76%,100%{transform:rotate(0)}82%,88%{transform:rotate(-7deg)}85%{transform:rotate(-3deg)}}
@keyframes pet-human-wave{0%,100%{transform:rotate(0)}25%,60%{transform:rotate(var(--human-wave))}43%,77%{transform:rotate(var(--human-wave-back))}}
@keyframes pet-paper-blink{0%,43%,47%,100%{opacity:0}45%{opacity:1}}
@media(prefers-reduced-motion:reduce){.desktop-pet *,.pet-preferences *{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){.pet-preferences .pet-human-head-look{transform:none!important}}
/* Rigid joint movement only: idle observation differs from the greeting. */
.desktop-pet[data-skin=paper] .pet-human-seated,.pet-human-seated{overflow:visible;border-radius:0;--human-balance-origin:48px 93px;--human-lift:-3px}
.desktop-pet[data-motion=normal] :is(.pet-body,.pet-human-balance,.pet-human-arm-rest,.pet-human-arm-wave,.pet-human-head-nod,.pet-leaves){animation:none;transform:none}
.desktop-pet[data-motion=normal][data-skin=cat] .pet-head{animation:pet-cat-look 6.5s ease-in-out infinite}
.desktop-pet[data-motion=normal][data-skin=cat] .pet-tail{animation:pet-tail 5s ease-in-out infinite}
.desktop-pet[data-motion=normal][data-skin=bird] .pet-body{animation:pet-bird-hop 6s ease-in-out infinite}
.desktop-pet[data-motion=normal][data-skin=sprout] .pet-leaves{animation:pet-leaf-listen 6.8s ease-in-out infinite}
.desktop-pet[data-motion=normal][data-skin=line] .pet-human-head-look{animation:pet-human-look 7s ease-in-out infinite}
.desktop-pet[data-motion=normal][data-skin=line] .pet-human-arm-rest{animation:pet-human-fidget 7s ease-in-out infinite}
.desktop-pet[data-motion=normal][data-skin=paper] .pet-human-balance{animation:pet-seated-settle 7s ease-in-out infinite}
/* Greeting uses joints and gestures that are absent from each idle sequence. */
.desktop-pet[data-motion=normal][data-open=true] :is(.pet-body,.pet-head,.pet-leaves,.pet-human-balance,.pet-human-head-look,.pet-human-arm-rest){animation:none;transform:none}
.desktop-pet[data-motion=normal][data-open=true][data-skin=cat] .pet-head{transform:rotate(-7deg);transition:transform .3s}
.desktop-pet[data-motion=normal][data-open=true][data-skin=cat] .pet-paw{animation:pet-paw-hello 1.4s ease-in-out both;transform-origin:30px 75px}
.desktop-pet[data-motion=normal][data-open=true][data-skin=bird] .pet-body{animation:pet-bird-hello 1.6s ease-in-out both}
.desktop-pet[data-motion=normal][data-open=true][data-skin=bird] .pet-wing{animation:pet-wing-hello 1.6s ease-in-out both;transform-origin:28px 54px}
.desktop-pet[data-motion=normal][data-open=true][data-skin=sprout] .pet-body{animation:pet-sprout-hello 1.5s ease-in-out both}
.desktop-pet[data-motion=normal][data-open=true][data-skin=sprout] .pet-paw{transform-origin:24px 62px;animation:pet-sprout-hand 1.5s ease-in-out both}
.desktop-pet[data-motion=normal][data-open=true][data-skin=line] .pet-human-arm-wave{animation:pet-human-wave 1.5s ease-in-out both}
.desktop-pet[data-motion=normal][data-open=true][data-skin=line] .pet-human-head-look{animation:pet-line-hello 1.5s ease-in-out both}
.desktop-pet[data-motion=normal][data-open=true][data-skin=paper] .pet-human-balance{animation:pet-seated-hello 1.5s ease-in-out both}
.desktop-pet[data-dragging=true] .pet-art *{animation:none!important}
@keyframes pet-cat-look{0%,58%,100%{transform:none}70%{transform:rotate(-10deg)}83%{transform:rotate(8deg)}93%{transform:rotate(-3deg)}}
@keyframes pet-paw-hello{0%,100%{transform:none}25%,65%{transform:rotate(48deg)}45%,82%{transform:rotate(23deg)}}
@keyframes pet-bird-hop{0%,64%,100%{transform:none}72%{transform:translate(3px,-7px) rotate(3deg)}80%{transform:translateX(5px)}89%{transform:translate(2px,-5px) rotate(-3deg)}}
@keyframes pet-bird-hello{0%,100%{transform:none}25%{transform:translate(-4px,-12px) rotate(-6deg)}50%{transform:translate(4px,-16px) rotate(5deg)}75%{transform:translate(5px,-9px)}}
@keyframes pet-wing-hello{0%,100%{transform:none}15%,35%,55%,75%{transform:rotate(-48deg)}25%,45%,65%,85%{transform:rotate(12deg)}}
@keyframes pet-leaf-listen{0%,60%,100%{transform:none}72%{transform:rotate(-18deg)}85%{transform:rotate(15deg)}94%{transform:rotate(-6deg)}}
@keyframes pet-sprout-hello{0%,100%{transform:none}25%{transform:translate(-3px,-4px) rotate(-10deg)}50%{transform:translate(3px,-5px) rotate(10deg)}75%{transform:rotate(-5deg)}}
@keyframes pet-sprout-hand{0%,100%{transform:none}30%,65%{transform:rotate(35deg)}48%,82%{transform:rotate(10deg)}}
@keyframes pet-human-look{0%,62%,100%{transform:none}74%{transform:rotate(10deg)}87%{transform:rotate(-7deg)}}
@keyframes pet-line-hello{0%,100%{transform:none}30%,65%{transform:rotate(-6deg)}48%{transform:rotate(3deg)}}
@keyframes pet-seated-settle{0%,60%,100%{transform:none}73%{transform:translateX(-2px) rotate(-2deg)}88%{transform:translateX(1px) rotate(1deg)}}
@keyframes pet-seated-hello{0%,100%{transform:none}30%{transform:rotate(-7deg)}55%{transform:rotate(-4deg)}75%{transform:rotate(-7deg)}}
@media(prefers-reduced-motion:reduce){.desktop-pet *{animation:none!important;transition:none!important}}
/* Pose animation preserves anatomy; only uniform scaling aligns sprite sizes. */
.pet-girl-sprite{position:relative;width:100%;height:100%;display:block;filter:drop-shadow(0 2px 1px #40342618)}
.pet-girl-frame{position:absolute;left:5%;top:5%;width:90%;height:90%;overflow:hidden;transform:scale(var(--girl-scale,.78));transform-origin:50% 94%;transition:transform .14s linear}
.desktop-pet[data-skin=paper][data-facing=left][data-dragging=true] .pet-girl-sprite{transform:scaleX(-1)}
.desktop-pet[data-skin=paper][data-landing=true] .pet-art{animation:none}
@media(prefers-reduced-motion:reduce){.pet-girl-frame{transition:none!important}}
/* The articulated controller owns the four vector companions' joints. */
.desktop-pet[data-rig=joint]:not([data-skin=paper]) .pet-art *{animation:none!important;transition:none;}
.pet-cat-gait{opacity:0;transform-origin:0 0}.pet-cat-gait .gait-legs path{stroke:var(--pet-outline);fill:none;stroke-width:4;stroke-linecap:round}
.desktop-pet[data-rig=joint]:not([data-skin=paper])[data-landing=true] .pet-art{animation:none}

.desktop-pet[data-idle="true"] { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }

/* A wheel-selected shortcut gets a clear ring instead of the old context dot. */
.desktop-pet .pet-shortcut[aria-current] .pet-shortcut-icon::after{display:none}
.desktop-pet .pet-shortcut[data-selected=true] .pet-shortcut-icon{background:color-mix(in srgb,var(--pet-accent) 20%,var(--pet-surface));box-shadow:0 0 0 3px var(--pet-accent),0 6px 18px #20322222;transform:scale(1.08)}
.desktop-pet .pet-shortcut[data-selected=true] .pet-shortcut-label{background:var(--pet-accent);color:#fff;box-shadow:0 2px 8px #20322226}
.desktop-pet .pet-shortcut[data-selected=true].pet-nav .pet-shortcut-icon{box-shadow:0 0 0 2px var(--pet-accent),0 4px 12px #20322222}
.desktop-pet .pet-shortcut-icon:has(>img.corner-config-icon){overflow:hidden;border-radius:50%}
.desktop-pet .pet-shortcut-icon>img.corner-config-icon{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:50%;transform:scale(1.18)}