/* アニマル相性 — ANIMA（おもしろ・動物タイプ） */
:root {
  --accent: #f4a261;
  --accent-2: #2a9d8f;
  --accent-soft: rgba(244, 162, 97, 0.18);
  --glow: 0 0 50px rgba(244, 162, 97, 0.3);
}

.dx-mark .an-icon {
  width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center; font-size: 1rem;
  background: radial-gradient(circle at 35% 30%, #ffd6a8, #f4a261 65%, #d97b3a);
  box-shadow: 0 0 16px rgba(244,162,97,0.5);
}

/* エンブレム：弾む足あとバッジ */
.an-emblem { position: absolute; inset: 8%; border-radius: 50%; display: grid; place-items: center;
  background: radial-gradient(circle at 35% 30%, rgba(244,162,97,0.18), transparent 70%);
  border: 1px solid var(--accent-soft); }
.an-emblem .paw { font-size: clamp(3rem, 9vw, 4.6rem); animation: an-bounce 2.4s ease-in-out infinite; }
@keyframes an-bounce { 0%,100% { transform: translateY(4px) rotate(-4deg); } 50% { transform: translateY(-8px) rotate(4deg); } }
.an-emblem .orbit { position: absolute; inset: -6%; border-radius: 50%; border: 1px dashed rgba(42,157,143,0.35); animation: dx-spin 30s linear infinite; }

.dx-pp .ph { font-size: 2.6rem; }