.muscle-map {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  color: var(--accent, #315edb);
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
.muscle-map__body {
  fill: #fbfcfd;
  stroke: #c4cbd5;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.muscle-map__region {
  cursor: pointer;
  outline: none;
}
.muscle-map__shape {
  fill: #eef1f5;
  stroke: #b8c2d0;
  stroke-width: 1.05;
  stroke-linejoin: round;
  transition: fill .16s ease, stroke .16s ease;
}
.muscle-map__anatomy,
.muscle-map__detail {
  fill: none;
  stroke: #c7cfd9;
  stroke-width: .9;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.muscle-map__hit {
  fill: transparent;
  stroke: transparent;
  stroke-width: 10;
  stroke-linejoin: round;
  pointer-events: all;
}
.muscle-map__region.is-selected .muscle-map__shape,
.muscle-map__region[aria-pressed="true"] .muscle-map__shape {
  fill: #dce6ff;
  stroke: var(--accent, #315edb);
  stroke-width: 1.45;
}
.muscle-map__region.is-selected .muscle-map__detail {
  stroke: #91a9dc;
}
.muscle-map__region:focus-visible .muscle-map__shape {
  fill: #dce6ff;
  stroke: var(--accent, #315edb);
  stroke-width: 2.3;
}
@media (hover: hover) {
  .muscle-map__region:hover .muscle-map__shape {
    fill: #e3eaff;
    stroke: var(--accent, #315edb);
  }
}
@media (prefers-reduced-motion: reduce) {
  .muscle-map__shape { transition: none; }
}