.fade-enter-active[data-v-94f20192],.fade-leave-active[data-v-94f20192]{transition:all .5s ease;transform:translateY(0)}.fade-enter-from[data-v-94f20192],.fade-leave-to[data-v-94f20192]{opacity:0;transform:translateY(10px)}.chat-container[data-v-94f20192]{position:absolute;display:flex;justify-content:flex-start;bottom:105%;left:10%;width:200px;color:#fff;z-index:10}.speech-bubble[data-v-94f20192]{position:relative;background:#232222df;border-radius:10px;padding:5px 10px;font-size:.7rem;animation:fadeIn-94f20192 .5s ease-in}.speech-bubble[data-v-94f20192]:after{content:"";position:absolute;bottom:2px;left:15px;width:0;height:0;border:10px solid transparent;border-top-color:#232222df;border-bottom:0;border-left:0;margin-left:-5px;margin-bottom:-10px}.cursor[data-v-94f20192]{animation:blink-94f20192 1s step-start infinite}@keyframes blink-94f20192{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes fadeIn-94f20192{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dice-unit{position:relative;width:130px;height:160px;transform-style:preserve-3d;transition:transform 1s;background:transparent}.units-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:.5s;transform:none}.unit-item{border-radius:20px;background-color:transparent;height:110px;width:110px;display:block;position:absolute;transition:all .5s ease-in-out;box-shadow:0 2px 4px 2px #222223;border:3px solid transparent;transition:.5s;transform:none;animation:invoke 1s ease}@keyframes invoke{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0)}}.unit-active{background-color:#20a7a7}.unit-hp{position:absolute;bottom:2px;right:0;color:#fff;background:linear-gradient(180deg,#0000,#000c 10%,#000c);padding:0 8px 0 5px;border-radius:10px 0 0 10px}.hp-bar{position:absolute;bottom:2px;right:20px;left:10px;background-color:#0006}.hp-bar-item{display:block;max-width:100px;width:122%;height:7px;border:1px solid #000;clip-path:polygon(0 0,75% 0,100% 100%,25% 100%);transition:all 1sec ease;opacity:0}.grid-cols-1 .hp-bar-item{width:60%;clip-path:polygon(0 0,80% 0,100% 100%,20% 100%)}.grid-cols-10 .hp-bar-item,.grid-cols-9 .hp-bar-item,.grid-cols-8 .hp-bar-item{width:180%;clip-path:polygon(0 0,50% 0,100% 100%,50% 100%)}.hp-active{background-color:#92e27b;opacity:1}.hp-active.opponent-active{background-color:#f54848}.unit-stats{position:absolute;top:5px;left:5px;color:#fff;font-size:.8rem;line-height:.8rem;text-shadow:1px 1px 2px #000}.unit-stats img{width:10px;padding-right:2px}.unit-dice-rank{position:absolute;right:5px;top:5px;transform:scale(.5);transform-origin:100% 0}.unit-image{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;border-radius:17px}.unit-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.unit-details{transform:translate(10px,-130px) scale(0);transition:all .5s;z-index:15;position:relative;opacity:.5}.unit-selected .unit-details{transform:translate(-320px,-100px) scale(1)}.unit-selected .unit-details-right{transform:translate(130px,-100px) scale(1)}.unit-selected .unit-details-bottom{transform:translate(-320px,-160px) scale(1)}.unit-selected .unit-details-bottom-right{transform:translate(130px,-160px) scale(1)}.unit-selected .unit-details-top{transform:translate(-320px) scale(1)}.unit-selected .unit-details-top-right{transform:translate(130px) scale(1)}.unit-details-hide{opacity:.3}.opponent{background-color:#f94144;border:3px solid #f94144}.action-list{width:280px}.btn-action{margin:0 2px;height:62px;width:54px;background:radial-gradient(circle,#1e1c1c,#fff)}.btn-action>div{display:grid;justify-items:center;color:#fff;margin-top:5px}.btn-action:hover{transform:translateY(-2px)}.btn-action-active{background:linear-gradient(45deg,purple,orange);transform:translateY(-2px);animation:anim 4s linear infinite}.btn-action-cost{display:flex;line-height:14px;margin-bottom:2px}.btn-action-cost img{width:10px;margin-left:2px}.btn-action-icon{width:20px}.unit-animation-attack{position:absolute;left:0;top:0;bottom:0;right:0}.ani-missile{position:absolute;top:0;left:0;right:0;bottom:0;transition:all 1s;animation:missile 1s linear}.ani-missile img{width:60px;margin:0 auto;transform:rotate(45deg)}@keyframes missile{0%{transform:translate(-500px,-500px) rotate(45deg)}to{transform:translate(0) rotate(45deg)}}.ani-melee{position:absolute;top:0;left:0;right:0;bottom:0;transition:all 1s;animation:melee 1s linear infinite}.ani-melee img{width:80px;margin:0 auto;transform:rotate(45deg)}@keyframes melee{0%{transform:translate(-100%) rotate(-45deg)}50%{transform:rotate(-45deg)}to{transform:rotate(20deg)}}.ani-magic{position:absolute;top:0;left:0;right:0;bottom:0;transition:all 1s;animation:magic 1s linear infinite}.ani-magic img{width:80px;margin:0 auto}@keyframes magic{0%{transform:translate(-100%)}50%{transform:scale(1)}80%{transform:scale(1.4)}to{transform:scale(0)}}.ani-arrow{position:absolute;top:0;left:0;right:0;bottom:0;transition:all 1s;animation:arrow 1s ease-out infinite}.ani-arrow img{width:80px;margin:0 auto;transform:rotate(45deg)}@keyframes arrow{0%{transform:translate(-1000%)}to{transform:translate(0)}}.ani-gun{position:absolute;top:0;left:0;right:0;bottom:0;transition:all 1s;animation:gun 1s linear infinite}.ani-gun img{width:80px;margin:0 auto}@keyframes gun{0%{transform:translate(0)}25%{transform:translate(10px,10px)}50%{transform:translate(-50px,50px)}75%{transform:translate(25px,-25px)}to{transform:translate(0)}}.ani-cannon{position:absolute;top:0;left:0;right:0;bottom:0;transition:all 1s;animation:cannon 1s linear infinite}.ani-cannon img{width:80px;margin:0 auto}@keyframes cannon{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(0)}}.ani-repair{position:absolute;top:0;left:0;right:0;bottom:0;transition:all 1s;animation:repair 1s linear infinite}.ani-repair img{width:60px;margin:20px auto}@keyframes repair{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.ani-explosion{position:absolute;width:80px;height:80px;background:radial-gradient(circle,orange,red,transparent);border-radius:50%;animation:explode 1s ease-out}@keyframes explode{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.ani-laser{position:absolute;right:200px;top:20px;height:4px;width:10px;background-color:red;box-shadow:0 0 10px red;animation:charge .5s ease-in-out,fire .5s linear .5s forwards;z-index:100}.laser-2{position:absolute;right:200px;top:40px;height:4px;width:10px;background-color:red;box-shadow:0 0 10px red;animation:charge .5s ease-in-out,fire .5s linear .5s forwards;z-index:100}@keyframes charge{0%{opacity:.2;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1.2)}to{opacity:1;transform:scaleX(1)}}@keyframes fire{0%{right:200px;width:10px}to{right:20px;width:30px}}.unit-animation-hp{position:absolute;top:0;bottom:0;left:0;right:0;display:grid;justify-content:center;align-items:center}.unit-animation-hp-value{font-weight:700;color:#d98081;font-size:2rem;text-shadow:2px 4px 2px rgba(0,0,0,.6);opacity:0}.unit-animation-hp-value-plus{animation-name:showDamage;animation-duration:1s;animation-delay:1s;color:#36f50b}.unit-hp-anim{animation-name:showDamage;animation-duration:1s;animation-delay:1s}@keyframes showDamage{0%{transform:translateZ(0);opacity:0}to{transform:translate3d(0,-100%,0);opacity:1}}.unit-enter-active,.unit-leave-active{transition:opacity 1s ease}.unit-enter-from,.unit-leave-to{opacity:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.unit-selected-border{border:3px solid #36f50b}