/* 联机双猫动作按钮（js/mp_emote.js） */
#mpe-btn { position: fixed; z-index: 55; right: calc(env(safe-area-inset-right, 0px) + 112px); bottom: 104px; width: 52px; height: 52px; border-radius: 50%;
  font-family: var(--serif); font-size: 15px; color: #23292a; background: #efe7d4; border: 2px solid #6b5a44; box-shadow: 0 2px 0 #6b5a44; padding: 0; }
#mpe-btn:active { transform: translateY(2px); box-shadow: none; }
#mpe-btn.far { opacity: .55; }
#mpe-btn[hidden] { display: none; }
#mpe-wheel { position: fixed; z-index: 56; width: 0; height: 0; }
#mpe-wheel button { position: absolute; left: 0; top: 0; transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))); min-width: 56px; padding: 6px 8px;
  font-family: var(--serif); font-size: 14px; color: #23292a; background: #f6efdc; border: 2px solid #6b5a44; box-shadow: 0 2px 0 #6b5a44; white-space: nowrap;
  animation: mpeIn .18s steps(4) both; }
#mpe-wheel button:nth-child(2) { animation-delay: .03s; } #mpe-wheel button:nth-child(3) { animation-delay: .06s; } #mpe-wheel button:nth-child(4) { animation-delay: .09s; } #mpe-wheel button:nth-child(5) { animation-delay: .12s; }
#mpe-wheel button:active { background: #a8392b; color: #f6efdc; }
@keyframes mpeIn { from { transform: translate(-50%, -50%) scale(.4); opacity: 0; } }