/* ===== V4.02 Smaragd-Koloss: robust entry + unique boss artwork ===== */
.v111-worldboss-card{
  position:relative;
  overflow:hidden;
  margin-top:10px;
  padding:14px;
  border:1px solid #28a89c;
  border-radius:16px;
  background:
    radial-gradient(circle at 75% 15%,rgba(46,255,222,.18),transparent 25%),
    radial-gradient(circle at 15% 80%,rgba(51,126,67,.22),transparent 30%),
    linear-gradient(155deg,#081b17,#0b120e 55%,#050806);
  box-shadow:0 0 28px rgba(32,224,198,.12),inset 0 0 35px rgba(23,126,104,.10);
}
.v111-worldboss-card:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle,#6ffff2 0 1px,transparent 1.8px) 0 0/37px 31px,
    radial-gradient(circle,#8aff8a 0 1px,transparent 2px) 9px 11px/52px 47px;
  opacity:.18;
  animation:v111Particles 9s linear infinite;
}
.v111-worldboss-title{
  position:relative;z-index:2;
  font-size:17px;font-weight:1000;color:#8ffff5;
  text-shadow:0 0 10px #29d7c7;
}
.v111-worldboss-text{position:relative;z-index:2;margin-top:4px;font-size:9px;color:#a8c4be;line-height:1.45}
.v111-worldboss-card .btn{position:relative;z-index:5}

/* Dedicated non-emoji Smaragd-Koloss artwork */
.v111-boss-scene{
  position:relative;
  height:285px;
  margin:8px -4px 12px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid #1f5f57;
  background:
    radial-gradient(ellipse at 50% 90%,rgba(23,139,102,.24),transparent 42%),
    radial-gradient(circle at 50% 15%,rgba(73,255,218,.10),transparent 28%),
    linear-gradient(180deg,#03100e,#07110c 52%,#020503);
  box-shadow:inset 0 -35px 55px #000b;
}
.v111-boss-scene:before{
  content:"";
  position:absolute;left:-10%;right:-10%;bottom:-18px;height:90px;
  background:
    radial-gradient(ellipse at 20% 65%,#16321c 0 28%,transparent 29%),
    radial-gradient(ellipse at 46% 70%,#1b3a20 0 30%,transparent 31%),
    radial-gradient(ellipse at 78% 62%,#102b19 0 26%,transparent 27%);
  filter:blur(2px);
}
.v111-mist,.v111-mist:before,.v111-mist:after{
  position:absolute;content:"";height:42px;width:220px;border-radius:50%;
  background:rgba(71,224,185,.09);filter:blur(15px);
  animation:v111Mist 8s ease-in-out infinite alternate;
}
.v111-mist{left:-30px;bottom:42px}
.v111-mist:before{left:150px;top:-35px;animation-delay:-2s}
.v111-mist:after{left:320px;top:5px;animation-delay:-4s}

.v111-colossus{
  position:absolute;
  left:50%;bottom:19px;
  width:190px;height:225px;
  transform:translateX(-50%);
  filter:drop-shadow(0 16px 13px #000c);
  animation:v111BossBreath 2.8s ease-in-out infinite;
}
.v111-body{
  position:absolute;left:42px;bottom:0;width:108px;height:146px;
  border:3px solid #284830;
  border-radius:42% 42% 31% 31%;
  background:
    linear-gradient(112deg,transparent 0 42%,rgba(86,255,181,.10) 44% 46%,transparent 48%),
    linear-gradient(68deg,transparent 0 54%,rgba(70,211,139,.09) 56% 58%,transparent 60%),
    radial-gradient(circle at 45% 30%,#2b4a31,#14251b 58%,#08120d);
  box-shadow:inset 0 0 30px #000b,0 0 18px rgba(43,214,161,.12);
}
.v111-head{
  position:absolute;left:52px;top:8px;width:90px;height:92px;
  border:3px solid #36573a;
  border-radius:48% 48% 38% 38%;
  background:
    linear-gradient(115deg,transparent 0 45%,#427a4d 46% 48%,transparent 49%),
    linear-gradient(60deg,transparent 0 52%,#2c653e 53% 55%,transparent 56%),
    radial-gradient(circle at 50% 45%,#27452e,#0d1a12 72%);
  box-shadow:inset 0 -17px 22px #0009;
}
.v111-eye{
  position:absolute;top:43px;width:14px;height:8px;border-radius:50%;
  background:#8ffff0;
  box-shadow:0 0 7px #5bffe9,0 0 16px #1ff7d6,0 0 25px #1ff7d6;
  animation:v111Eyes 1.6s ease-in-out infinite alternate;
}
.v111-eye.left{left:20px;transform:rotate(8deg)}
.v111-eye.right{right:20px;transform:rotate(-8deg)}
.v111-mouth{
  position:absolute;left:27px;bottom:17px;width:36px;height:11px;
  border-bottom:3px solid #020604;border-radius:50%;
}
.v111-arm{
  position:absolute;top:90px;width:53px;height:112px;
  background:linear-gradient(90deg,#0d1d13,#284532,#0b1710);
  border:2px solid #294532;border-radius:45% 45% 38% 38%;
}
.v111-arm.left{left:5px;transform:rotate(17deg)}
.v111-arm.right{right:3px;transform:rotate(-17deg)}
.v111-fist{
  position:absolute;bottom:-9px;width:52px;height:45px;border-radius:45%;
  background:radial-gradient(circle at 50% 35%,#304f36,#0e1a12);
  border:2px solid #34523a;
}
.v111-arm.left .v111-fist{left:-7px}
.v111-arm.right .v111-fist{right:-7px}

.v111-crystal{
  position:absolute;width:23px;height:54px;
  clip-path:polygon(50% 0,100% 30%,78% 100%,22% 100%,0 30%);
  background:linear-gradient(90deg,#087766,#57ffe3 50%,#0a8d7b);
  box-shadow:0 0 18px #22dfc8;
  filter:drop-shadow(0 0 8px #22dfc8);
  animation:v111Crystal 1.9s ease-in-out infinite alternate;
}
.v111-crystal.c1{left:28px;top:47px;transform:rotate(-28deg)}
.v111-crystal.c2{right:25px;top:38px;transform:rotate(30deg);animation-delay:-.8s}
.v111-crystal.c3{left:83px;top:-18px;height:62px;animation-delay:-1.2s}
.v111-vine{
  position:absolute;width:58px;height:120px;border:5px solid #315f36;border-color:#315f36 transparent transparent #315f36;border-radius:70% 0 0 0;
  opacity:.9;
}
.v111-vine.v1{left:-18px;bottom:18px;transform:rotate(-18deg)}
.v111-vine.v2{right:-15px;bottom:27px;transform:scaleX(-1) rotate(-12deg)}

.v111-ground-glow{
  position:absolute;left:50%;bottom:7px;width:230px;height:38px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,#28e2c751,transparent 67%);
  filter:blur(8px);
  animation:v111Ground 1.8s ease-in-out infinite alternate;
}
.v111-rune{
  position:absolute;left:50%;bottom:7px;width:150px;height:28px;
  transform:translateX(-50%);
  border:2px solid #31d9c766;border-radius:50%;
  box-shadow:0 0 13px #26d8c655,inset 0 0 10px #26d8c633;
}
.v111-rune:before,.v111-rune:after{
  content:"";position:absolute;inset:5px 25px;border:1px solid #69ffef55;transform:rotate(9deg);
}
.v111-rune:after{transform:rotate(-9deg)}

@keyframes v111Particles{to{background-position:37px -62px,61px -94px}}
@keyframes v111Mist{to{transform:translateX(85px) scale(1.2);opacity:.45}}
@keyframes v111BossBreath{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.018)}}
@keyframes v111Eyes{to{filter:brightness(1.5);transform:scaleX(1.18)}}
@keyframes v111Crystal{to{filter:drop-shadow(0 0 15px #6effed) brightness(1.35)}}
@keyframes v111Ground{to{opacity:.9;transform:translateX(-50%) scale(1.12)}}

/* battle phases change the entire scene */
.v111-boss-scene.phase2{background:radial-gradient(circle at 50% 40%,#174d2d,#07110c 58%,#020503)}
.v111-boss-scene.phase2 .v111-eye{background:#b6ff55;box-shadow:0 0 8px #aaff42,0 0 22px #6dff1f}
.v111-boss-scene.phase3{background:radial-gradient(circle at 50% 42%,#4b1420,#120909 58%,#030202)}
.v111-boss-scene.phase3 .v111-eye{background:#ff5368;box-shadow:0 0 8px #ff5368,0 0 24px #ff1739}
.v111-boss-scene.phase3 .v111-crystal{background:linear-gradient(90deg,#7e1830,#ff5f78,#8d132f);filter:drop-shadow(0 0 10px #ff3858)}