/* 🎨 캐릭터 다시 그리기 노트 ③ — 엘 토르 "사진 그대로"!
   회색 근육 황소 · 분홍빛 뿔 · 빨간 바지 · 금색 벨트 · 노란 발굽 · 입에 문 장미 🌹
   앞에 body 를 붙여서, 다른 꾸미기보다 이 규칙이 이기게 했어요. */

/* ==========================================================
   🐉 펜드래곤 — 사진 그대로! 파란 드래곤 기사
   색: 파랑 #2f5fd0 / 남색 #16225c / 빨강 #cf1f2e / 은색 #cfd6e2
   ========================================================== */
body .펜드래곤 {
  width: 300px; height: 300px;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.45));
}

/* 🦇 활짝 편 파란 박쥐 날개 (안쪽은 빨강) */
body .펜드래곤 .용날개 {
  top: 40px;
  width: 128px; height: 160px;
  border: 5px solid #101a45;
  border-radius: 40% 10% 30% 10%;
  clip-path: polygon(50% 0, 100% 14%, 86% 36%, 100% 48%, 84% 66%, 96% 82%, 60% 100%, 20% 76%, 0 30%);
  z-index: 0;
  filter: drop-shadow(0 0 10px #4f8bff);
}
body .펜드래곤 .왼날개 {
  left: -66px;
  background: linear-gradient(140deg, #4f8bff, #2f5fd0 55%, #16225c);
}
body .펜드래곤 .오른날개 {
  right: -66px;
  background: linear-gradient(220deg, #4f8bff, #2f5fd0 55%, #16225c);
  transform: scaleX(-1);
}

/* 🐲 용 머리 투구 */
body .펜드래곤 .용머리 {
  top: 6px;
  width: 104px; height: 100px;
  background: linear-gradient(#3f75e0, #2f5fd0 55%, #16225c);
  border: 5px solid #0d1436;
  border-radius: 52% 52% 30% 30%;
  z-index: 5;
}

/* 머리 위 은색 갈기 */
body .펜드래곤 .용머리::before {
  content: "";
  position: absolute;
  top: -26px; left: 50%;
  transform: translateX(-50%);
  width: 86px; height: 34px;
  background: linear-gradient(#ffffff, #b9c3d6);
  border: 4px solid #6c7893;
  clip-path: polygon(0 100%, 8% 20%, 22% 100%, 34% 6%, 50% 100%, 66% 6%, 78% 100%, 92% 20%, 100% 100%);
}

/* 볼 옆 은색 보호대 */
body .펜드래곤 .용머리::after {
  content: "";
  position: absolute;
  top: 44px; left: 50%;
  transform: translateX(-50%);
  width: 118px; height: 20px;
  background: linear-gradient(#e6ecf5, #98a4bb);
  border: 4px solid #5c6884;
  border-radius: 999px;
}

/* 뒤로 뻗은 은색 뿔 */
body .펜드래곤 .용뿔 {
  top: -4px;
  width: 36px; height: 30px;
  border: 9px solid #e6ecf5;
  border-bottom: none;
  filter: drop-shadow(0 2px 0 #7d889e);
  z-index: 4;
}
body .펜드래곤 .왼용뿔 {
  left: -24px; border-left: none;
  border-radius: 0 40px 0 0;
  transform: rotate(-56deg);
}
body .펜드래곤 .오른용뿔 {
  right: -24px; border-right: none;
  border-radius: 40px 0 0 0;
  transform: rotate(56deg);
}

/* 투구 틈으로 번쩍이는 눈 */
body .펜드래곤 .용눈 {
  top: 36px;
  width: 26px; height: 9px;
  background: #ffe36b;
  border-radius: 3px;
  box-shadow: 0 0 16px #ffd93d;
  animation: 용눈빛 1.5s ease-in-out infinite;
}
body .펜드래곤 .왼용눈 { left: 8px; }
body .펜드래곤 .오른용눈 { right: 8px; }
@keyframes 용눈빛 {
  0%, 100% { box-shadow: 0 0 10px #ffd93d; }
  50%      { box-shadow: 0 0 24px #fff6b0; }
}

/* 앞으로 나온 주둥이 */
body .펜드래곤 .용주둥이 {
  bottom: -14px;
  width: 74px; height: 40px;
  background: linear-gradient(#3f75e0, #1d3a8f);
  border: 4px solid #0d1436;
  border-radius: 22% 22% 44% 44%;
  z-index: 6;
}
body .펜드래곤 .용이빨 {
  top: 8px; left: 6px;
  width: 58px; height: 18px;
  background: #ffffff;
  clip-path: polygon(0 0, 100% 0, 92% 100%, 78% 8%, 64% 100%, 50% 8%, 36% 100%, 22% 8%, 8% 100%);
}

/* 🛡️ 떡 벌어진 파란 갑옷 몸통 */
body .펜드래곤 .용몸 {
  top: 96px;
  width: 156px; height: 140px;
  background: linear-gradient(#3f75e0, #2f5fd0 50%, #16225c);
  border: 5px solid #0d1436;
  border-radius: 34px 34px 20px 20px;
  z-index: 3;
}

/* 넓은 어깨 갑옷 */
body .펜드래곤 .용몸::before {
  content: "";
  position: absolute;
  top: -22px; left: -26px;
  width: 208px; height: 52px;
  background: linear-gradient(#5b8ef0, #24408f);
  border: 5px solid #0d1436;
  border-radius: 34px;
}

/* 가슴 아래 빨간 갑옷 치마 */
body .펜드래곤 .용몸::after {
  content: "";
  position: absolute;
  bottom: -26px; left: 22px;
  width: 108px; height: 60px;
  background: linear-gradient(#e8394a, #a3101f);
  border: 5px solid #6d0a18;
  border-radius: 8px 8px 40% 40%;
}

/* 가슴 한가운데 빨간 보석 */
body .펜드래곤 .갑옷무늬 {
  top: 24px; left: 50%;
  transform: translateX(-50%);
  width: 56px; height: 56px;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 34%, #ff9aa5, #e02b40 45%, #7a0a16);
  border: 5px solid #cfd6e2;
  box-shadow: 0 0 18px #ff6b7e;
  animation: 가슴빛 1.6s ease-in-out infinite;
}

/* ⚔️ 왼손의 커다란 파란 대검 */
body .펜드래곤 .엑스칼리버 {
  top: 60px; left: -66px; right: auto;
  transform: rotate(-12deg);
  z-index: 6;
}
body .펜드래곤 .칼날 {
  width: 34px; height: 190px;
  background: linear-gradient(#eaf3ff, #7fb0e8 45%, #2f5fd0);
  border: 4px solid #16274f;
  clip-path: polygon(50% 0, 100% 16%, 100% 100%, 0 100%, 0 16%);
  box-shadow: 0 0 18px #7ec4ff;
}
body .펜드래곤 .칼자루 {
  width: 76px; height: 20px;
  margin-left: -21px;
  background: linear-gradient(#e8394a, #8f0c1e);
  border: 4px solid #5c0710;
  border-radius: 8px;
}

/* 🇬🇧 오른팔의 유니언잭 방패 */
body .펜드래곤 .영국방패 {
  top: 96px; left: auto; right: -58px;
  width: 116px; height: 136px;
  background: #1d3a8f;
  border: 8px solid #cfd6e2;
  border-radius: 16px 16px 46% 46%;
  overflow: hidden;
  box-shadow: 0 0 16px rgba(0,0,0,.4);
  z-index: 7;
}

/* 대각선 흰 줄 + 빨간 줄 */
body .펜드래곤 .영국방패::before,
body .펜드래곤 .영국방패::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 230%; height: 26px;
  background: #ffffff;
}
body .펜드래곤 .영국방패::before {
  transform: translate(-50%, -50%) rotate(50deg);
  box-shadow: inset 0 0 0 9px transparent;
  background: linear-gradient(#fff 0 9px, #cf1f2e 9px 17px, #fff 17px 26px);
}
body .펜드래곤 .영국방패::after {
  transform: translate(-50%, -50%) rotate(-50deg);
  background: linear-gradient(#fff 0 9px, #cf1f2e 9px 17px, #fff 17px 26px);
}

/* 가운데 십자 (흰 테두리 + 빨강) */
body .펜드래곤 .가로줄 {
  position: absolute;
  top: 50%; left: 0;
  transform: translateY(-50%);
  width: 100%; height: 26px;
  background: #cf1f2e;
  box-shadow: 0 0 0 8px #ffffff;
  z-index: 2;
}
body .펜드래곤 .세로줄 {
  position: absolute;
  left: 50%; top: 0;
  transform: translateX(-50%);
  width: 26px; height: 100%;
  background: #cf1f2e;
  box-shadow: 0 0 0 8px #ffffff;
  z-index: 2;
}

/* 🐍 뒤로 길게 뻗은 꼬리 */
body .펜드래곤 .용꼬리 {
  bottom: 10px; left: -40px;
  width: 150px; height: 28px;
  background: linear-gradient(#2f5fd0, #16225c);
  border: 4px solid #0d1436;
  border-radius: 999px 40px 40px 999px;
  transform: rotate(-8deg);
  z-index: 0;
}

/* ==========================================================
   🐂 엘 토르 — 회색 근육 미노타우로스 투우사
   색: 회색 #6e6f74 / 진회색 #3b3c42 / 빨강 #c8102e / 금색 #ffc93c / 분홍뿔 #e05a6b
   ========================================================== */
body .옐토르 {
  width: 260px; height: 300px;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,.45));
}

/* 🦴 위로 솟은 커다란 분홍빛 뿔 */
body .옐토르 .토르뿔 {
  top: -18px;
  width: 66px; height: 74px;
  border: 16px solid #e0566a;
  border-bottom: none;
  filter: drop-shadow(0 2px 0 #8e2433);
  z-index: 6;
}
body .옐토르 .토르뿔.왼뿔 {
  left: 16px;
  border-right: none;
  border-radius: 60px 0 0 0;
  transform: rotate(-18deg);
}
body .옐토르 .토르뿔.오른뿔 {
  right: 16px;
  border-left: none;
  border-radius: 0 60px 0 0;
  transform: rotate(18deg);
}

/* 🐮 회색 황소 머리 */
body .옐토르 .토르머리 {
  top: 30px;
  width: 128px; height: 112px;
  background: radial-gradient(circle at 38% 28%, #8a8b91, #5e5f66 60%, #3b3c42);
  border: 5px solid #26272c;
  border-radius: 46% 46% 42% 42%;
  z-index: 5;
}

/* 이마 위 곱슬곱슬 갈색 앞머리 */
body .옐토르 .토르머리::before {
  content: "";
  position: absolute;
  top: -14px; left: 50%;
  transform: translateX(-50%);
  width: 92px; height: 34px;
  background:
    radial-gradient(circle at 16% 70%, #7a3a2c 0 14px, transparent 15px),
    radial-gradient(circle at 50% 60%, #7a3a2c 0 16px, transparent 17px),
    radial-gradient(circle at 84% 70%, #7a3a2c 0 14px, transparent 15px),
    #5e2a1f;
  border: 4px solid #3d1a12;
  border-radius: 40px 40px 12px 12px;
}

/* 화난 눈썹 */
body .옐토르 .토르머리::after {
  content: "";
  position: absolute;
  top: 30px; left: 50%;
  transform: translateX(-50%);
  width: 88px; height: 10px;
  border-top: 9px solid #26272c;
  border-radius: 999px;
  clip-path: polygon(0 0, 34% 100%, 66% 100%, 100% 0);
}

/* 옆으로 뻗은 회색 귀 */
body .옐토르 .토르귀 {
  top: 52px;
  width: 40px; height: 24px;
  background: linear-gradient(#6e6f74, #3b3c42);
  border: 4px solid #26272c;
  border-radius: 50%;
}
body .옐토르 .토르귀.왼귀 { left: -34px; transform: rotate(-14deg); }
body .옐토르 .토르귀.오른귀 { right: -34px; transform: rotate(14deg); }

/* 😠 노랗게 번뜩이는 눈 */
body .옐토르 .토르눈 {
  top: 44px;
  width: 22px; height: 18px;
  background: radial-gradient(circle at 40% 35%, #fff3b0, #ffc400 55%, #b96b00);
  border: 3px solid #26272c;
  border-radius: 50% 50% 40% 40%;
  box-shadow: 0 0 12px #ffca57;
  animation: 토르눈빛 1.6s ease-in-out infinite;
}
body .옐토르 .토르눈.왼눈 { left: 16px; }
body .옐토르 .토르눈.오른눈 { right: 16px; }

@keyframes 토르눈빛 {
  0%, 100% { box-shadow: 0 0 8px #ffca57; }
  50%      { box-shadow: 0 0 20px #fff6b0; }
}

/* 👃 앞으로 튀어나온 주둥이 */
body .옐토르 .주둥이 {
  bottom: -10px;
  width: 92px; height: 54px;
  background: linear-gradient(#6e6f74, #4a4b51);
  border: 5px solid #26272c;
  border-radius: 30% 30% 48% 48%;
  z-index: 6;
}
body .옐토르 .콧구멍 {
  top: 12px;
  width: 18px; height: 20px;
  background: #1a1b1f;
  border-radius: 50%;
}
body .옐토르 .콧구멍.왼콧 { left: 14px; }
body .옐토르 .콧구멍.오른콧 { right: 14px; }

/* 입 — 꾹 다문 선 */
body .옐토르 .주둥이::before {
  content: "";
  position: absolute;
  bottom: 10px; left: 50%;
  transform: translateX(-50%);
  width: 46px; height: 5px;
  background: #1a1b1f;
  border-radius: 999px;
}

/* 🌹 입에 문 장미 — 줄기까지! */
body .옐토르 .장미 {
  font-size: 34px;
  top: 122px; right: -46px;
  z-index: 8;
  filter: drop-shadow(0 0 6px #ff6b7e);
  animation: 장미흔들 2.4s ease-in-out infinite;
  transform-origin: left center;
}
body .옐토르 .장미::before {
  content: "";
  position: absolute;
  top: 22px; right: 30px;
  width: 68px; height: 5px;
  background: #2e7d32;
  border-radius: 999px;
  transform: rotate(10deg);
}
@keyframes 장미흔들 {
  0%, 100% { transform: rotate(-6deg); }
  50%      { transform: rotate(6deg); }
}

/* 💪 떡 벌어진 회색 근육 몸통 */
body .옐토르 .토르몸 {
  top: 140px;
  width: 170px; height: 110px;
  background:
    radial-gradient(circle at 50% 18%, #8a8b91 0 40%, transparent 42%),
    linear-gradient(#75767c, #55565c 55%, #3b3c42);
  border: 5px solid #26272c;
  border-radius: 40px 40px 18px 18px;
  z-index: 4;
}

/* 가슴 근육 + 식스팩 갈라짐 */
body .옐토르 .토르몸::before {
  content: "";
  position: absolute;
  top: 18px; left: 50%;
  transform: translateX(-50%);
  width: 6px; height: 74px;
  background: #2c2d33;
  border-radius: 999px;
  box-shadow:
    -30px 12px 0 -1px #2c2d33, 30px 12px 0 -1px #2c2d33,
    -30px 34px 0 -1px #2c2d33, 30px 34px 0 -1px #2c2d33,
    -30px 56px 0 -1px #2c2d33, 30px 56px 0 -1px #2c2d33;
}

/* 가슴 아래 가로 근육선 */
body .옐토르 .토르몸::after {
  content: "";
  position: absolute;
  top: 34px; left: 50%;
  transform: translateX(-50%);
  width: 108px; height: 5px;
  background: #2c2d33;
  border-radius: 999px;
}

/* 🦾 우락부락한 회색 팔 */
body .옐토르 .토르팔 {
  top: 4px;
  width: 46px; height: 96px;
  background: linear-gradient(#82838a, #4a4b51);
  border: 5px solid #26272c;
  border-radius: 24px 24px 20px 20px;
  z-index: 3;
}
body .옐토르 .토르팔.왼팔 { left: -46px; transform: rotate(-14deg); }
body .옐토르 .토르팔.오른팔 { right: -46px; transform: rotate(14deg); }

/* 알통 표시 */
body .옐토르 .토르팔::after {
  content: "";
  position: absolute;
  top: 20px; left: 50%;
  transform: translateX(-50%);
  width: 26px; height: 5px;
  background: #2c2d33;
  border-radius: 999px;
  box-shadow: 0 14px 0 0 #2c2d33;
}

/* 🦵 빨간 통바지 다리 + 노란 발굽 */
body .옐토르 .토르다리 {
  width: 56px; height: 70px;
  background: linear-gradient(#e0223c, #a8001c);
  border: 5px solid #6b0011;
  border-radius: 24px 24px 14px 14px;
}
body .옐토르 .토르다리.왼다리 { left: 44px; transform: rotate(-6deg); }
body .옐토르 .토르다리.오른다리 { right: 44px; transform: rotate(6deg); }
body .옐토르 .토르다리::after {
  content: "";
  position: absolute;
  bottom: -10px; left: -6px;
  width: 62px; height: 20px;
  background: linear-gradient(#ffd95e, #d99a00);
  border: 4px solid #8a5a00;
  border-radius: 6px 6px 999px 999px;
}

/* 🔥 길게 늘어진 꼬리 + 끝에 분홍 불꽃 술 */
body .옐토르 .토르몸 .꼬리,
body .옐토르 .꼬리 {
  position: absolute;
  top: 150px; left: -66px;
  width: 76px; height: 60px;
  border: 7px solid #55565c;
  border-top: none; border-right: none;
  border-radius: 0 0 0 70px;
  z-index: 1;
  animation: 꼬리살랑 2.6s ease-in-out infinite;
  transform-origin: right top;
}

/* 꼬리 끝 불꽃 술 */
body .옐토르 .꼬리::after {
  content: "";
  position: absolute;
  top: -34px; left: -16px;
  width: 34px; height: 46px;
  background: linear-gradient(#ff9ec0, #e0566a 60%, #b02e44);
  border: 4px solid #8e2433;
  border-radius: 50% 50% 40% 40%;
  clip-path: polygon(50% 0, 78% 26%, 68% 44%, 96% 62%, 74% 100%, 26% 100%, 6% 62%, 32% 44%, 22% 26%);
}

@keyframes 꼬리살랑 {
  0%, 100% { transform: rotate(-8deg); }
  50%      { transform: rotate(8deg); }
}

/* 👖 허리에 두른 빨간 바지 + 금색 벨트 */
body .옐토르 .프릴 {
  bottom: -22px; left: -14px;
  width: 190px; height: 46px;
  background: linear-gradient(#e0223c, #a8001c);
  border: 5px solid #6b0011;
  border-radius: 10px 10px 30px 30px;
  z-index: 5;
}
body .옐토르 .프릴::after {
  content: "";
  position: absolute;
  top: -12px; left: 50%;
  transform: translateX(-50%);
  width: 96px; height: 22px;
  background: linear-gradient(#fff3b0, #ffc93c 55%, #a3760a);
  border: 4px solid #6b4a00;
  border-radius: 8px;
}