/* A private, bounded acknowledgment of a selected ability. It never changes layout. */
.ch-effect--heal{--effect-color:#b4e2b3}
.ch-ability-scene{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);z-index:1;width:min(228px,43%);max-height:66%;pointer-events:none;color:var(--effect-color,#dfca91);display:flex;align-items:center;flex-direction:column;isolation:isolate}
.ch-ability-scene::before{content:'';position:absolute;inset:-8px -10px;z-index:-1;pointer-events:none;border-radius:22px;background:radial-gradient(ellipse,#142b2cf2 15%,#15282fe6 49%,#15282f00 76%)}
.ch-ability-art{position:relative;width:140px;max-width:100%;height:140px;flex:0 1 140px;min-height:62px;pointer-events:none;color:inherit}
.ch-ability-scene .ch-ability-ack{position:relative;inset:auto;z-index:auto;margin:0;width:100%;padding:8px 9px;border-color:color-mix(in srgb,var(--effect-color) 60%,transparent);background:#172b2cf5;text-align:center;box-shadow:0 5px 18px #05181b55}
.ch-ability-scene .ch-ability-ack strong{font:500 17px/1.15 var(--serif);color:inherit;overflow-wrap:anywhere}
.ch-ability-scene .ch-ability-ack span{font:400 9px/1.45 var(--sans);color:#d1dbce;margin-top:4px;max-height:55px;overflow:hidden}
.ch-ability-scene--panel{top:14px;left:12px;right:12px;width:auto;max-height:none;transform:none}
.ch-ability-part,.ch-ability-mark{position:absolute;left:50%;top:50%;pointer-events:none;color:inherit;transform:translate(-50%,-50%);opacity:0}
.ch-ability-part::before,.ch-ability-part::after{content:'';position:absolute;pointer-events:none;box-sizing:border-box}
.ch-ability-mark{display:grid;place-items:center;width:42px;height:42px;font:32px/1 Georgia,serif;text-shadow:0 0 16px currentColor}
.ch-ability-part--ring{width:103px;height:103px;border:1px solid currentColor;border-radius:50%}
.ch-ability-part--lens{width:77px;height:77px;border:3px solid currentColor;border-radius:50%;box-shadow:inset 0 0 18px #b8def12b,0 0 13px #d4c38930}
.ch-ability-part--lens::after{width:30px;height:6px;background:currentColor;right:-24px;bottom:-7px;transform:rotate(45deg);border-radius:2px}
.ch-ability-part--scan{width:78px;height:2px;background:currentColor;box-shadow:0 0 14px 3px currentColor}
.ch-ability-part--foot{width:11px;height:21px;border:2px solid currentColor;border-radius:65% 60% 35% 30%;box-shadow:0 10px 0 -3px currentColor}
.ch-ability-part--eye{width:110px;height:63px;border:3px solid currentColor;border-radius:75% 12%;rotate:45deg;background:#d7c39b13}
.ch-ability-part--pupil{width:28px;height:28px;border:6px solid currentColor;border-radius:50%;box-shadow:0 0 17px currentColor}
.ch-ability-art--eye .ch-ability-mark{font-size:16px}
.ch-ability-part--card{width:48px;height:70px;border:2px solid currentColor;border-radius:4px;background:#243b3cf5;box-shadow:0 4px 15px #071c2866;display:grid;place-items:center;font:27px/1 Georgia,serif}
.ch-ability-part--card::after{inset:5px;border:1px solid currentColor;opacity:.45;border-radius:1px}
.ch-ability-part--healing-cross{width:70px;height:70px;filter:drop-shadow(0 0 9px currentColor)}
.ch-ability-part--healing-cross::before{width:19px;height:70px;left:25px;background:currentColor;border-radius:3px}
.ch-ability-part--healing-cross::after{width:70px;height:19px;top:25px;background:currentColor;border-radius:3px}
.ch-ability-part--heal-spark{width:9px;height:9px;background:currentColor;clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}
.ch-ability-art--cross .ch-ability-mark{font-size:16px;color:#234038}
.ch-ability-part--barrier{width:108px;height:106px;background:currentColor;clip-path:polygon(26% 0,74% 0,100% 27%,100% 73%,74% 100%,26% 100%,0 73%,0 27%)}
.ch-ability-part--barrier::before{inset:3px;background:#173033;clip-path:inherit}
.ch-ability-part--shield-spark{width:3px;height:24px;background:linear-gradient(transparent,currentColor,transparent)}
.ch-ability-part--shield{width:82px;height:100px;background:currentColor;clip-path:polygon(50% 0,94% 15%,87% 68%,73% 86%,50% 100%,27% 86%,13% 68%,6% 15%)}
.ch-ability-part--shield::before{inset:3px;background:#203d3a;clip-path:inherit}
.ch-ability-part--shield::after{inset:11px;border:1px solid currentColor;clip-path:inherit;opacity:.55}
.ch-ability-part--shield-glint{width:85px;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent)}
.ch-ability-part--trap{width:95px;height:95px;border:4px dotted currentColor;border-radius:50%}
.ch-ability-part--jaw{width:76px;height:28px;background:currentColor;clip-path:polygon(0 100%,0 65%,10% 0,20% 65%,30% 0,40% 65%,50% 0,60% 65%,70% 0,80% 65%,90% 0,100% 65%,100% 100%)}
.ch-ability-part--shard{width:36px;height:61px;background:linear-gradient(130deg,#eef9f5c9,#8dc4d041,transparent);border:1px solid currentColor;clip-path:polygon(12% 0,100% 16%,77% 100%,0 69%)}
.ch-ability-part--slash{width:120px;height:5px;border-radius:70%;background:linear-gradient(90deg,transparent 2%,currentColor 30%,#fff0d9 72%,transparent);box-shadow:0 0 12px currentColor;transform-origin:0 50%}
.ch-ability-part--reticle{width:87px;height:87px;border:2px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 7px #d8c18b15}
.ch-ability-part--reticle::before{width:1px;height:113px;left:41px;top:-15px;background:currentColor}
.ch-ability-part--reticle::after{width:113px;height:1px;top:41px;left:-15px;background:currentColor}
.ch-ability-part--bullet{width:49px;height:5px;background:linear-gradient(90deg,transparent,currentColor);border-radius:50%}
.ch-ability-part--impact{width:52px;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent)}
.ch-ability-part--flame{width:22px;height:64px;border-radius:60% 10% 60% 45%;background:linear-gradient(0deg,#ffe5a7,currentColor 45%,transparent);rotate:12deg;filter:drop-shadow(0 0 6px currentColor)}
.ch-ability-part--drop{width:17px;height:24px;border-radius:70% 0 70% 70%;rotate:-45deg;background:currentColor;box-shadow:0 0 12px currentColor}
.ch-ability-part--pool{width:95px;height:23px;border:2px solid currentColor;border-radius:50%;margin-top:30px;background:#97c98c15}
.ch-ability-part--rune{width:108px;height:108px;border:2px dashed currentColor;border-radius:50%;box-shadow:0 0 18px #b69dd02e}
.ch-ability-part--rune::before{inset:12px;border:1px solid currentColor;transform:rotate(45deg)}
.ch-ability-part--rune::after{inset:19px;border:1px dotted currentColor;border-radius:50%}
.ch-ability-part--spirit{width:22px;height:49px;border-radius:60% 60% 35% 35%;background:linear-gradient(currentColor,#ddede561 68%,transparent)}
.ch-ability-part--spirit::before{width:3px;height:4px;border-radius:50%;left:6px;top:12px;background:#28413f;box-shadow:7px 0 #28413f}
.ch-ability-part--mask{width:54px;height:72px;border:2px solid currentColor;border-radius:44% 44% 60% 60%;background:linear-gradient(90deg,#233e3f 50%,#bca3cc40 50%)}
.ch-ability-part--mask::before{width:11px;height:5px;left:8px;top:24px;border:1px solid currentColor;box-shadow:21px 0 currentColor;border-radius:50%}
.ch-ability-part--mask::after{width:19px;height:10px;left:15px;bottom:13px;border-bottom:2px solid currentColor;border-radius:50%}
.ch-ability-part--link{width:23px;height:34px;border:3px solid currentColor;border-radius:50%;box-shadow:0 0 8px #cab4df4d}
.ch-ability-part--crown{width:96px;height:66px;background:currentColor;clip-path:polygon(0 10%,25% 40%,50% 0,75% 40%,100% 10%,88% 90%,12% 90%)}
.ch-ability-part--crown::after{inset:50px 15px 9px;background:#293a32}
.ch-ability-part--star{width:12px;height:16px;background:currentColor;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%)}
.ch-ability-art--crown .ch-ability-mark{font-size:20px;color:#283c36}
.ch-ability-part--exchange{width:94px;height:94px;border:3px solid transparent;border-top-color:currentColor;border-left-color:currentColor;border-radius:50%}
.ch-ability-part--exchange::after{right:4px;top:3px;width:16px;height:16px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(-26deg)}
.ch-ability-part--table{width:118px;height:30px;border:2px solid currentColor;border-radius:50%;margin-top:25px;background:#ddc8990f}
.ch-ability-part--goblet{width:20px;height:25px;border:2px solid currentColor;border-radius:0 0 50% 50%;background:#dbc57e18}
.ch-ability-part--goblet::before{width:2px;height:12px;left:7px;top:22px;background:currentColor}
.ch-ability-part--goblet::after{width:16px;height:2px;left:0;top:33px;background:currentColor}
@media(min-width:1100px){.ch-ability-art{height:clamp(78px,25cqh,140px);flex-basis:clamp(78px,25cqh,140px)}}
@media(max-width:600px){.ch-ability-scene{width:43%;max-height:65%}.ch-ability-art{width:112px;height:112px;flex-basis:112px;scale:.83;margin:-8px 0}.ch-ability-scene .ch-ability-ack{padding:7px 6px}.ch-ability-scene .ch-ability-ack strong{font-size:14px}.ch-ability-scene .ch-ability-ack span{font-size:8px;max-height:45px}}
@media(prefers-reduced-motion:reduce){.ch-ability-art,.ch-ability-scene .ch-ability-part,.ch-target-halo{display:none!important}.ch-ability-scene .ch-ability-ack{animation:none!important;transition:none!important}}