/* ===== Debug Helpers ===== */

.debug .nav-hotspot {
  background-color: rgba(0, 150, 255, 0.3) !important;
  border-color: blue !important;
}

.debug .cast-hotspot {
  background-color: rgba(255, 0, 0, 0.2) !important;
  border-color: red !important;
}

.debug .nav-hotspot::before {
  content: 'NAV';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-size: 14px;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}

.debug .cast-hotspot::before {
  content: attr(data-cast-name);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  white-space: nowrap;
}