.companion{position:absolute;width:60px;height:60px;bottom:20px;right:20px;transition:all .5s ease}.companion-body{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffe5b4,gold);box-shadow:0 0 20px #ffd70066;transition:all .5s ease}.companion.idle .companion-body{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.companion.curious .companion-body{animation:curious .8s ease-in-out infinite}@keyframes curious{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-3deg)}75%{transform:translate(3px) rotate(3deg)}}.companion.resonate .companion-body{animation:resonate 2s ease-in-out infinite}@keyframes resonate{0%,to{background:radial-gradient(circle at 30% 30%,#ffe5b4,gold)}50%{background:radial-gradient(circle at 30% 30%,#b4d4ff,#4d96ff)}}.companion.happy .companion-body{animation:happy 1s ease-in-out;box-shadow:0 0 40px #ffd700cc}@keyframes happy{0%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.5);transform:scale(1.1)}to{filter:brightness(1);transform:scale(1)}}.companion.quiet .companion-body{background:radial-gradient(circle at 30% 30%,#d4d4d4,#a0a0a0);box-shadow:0 0 10px #0000001a;animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.companion.guide .companion-body{animation:guide 2s ease-in-out infinite}@keyframes guide{0%,to{transform:translate(0)}50%{transform:translate(-15px)}}.companion.happy:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;animation:sparkle 1s ease-out}@keyframes sparkle{0%{box-shadow:0 0 #ffd70099}to{box-shadow:0 0 0 30px #ffd70000}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}button:active{transform:scale(.95)}