/* plugin/dot_worm/dot_worm.css */

/* 개별 도트(마디) 디자인 */
.worm-segment {
  width: 8px;
  height: 8px;
  position: fixed;
  z-index: 99999;
  cursor: grab;
  touch-action: none; /* 마디 위에서 터치 스크롤·줌 차단, pointer 이벤트로만 처리 */
  transition: transform 0.2s ease;
}

.worm-segment:active {
  cursor: grabbing;
}

/* 폭죽 파티클 */
@keyframes worm-spark {
  0%   { opacity: 1; transform: translate(0, 0) scale(1); }
  100% { opacity: 0; transform: translate(var(--dx), var(--dy)) scale(0); }
}

.worm-spark {
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  z-index: 99998;
  animation: worm-spark 0.8s ease-out forwards;
}

/* 토스트 메시지 */
#toast-worm {
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: bold;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, bottom 0.3s ease;
  z-index: 100000;
  pointer-events: none;
  white-space: nowrap;
}

#toast-worm.show {
  opacity: 1;
  visibility: visible;
  bottom: 60px;
}