.ca-spell-scene{position:absolute;inset:0;pointer-events:none;isolation:isolate}.ca-spell-scene>i{position:absolute;display:block;pointer-events:none}.ca-fx-projectile{border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff 0 8%,var(--fx-light) 20%,var(--fx-color) 65%,transparent 75%);box-shadow:0 0 18px var(--fx-light),0 0 38px var(--fx-color)}.ca-fx-projectile::after{content:'';position:absolute;right:45%;top:20%;width:170%;height:60%;border-radius:50%;background:linear-gradient(90deg,transparent,var(--fx-color));filter:blur(4px)}.ca-fx-impact{border-radius:50%;background:radial-gradient(circle,#fff 0 4%,var(--fx-light) 15%,var(--fx-color) 30%,transparent 70%);mix-blend-mode:screen}.ca-fx-ring{border:3px solid var(--fx-light);border-radius:50%;box-shadow:0 0 20px var(--fx-color),inset 0 0 15px var(--fx-color)}.ca-fx-shard{background:var(--fx-light);clip-path:polygon(50% 0,100% 45%,60% 100%,0 60%);filter:drop-shadow(0 0 7px var(--fx-color))}.ca-fx-aura{border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 18deg,var(--fx-color) 20deg 23deg,transparent 26deg 40deg);filter:blur(2px);mix-blend-mode:screen}.ca-fx-meteor{border-radius:60% 40% 35% 65%;background:linear-gradient(0deg,#fff9b5,#ff8b24 30%,#ff3e1c99 65%,transparent);box-shadow:0 10px 20px #ff5d26}.ca-fx-wave{border:5px solid var(--fx-light);border-radius:50%;border-bottom-color:transparent;box-shadow:0 -5px 15px var(--fx-color)}.ca-fx-vine{border:4px solid var(--fx-color);border-left-color:var(--fx-light);border-radius:70% 10% 50% 0;transform-origin:bottom;filter:drop-shadow(0 0 8px var(--fx-color))}.ca-fx-vine::after{content:'';position:absolute;top:30%;left:0;width:28px;height:18px;background:var(--fx-light);clip-path:polygon(0 50%,100% 0,65% 100%)}.ca-fx-vortex{border:4px solid var(--fx-light);border-left-color:transparent;border-bottom-color:var(--fx-color);border-radius:50%;box-shadow:0 0 18px var(--fx-color),inset 0 0 15px var(--fx-color);mix-blend-mode:screen}.ca-fx-lightning{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 4px var(--fx-light)) drop-shadow(0 0 9px var(--fx-color))}.ca-fx-lightning path{fill:none;stroke:var(--fx-light);stroke-width:3;stroke-linejoin:round}.ca-spell-tier-3 .ca-fx-lightning path{stroke-width:5}.ca-fx-spire{background:linear-gradient(100deg,#5d4541,var(--fx-light) 45%,var(--fx-color) 46%,#5b3b32);clip-path:polygon(12% 100%,0 35%,25% 45%,40% 0,65% 33%,82% 15%,100% 65%,95% 100%);filter:drop-shadow(0 0 14px var(--fx-color));transform-origin:bottom}.ca-fx-rune{font-style:normal;font-size:180px;line-height:1;display:grid!important;place-items:center;color:var(--fx-light);text-shadow:0 0 20px var(--fx-color),0 0 45px var(--fx-color)}.ca-fx-blackhole{border-radius:50%;background:radial-gradient(circle,#05020c 0 36%,#591186 42%,#ffe1ff 48%,#a56aff99 54%,transparent 70%);box-shadow:0 0 50px #ac4fff,inset 0 0 30px #190825}.ca-element-water .ca-fx-projectile{border-radius:60% 10% 60% 45%;background:linear-gradient(135deg,#efffff,#a8f7ff 30%,#2683ff);clip-path:polygon(50% 0,100% 65%,80% 100%,20% 100%,0 65%)}.ca-element-nature .ca-fx-projectile{border-radius:90% 0 90% 0;background:linear-gradient(40deg,#2f8d4b,#dbffa6);box-shadow:0 0 22px #52ca75}.ca-element-earth .ca-fx-projectile{border-radius:10%;clip-path:polygon(20% 5%,75% 0,100% 40%,80% 90%,30% 100%,0 50%);background:linear-gradient(130deg,#f0d7a9,#9b7256 45%,#4e3c36 46%,#bba07c)}.ca-element-earth .ca-fx-projectile::after{display:none}.ca-element-air .ca-fx-projectile{background:transparent;border:4px solid #cbfaff;border-left-color:transparent;box-shadow:0 0 18px #a6f5ff,inset 0 0 15px #7cdfed}.ca-element-air .ca-fx-projectile::after{background:transparent;border-top:3px solid #d1fcff;filter:none}.ca-element-fire .ca-fx-vortex{border-width:6px;filter:drop-shadow(0 0 10px #ff4918)}.ca-element-nature .ca-fx-vortex{border-style:dashed}.ca-spell-tier-3 .ca-fx-impact{filter:brightness(1.3)}.ca-showcase-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0}.ca-showcase-controls select{width:auto;min-width:110px;font-size:11px}.ca-showcase-controls button{font-size:11px;padding:7px 11px}.ca-showcase-progress{text-align:center;font-size:11px;color:#e5bdd6}.ca-showcase-badge{display:block;text-align:center;color:#ffd798;font-size:11px;margin-top:6px}.ca-showcase-effect-name{text-align:center;font-size:18px;color:#ffd99d;margin:10px 0;text-shadow:0 0 20px #fd9fd66b}@media(max-width:600px){.ca-showcase-controls{gap:6px}.ca-showcase-controls select{min-width:95px;font-size:10px}.ca-showcase-controls button{font-size:10px}.ca-showcase-effect-name{font-size:15px}}
/* Full-size area attacks share the target center and can extend beyond the card. */
.ca-spell-scene>.ca-area-field{position:absolute;width:360px;height:440px;transform-origin:center;overflow:visible;pointer-events:none}.ca-area-field>i{position:absolute;display:block}.ca-area-field .ca-fx-lightning{width:360px;height:440px}