:root{--bg-color:oklch(20.8% .042 265.755);--container-bg:oklch(27.9% .041 260.031);--text-color:oklch(98.4% .003 247.858);--text-muted:oklch(55.4% .046 257.418);--text-white:oklch(100% 0 0);--text-light:oklch(96.7% .003 264.542);--border-color:oklch(37.2% .044 257.287);--scrollbar-track:transparent;--overlay-bg:oklch(20.8% .042 265.755/.95);--hp-bar-bg:oklch(37.2% .044 257.287);--hp-bar-fill:oklch(63.7% .237 25.331);--hp-bar-fill-enemy-start:oklch(57.7% .245 27.325);--hp-bar-fill-enemy-end:oklch(63.7% .237 25.331);--hp-bar-fill-player-start:oklch(62.7% .194 149.214);--hp-bar-fill-player-end:oklch(72.3% .219 149.579);--tile-fire:oklch(73% .19 42);--tile-fire-glow:oklch(73% .19 42/.5);--tile-fire-trace:oklch(73% .19 42/.8);--tile-fire-bg:oklch(73% .19 42/.18);--tile-fire-border:oklch(73% .19 42/.5);--tile-earth:oklch(72% .22 299);--tile-earth-glow:oklch(72% .22 299/.5);--tile-earth-trace:oklch(72% .22 299/.8);--tile-earth-bg:oklch(72% .22 299/.18);--tile-earth-border:oklch(72% .22 299/.5);--tile-water:oklch(88% .21 152);--tile-water-glow:oklch(88% .21 152/.5);--tile-water-trace:oklch(88% .21 152/.8);--tile-water-bg:oklch(88% .21 152/.18);--tile-water-border:oklch(88% .21 152/.5);--tile-air:oklch(76% .14 225);--tile-air-glow:oklch(76% .14 225/.5);--tile-air-trace:oklch(76% .14 225/.8);--trace-path-stroke:oklch(100% 0 0/.8);--tile-air-bg:oklch(76% .14 225/.18);--tile-air-border:oklch(76% .14 225/.5);--tile-omni:oklch(82.8% .189 84.429);--tile-omni-glow:oklch(82.8% .189 84.429/.6);--tile-omni-trace:oklch(82.8% .189 84.429/.9);--shield-bg:oklch(17% .07 279);--shield-stroke:oklch(62.7% .265 303.9);--shield-fill:oklch(71.4% .203 305.415);--shield-glow:oklch(62.7% .265 303.9/.8);--shield-glow-soft:oklch(62.7% .265 303.9/.5);--shield-track-fill:oklch(62.7% .265 303.9/.15);--charge-bg-start:oklch(28.2% .091 267.935);--charge-bg-end:oklch(62.3% .214 259.815);--charge-border:oklch(62.3% .214 259.815);--charge-symbol:oklch(70.7% .165 254.624);--charge-glow:oklch(62.3% .214 259.815/.8);--charge-glow-soft:oklch(62.3% .214 259.815/.6);--charge-glow-strong:oklch(70.7% .165 254.624/.9);--charge-border-active:oklch(70.7% .165 254.624);--spell-beam-inner:oklch(94.5% .129 101.54);--spell-beam-outer:oklch(76.9% .188 70.08);--spell-blast-inner:oklch(95% .17 99);--spell-blast-mid:oklch(68% .22 47);--spell-blast-outer:oklch(62.8% .258 29);--spell-multicast:oklch(62.3% .214 259.815);--spell-timestop:oklch(62.3% .214 259.815);--spell-healing-glow-inner:oklch(94.5% .129 101.54);--spell-healing-glow-outer:oklch(76.9% .188 70.08);--heal-smoke-1:oklch(79.2% .209 151.711);--heal-smoke-2:oklch(72.3% .219 149.579);--heal-smoke-3:oklch(52.7% .154 150.069);--heal-smoke-4:oklch(62.7% .194 149.214);--heal-smoke-5:oklch(36% .085 152);--heal-smoke-alt:oklch(84.1% .238 128.85);--status-crystallize-bg:oklch(62.7% .265 303.9/.3);--status-crystallize-color:oklch(71.4% .203 305.415);--status-crystallize-border:oklch(62.7% .265 303.9/.5);--status-crystallize-glow:oklch(62.7% .265 303.9/.8);--status-multicast-bg:oklch(71.5% .143 215.221/.3);--status-multicast-color:oklch(78.9% .154 211.53);--status-multicast-border:oklch(71.5% .143 215.221/.5);--status-multicast-glow:oklch(71.5% .143 215.221/.8);--status-text-color:oklch(70.4% .191 22.216)}*{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);justify-content:center;align-items:center;height:100dvh;margin:0;font-family:Inter,sans-serif;display:flex;overflow:hidden}#game-container{background-color:var(--container-bg);flex-direction:column;width:100%;max-width:min(600px,56.25dvh);height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px oklch(0% 0 0/.5)}.new-game-btn{z-index:50;color:var(--text-color);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(27.9% .041 260.031/.75);border:1px solid oklch(98.4% .003 247.858/.15);border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:12px;right:12px}.new-game-btn:hover{color:oklch(70.4% .191 22.216);background:oklch(63.7% .237 25.331/.2);border-color:oklch(63.7% .237 25.331/.5);transform:scale(1.08)rotate(15deg);box-shadow:0 0 8px oklch(63.7% .237 25.331/.4)}.new-game-btn:active{transform:scale(.92)rotate(-5deg)}#battlefield-panel{border-bottom:2px solid var(--border-color);background-image:url(/magic_academy.png);background-position:50%;background-size:cover;flex-direction:column;flex:1 1 0;justify-content:space-between;min-height:0;padding:2cqh 2cqw;display:flex;position:relative;container-type:size}#enemies-container,#allies-container{flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;display:flex}#allies-container{margin-top:5cqh}.combatant-card{z-index:2;flex-direction:column;align-items:center;width:min(27.5cqw,43.75cqh);display:flex;position:relative}.combatant-name{text-shadow:0 0 5px oklch(0% 0 0),1px 1px 2px oklch(0% 0 0);text-align:center;margin-bottom:1cqh;font-family:Cinzel,serif;font-size:min(3.5cqw,4.5cqh);line-height:1.1}.combatant-avatar-wrapper{aspect-ratio:1;flex-shrink:0;justify-content:center;align-items:center;width:80%;margin-bottom:0;display:flex;position:relative}.combatant-avatar-container{aspect-ratio:1;background-color:var(--bg-color);border:max(1px, .5cqmin) solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:100%;height:auto;transition:transform .1s ease-in-out;display:flex;overflow:hidden;box-shadow:0 0 15px oklch(0% 0 0/.8)}.avatar-shield-container{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.avatar-shield-svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.avatar-shield-badge{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:24px;height:28px;display:flex;position:absolute;top:-3%;left:50%;transform:translate(-50%,-50%)}.shield-badge-svg{width:100%;height:100%;filter:drop-shadow(0 0 6px var(--shield-glow));position:absolute;top:0;left:0;overflow:visible}.shield-badge-text{z-index:2;color:var(--shield-fill);text-shadow:0 0 4px var(--shield-glow-soft);margin-top:-3px;font-size:.65rem;font-weight:800;position:relative}.avatar-shield-arc{filter:drop-shadow(0 0 4px var(--shield-stroke));animation:2s ease-in-out infinite shieldPulse}@keyframes shieldPulse{0%,to{opacity:.9;filter:drop-shadow(0 0 2px var(--shield-stroke))}50%{opacity:1;filter:drop-shadow(0 0 6px var(--shield-fill))}}.combatant-avatar-container.hit{border-color:var(--tile-fire);transform:scale(.9)rotate(-5deg)}.combatant-avatar-placeholder{color:var(--text-muted);font-size:min(6cqw,8cqh)}.combatant-avatar{object-fit:cover;width:100%;height:100%}.combatant-hp-bar-container{background-color:var(--hp-bar-bg);z-index:2;border-radius:min(2.25cqw,3cqh);width:min(22cqw,35cqh);height:min(4.5cqw,6cqh);margin-top:calc(-1*min(2.25cqw,3cqh));position:relative;overflow:hidden;box-shadow:inset 0 2px 4px oklch(0% 0 0/.8),0 2px 4px oklch(0% 0 0/.8)}.combatant-hp-bar-fill{background:linear-gradient(90deg, var(--hp-bar-fill-enemy-start) 0%, var(--hp-bar-fill-enemy-end) 100%);width:100%;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.combatant-hp-text{text-shadow:1px 1px 2px oklch(0% 0 0);white-space:nowrap;font-size:min(3.75cqw,5.25cqh);font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-hp-bar-fill{background:linear-gradient(90deg, var(--hp-bar-fill-player-start) 0%, var(--hp-bar-fill-player-end) 100%)}.combatant-avatar-container.shielded{box-shadow:0 0 15px var(--tile-omni-trace);border-color:var(--tile-omni)!important}.hit-player{animation:.15s ease-in-out shake;border-color:var(--tile-fire)!important}.combatant-statuses{justify-content:center;gap:4px;min-height:0;margin-top:4px;display:flex}.status-badge{white-space:nowrap;border-radius:8px;align-items:center;gap:2px;padding:2px 6px;font-size:.6rem;font-weight:600;display:inline-flex}.crystallize-badge{background-color:var(--status-crystallize-bg);color:var(--status-crystallize-color);border:1px solid var(--status-crystallize-border);text-shadow:0 0 6px var(--status-crystallize-glow)}.charge-badge{background-color:var(--status-multicast-bg);color:var(--charge-symbol);border:1px solid var(--status-multicast-border);text-shadow:0 0 6px var(--charge-glow-soft)}.shield-badge{background-color:var(--status-crystallize-bg);color:var(--status-crystallize-color);border:1px solid var(--status-crystallize-border);text-shadow:0 0 6px var(--status-crystallize-glow)}.avatar-charge-badge{background:linear-gradient(135deg, var(--charge-bg-start) 0%, var(--charge-bg-end) 100%);color:oklch(80.9% .105 250.956);border:min(2px, .5cqmin) solid var(--charge-border);box-shadow:0 0 10px var(--charge-glow);z-index:10;white-space:nowrap;pointer-events:auto;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:2px 8px;font-size:min(3cqw,3.5cqh);font-weight:800;animation:2s ease-in-out infinite chargePulse;display:flex;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.avatar-charge-symbol{color:var(--charge-symbol);text-shadow:0 0 4px var(--charge-border)}.avatar-charge-value{color:var(--text-color);text-shadow:0 0 4px var(--charge-glow)}@keyframes chargePulse{0%,to{box-shadow:0 0 8px var(--charge-glow-soft);border-color:var(--charge-border);transform:translate(-50%)scale(1)}50%{box-shadow:0 0 16px var(--charge-glow-strong);border-color:var(--charge-border-active);transform:translate(-50%,-1px)scale(1.05)}}.combatant-actions-text{color:var(--spell-beam-outer);text-shadow:0 0 4px var(--spell-healing-glow-outer), 1px 1px 2px oklch(0% 0 0);text-align:center;white-space:nowrap;margin-top:.75cqh;font-size:min(3.5cqw,4.5cqh);font-weight:700}.multicast-badge{background-color:var(--status-multicast-bg);color:var(--status-multicast-color);border:1px solid var(--status-multicast-border);text-shadow:0 0 6px var(--status-multicast-glow)}#grid-area{aspect-ratio:1;box-sizing:border-box;flex:none;justify-content:center;align-items:center;width:100%;padding:10px;display:flex;position:relative}#trace-svg{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}#grid{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);gap:6px;width:100%;height:100%;transition:opacity .35s ease-in-out;display:grid}#grid.blocked{opacity:.55;pointer-events:none}.cell{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:transform .1s,box-shadow .2s,background .2s;display:flex;position:relative}.cell[data-type="0"]{background:var(--tile-fire-bg);box-shadow:inset 0 0 15px var(--tile-fire-border);border:1px solid var(--tile-fire-border)}.cell[data-type="1"]{background:var(--tile-earth-bg);box-shadow:inset 0 0 15px var(--tile-earth-border);border:1px solid var(--tile-earth-border)}.cell[data-type="2"]{background:var(--tile-water-bg);box-shadow:inset 0 0 15px var(--tile-water-border);border:1px solid var(--tile-water-border)}.cell[data-type="3"]{background:var(--tile-air-bg);box-shadow:inset 0 0 15px var(--tile-air-border);border:1px solid var(--tile-air-border)}.cell:after{content:"";background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:80%;height:80%;transition:transform .2s,box-shadow .2s,opacity .2s;position:absolute;box-shadow:0 0 10px oklch(100% 0 0/.2)}.flying-symbol{z-index:1000;pointer-events:none;border-radius:12px;transition:top .5s ease-in,left .5s ease-in,transform .5s ease-in,opacity .5s ease-in;position:fixed}.flying-symbol:after{content:"";background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:80%;height:80%;position:absolute;top:10%;left:10%;box-shadow:0 0 10px oklch(100% 0 0/.2)}.flying-symbol[data-type="0"]:after{box-shadow:0 0 20px var(--tile-fire);background-image:url(/tile_fire.png)}.flying-symbol[data-type="1"]:after{box-shadow:0 0 20px var(--tile-earth);background-image:url(/tile_earth.png)}.flying-symbol[data-type="2"]:after{box-shadow:0 0 20px var(--tile-water);background-image:url(/tile_water.png)}.flying-symbol[data-type="3"]:after{box-shadow:0 0 20px var(--tile-air);background-image:url(/tile_air.png)}.magic-wave{pointer-events:none;z-index:50;mix-blend-mode:screen;clip-path:polygon(0 0,100% 0,100% 50%,0 50%);opacity:.9;border:12px solid;border-radius:50%;transition:transform .6s linear,opacity .3s ease-out;position:absolute;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 30px,inset 0 0 30px;-webkit-mask-image:linear-gradient(#000 35%,#0000 50%);mask-image:linear-gradient(#000 35%,#0000 50%)}.magic-wave[data-type="0"]{color:var(--tile-fire)}.magic-wave[data-type="1"]{color:var(--tile-earth)}.magic-wave[data-type="2"]{color:var(--tile-water)}.magic-wave[data-type="3"]{color:var(--tile-air)}.cell[data-type="0"]:after{box-shadow:0 0 20px var(--tile-fire);background-image:url(/tile_fire.png)}.cell[data-type="1"]:after{box-shadow:0 0 20px var(--tile-earth);background-image:url(/tile_earth.png)}.cell[data-type="2"]:after{box-shadow:0 0 20px var(--tile-water);background-image:url(/tile_water.png)}.cell[data-type="3"]:after{box-shadow:0 0 20px var(--tile-air);background-image:url(/tile_air.png)}.cell.traced{transform:scale(.9)}.cell.traced[data-type="0"]{border:2px solid var(--tile-fire);box-shadow:0 0 15px var(--tile-fire), inset 0 0 25px var(--tile-fire)}.cell.traced[data-type="1"]{border:2px solid var(--tile-earth);box-shadow:0 0 15px var(--tile-earth), inset 0 0 25px var(--tile-earth)}.cell.traced[data-type="2"]{border:2px solid var(--tile-water);box-shadow:0 0 15px var(--tile-water), inset 0 0 25px var(--tile-water)}.cell.traced[data-type="3"]{border:2px solid var(--tile-air);box-shadow:0 0 15px var(--tile-air), inset 0 0 25px var(--tile-air)}#spell-cards-area{background-color:var(--container-bg);scrollbar-width:thin;scrollbar-color:var(--border-color) var(--scrollbar-track);touch-action:pan-x;cursor:grab;flex:0 0 clamp(50px,15dvh,100px);gap:10px;height:clamp(50px,15dvh,100px);padding:0 10px 6px;display:flex;overflow-x:auto}#spell-cards-area:active{cursor:grabbing}#spell-cards-area.is-dragging .spell-card{pointer-events:none}#spell-cards-area *{touch-action:pan-x}#spell-cards-area::-webkit-scrollbar{height:6px}#spell-cards-area::-webkit-scrollbar-track{background:0 0}#spell-cards-area::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.spell-card{height:100%;box-shadow:none;cursor:pointer;touch-action:pan-x;background-color:#0000;border:none;flex-direction:column;flex:0 0 calc(14.2857% - 8.57143px);justify-content:flex-start;align-items:center;gap:4px;padding:0;display:flex}.spell-card.empty{box-shadow:none;background-color:#0000;border:none}.spell-card-svg{max-width:100%;height:auto;max-height:50px;margin:auto 0;display:block}.spell-name{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;padding-bottom:.125rem;font-size:.65rem;font-weight:600;overflow:hidden}.spell-detail-overlay{z-index:100;background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);border:2px solid var(--border-color);opacity:0;pointer-events:none;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;padding:16px;transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:10px;left:10px;right:10px;transform:scale(.95);box-shadow:0 10px 30px oklch(0% 0 0/.7)}@media (hover:hover){.spell-card:hover .spell-detail-overlay{opacity:1;transition-duration:0s;transform:scale(1)}}.spell-card.is-active .spell-detail-overlay,.spell-card:active .spell-detail-overlay{opacity:1;transition-duration:0s;transform:scale(1)}.overlay-header{border-bottom:1px solid oklch(100% 0 0/.1);justify-content:space-between;align-items:center;width:100%;padding-bottom:8px;display:flex}.overlay-spell-name{color:var(--text-color);text-shadow:0 0 10px oklch(100% 0 0/.2);font-family:Cinzel,serif;font-size:1.6rem;font-weight:700}.overlay-spell-type{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700}.type-elements{background-color:var(--tile-fire-bg);color:var(--status-text-color);border:1px solid var(--tile-fire-border)}.type-matter{background-color:var(--status-crystallize-bg);color:var(--status-crystallize-color);border:1px solid var(--status-crystallize-border)}.type-life{background-color:var(--tile-water-bg);color:var(--heal-smoke-1);border:1px solid var(--tile-water-border)}.type-spirit{background-color:var(--status-multicast-bg);color:var(--status-multicast-color);border:1px solid var(--status-multicast-border)}.overlay-body{text-align:center;flex-direction:column;gap:12px;width:100%;margin:10px 0;display:flex}.overlay-description{color:var(--text-muted);font-size:.9rem;font-style:italic;line-height:1.4}.overlay-effect-container{background:oklch(100% 0 0/.03);border:1px solid oklch(100% 0 0/.05);border-radius:8px;padding:10px}.effect-label{color:var(--text-muted);letter-spacing:.05em;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.overlay-effect{color:var(--text-light);font-size:.95rem;font-weight:600;line-height:1.4}.overlay-previews{flex-flow:row;justify-content:center;align-items:flex-start;gap:8px;width:100%;margin:10px 0;display:flex;overflow:hidden}.preview-box{flex-direction:column;flex:1 1 0;align-items:center;gap:4px;min-width:0;display:flex}.preview-svg{aspect-ratio:1;background-color:oklch(0% 0 0/.2);border:1px solid oklch(100% 0 0/.08);border-radius:8px;width:100%;max-width:90px;height:auto;padding:6px;box-shadow:inset 0 0 10px oklch(0% 0 0/.5)}.preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;text-align:center;white-space:nowrap;font-size:.6rem;font-weight:600}.spell-card-previews{flex-direction:row;flex:1 1 0;justify-content:center;align-items:center;gap:4px;width:100%;min-height:0;display:flex}.spell-card-previews .spell-card-svg{flex:1 1 0;min-width:0;max-width:100%;height:auto;max-height:100%}.spell-card.multi-variant{padding-left:2px;padding-right:2px}.spell-card.multi-variant .spell-card-previews{gap:2px}.type-omni{background-color:var(--tile-omni-glow);color:var(--tile-omni);border:1px solid var(--tile-omni-trace);text-shadow:0 0 10px var(--tile-omni-glow)}.overlay-previews.wrap-previews{flex-wrap:wrap;overflow:visible}.overlay-previews.wrap-previews .preview-box{flex:0 0 calc(12.5% - 7px);min-width:30px}@keyframes spawn{0%{opacity:0;transform:scale(0)}80%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.cell.spawn:after{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards spawn}@keyframes destroy{0%{opacity:1;filter:brightness();transform:scale(1)}50%{opacity:.8;filter:brightness(2);transform:scale(1.5)}to{opacity:0;filter:brightness(0);transform:scale(0)}}.cell.destroying:after{animation:.3s ease-out forwards destroy}@keyframes floatingText{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-50px)}}.damage-text{color:oklch(63.7% .237 25.331);text-shadow:0 0 10px oklch(0% 0 0/.8),2px 2px oklch(0% 0 0);pointer-events:none;z-index:20;font-size:2rem;font-weight:800;animation:1s ease-out forwards floatingText;position:absolute}.spell-text{color:oklch(82.8% .189 84.429);text-shadow:0 0 15px oklch(82.8% .189 84.429/.8),2px 2px oklch(0% 0 0);pointer-events:none;z-index:30;white-space:nowrap;font-size:2.5rem;font-weight:800;animation:1.5s ease-out forwards floatingText;position:absolute}.heal-text{color:oklch(79.2% .209 151.711);text-shadow:0 0 10px oklch(79.2% .209 151.711/.8),2px 2px oklch(0% 0 0);pointer-events:none;z-index:20;font-size:2rem;font-weight:800;animation:1s ease-out forwards floatingText;position:absolute}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.screen-shake{animation:.3s cubic-bezier(.36,.07,.19,.97) both screenShakeAnim}@keyframes screenShakeAnim{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.sorcerer-cast{animation:.3s ease-in-out sorcererCastAnim}@keyframes sorcererCastAnim{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2)drop-shadow(0 0 12px oklch(72.3% .219 149.579));transform:scale(1.08)rotate(3deg)}}.player-cast{animation:.3s ease-in-out playerCastAnim}@keyframes playerCastAnim{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2)drop-shadow(0 0 12px oklch(70.5% .213 47.604));transform:scale(1.08)rotate(-3deg)}}.fireball-projectile{z-index:15;pointer-events:none;background:radial-gradient(circle,oklch(94.5% .129 101.54) 0%,oklch(70.5% .213 47.604) 50%,oklch(57.7% .245 27.325) 100%);border-radius:50%;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 20px oklch(70.5% .213 47.604),0 0 40px oklch(63.7% .237 25.331)}.fireball-projectile:after{content:"";filter:blur(4px);background:linear-gradient(#0000,oklch(63.7% .237 25.331/.8));width:100%;height:200%;position:absolute;top:50%;left:50%;transform:translate(-50%)}.fireball-shockwave{z-index:14;pointer-events:none;background:linear-gradient(90deg,oklch(57.7% .245 27.325/0) 0%,oklch(50.5% .213 27.518) 10%,oklch(63.7% .237 25.331) 25%,oklch(70.5% .213 47.604) 45%,oklch(76.9% .188 70.08) 50%,oklch(70.5% .213 47.604) 55%,oklch(63.7% .237 25.331) 75%,oklch(50.5% .213 27.518) 90%,oklch(57.7% .245 27.325/0) 100%);border-radius:100%;width:0;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 15px oklch(57.7% .245 27.325),0 0 30px oklch(70.5% .213 47.604),0 0 50px oklch(63.7% .237 25.331),inset 0 0 10px oklch(76.9% .188 70.08)}.blast-wave-container{pointer-events:none;z-index:1000;opacity:1;mix-blend-mode:screen;width:120px;height:120px;position:absolute;transform:translate(-50%,-50%)scale(0)}.blast-wave-arc-svg{width:100%;height:100%;overflow:visible}.blast-wave-plasma-glow{stroke:none;mix-blend-mode:color-dodge;filter:drop-shadow(0 0 12px oklch(63.7% .237 25.331/.5))}.blast-wave-plasma-main{mix-blend-mode:normal}.blast-wave-plasma-core{mix-blend-mode:screen;filter:drop-shadow(0 0 4px oklch(100% 0 0))drop-shadow(0 0 10px oklch(94.5% .129 101.54/.8))}.shatter-shard{pointer-events:none;z-index:1001;background:oklch(71.4% .203 305.415);border-radius:1px;transition:left .18s cubic-bezier(.25,1,.5,1),top .18s cubic-bezier(.25,1,.5,1),transform .18s cubic-bezier(.25,1,.5,1),opacity .18s ease-out;position:absolute;transform:translate(-50%,-50%)rotate(0);box-shadow:0 0 10px oklch(62.7% .265 303.9/.95),0 0 4px oklch(71.4% .203 305.415/.8)}.beam-beam-svg{pointer-events:none;z-index:1;mix-blend-mode:screen;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.beam-impact-svg{pointer-events:none;z-index:1001;mix-blend-mode:screen;position:absolute;overflow:visible}.fling-shield-projectile{pointer-events:none;z-index:1002;transform-origin:50%;filter:drop-shadow(0 0 12px oklch(62.7% .265 303.9/.95));position:absolute;transform:rotate(0)scale(1)}.fling-shield-svg{width:100%;height:100%;overflow:visible}