/*
 * This is a manifest file for custom application styles.
 * Tailwind CSS is loaded separately via application.tailwind.css
 */

:root {
  --color-bg-mq-green: #73be6c;
  --color-bg-mq-red: #F06969;
}

#map {
  width: 100%;
  min-height: 300px;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
}

.hosting-illust {
  position: relative;
  z-index: 1;
}

.hosting-illust2 {
  position: relative;
  z-index: 1;
  max-width: 100px;
}

/* クエストレーダー (spots/_quest_radar) */

/* rotate(0) のとき東を向く扇形の走査線。radarSweep ごと回転させる。 */
.radar-sweep-fan {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  transform: translateY(-50%);
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.5) 0%, rgba(34, 197, 94, 0.3) 40%, transparent 100%);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
}

.radar-answer-boundary {
  background: rgba(251, 146, 60, 0.15);
  border: 1px solid rgba(251, 146, 60, 0.4);
}

/* 走査線が通過した瞬間だけクエストを光らせる */
#quest-point {
  opacity: 0.4;
  transition: opacity 0.3s ease, filter 0.3s ease;
}

#quest-point.quest-highlighted {
  opacity: 1;
  filter: drop-shadow(0 0 6px rgba(239, 68, 68, 0.9)) drop-shadow(0 0 12px rgba(239, 68, 68, 0.6));
}