/* Fixed-stage label sizing and non-interactive narration points. */
._TextBox_showName_p1zxt_104,
._TextBox_ShowName_Background_p1zxt_117,
._nameContainer_p1zxt_150,
body:not(:has(._miniAvatarImg_p1zxt_142[src*="hotspot_"])) ._Choose_item_1kza1_13,
body:not(:has(._miniAvatarImg_p1zxt_142[src*="hotspot_"])) ._Choose_item_disabled_1kza1_34,
body:has(._miniAvatarImg_p1zxt_142[src*="hotspot_"]) ._Choose_item_outer_1kza1_50::after {
  font-size: 52px !important;
}

._TextBox_showName_p1zxt_104,
._TextBox_ShowName_Background_p1zxt_117,
._nameContainer_p1zxt_150 {
  top: -82px !important;
  width: min(520px, 46vw) !important;
  height: 72px !important;
  line-height: 64px !important;
}

body:not(:has(._miniAvatarImg_p1zxt_142[src*="hotspot_"])) ._Choose_item_1kza1_13,
body:not(:has(._miniAvatarImg_p1zxt_142[src*="hotspot_"])) ._Choose_item_disabled_1kza1_34 {
  min-width: min(560px, 52vw) !important;
  max-width: min(860px, 72vw) !important;
  padding: 10px 20px !important;
}

/* The marker image is only state; the visible point is drawn over the stage. */
body:has(._miniAvatarImg_p1zxt_142[src*="narration_point_"]) ._miniAvatarContainer_p1zxt_132 {
  width: 1px !important;
  height: 1px !important;
  left: -9999px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#root {
  position: relative;
}

#root:has(._miniAvatarImg_p1zxt_142[src*="narration_point_"])::after {
  content: "";
  position: absolute;
  z-index: 12;
  width: 30px;
  height: 30px;
  border: 3px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.78), 0 0 22px rgba(255, 255, 255, 1);
  transform: translate(-50%, -50%);
  animation: maruva-narration-point-pulse 1.35s ease-out infinite;
  pointer-events: none;
}

#root:has(._miniAvatarImg_p1zxt_142[src*="narration_point_top_left"])::after {
  left: 29.5%;
  top: 22.5%;
}

#root:has(._miniAvatarImg_p1zxt_142[src*="narration_point_top_right"])::after {
  left: 49.2%;
  top: 24.2%;
}

#root:has(._miniAvatarImg_p1zxt_142[src*="narration_point_bottom_right"])::after {
  left: 48.2%;
  top: 55.5%;
}

@keyframes maruva-narration-point-pulse {
  0% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.78), 0 0 22px rgba(255, 255, 255, 1);
  }
  72% {
    opacity: 0.94;
    box-shadow: 0 0 0 25px rgba(255, 255, 255, 0), 0 0 34px rgba(255, 255, 255, 0.95);
  }
  100% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 22px rgba(255, 255, 255, 1);
  }
}