.magic-calculator[data-v-8aa5a68d]{display:grid;grid-template-rows:minmax(50vh,1fr) 1fr;grid-template-columns:100%;contain-intrinsic-size:80vh;content-visibility:auto;box-shadow:0 0 3px #aaaaaa80}@media(min-width:1280px){.magic-calculator[data-v-8aa5a68d]{grid-template-rows:minmax(80vh,auto);grid-template-columns:50% 50%}}@media(min-width:1920px){.magic-calculator[data-v-8aa5a68d]{grid-template-rows:minmax(84vh,auto)}}.attacker[data-v-8aa5a68d],.defender[data-v-8aa5a68d]{display:grid;grid-template-rows:repeat(5,min-content) auto;gap:1rem;padding:10px}@media(min-width:1280px){.attacker[data-v-8aa5a68d],.defender[data-v-8aa5a68d]{padding:20px}}.title[data-v-8aa5a68d]{display:grid;grid-template-areas:"title button";column-gap:.5rem;align-items:center}.title>h2[data-v-8aa5a68d]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main[data-v-8aa5a68d]{display:grid;column-gap:.5rem}.creature[data-v-8aa5a68d]{display:grid;gap:.5rem}.creature .creature-input[data-v-8aa5a68d]{width:65px;height:32px}.hero[data-v-8aa5a68d]{display:grid;grid-template-columns:auto;grid-auto-rows:auto auto;gap:1rem}.skills[data-v-8aa5a68d]{display:grid;grid-template-columns:1fr;gap:1rem 0}@media(min-width:768px){.skills[data-v-8aa5a68d]{grid-template-columns:1fr 1fr;gap:1rem 1rem}}.hero-parameters[data-v-8aa5a68d]{display:grid;grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;justify-content:flex-end}.hero-parameters>div[data-v-8aa5a68d]{width:100px}.hero-parameters .parameter-attack[data-v-8aa5a68d]{margin-left:auto}.spell[data-v-8aa5a68d]{display:grid;grid-template-areas:"target select";grid-template-columns:minmax(auto,40%) 1fr;gap:8px;align-items:center}.spell div[data-v-8aa5a68d]:nth-child(1){font-size:.9rem}.spells-effects[data-v-8aa5a68d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.spells-effects>span[data-v-8aa5a68d]{grid-column-start:1;grid-column-end:-1}.attacker[data-v-8aa5a68d]{border-bottom:1px solid var(--color-border)}@media(min-width:1280px){.attacker[data-v-8aa5a68d]{border-right:1px solid var(--color-border);border-bottom:0}}.attacker .title[data-v-8aa5a68d],.attacker .main[data-v-8aa5a68d]{grid-template-columns:minmax(auto,40%) 1fr}.defender .title[data-v-8aa5a68d]{grid-template-areas:"button title";grid-template-columns:1fr minmax(auto,40%)}.defender .title>h2[data-v-8aa5a68d]{grid-area:title;text-align:right}.defender .main[data-v-8aa5a68d]{grid-template-areas:"hero creature";grid-template-columns:auto minmax(auto,40%)}.defender .creature[data-v-8aa5a68d]{grid-area:creature;justify-content:end}.defender .spell[data-v-8aa5a68d]{grid-template-columns:1fr minmax(auto,40%)}.defender .spell div[data-v-8aa5a68d]:nth-child(1){grid-area:select}.defender .spell div[data-v-8aa5a68d]:nth-child(2){grid-area:target}.defender .hero-parameters[data-v-8aa5a68d]{justify-content:flex-start}.creature-button[data-v-8aa5a68d]{position:relative;z-index:1;display:block;width:58px;height:64px;padding:0;overflow:hidden}.creature-button[data-v-8aa5a68d]:after{position:absolute;top:-50%;bottom:-50%;z-index:-1;width:1.25em;content:"";background-color:#fff3;transform:translate3d(-525%,0,0) rotate(35deg)}.creature-button[data-v-8aa5a68d]:hover:after{transform:translate3d(200%,0,0) rotate(35deg);transition:transform .45s ease-in-out}.creature-img[data-v-8aa5a68d]{position:relative;z-index:-1}.unit-effect-checkbox[data-v-8aa5a68d]{margin-bottom:1rem}@media(min-width:1280px){.select-skill-buttons[data-v-8aa5a68d]:nth-child(2n){text-align:center}}.damage[data-v-8aa5a68d]{display:flex;flex-direction:column;gap:1rem;align-items:flex-end;justify-content:flex-end;font-size:1.2rem;text-align:right}.stat-name[data-v-8aa5a68d]{display:block;margin-bottom:10px}.magic-calculator-page[data-v-78120363]{display:grid;min-width:300px;max-width:1920px;padding:0 8px;margin:0 auto}@media(min-width:768px){.magic-calculator-page[data-v-78120363]{padding:0 24px}}.calculator-change-tab-enter-active[data-v-78120363],.calculator-change-tab-leave-active[data-v-78120363]{transition:blur .2s ease}.calculator-change-tab-enter-from[data-v-78120363],.calculator-change-tab-enter-to[data-v-78120363]{display:none}.calculator-change-tab-leave-from[data-v-78120363],.calculator-change-tab-leave-to[data-v-78120363]{filter:blur(1px)}