.mc-face{
  position:absolute;
  left:50%;
  top:26%;
  width:38px;
  height:28px;
  transform:translate(-50%,-50%);
  z-index:9;
  pointer-events:none;
}

.mc-face-layer{
  position:absolute;
  left:50%;
  top:50%;
  max-width:100%;
  max-height:100%;
  transform:translate(-50%,-50%);
  object-fit:contain;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.14));
}

.mc-face-eyes{width:34px;height:12px;top:36%}
.mc-face-mouth{width:30px;height:12px;top:72%}

.mc-face-mood-idle .mc-face-eyes{animation:mcFaceBlink 4.6s infinite}
.mc-face-mood-nervous .mc-face-eyes{animation:mcFaceNervousEyes .45s ease-in-out infinite}
.mc-face-mood-nervous .mc-face-mouth{animation:mcFaceMouthTense .42s ease-in-out infinite}
.mc-face-mood-mad .mc-face-eyes{animation:mcFaceAngryEyes .28s ease-in-out infinite;filter:drop-shadow(0 2px 2px rgba(0,0,0,.14)) saturate(1.4)}
.mc-face-mood-mad .mc-face-mouth{animation:mcFaceAngryMouth .28s ease-in-out infinite}
.mc-face-mood-happy .mc-face-mouth{animation:mcFaceHappyMouth .38s ease-out both}

@keyframes mcFaceBlink{
  0%,92%,100%{transform:translate(-50%,-50%) scaleY(1)}
  94%,96%{transform:translate(-50%,-50%) scaleY(.18)}
}

@keyframes mcFaceNervousEyes{
  0%,100%{transform:translate(-50%,-50%) translateX(0)}
  50%{transform:translate(-50%,-50%) translateX(2px)}
}

@keyframes mcFaceMouthTense{
  0%,100%{transform:translate(-50%,-50%) scaleX(1)}
  50%{transform:translate(-50%,-50%) scaleX(.82)}
}

@keyframes mcFaceAngryEyes{
  0%,100%{transform:translate(-50%,-50%) rotate(0deg)}
  50%{transform:translate(-50%,-50%) rotate(-4deg)}
}

@keyframes mcFaceAngryMouth{
  0%,100%{transform:translate(-50%,-50%) translateY(0)}
  50%{transform:translate(-50%,-50%) translateY(1px)}
}

@keyframes mcFaceHappyMouth{
  0%{transform:translate(-50%,-50%) scale(.9)}
  70%{transform:translate(-50%,-50%) scale(1.12)}
  100%{transform:translate(-50%,-50%) scale(1)}
}

@media (orientation: landscape){
  .mc-face{width:32px;height:24px;top:25%}
  .mc-face-eyes{width:30px;height:10px}
  .mc-face-mouth{width:26px;height:10px}
}