.scout-orb{position:relative;display:block;flex:none;cursor:default;--eye-w: 9%;--eye-h: 27%;--eye-gap: 11.5%}.scout-orb canvas{display:block;width:100%;height:100%;border-radius:50%}.scout-orb.no-gl canvas{display:none}.scout-orb.no-gl:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c9e57a,#9ec034 45%,#1f5c33)}.scout-orb-eyes{position:absolute;inset:0;transform:translate(0);will-change:transform;transition:transform .35s cubic-bezier(.3,1.2,.4,1);pointer-events:none}.scout-orb-eyes i{position:absolute;top:46%;width:var(--eye-w);height:var(--eye-h);border-radius:999px;background:#fff;border:0 solid #fff;box-sizing:border-box;transform:translate(-50%,-50%) scaleY(var(--scout-eye-open, 1)) rotate(var(--scout-eye-tilt, 0deg));transition:transform .28s cubic-bezier(.3,1.2,.4,1),opacity .25s,width .35s cubic-bezier(.3,1.2,.4,1),height .35s cubic-bezier(.3,1.2,.4,1),border-width .35s,background-color .35s;transform-origin:50% 50%;box-shadow:0 0 6px #ffffff59}.scout-orb-logo{position:absolute;left:50%;top:50%;width:50%;height:auto;transform:translate(-50%,-50%) scale(.6);opacity:0;transition:opacity .3s ease,transform .35s cubic-bezier(.3,1.2,.4,1);pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,255,255,.35))}.scout-orb.ox .scout-orb-logo{opacity:1;transform:translate(-50%,-50%) scale(1)}.scout-orb.ox .scout-orb-eyes i{--scout-eye-open: .08;opacity:0;animation:none}.scout-orb-eyes i.l{left:calc(50% - var(--eye-gap))}.scout-orb-eyes i.r{left:calc(50% + var(--eye-gap))}@keyframes scout-orb-blink{0%,95%{--scout-eye-open: 1}97.5%{--scout-eye-open: .1}to{--scout-eye-open: 1}}.scout-orb.face-idle .scout-orb-eyes i,.scout-orb.face-busy .scout-orb-eyes i{animation:scout-orb-blink 4s infinite}@keyframes scout-orb-look{0%,40%{transform:translate(0)}45%,55%{transform:translate(-8%)}60%,70%{transform:translate(8%)}75%,to{transform:translate(0)}}.scout-orb.wander .scout-orb-eyes{animation:scout-orb-look 10s ease-in-out infinite}.scout-orb.ox .scout-orb-eyes{transition:none}@property --scout-eye-open{syntax: "<number>"; inherits: true; initial-value: 1;}@property --scout-eye-tilt{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@media(prefers-reduced-motion:reduce){.scout-orb .scout-orb-eyes,.scout-orb .scout-orb-eyes i{animation:none!important}}
