/* ===== V4.02 Mystisch = Türkis/Cyan ===== */

/* Logo/header keeps Grow identity, but game HUD gets a cooler premium edge */
header{
  background:
    radial-gradient(circle at 52% -35%,rgba(0,220,230,.12),transparent 48%),
    linear-gradient(180deg,rgba(4,14,13,.99),rgba(4,10,8,.98))!important;
  border-bottom-color:#1d6061!important;
}
header .version{
  border-color:#187f83!important;
  color:#a8ffff!important;
  background:linear-gradient(180deg,#103336,#0a1c1e)!important;
  box-shadow:0 0 13px rgba(36,231,239,.13),inset 0 1px rgba(255,255,255,.05)!important;
}
header .power{
  border-color:#285d62!important;
}

/* Dampf + Harz become more jewel-like */
header .resource-stats .stat:nth-child(3){
  --v118-line:#1f7f91!important;
  --v118-glow:rgba(38,214,238,.20)!important;
}
header .resource-stats .stat:nth-child(4){
  --v118-line:#1d8887!important;
  --v118-glow:rgba(26,232,219,.20)!important;
}
header .resource-stats .stat:nth-child(4):before{content:"💎"}
header .resource-stats .stat:nth-child(4) b{
  color:#62eee4!important;
  text-shadow:0 0 11px rgba(52,235,225,.18);
}

/* Main mystic hero: replace green with turquoise/cyan */
#v118WorldBossHero{
  border-color:#16aeb2!important;
  background:
    radial-gradient(circle at 78% 30%,rgba(0,238,244,.22),transparent 29%),
    radial-gradient(circle at 42% 120%,rgba(26,107,129,.16),transparent 42%),
    linear-gradient(115deg,#041416 0%,#07242a 48%,#041014 100%)!important;
  box-shadow:
    0 16px 35px #0008,
    0 0 30px rgba(23,222,231,.13),
    inset 0 0 45px rgba(21,139,155,.13)!important;
}
#v118WorldBossHero:before{
  background:
    radial-gradient(circle,#72ffff 0 1px,transparent 1.5px) 0 0/43px 39px,
    linear-gradient(90deg,transparent,rgba(55,246,255,.05),transparent)!important;
}
.v118-event-ribbon{
  border-color:#7450bb!important;
  background:linear-gradient(90deg,#54208c,#251241)!important;
  color:#ebcfff!important;
  box-shadow:0 0 16px rgba(172,91,255,.25)!important;
}
.v118-boss-kicker{color:#a7cbd0!important}
.v118-boss-name{
  color:#58f2f1!important;
  text-shadow:
    0 0 7px rgba(73,246,246,.58),
    0 0 20px rgba(22,205,219,.28)!important;
}
.v118-boss-features span:before{color:#3ce8ec!important}
.v118-boss-actions .btn{
  border-color:#31e0e4!important;
  background:linear-gradient(180deg,#66f4ef,#20bfc8)!important;
  color:#032124!important;
  box-shadow:
    0 0 12px rgba(64,242,239,.32),
    0 0 25px rgba(22,199,213,.15)!important;
}
.v118-boss-meta{color:#8fb8bc!important}
.v118-boss-meta b{color:#72f8f5!important}

.v118-boss-aura{
  background:radial-gradient(circle,rgba(38,244,246,.34),rgba(16,137,158,.10) 42%,transparent 71%)!important;
}
.v118-boss-body{
  border-color:#237a7f!important;
  background:
    linear-gradient(65deg,transparent 0 51%,rgba(76,250,250,.17) 52% 54%,transparent 55%),
    linear-gradient(115deg,transparent 0 42%,rgba(57,228,239,.15) 43% 45%,transparent 46%),
    radial-gradient(circle at 50% 25%,#1d5a60,#102a2e 65%,#061114)!important;
  box-shadow:inset 0 0 30px #000b,0 15px 20px #000c,0 0 22px rgba(37,222,226,.10)!important;
}
.v118-boss-head{
  border-color:#2b858a!important;
  background:radial-gradient(circle at 50% 36%,#236a70,#0b2024 72%)!important;
}
.v118-boss-head:before,.v118-boss-head:after{
  background:#8fffff!important;
  box-shadow:0 0 8px #4fffff,0 0 20px #16e5ee!important;
}
.v118-boss-crystal{
  background:linear-gradient(90deg,#087d91,#83ffff 48%,#13b7c2)!important;
  filter:drop-shadow(0 0 9px #3ff7fb)!important;
}
.v118-vine{
  border-color:#236c70 transparent transparent #236c70!important;
}
.v118-ground{
  border-color:rgba(55,239,240,.40)!important;
  box-shadow:0 0 17px rgba(44,238,241,.24),inset 0 0 15px rgba(49,235,239,.15)!important;
}

/* Full fight arena follows the same mystic palette */
.v111-worldboss-card{
  border-color:#1faeb0!important;
  background:
    radial-gradient(circle at 75% 15%,rgba(46,255,249,.20),transparent 25%),
    radial-gradient(circle at 15% 80%,rgba(31,127,150,.18),transparent 30%),
    linear-gradient(155deg,#061b1e,#081215 55%,#040708)!important;
}
.v111-worldboss-title{color:#72ffff!important;text-shadow:0 0 11px #27dfe4!important}
.v111-boss-scene{
  border-color:#216d76!important;
  background:
    radial-gradient(ellipse at 50% 90%,rgba(23,145,166,.25),transparent 42%),
    radial-gradient(circle at 50% 15%,rgba(73,249,255,.13),transparent 28%),
    linear-gradient(180deg,#031114,#071216 52%,#020405)!important;
}
.v111-body{
  border-color:#285d61!important;
  background:
    linear-gradient(112deg,transparent 0 42%,rgba(86,255,252,.12) 44% 46%,transparent 48%),
    linear-gradient(68deg,transparent 0 54%,rgba(70,221,231,.10) 56% 58%,transparent 60%),
    radial-gradient(circle at 45% 30%,#255158,#132a2e 58%,#071216)!important;
}
.v111-head{
  border-color:#316d72!important;
  background:
    linear-gradient(115deg,transparent 0 45%,#367b81 46% 48%,transparent 49%),
    linear-gradient(60deg,transparent 0 52%,#276b72 53% 55%,transparent 56%),
    radial-gradient(circle at 50% 45%,#22545a,#0b1c20 72%)!important;
}
.v111-crystal{
  background:linear-gradient(90deg,#087e92,#72ffff 50%,#0da5b3)!important;
  box-shadow:0 0 18px #26eaf1!important;
  filter:drop-shadow(0 0 8px #26eaf1)!important;
}
.v111-vine{border-color:#286f73 transparent transparent #286f73!important}
.v111-ground-glow{background:radial-gradient(ellipse,#25e8ed5c,transparent 67%)!important}
.v111-rune{
  border-color:#31e5ea88!important;
  box-shadow:0 0 14px #27e0e466,inset 0 0 10px #27e0e444!important;
}

/* Active mystic event tile gets the same visual language */
#world .v085-event-card:has(.v110-event-badge),
#world .v085-event-card:has(.v085-event-title){
  transition:border-color .2s,box-shadow .2s;
}
#world .v085-event-card:has(.v110-event-badge){
  border-color:#246f76!important;
  background:
    radial-gradient(circle at 90% 15%,rgba(43,231,238,.12),transparent 27%),
    linear-gradient(145deg,#101d20,#0b1416)!important;
}

/* Welcome card shifts subtly toward the same cool world palette */
#world .v085-welcome{
  background:
    radial-gradient(circle at 85% 45%,rgba(29,171,180,.12),transparent 33%),
    linear-gradient(135deg,#132326,#0b1517 72%)!important;
  border-color:#315d62!important;
}
#world .v085-welcome:before{color:rgba(69,220,224,.07)!important}

/* Cyan pulse */
@keyframes v119MysticCrystal{
  from{filter:drop-shadow(0 0 7px #29dce5) brightness(1)}
  to{filter:drop-shadow(0 0 16px #72ffff) brightness(1.45)}
}
.v118-boss-crystal,.v111-crystal{animation:v119MysticCrystal 1.7s ease-in-out infinite alternate!important}