.screen-pet{position:fixed;left:0;top:0;width:112px;height:112px;z-index:-1;pointer-events:none;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.screen-pet-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.screen-pet:focus-visible{outline:2px solid #e3a4ff;outline-offset:4px;border-radius:16px}.screen-pet-body,.screen-pet-figure{position:absolute;inset:0;transform-origin:50% 100%}.screen-pet-figure{display:flex;align-items:flex-end;justify-content:center}.screen-pet-figure .official-avatar{display:block;flex:none}.screen-pet[data-state=avoid] .screen-pet-figure,.screen-pet[data-state=walk] .screen-pet-figure{animation:sp-step .5s steps(4,jump-none) infinite}.screen-pet[data-state=perch] .screen-pet-figure,.screen-pet[data-state=sit] .screen-pet-figure{transform:scaleY(.86)}.screen-pet[data-state=yawn] .screen-pet-figure{animation:sp-yawn 1.2s ease-in-out both}.screen-pet[data-state=sleep] .screen-pet-figure{transform:translateY(14px) rotate(-78deg);transform-origin:50% 80%;filter:saturate(.8)}.screen-pet[data-state=held] .screen-pet-figure{animation:sp-dangle .6s ease-in-out infinite;transform-origin:50% 0}.screen-pet[data-react=spin] .screen-pet-figure{animation:sp-spin .6s ease-in-out both}.screen-pet[data-react=shy] .screen-pet-figure{animation:sp-shy 1.2s ease-in-out both;filter:drop-shadow(0 0 6px #ff8db0)}.screen-pet[data-wake="1"] .screen-pet-figure{animation:sp-wake .4s ease-out both}.screen-pet-zzz{position:absolute;right:-2px;top:-6px;font:700 15px/1 system-ui;color:#cfc2ff;opacity:0}.screen-pet-zzz i{font-size:11px;font-style:normal}.screen-pet[data-state=sleep] .screen-pet-zzz{opacity:1;animation:sp-zzz 2s ease-in-out infinite}.screen-pet-hearts{position:absolute;left:0;right:0;bottom:60%;height:0}.screen-pet-hearts i{position:absolute;left:calc(26px + var(--i) * 12px);bottom:0;color:#ff7aa8;font-style:normal;font-size:16px;animation:sp-heart 1s ease-out both;animation-delay:calc(var(--i) * 60ms)}.screen-pet-bubble{position:absolute;bottom:calc(100% + 8px);margin:0;width:max-content;max-width:min(220px,calc(100vw - 16px));box-sizing:border-box;padding:8px 10px;border-radius:12px;background:#2b2638f2;border:1px solid #d6a8f466;color:#f3eef9;font-size:12px;line-height:1.5;box-shadow:0 6px 20px #0007;animation:sp-pop .18s ease-out both}.screen-pet[data-side=left] .screen-pet-bubble{left:0}.screen-pet[data-side=right] .screen-pet-bubble{right:0}.screen-pet .screen-pet-bubble[data-place=above-left]{left:0;right:auto;bottom:calc(100% + 8px);top:auto}.screen-pet .screen-pet-bubble[data-place=above-right]{right:0;left:auto;bottom:calc(100% + 8px);top:auto}.screen-pet .screen-pet-bubble[data-place=left]{right:calc(100% + 6px);left:auto;bottom:45%;top:auto}.screen-pet .screen-pet-bubble[data-place=right]{left:calc(100% + 6px);right:auto;bottom:45%;top:auto}.screen-pet[data-paused="1"] *{animation-play-state:paused!important}@keyframes sp-step{50%{transform:translateY(-2px) rotate(2deg)}}@keyframes sp-yawn{40%,60%{transform:scale(1.06,.92)}}@keyframes sp-dangle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes sp-spin{to{transform:rotate(1turn)}}@keyframes sp-shy{20%,80%{transform:scale(.92) rotate(-6deg)}}@keyframes sp-wake{0%{transform:scaleY(.86)}to{transform:none}}@keyframes sp-zzz{50%{transform:translateY(-4px)}}@keyframes sp-heart{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-40px) scale(1.1)}}@keyframes sp-pop{0%{opacity:0;transform:translateY(4px)}}@keyframes sp-fade{0%{opacity:1}to{opacity:0}}.screen-pet-mood{position:absolute;left:4px;top:-2px;font:700 18px/1 system-ui;opacity:0;transition:opacity .15s}.screen-pet[data-emotion] .screen-pet-mood{opacity:1}.screen-pet[data-emotion=happy] .screen-pet-mood:after{content:"♪";color:#ffd98a}.screen-pet[data-emotion=excited] .screen-pet-mood:after{content:"✦";color:#ffe27a}.screen-pet[data-emotion=shy] .screen-pet-mood:after{content:"//";color:#ff8db0}.screen-pet[data-emotion=sleepy] .screen-pet-mood:after{content:"…";color:#cfc2ff}.screen-pet[data-emotion=miss_you] .screen-pet-mood:after{content:"♡";color:#ff7aa8}.screen-pet[data-emotion=excited] .screen-pet-figure{animation:sp-spin .9s ease-in-out both}.screen-pet[data-emotion=shy] .screen-pet-figure{animation:sp-shy 1.2s ease-in-out both;filter:drop-shadow(0 0 6px #ff8db0)}.screen-pet[data-emotion=sleepy] .screen-pet-figure{animation:sp-yawn 1.2s ease-in-out both}.screen-pet[data-emotion=miss_you] .screen-pet-figure{animation:sp-wave .9s steps(10,jump-none) both}@keyframes sp-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-7deg)}40%,80%{transform:rotate(7deg)}}.screen-pet[data-reduced="1"][data-emotion=shy] .screen-pet-figure{filter:drop-shadow(0 0 6px #ff8db0)}.screen-pet-toggle{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.screen-pet-toggle input{width:20px;height:20px;accent-color:#d68cf0}.screen-pet[data-speaking="1"] .screen-pet-figure>*{animation:sp-speak .5s ease-in-out infinite}@keyframes sp-speak{50%{transform:translateY(-.7px)}}.screen-pet[data-reduced="1"][data-speaking="1"] .screen-pet-figure>*{animation:none}.screen-pet-badge{position:absolute;right:-6px;top:-4px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:#ff4f78;color:#fff;font:700 11px/18px system-ui;text-align:center}.screen-pet-bubble-link{pointer-events:auto;cursor:pointer;-webkit-text-decoration:underline dotted #d6a8f4 1px;text-decoration:underline dotted #d6a8f4 1px;text-underline-offset:3px}.screen-pet-shadow{position:absolute;left:20%;right:20%;bottom:-5px;height:12px;border-radius:50%;background:radial-gradient(closest-side,#0008,#0000);transform:translateY(var(--sp-drop,0)) scale(var(--sp-shadow,1));opacity:var(--sp-shadow,1);pointer-events:none}.screen-pet-body{perspective:420px}.screen-pet[data-state=avoid] .screen-pet-figure,.screen-pet[data-state=walk] .screen-pet-figure{rotate:y 10deg}.screen-pet-figure{translate:var(--sp-px,0) var(--sp-py,0);transition:translate .25s ease-out}.screen-pet[data-reduced="1"] .screen-pet-figure{rotate:none;translate:none}.screen-pet-live{position:relative;width:112px;height:112px}.screen-pet-live .pet-figure{width:112px;height:112px;transform-origin:50% 100%}.screen-pet-3d{position:relative}.screen-pet-3d canvas{display:block;left:50%;transform:translateX(-50%)}.screen-pet-3d canvas,.screen-pet-fx{position:absolute;bottom:0;pointer-events:none}.screen-pet-fx{left:0;width:112px;height:112px;overflow:visible}.screen-pet-atlas{position:absolute;display:block;pointer-events:none}.screen-pet[data-renderer=atlas] .screen-pet-figure{transform:none!important;rotate:none!important;filter:none!important}.screen-pet[data-renderer=atlas] .pet-anim-idle .pet-figure,.screen-pet[data-renderer=atlas][data-state] .screen-pet-figure{animation:none!important}.screen-pet[data-renderer=atlas] .screen-pet-zzz{opacity:0!important}.pet-out-note{position:absolute;z-index:3;left:50%;bottom:22%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#1f1b2ccc;border:1px solid #d6a8f455;color:#f3eef9;font-size:13px;text-align:center;box-shadow:0 0 28px #c9a6ff33}.pet-out-note p{margin:0}.pet-out-note button{min-height:40px;padding:8px 14px;border-radius:12px;border:1px solid #e0abf66b;background:#2b2638;color:#f3eef9;font:inherit;cursor:pointer}.pet-in-note{bottom:auto;top:10px;left:auto;right:10px;transform:none;padding:0;background:none;border:0;box-shadow:none}.screen-pet[data-reduced="1"] .official-avatar *,.screen-pet[data-reduced="1"] .screen-pet-bubble,.screen-pet[data-reduced="1"] .screen-pet-figure,.screen-pet[data-reduced="1"] .screen-pet-zzz{animation:none!important}.screen-pet[data-reduced="1"] .screen-pet-hearts i{animation:sp-fade .8s linear both;animation-delay:0s}.screen-pet[data-reduced="1"]{transition:none}