/* Tencent Cloud · pearl volumes, violet shadow, refracted cyan edges.
   No CSS animation: every changing value comes from the shared battle clock. */
.serenity-palette{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.serenity-cloud{height:calc(var(--cloud-width,130px)*.594);border:0;border-radius:0;background:none;filter:none;isolation:isolate;font-style:normal;will-change:transform,opacity}
.serenity-cloud[data-depth="0"]{z-index:1}
.serenity-cloud[data-depth="1"]{z-index:2}
.serenity-cloud[data-depth="2"]{z-index:3}
.serenity-volume{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(var(--cloud-bank,0deg));filter:drop-shadow(0 7px 9px #343b703d) drop-shadow(0 -2px 5px #b9faff30)}
.serenity-cloud[data-depth="0"] .serenity-volume{filter:drop-shadow(0 2px 5px #adbbeb38);opacity:.78}
.serenity-cloud[data-depth="2"] .serenity-volume{filter:drop-shadow(0 8px 8px #1e28434d) drop-shadow(0 -2px 4px #ccfaff38)}
.serenity-vapor-ribbon{position:absolute;left:-138%;top:-4%;width:190%;height:110%;overflow:visible;opacity:var(--ribbon-alpha,0);transform-origin:100% 50%;transform:rotate(var(--cloud-heading,0deg)) scaleX(var(--ribbon-scale,1));fill:none;stroke:url(#serenity-vapor);stroke-width:2.4;stroke-linecap:round;pointer-events:none}
.serenity-vapor-ribbon path+path{stroke-width:1;opacity:.55}
.serenity-blind-fog{left:40%;top:16%;width:53%;height:29%;border-radius:0;background:none;isolation:isolate;transform:translateZ(2px)}
.serenity-fog-volume{position:absolute;width:113%;height:125%;overflow:visible;pointer-events:none}
.serenity-fog-back{left:-15%;top:-21%;opacity:.6;transform:scaleX(-1);filter:drop-shadow(0 2px 7px #adc7f34d)}
.serenity-fog-front{left:5%;top:3%;opacity:.72;transform:scaleY(.66);filter:drop-shadow(0 5px 6px #6c6eaf4d)}
.serenity-fog-stream{position:absolute;left:-12%;top:61%;width:127%;height:19%;border-top:1px solid #e3ffffa6;border-bottom:1px solid #b8b5ec66;border-radius:50%;background:linear-gradient(90deg,transparent,#b8d8f140 20%,#e0f7ff73 55%,transparent);transform:rotate(-5deg)}
.serenity-blind-fog b{top:82%;padding:4px 8px;border-color:#d8faff91;border-radius:20px;background:linear-gradient(135deg,#e4fbfff2,#a9b8e5ed);color:#263758;box-shadow:0 2px 9px #1c2a574d,inset 0 1px 0 #fff9;letter-spacing:.14em;font-size:clamp(7px,.75vw,10px);text-shadow:0 1px 0 #fff8}
.serenity-heal-readout{padding:7px 13px;border:1px solid #b9f7ec4d;border-radius:24px;background:linear-gradient(110deg,#0b334154,#193c534a);color:#edfff9;box-shadow:inset 0 1px 0 #d4fff326,0 3px 14px #103f4629;text-shadow:0 2px 3px #113d43,0 0 12px #9af9e5a1;letter-spacing:.07em}
.serenity-heal-readout:before{content:'✦';display:inline-block;margin-right:7px;color:#baf9e5;font-size:.8em}
.serenity-heal-halo{left:17%;bottom:8%;width:66%;height:13%;border:1px solid #cefff0c9;box-shadow:0 0 7px #acf5e682,inset 0 0 10px #8ef0d947;background:radial-gradient(ellipse,#baffec21,transparent 65%);isolation:isolate}
.serenity-heal-ring{position:absolute;inset:-32% -13%;border:1px solid #8cdced78;border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 6px #a7dfff24}
.serenity-heal-shimmer{position:absolute;left:12%;bottom:45%;width:76%;height:clamp(32px,6vw,82px);opacity:calc(.15 + var(--heal-shimmer,.5)*.35);background:linear-gradient(90deg,transparent 7%,#a5ffe35e 9%,transparent 11%,transparent 45%,#e9fff99c 47%,transparent 49%,transparent 82%,#bdc9ff78 84%,transparent 87%);mask-image:linear-gradient(0deg,transparent,#000 22%,transparent);transform:translateY(calc(var(--heal-shimmer,.5)*-12px));pointer-events:none}
.serenity-heal-star{position:absolute;left:calc(19% + var(--heal-shimmer,.5)*55%);top:calc(-24% - var(--heal-shimmer,.5)*80%);width:7px;height:7px;background:#e2fff6;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 38%);filter:drop-shadow(0 0 3px #a6ffe2);opacity:calc(.35 + var(--heal-shimmer,.5)*.65)}
@media(max-width:600px){
  .serenity-volume,.serenity-cloud[data-depth="0"] .serenity-volume,.serenity-cloud[data-depth="2"] .serenity-volume,.serenity-fog-volume{filter:none}
  .serenity-vapor-ribbon{stroke-width:1.8}
  .serenity-heal-readout{padding:5px 9px;font-size:10px;letter-spacing:.025em}
  .serenity-heal-shimmer{height:36px}
}
@media(prefers-reduced-motion:reduce){
  .serenity-cloud{will-change:auto}
  .serenity-volume,.serenity-cloud[data-depth="0"] .serenity-volume,.serenity-cloud[data-depth="2"] .serenity-volume,.serenity-fog-volume{filter:none}
  .serenity-vapor-ribbon{display:none}
}