/* 📸 세계여행 — 추가 꾸미기 (그리스 메두사 · 독일 쇼콜라 · 노르웨이 엘라프 · 튀르키예 에미르) */

/* ===== 🐍 메두사 — 물빛 머리카락과 파란 뱀 (그리스) ===== */
.메두사 {
  position: relative; width: 260px; height: 270px; margin: 4px auto;
  animation: 물결일렁 3s ease-in-out infinite;
  filter: drop-shadow(0 0 16px #7fd8ff);
}

@keyframes 물결일렁 {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-8px) rotate(1deg); }
}

/* 물처럼 흘러내리는 머리카락 */
.메두사 .물머리 {
  position: absolute; top: 30px; left: 50%; transform: translateX(-50%);
  width: 178px; height: 220px;
  background: linear-gradient(#bff0ff, #4aa8d8 60%, #2a6f9e);
  border-radius: 50% 50% 40% 40%; z-index: 1; opacity: 0.95;
}

.메두사 .물결 {
  position: absolute; bottom: 0; left: 0; width: 100%; height: 120px;
  background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0 4px, transparent 4px 18px);
  border-radius: 0 0 40% 40%;
}

/* 파란 뱀 6마리 */
.메두사 .뱀 {
  position: absolute; font-size: 34px; z-index: 4;
  filter: hue-rotate(150deg) saturate(1.6);
  animation: 뱀꿈틀 1.8s ease-in-out infinite;
}

.메두사 .뱀1 { top: 8px; left: 20px; animation-delay: 0s; }
.메두사 .뱀2 { top: -6px; left: 74px; animation-delay: 0.3s; }
.메두사 .뱀3 { top: -8px; right: 74px; animation-delay: 0.6s; }
.메두사 .뱀4 { top: 8px; right: 20px; animation-delay: 0.9s; }
.메두사 .뱀5 { top: 62px; left: -6px; animation-delay: 1.2s; }
.메두사 .뱀6 { top: 62px; right: -6px; animation-delay: 1.5s; }

@keyframes 뱀꿈틀 {
  0%, 100% { transform: rotate(-16deg) translateY(0); }
  50% { transform: rotate(16deg) translateY(-8px); }
}

.메두사 .메두사얼굴 {
  position: absolute; top: 72px; left: 50%; transform: translateX(-50%);
  width: 104px; height: 108px;
  background: linear-gradient(#e9fbff, #bfe6f5);
  border: 4px solid #4a89a8; border-radius: 48% 48% 52% 52%; z-index: 3;
}

.메두사 .메두사눈 {
  position: absolute; top: 34px; width: 22px; height: 24px;
  background: #2b4a6b; border-radius: 50%;
}

.메두사 .왼메두사눈 { left: 20px; }
.메두사 .오른메두사눈 { right: 20px; }

.메두사 .눈물 {
  position: absolute; top: 58px; width: 10px; height: 16px;
  background: #7fd8ff; border-radius: 50% 50% 60% 60%;
  animation: 눈물방울 2.6s ease-in infinite;
}

.메두사 .왼눈물 { left: 26px; }
.메두사 .오른눈물 { right: 26px; animation-delay: 1.3s; }

@keyframes 눈물방울 {
  0% { transform: translateY(0); opacity: 0; }
  30% { opacity: 1; }
  100% { transform: translateY(28px); opacity: 0; }
}

.메두사 .슬픈눈썹 { position: absolute; top: 24px; width: 26px; height: 5px; background: #4a89a8; border-radius: 999px; }
.메두사 .왼눈썹 { left: 16px; transform: rotate(16deg); }
.메두사 .오른눈썹 { right: 16px; transform: rotate(-16deg); }

.메두사 .울먹입 {
  position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%);
  width: 34px; height: 16px; border-top: 4px solid #4a89a8; border-radius: 20px 20px 0 0;
}

.메두사 .볼빛 { position: absolute; bottom: 30px; width: 20px; height: 10px; background: #9fd8ff; border-radius: 50%; opacity: 0.8; }
.메두사 .왼볼빛 { left: 10px; }
.메두사 .오른볼빛 { right: 10px; }

.메두사 .신전옷 {
  position: absolute; top: 186px; left: 50%; transform: translateX(-50%);
  width: 120px; height: 84px;
  background: linear-gradient(#ffffff, #dceef7);
  border: 4px solid #7fb6cf; border-radius: 18px 18px 14px 14px; z-index: 2;
}

.메두사 .금띠 {
  position: absolute; top: 26px; left: -4px; width: 128px; height: 14px;
  background: #ffd93d; border-top: 2px solid #a37b00; border-bottom: 2px solid #a37b00;
}

.메두사 .기둥 {
  position: absolute; bottom: 0; width: 26px; height: 120px;
  background: repeating-linear-gradient(90deg, #e7ecef 0 6px, #cfd8dd 6px 12px);
  border: 3px solid #9aa8b0; border-radius: 4px; z-index: 0;
}

.메두사 .왼기둥2 { left: -8px; }
.메두사 .오른기둥2 { right: -8px; }

/* ===== 🗿 무궁화 꽃이 피었습니다 판 ===== */
.무궁화상자 { margin-top: 8px; }
.무궁화점수 { font-size: 19px; font-weight: bold; margin-bottom: 6px; }

.신전길 {
  position: relative; max-width: 340px; height: 210px; margin: 0 auto; overflow: hidden;
  background: linear-gradient(#cdeffb, #8fd0e8);
  border: 5px solid #4a89a8; border-radius: 16px;
}

.신전바닥 {
  position: absolute; bottom: 0; left: 0; width: 100%; height: 60px;
  background: repeating-linear-gradient(90deg, #e7ecef 0 28px, #cfd8dd 28px 56px);
  border-top: 4px solid #9aa8b0;
}

.메두사얼굴판 {
  position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
  font-size: 56px; transition: transform 0.2s;
}

.메두사얼굴판.돌아봄 { transform: translateX(-50%) scale(1.2); }

.걷는나 {
  position: absolute; bottom: 12px; left: 6%;
  font-size: 36px; transition: left 0.3s;
}

.신호등 {
  display: inline-block; font-size: 22px; font-weight: bold;
  padding: 8px 18px; border-radius: 999px; margin: 8px 0 4px;
  background: #2c9e5b; color: #fff; border: 4px solid #1a6b3c;
}

.신호등.빨강 { background: #d63b52; border-color: #8a1220; }

.무궁화말 { font-size: 17px; font-weight: bold; color: #2b4a6b; margin: 4px 0; }
.가기버튼 { font-size: 20px; padding: 12px 22px; background: #4aa8d8; box-shadow: 0 5px 0 #2a6f9e; }

/* ===== 🦁 쇼콜라 — 사자 국왕 셰프 (독일) ===== */
.쇼콜라 {
  position: relative; width: 250px; height: 265px; margin: 4px auto;
  animation: 요리춤 1.6s ease-in-out infinite;
  filter: drop-shadow(0 0 12px #ffcf8a);
}

@keyframes 요리춤 {
  0%, 100% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-8px) rotate(2deg); }
}

.쇼콜라 .셰프모자 {
  position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
  width: 96px; height: 54px; background: #ffffff;
  border: 4px solid #cfcfcf; border-radius: 40px 40px 8px 8px; z-index: 6;
}

.쇼콜라 .모자주름 {
  position: absolute; bottom: 4px; left: 6px; width: 78px; height: 14px;
  background: repeating-linear-gradient(90deg, #e9e9e9 0 12px, #ffffff 12px 24px);
  border-radius: 8px;
}

.쇼콜라 .사자왕관 {
  position: absolute; top: 40px; left: 50%; transform: translateX(-50%);
  width: 92px; height: 30px; background: #ffd93d;
  border: 3px solid #a37b00; z-index: 5;
  clip-path: polygon(0 100%, 0 30%, 16% 70%, 32% 10%, 50% 70%, 68% 10%, 84% 70%, 100% 30%, 100% 100%);
}

.쇼콜라 .왕관보석 { position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); font-size: 14px; }

.쇼콜라 .갈기 {
  position: absolute; top: 56px; left: 50%; transform: translateX(-50%);
  width: 156px; height: 148px;
  background: radial-gradient(#e79b2f 60%, #c47512 100%);
  border: 4px solid #8a5210; border-radius: 50%; z-index: 2;
}

.쇼콜라 .사자얼굴 {
  position: absolute; top: 84px; left: 50%; transform: translateX(-50%);
  width: 96px; height: 90px;
  background: linear-gradient(#ffdca8, #f0b976);
  border: 4px solid #a3702c; border-radius: 46% 46% 50% 50%; z-index: 3;
}

.쇼콜라 .사자눈 { position: absolute; top: 30px; width: 14px; height: 16px; background: #2c1a08; border-radius: 50%; }
.쇼콜라 .왼사자눈 { left: 20px; }
.쇼콜라 .오른사자눈 { right: 20px; }

.쇼콜라 .사자코 { position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 26px; height: 18px; background: #7a3b1a; border-radius: 40% 40% 60% 60%; }
.쇼콜라 .사자입 { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); width: 40px; height: 14px; border-bottom: 4px solid #7a3b1a; border-radius: 0 0 30px 30px; }

.쇼콜라 .사자수염 { position: absolute; top: 56px; width: 30px; height: 3px; background: #fff6e0; }
.쇼콜라 .수염왼 { left: -6px; transform: rotate(-10deg); }
.쇼콜라 .수염오 { right: -6px; transform: rotate(10deg); }

.쇼콜라 .셰프복 {
  position: absolute; top: 178px; left: 50%; transform: translateX(-50%);
  width: 128px; height: 88px;
  background: linear-gradient(#ffffff, #eaeaea);
  border: 4px solid #b9b9b9; border-radius: 24px 24px 16px 16px; z-index: 3;
}

.쇼콜라 .망토어깨 { position: absolute; top: -6px; left: -14px; width: 156px; height: 30px; background: #c8102e; border: 3px solid #7a0a1c; border-radius: 20px 20px 40px 40px; }
.쇼콜라 .셰프단추 { position: absolute; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #2b2b2b; border-radius: 50%; }
.쇼콜라 .단1 { top: 36px; }
.쇼콜라 .단2 { top: 58px; }

.쇼콜라 .사자팔 { position: absolute; top: 190px; width: 20px; height: 58px; background: #f0b976; border: 3px solid #a3702c; border-radius: 12px; z-index: 2; }
.쇼콜라 .왼사자팔 { left: 46px; animation: 젓기 1s infinite; }
.쇼콜라 .오른사자팔 { right: 46px; transform: rotate(-20deg); }

@keyframes 젓기 { 0%, 100% { transform: rotate(18deg); } 50% { transform: rotate(-8deg); } }

.쇼콜라 .초코냄비 { position: absolute; bottom: 0; left: 2px; font-size: 42px; z-index: 5; animation: 김솔솔 2s ease-in-out infinite; }

@keyframes 김솔솔 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

.쇼콜라 .국자 { position: absolute; bottom: 26px; right: 2px; font-size: 34px; z-index: 5; animation: 젓기 1s infinite; }
.쇼콜라 .사자꼬리 { position: absolute; bottom: 4px; right: -14px; width: 60px; height: 14px; background: #e79b2f; border: 3px solid #8a5210; border-radius: 999px; transform: rotate(12deg); }

/* ===== 🫎 엘라프 — 무스 바이킹 (노르웨이) ===== */
.엘라프 {
  position: relative; width: 260px; height: 265px; margin: 4px auto;
  animation: 바이킹숨 2.2s ease-in-out infinite;
  filter: drop-shadow(0 0 14px #9fd8ff);
}

@keyframes 바이킹숨 {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-7px) scale(1.02); }
}

.엘라프 .뿔가지 {
  position: absolute; top: 4px; width: 66px; height: 56px;
  background: #d8c08a; border: 4px solid #8a6f3c;
  clip-path: polygon(50% 100%, 0 60%, 18% 58%, 6% 20%, 30% 44%, 34% 4%, 54% 40%, 76% 10%, 74% 46%, 100% 34%, 82% 66%, 100% 74%);
}

.엘라프 .왼뿔가지 { left: 4px; }
.엘라프 .오른뿔가지 { right: 4px; transform: scaleX(-1); }

.엘라프 .바이킹투구 {
  position: absolute; top: 34px; left: 50%; transform: translateX(-50%);
  width: 104px; height: 58px;
  background: linear-gradient(#c9d4e0, #8b98a8);
  border: 4px solid #4b5666; border-radius: 52px 52px 10px 10px; z-index: 5;
}

.엘라프 .투구뿔 { position: absolute; top: 8px; width: 34px; height: 26px; background: #f2e6c8; border: 3px solid #8a6f3c; border-radius: 50% 50% 40% 40%; }
.엘라프 .왼투구뿔 { left: -30px; transform: rotate(-24deg); }
.엘라프 .오른투구뿔 { right: -30px; transform: rotate(24deg); }
.엘라프 .투구코 { position: absolute; bottom: -18px; left: 50%; transform: translateX(-50%); width: 14px; height: 26px; background: #a8b4c2; border: 3px solid #4b5666; border-radius: 0 0 6px 6px; }

.엘라프 .무스얼굴 {
  position: absolute; top: 78px; left: 50%; transform: translateX(-50%);
  width: 96px; height: 92px;
  background: linear-gradient(#8a5f3a, #6b4527);
  border: 4px solid #3f2814; border-radius: 44% 44% 46% 46%; z-index: 3;
}

.엘라프 .무스눈 { position: absolute; top: 22px; width: 14px; height: 14px; background: #1a0f06; border-radius: 50%; }
.엘라프 .왼무스눈 { left: 18px; }
.엘라프 .오른무스눈 { right: 18px; }

.엘라프 .무스주둥이 { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 56px; height: 42px; background: #a3764c; border: 3px solid #3f2814; border-radius: 40% 40% 55% 55%; }
.엘라프 .무스콧구멍 { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 30px; height: 10px; background: radial-gradient(#3f2814 40%, transparent 41%) 0 0/15px 10px repeat-x; }
.엘라프 .빨간수염 { position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%); width: 78px; height: 34px; background: #c94b1e; border: 3px solid #8a2f0e; border-radius: 0 0 40px 40px; z-index: -1; }

.엘라프 .무스몸 {
  position: absolute; top: 168px; left: 50%; transform: translateX(-50%);
  width: 136px; height: 96px;
  background: linear-gradient(#6b4527, #4a2f19);
  border: 4px solid #2b1a0c; border-radius: 26px 26px 18px 18px; z-index: 2;
}

.엘라프 .털조끼 { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 150px; height: 32px; background: #d9cbb0; border: 3px solid #8a7b5c; border-radius: 20px; }
.엘라프 .가죽띠 { position: absolute; top: 46px; left: -6px; width: 148px; height: 16px; background: #3f2814; border: 3px solid #241408; }

.엘라프 .무스팔 { position: absolute; top: 176px; width: 22px; height: 62px; background: #7a5232; border: 3px solid #3f2814; border-radius: 12px; z-index: 1; }
.엘라프 .왼무스팔 { left: 40px; transform: rotate(18deg); }
.엘라프 .오른무스팔 { right: 40px; transform: rotate(-18deg); }

.엘라프 .바이킹도끼 { position: absolute; top: 150px; right: -4px; font-size: 52px; z-index: 5; animation: 도끼흔들 1.4s ease-in-out infinite; transform-origin: bottom center; }

@keyframes 도끼흔들 { 0%, 100% { transform: rotate(-16deg); } 50% { transform: rotate(16deg); } }

.엘라프 .번개 { position: absolute; font-size: 28px; animation: 번쩍번쩍 1.2s infinite; }
.엘라프 .번개1 { top: 20px; left: 0; }
.엘라프 .번개2 { top: 140px; left: 6px; animation-delay: 0.6s; }

@keyframes 번쩍번쩍 { 0%, 100% { opacity: 0.15; transform: scale(0.9); } 50% { opacity: 1; transform: scale(1.2); } }

/* ===== 🐱 에미르 — 고양이 장인 (튀르키예) ===== */
.에미르 {
  position: relative; width: 240px; height: 265px; margin: 4px auto;
  animation: 장난꾸러기 1.8s ease-in-out infinite;
  filter: drop-shadow(0 0 12px #ffd6e8);
}

@keyframes 장난꾸러기 {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(-10px) rotate(3deg); }
}

.에미르 .고양이머리 {
  position: absolute; top: 24px; left: 50%; transform: translateX(-50%);
  width: 150px; height: 132px;
  background: linear-gradient(#fff1d6, #f2d2a3);
  border: 5px solid #9a6b34; border-radius: 50%; z-index: 3;
}

.에미르 .고양이귀 {
  position: absolute; top: -22px; width: 0; height: 0;
  border-left: 22px solid transparent; border-right: 22px solid transparent;
  border-bottom: 44px solid #f2d2a3;
}

.에미르 .왼고양이귀 { left: 6px; transform: rotate(-16deg); }
.에미르 .오른고양이귀 { right: 6px; transform: rotate(16deg); }

.에미르 .귀속 {
  position: absolute; top: 12px; width: 0; height: 0;
  border-left: 11px solid transparent; border-right: 11px solid transparent;
  border-bottom: 22px solid #ff9ec0; z-index: 4;
}

.에미르 .왼귀속 { left: 17px; transform: rotate(-16deg); }
.에미르 .오른귀속 { right: 17px; transform: rotate(16deg); }

.에미르 .고양이눈 {
  position: absolute; top: 52px; width: 26px; height: 30px;
  background: #2b1a08; border-radius: 50%; z-index: 4; animation: 눈웃음 4s infinite;
}

.에미르 .왼고양이눈 { left: 26px; }
.에미르 .오른고양이눈 { right: 26px; }

@keyframes 눈웃음 { 0%, 88%, 100% { transform: scaleY(1); } 93% { transform: scaleY(0.15); } }

.에미르 .눈반짝 { position: absolute; top: 6px; right: 5px; width: 9px; height: 9px; background: #fff; border-radius: 50%; }

.에미르 .고양이코 { position: absolute; top: 84px; left: 50%; transform: translateX(-50%); width: 18px; height: 13px; background: #ff7fae; border-radius: 40% 40% 60% 60%; z-index: 5; }
.에미르 .고양이입 { position: absolute; top: 96px; left: 50%; transform: translateX(-50%); width: 34px; height: 14px; border-bottom: 4px solid #9a6b34; border-radius: 0 0 24px 24px; z-index: 5; }

.에미르 .수염줄 { position: absolute; top: 88px; width: 40px; height: 3px; background: #c9a06a; z-index: 5; }
.에미르 .수염1 { left: -18px; transform: rotate(-8deg); }
.에미르 .수염2 { right: -18px; transform: rotate(8deg); }

.에미르 .볼터치 { position: absolute; top: 92px; width: 22px; height: 12px; background: #ff9ec0; border-radius: 50%; opacity: 0.75; z-index: 4; }
.에미르 .왼볼터치 { left: 14px; }
.에미르 .오른볼터치 { right: 14px; }

.에미르 .페즈모자 {
  position: absolute; top: -6px; left: 50%; transform: translateX(-50%) rotate(-8deg);
  width: 62px; height: 44px; background: linear-gradient(#e63946, #a4161a);
  border: 4px solid #6a0d13; border-radius: 8px 8px 4px 4px; z-index: 6;
}

.에미르 .모자술 { position: absolute; top: 4px; right: -20px; font-size: 20px; }

.에미르 .장인옷 {
  position: absolute; top: 152px; left: 50%; transform: translateX(-50%);
  width: 104px; height: 92px;
  background: linear-gradient(#1d7874, #125450);
  border: 4px solid #0a3b38; border-radius: 20px 20px 14px 14px; z-index: 2;
}

.에미르 .자수띠 {
  position: absolute; top: 34px; left: -4px; width: 112px; height: 18px;
  background: repeating-linear-gradient(90deg, #ffd93d 0 8px, #e63946 8px 16px);
  border-top: 2px solid #8a6a00; border-bottom: 2px solid #8a6a00;
}

.에미르 .조끼무늬 {
  position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%);
  width: 60px; height: 20px;
  background: repeating-linear-gradient(45deg, #ffd93d 0 6px, transparent 6px 12px);
}

.에미르 .고양이팔 { position: absolute; top: 168px; width: 18px; height: 52px; background: #f2d2a3; border: 3px solid #9a6b34; border-radius: 12px; z-index: 1; }
.에미르 .왼고양이팔 { left: 42px; transform: rotate(22deg); }
.에미르 .오른고양이팔 { right: 42px; transform: rotate(-22deg); }

.에미르 .장인지팡이 {
  position: absolute; top: 120px; right: 4px; z-index: 6;
  width: 10px; height: 130px;
  background: linear-gradient(#a9741f, #6b4512);
  border: 3px solid #4a2f0a; border-radius: 6px; transform: rotate(10deg);
}

.에미르 .지팡이보석 {
  position: absolute; top: -20px; left: -12px;
  width: 30px; height: 30px; background: radial-gradient(#bff7ff, #2fb6d8);
  border: 3px solid #17708a; border-radius: 50%;
  box-shadow: 0 0 14px #7ee0ff; animation: 보석빛 1.6s infinite;
}

@keyframes 보석빛 { 0%, 100% { box-shadow: 0 0 8px #7ee0ff; } 50% { box-shadow: 0 0 20px #ffffff; } }

.에미르 .돈두르마 { position: absolute; bottom: 0; left: 0; font-size: 40px; z-index: 6; animation: 아이스흔들 1.2s ease-in-out infinite; }

@keyframes 아이스흔들 { 0%, 100% { transform: rotate(-14deg) translateY(0); } 50% { transform: rotate(14deg) translateY(-10px); } }

.에미르 .고양이꼬리 {
  position: absolute; bottom: 10px; left: -20px; width: 70px; height: 14px;
  background: #f2d2a3; border: 3px solid #9a6b34; border-radius: 999px;
  transform: rotate(-14deg); animation: 꼬리살랑 1.6s ease-in-out infinite;
}

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

/* ===== 🍫 요리 대결 판 ===== */
.요리상자 { margin-top: 8px; }
.요리점수 { font-size: 19px; font-weight: bold; margin-bottom: 6px; }

.주문판 {
  background: linear-gradient(#fff4e2, #ffe2c2);
  border: 5px solid #8a5210; border-radius: 16px;
  padding: 10px; max-width: 340px; margin: 0 auto;
}

.주문글 { font-size: 16px; font-weight: bold; color: #8a5210; margin: 0 0 6px; }
.주문줄 { font-size: 40px; letter-spacing: 8px; }
.담은줄 { font-size: 18px; font-weight: bold; color: #7a4a12; margin-top: 6px; }

.재료줄 { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.재료 { font-size: 30px; padding: 8px 14px; background: #c8102e; box-shadow: 0 5px 0 #7a0a1c; }

/* ===== 🪓 브롤 대결 판 ===== */
.브롤상자 { margin-top: 8px; }

.브롤판 {
  display: flex; justify-content: center; gap: 8px;
  background: linear-gradient(#20304a, #0d1626);
  border: 5px solid #4b7fd8; border-radius: 16px; padding: 12px;
  max-width: 340px; margin: 8px auto 0;
}

.브롤판.번쩍 { background: #fff9c4; }

.숨을곳 {
  flex: 1; height: 96px; font-size: 44px; line-height: 96px;
  background: rgba(255, 255, 255, 0.08);
  border: 3px dashed #4b7fd8; border-radius: 12px;
}

.숨을곳.나타남 { background: rgba(255, 217, 61, 0.25); border-style: solid; }

.브롤말 { font-size: 17px; font-weight: bold; color: #2b4a8a; margin: 8px 0 4px; }
.게이지줄 { font-size: 18px; font-weight: bold; color: #7a4a12; }

.브롤버튼 { font-size: 17px; padding: 10px 12px; background: #4b7fd8; box-shadow: 0 5px 0 #2b4a8a; }
.궁극기 { font-size: 17px; padding: 10px 14px; background: #ffb300; box-shadow: 0 5px 0 #a37b00; }

/* ===== 🍦 돈두르마 피하며 올라가기 판 (에미르) ===== */
.동키상자 { margin-top: 8px; }
.동키점수 { font-size: 19px; font-weight: bold; margin-bottom: 6px; }

.탑판 {
  position: relative; display: flex; gap: 8px; justify-content: center;
  max-width: 340px; height: 250px; margin: 0 auto; padding: 10px;
  background: linear-gradient(#2b1d3a, #4a2f5e);
  border: 5px solid #e63946; border-radius: 16px; overflow: hidden;
}

.탑칸 {
  position: relative; flex: 1;
  background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0 6px, transparent 6px 26px);
  border: 3px dashed #ffd93d; border-radius: 10px;
}

.탑칸 .아이스 {
  position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
  font-size: 34px; opacity: 0; transition: opacity 0.2s, top 0.4s;
}

.탑칸.던짐 .아이스 { opacity: 1; top: 150px; }

.오르는나 {
  position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%);
  font-size: 34px; z-index: 3; transition: bottom 0.4s;
}

.동키말 { font-size: 17px; font-weight: bold; color: #7a1f4a; margin: 8px 0 4px; }
.오르기버튼 { font-size: 17px; padding: 10px 14px; background: #e63946; box-shadow: 0 5px 0 #8a1220; }

@media (max-width: 820px) {
  .쇼콜라, .엘라프, .에미르, .메두사 { transform: scale(0.8); }
}