/* v130: only the speaker, the user's copy, and a plain close control. */
.guide-card .guide-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
  color: #4e4838;
  font: 400 30px/1 Arial, sans-serif;
  text-shadow: none;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.guide-card .guide-close::before,
.guide-card .guide-close::after { content: none; }
.guide-card .guide-close:hover { color: #182c25; }
.guide-card .guide-close:focus-visible {
  outline: 2px solid var(--guide-accent);
  outline-offset: -5px;
}
.guide-scroll { padding: 10px 12px 13px; }
.guide-speaker {
  display: flex;
  align-items: center;
  min-height: 30px;
  margin: 0 32px 4px 0;
}
.guide-character {
  pointer-events: none;
  transform-origin: 50% 90%;
  animation: guide-character-idle 6s ease-in-out infinite;
  will-change: transform;
}
.leshy-dialog .guide-character { animation-duration: 6.8s; }
@keyframes guide-character-idle {
  0%, 100% { transform: translateY(0) rotate(-.35deg); }
  50% { transform: translateY(-3px) rotate(.35deg); }
}
@media (prefers-reduced-motion: reduce) {
  .guide-character { animation: none; transform: none; will-change: auto; }
}

.guide-dialog:focus { outline: none; }
/* The supplied merchant has a wider silhouette than the previous Leshy. */
.leshy-dialog .guide-character { width: 112%; margin-left: -4%; }