.pet-frame{border-radius:50%}.pet-frame--s1{box-shadow:0 0 0 1px #d6d9e480,0 0 4px #d6d9e44d,0 0 9px 1px #b9bdcc29}.pet-name--s1{color:#d6d9e4}.pet-frame--s2{box-shadow:0 0 0 1px #6fff908c,0 0 5px 1px #52ff7a5c,0 0 12px 2px #52ff7a2e}.pet-name--s2{color:#6fff90}.pet-frame--s3{box-shadow:0 0 0 1px #f4c94b99,0 0 6px 1px #f4c94b57,0 0 13px 2px #f4c94b2e}.pet-name--s3{color:#f4c94b}.pet-frame--s4{box-shadow:0 0 0 1px #2ee6ae9e,0 0 6px 1px #22d3a061,0 0 14px 3px #f4c94b33,0 0 20px 5px #22d3a01f}.pet-name--s4{background:linear-gradient(90deg,#2ee6ae 0%,#f4c94b 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.pet-frame--s5{animation:2.4s ease-in-out infinite pet-frame-imperial;box-shadow:0 0 0 1px #cf94ffb3,0 0 7px 1px #b76bff73,0 0 15px 3px #ff6bd538,0 0 24px 6px #4078ff24}.pet-name--s5{background:linear-gradient(90deg,#b76bff 0%,#ff6bd5 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes pet-frame-imperial{0%,to{box-shadow:0 0 0 1px #cf94ffb3,0 0 7px 1px #b76bff73,0 0 15px 3px #ff6bd538,0 0 24px 6px #4078ff24}50%{box-shadow:0 0 0 1px #e2beffd9,0 0 10px 2px #b76bff99,0 0 20px 5px #ff6bd54d,0 0 30px 8px #4078ff2e}}@media (prefers-reduced-motion:reduce){.pet-frame--s5{animation:none}}