/* 견사(dogs) 전용 스타일. body.dogs-page 페이지(dog1 등)에서만 로드한다.
   견사는 코어와 다른 세계라 색·모션을 자유롭게 쓴다(DESIGN.md 라티튜드). */

body.dogs-page {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  touch-action: none;
}

body.dogs-page .lines {
  color: #0d9ded;
  text-shadow: -1px 0 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, 0 1px 0 #fff;
  position: absolute;
  white-space: nowrap;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 600;
  font-size: 25px;
  cursor: pointer;
  transition: color var(--dur) var(--ease), text-shadow var(--dur) var(--ease);
}

body.dogs-page .write-line {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  cursor: text;
  caret-color: var(--signal);
}

body.dogs-page div.typing-txt {
  display: none;
}

body.dogs-page .typing {
  display: inline-block;
  animation-name: cursor;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

@keyframes cursor {
  0% {
    border-right: 1px solid #fff;
  }
  50% {
    border-right: 1px solid #000;
  }
  100% {
    border-right: 1px solid #fff;
  }
}

@media (max-width: 768px) {
  body.dogs-page .lines {
    font-size: 20px;
  }
}

@media (max-width: 384px) {
  body.dogs-page .lines {
    font-size: 16px;
  }
}