/* ===== CAT ===== */
#catImg{
  position:absolute;
  left:0; top:0;
  width:45px; height:auto;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%, -50%) scale(1);
  transition:opacity 3s ease, transform 2s ease-in-out;
  mix-blend-mode:screen;
  z-index:2;

  /* filter はアニメで上書きされるので、ここは書いても効きにくい */
  animation: catPulse 6s ease-in-out infinite alternate;
}

@keyframes catPulse{
  0%{
    filter:
      drop-shadow(0 0 .35em rgba(255,255,255,.15))  /* ←白芯 */
      drop-shadow(0 0 .65em rgba(255,255,255,.28))
      drop-shadow(0 0 1.25em rgba(255,255,255,.18));
  }
  50%{
    filter:
      drop-shadow(0 0 .45em rgba(255,255,255,.15))  /* ←白芯(強) */
      drop-shadow(0 0 .90em rgba(255,255,255,.32))
      drop-shadow(0 0 1.70em rgba(255,255,255,.16));
  }
  100%{
    filter:
      drop-shadow(0 0 .35em rgba(255,255,255,.15))  /* ←白芯 */
      drop-shadow(0 0 .65em rgba(255,255,255,.22))
      drop-shadow(0 0 1.25em rgba(255,255,255,.12));
  }
}

@media(max-width:640px){ #catImg{ width:28px; } }