.pet-egg{position:absolute;left:957px;top:676px;width:110px;height:132px;z-index:4;padding:0;background:none;border:0;isolation:isolate}
.pet-egg>img{width:100%;height:100%;object-fit:contain;transition:transform .25s,filter .25s}.pet-egg:before{content:"";position:absolute;left:8%;bottom:-2%;width:86%;height:16%;border-radius:50%;background:#000a;filter:blur(5px);z-index:-1}
.pet-egg:hover>img,.pet-egg:focus-visible>img{transform:translateY(-1px) rotate(.4deg);filter:drop-shadow(0 0 9px #ff4db85c)}
.pet-hint{position:absolute;right:120px;top:20px;width:220px;padding:14px;background:#17101ee8;border:1px solid #f078c56b;border-radius:13px;color:#e9e3e8;opacity:0;visibility:hidden;text-align:left;pointer-events:none}.pet-hint b{font-size:12px}.pet-hint small{display:block;font-size:11px;margin-top:7px;color:#b8afb7}.pet-egg:hover .pet-hint,.pet-egg:focus-visible .pet-hint{opacity:1;visibility:visible}
.canvas.in-scene .pet-egg{visibility:hidden}.pet-layer{position:absolute;inset:0;z-index:35}.pet-dim{position:absolute;inset:0;background:#0d071323;pointer-events:none}
.pet-open #world{transform:translate(-35px,-24px) scale(1.045)!important;filter:brightness(.86)}
.pet-panel{position:absolute;left:770px;top:180px;width:510px;height:585px;padding:23px;border:1px solid #f078c59c;border-radius:18px;background:linear-gradient(130deg,#201326dc,#14121aca),repeating-linear-gradient(0deg,transparent 0 27px,#f078c50a 28px);box-shadow:inset 0 0 25px #f078c511,0 0 26px #ff4db820;transform-origin:55% 100%;animation:pet-build .7s ease both;color:#e9e3e8;overflow:hidden}
.pet-panel:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#fff02 5px);pointer-events:none}
.pet-panel header{display:flex;justify-content:space-between;align-items:center;font:13px monospace;color:#f078c5;letter-spacing:.08em}.pet-close{font-size:25px;color:#f078c5}.pet-close small{font:10px monospace}.pet-status{font:12px monospace;letter-spacing:.08em;margin:14px 0;text-align:center;color:#f078c5}.pet-copy{font-size:13px;text-align:center;margin:8px 0 15px}.pet-creature{display:block;width:100%;height:275px;padding:0;background:none;border:0}.pet-creature img{height:100%;width:100%;object-fit:contain}.pet-creature:disabled{opacity:1;cursor:default}
.pet-stats{display:flex;gap:15px}.pet-stats label{width:33%;font:10px monospace}.pet-stats span{display:block;color:#b8afb7;margin:5px 0}.pet-stats meter{width:100%;height:9px;appearance:none}.pet-stats meter::-webkit-meter-bar{background:#342638;border:0}.pet-stats meter::-webkit-meter-optimum-value{background:#f078c5}
.pet-actions{display:flex;gap:9px;margin-top:20px}.pet-actions button{flex:1;border:1px solid #f078c570;border-radius:8px;padding:12px 5px;color:#e9e3e8;background:#251529;font:11px monospace}.pet-actions button:hover{border-color:#f078c5;background:#412039}.pet-actions button:disabled{opacity:.45}.pet-panel footer{text-align:center;font:9px monospace;color:#817780;letter-spacing:.15em;margin-top:19px}
.pet-ring{position:absolute;left:951px;top:759px;width:132px;height:36px;border:2px solid #f078c5;border-radius:50%;box-shadow:0 0 16px #ff4db870,inset 0 0 15px #ff4db83b;animation:pet-build .5s ease both}.pet-projection{position:absolute;left:827px;top:715px;width:340px;height:63px;background:linear-gradient(0deg,#ff4db82a,transparent);clip-path:polygon(0 0,100% 0,61% 100%,43% 100%);pointer-events:none}.pet-closing{opacity:0;transition:opacity .45s}.pet-closing .pet-panel{transform:scaleY(.05);transition:transform .45s}.pet-layer[data-state=pet_sleeping] .pet-panel{background-color:#090711;box-shadow:0 0 12px #ff4db814}
@keyframes pet-build{from{opacity:0;transform:scaleY(.08)}to{opacity:1;transform:scaleY(1)}}
.pet-stats[hidden],.pet-actions[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.pet-panel,.pet-ring{animation:none}.pet-egg>img,.pet-closing,.pet-closing .pet-panel{transition:none}.pet-egg:hover>img{transform:none}.pet-open #world{transform:none!important}}
.pet-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#f078c5;box-shadow:0 0 12px #ff4db8;animation:pet-scan .9s ease-out both;pointer-events:none}@keyframes pet-scan{from{top:0;opacity:.6}to{top:100%;opacity:0}}@media(prefers-reduced-motion:reduce){.pet-panel:before{animation:none;display:none}}


.pet-egg .pet-hint{opacity:1;visibility:visible;pointer-events:auto}