#board{position:relative;overflow:hidden}.tile.moving{z-index:3;overflow:visible;animation:none}.moving .unit{animation:travel .65s ease-out}.tile.dodging .unit{animation:dodge .65s}.tile.protected{box-shadow:inset 0 0 18px #65e9ec}.attackfx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.attackfx line{stroke:#fff1b2;stroke-width:4;stroke-dasharray:500;animation:projectile .7s both}.attackfx circle{fill:none;stroke:#ffe3a0;stroke-width:3;animation:burst .8s both;transform-box:fill-box;transform-origin:center}.attackfx.mage line{stroke:#b6a0ff;stroke-width:8}.attackfx.mage circle{stroke:#c4a0ff;fill:#b180ff30}.attackfx.knight line,.attackfx.guardian line,.attackfx.rogue line{stroke-width:9;animation:slash .55s both}@keyframes travel{from{transform:translate(var(--mx),var(--my))}to{transform:translate(0,0)}}@keyframes dodge{40%{transform:translateX(20%);opacity:.35}}@keyframes projectile{from{stroke-dashoffset:500;opacity:1}80%{stroke-dashoffset:0;opacity:1}to{opacity:0}}@keyframes burst{from{transform:scale(.3);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes slash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}
.fallen .unit{animation:fall .8s forwards}@keyframes fall{to{transform:scale(.6) rotate(15deg);opacity:.1}}
.moving .unit{animation:none}
.tile.aura{background-image:linear-gradient(#65e9ec18,#65e9ec18);outline:1px dashed #65e9ec88;outline-offset:-5px}.tile.aura-ally{box-shadow:inset 0 0 16px #65e9ec66}.tile.bodyguard-target:after{content:'BODYGUARD';position:absolute;bottom:3px;left:2px;font-size:8px;color:#8dfaff}.tile.targeted{outline:3px solid #ffcd70;outline-offset:-4px}.tile.blocked:after{content:'BLOCKED';position:absolute;bottom:4px;left:3px;font-size:9px;color:#ff9a9a}.tile.arrow-over:before{content:'? OVER';position:absolute;top:5px;right:3px;font-size:9px;color:#ffe3a0;z-index:5}.decision{line-height:1.5;font-size:12px}