.zyro-robot{position:relative;width:100%;max-width:680px;aspect-ratio:4/3;touch-action:pan-y}.zyro-robot__character{position:absolute;inset:0;z-index:1;animation:zyro-robot-bounce 4.8s ease-in-out infinite}@keyframes zyro-robot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.zyro-robot__body,.zyro-robot__face{position:absolute;inset:0}.zyro-robot__base{position:absolute;z-index:0;left:50%;bottom:2%;width:98%;height:auto;transform:translate(-50%,70px);pointer-events:none;user-select:none}.zyro-robot__body,.zyro-robot__face canvas{display:block;width:100%;height:100%;object-fit:contain}.zyro-robot__body{z-index:1;user-select:none;transform:scale(.75)}.zyro-robot__face{z-index:2;overflow:visible;pointer-events:none;transform:translate(.8%,-30%) scale(1.1)}.zyro-robot__face canvas{opacity:0;transform:translateY(14px) scale(.98);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.zyro-robot__face.is-ready canvas{opacity:1;transform:none}.zyro-robot__fallback{display:none;width:100%;height:100%;object-fit:contain}.zyro-robot__face.is-fallback .zyro-robot__fallback{display:block;z-index:3}@media (max-width:1023px){.zyro-robot{max-width:440px}}@media (prefers-reduced-motion:reduce){.zyro-robot__face canvas{transition:none;opacity:1;transform:none}}