/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:'Bandeins';src:url(./../fonts/BandeinsStrange/BandeinsStrangeLight.woff2) format("woff2");font-weight:400;font-style:normal;font-stretch:normal}@font-face{font-family:'Bandeins';src:url(./../fonts/BandeinsStrange/BandeinsStrangeBold.woff2) format("woff2");font-weight:700;font-style:normal;font-stretch:normal}html{font-family:'Bandeins', sans-serif;font-weight:200;font-size:16px;line-height:120%;color:#c8e6ff;width:auto;height:100%;padding:0;margin:0;cursor:default;background:#000}body{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:56.25vw;font-size:calc(1rem + .03906vw * 16 - 16 * 1px);line-height:150%;overflow:hidden;padding:0;margin:0;background:#000a14}#root{position:relative;width:100vw;max-height:100vh;height:56.48438vw;overflow:hidden}h1,h2,h3,h4,h5,h6{margin-top:0;padding:0;line-height:120%;font-weight:700}h1{font-size:calc(1rem + .03906vw * 62 - 16 * 1px)}h2{font-size:calc(1rem + .03906vw * 44 - 16 * 1px)}h3{font-size:calc(1rem + .03906vw * 36 - 16 * 1px)}h4{font-size:calc(1rem + .03906vw * 26 - 16 * 1px)}h5,h6{font-size:calc(1rem + .03906vw * 20 - 16 * 1px)}p{margin-top:0;padding:0;line-height:140%}ul,li{margin:0;padding:0;list-style:none}a{display:inline-block;text-decoration:none;color:inherit;transition:transform 0.3s ease-out}a:hover{transform:scale(1.03)}a:active{transform:scale(0.96)}.animateScale{display:inline-block;transition:transform 0.2s linear;transform:scale(2);transform-origin:center}button{font-family:'Bandeins', sans-serif;color:#c8e6ff}.button,button{padding:.54688vw 1.64062vw .625vw;border:none;outline:none;background:transparent;border-radius:15.625vw;border:solid #23a5e1 1px;cursor:pointer;font-weight:700;font-size:calc(1rem + .03906vw * 24 - 16 * 1px);line-height:100%;box-sizing:border-box;transition:border 0.3s ease-out, background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out, background-position 0.3s ease-in-out}.button:hover,button:hover{background:#23a5e1}.button:disabled,button:disabled{opacity:0.5;pointer-events:none}.button__content,button__content{display:block;transform:translateY(-10%)}.redHealth{color:#e31b0e}.blueBlock{color:#14a1cc}.yellowAP{color:#14a1cc}img,canvas{display:block}canvas:focus{border:none;outline:none}.desktop_only{display:block}.mobile_only{display:none}.gameOver{padding-left:.50781vw}.gameOver a{font-size:calc(1rem + .03906vw * 25 - 16 * 1px)}#loader{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);z-index:102;color:#c8e6ff;z-index:2}#loader:after{content:'';position:absolute;left:50%;bottom:0;width:10.9375vw;height:.58594vw;background:linear-gradient(-90deg, #c8e6ff, #23a5e1);z-index:1;transform:translateX(-50%) translateY(250%);transform-origin:0% 0%}#loader span{display:block}@media BreakpointS{.mobile_only{display:block}.desktop_only{display:none}}.infobutton{position:absolute;top:50%;left:.19531vw;transform:translateY(-50%);font-weight:700;font-size:calc(1rem + .03906vw * 40 - 16 * 1px);color:#C4C4C4;cursor:help}.infobutton__text{padding:.19531vw}.header{position:absolute;top:0;left:0;height:2.5vw;width:100%;z-index:500}.header .button--fullscreen{background:none;padding:0;position:absolute;z-index:101;top:50%;right:.39062vw;transform:translateY(-50%);font-size:calc(1rem + .03906vw * 16 - 16 * 1px);border-radius:0;border-color:#c8e6ff}.header .button--fullscreen .button__content{display:none}.header .button--fullscreen .button__svg_wrapper{position:relative;display:block}.header .button--fullscreen .button__canvas{position:relative;display:block;width:1.5625vw}.header .button--fullscreen .button__svg{position:absolute;top:0;left:0;width:100%;height:100%}.header .button--fullscreen .button__svg path{fill:#c8e6ff}.animation{position:absolute;top:0;left:0;width:100%;height:100%}.animation:active,.animation:focus{outline:none}.startScreen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;animation:fade-in 3s ease-out;font-size:calc(1rem + .03906vw * 32 - 16 * 1px)}@keyframes fade-in{0%{opacity:0}90%{opacity:0}100%{opacity:1}}.startScreen h1{margin-bottom:.39062vw}.startScreen a{font-size:calc(1rem + .03906vw * 26 - 16 * 1px)}.startScreen a+a{margin-top:.78125vw}.startScreen .button{margin-top:1.95312vw}.viewCharacter{position:absolute;left:0;top:0;width:100%;height:100%;animation:fade-in 1.5s forwards}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.viewCharacter__subtitle{position:absolute;top:6.875vw;left:0}.viewCharacter__character{position:absolute;top:6.875vw;left:4.375vw;width:32.61719vw;height:27.89062vw}.viewCharacter__newRun{position:absolute;top:0;left:0;width:100%;height:100%;z-index:101;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;animation:2s fade-out ease-out forwards}@keyframes fade-out{0%{opacity:1}99.9%{opacity:0;display:none;height:100%;width:100%}100%{height:0;width:0;overflow:hidden}}.viewCharacter__stats_container{margin:3.75vw 0 2.5vw}.viewCharacter__stats_container h4{font-weight:400}.viewCharacter__stats_container span{font-weight:700;color:#fff}.viewCharacter__cardOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border-radius:.39062vw .39062vw 2.92969vw;z-index:101;background:radial-gradient(ellipse at center, #000, transparent 70%);display:flex;flex-direction:column;justify-content:center;align-items:center;color:White;font-weight:700;font-size:calc(1rem + .03906vw * 20 - 16 * 1px);opacity:0;transition:0.3s ease-out opacity}.viewCharacter__cardOverlay:hover{opacity:1;pointer-events:all}.viewCharacter__cardOverlay p{margin:0}.viewCharacter__cardOverlay p:last-of-type{margin-bottom:.78125vw}.viewCharacter__canvas{width:32.61719vw}.viewCharacter__canvas:focus{outline:none;border:none}.viewCharacter__tropes{position:absolute;top:35.97656vw;left:4.375vw;width:32.61719vw;height:15.70312vw}.viewCharacter__stats{position:absolute;top:6.875vw;left:38.24219vw;width:23.51562vw;height:39.80469vw;font-size:calc(1rem + .03906vw * 28 - 16 * 1px);line-height:150%}.viewCharacter__cards{position:absolute;top:0;left:66.40625vw;width:27.34375vw;height:110%;overflow-y:auto;box-sizing:border-box;overflow:hidden;transform:translateY(100%) translateX(-25%) rotate(5deg);animation:SLIDE-IN 0.7s ease-out forwards;animation-delay:0s}@keyframes SLIDE-IN{0%{transform:translateY(100%) translateX(-25%) rotate(5deg)}100%{transform:translateY(-5%) translateX(0%) rotate(5deg)}}.viewCharacter__cards_wrapper{position:absolute;top:0;left:0;right:-15px;height:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;padding-top:13.67188vw;padding-bottom:3.90625vw;overflow-y:auto;overflow-x:visible}.viewCharacter .card{margin-bottom:3.75vw;margin-left:1.25vw;transition:transform 0.3s ease-out;transform:translateX(-10%)}.viewCharacter .card:nth-child(even){transform:translateY(-50%) translateX(-10%)}.viewCharacter .card:nth-child(odd):last-child{transform:translateY(-50%) translateX(-10%)}.viewCharacter .card:hover{cursor:default;z-index:3;transform:scale(1.1) rotate(-3deg) translateX(-10%) !important}.viewCharacter .card:hover:nth-child(even){transform:translateY(-50%) translateX(-10%) scale(1.1) rotate(-3deg) !important}.viewCharacter .card:hover:nth-child(odd):last-child{transform:translateY(-50%) translateX(-10%) scale(1.1) rotate(-3deg) !important}.viewCharacter__navigation{position:absolute;top:47.92969vw;left:50%;width:28.125vw;height:3.90625vw;display:flex;justify-content:space-between;align-items:center;transform:translateX(-50%)}.battleLog{position:absolute;z-index:101;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9)}.battleLog__container{position:absolute;top:50%;left:50%;padding:2.8125vw 5vw 0;transform:translate(-50%, -50%);border-radius:.39062vw;font-size:calc(1rem + .03906vw * 28 - 16 * 1px);line-height:150%}.battleLog__container:after{content:'';position:absolute;top:0;left:0;width:3.90625vw;height:11.71875vw;border-left:#c8e6ff .19531vw solid;border-top:#c8e6ff .19531vw solid;transform:skewY(5deg)}.battleLog__container:before{content:'';position:absolute;bottom:0;right:0;width:3.90625vw;height:11.71875vw;border-right:#c8e6ff .19531vw solid;border-bottom:#c8e6ff .19531vw solid;transform:skewY(5deg)}.battleLog__container span{color:#fff;font-weight:700}.battleLog__loot_container{margin:2.5vw 0}.battleLog__loot_container p{margin:0}.battleLog__title{margin-bottom:0}.shop{position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:70;display:flex;background:rgba(0,0,0,0.9);flex-direction:column;justify-content:center;align-items:center;transform:translate(-50%, -50%);font-size:calc(1rem + .03906vw * 28 - 16 * 1px);overflow:hidden;animation:appear 0.8s ease-in forwards}.shop--fadeout{animation:disappear 0.8s ease-out forwards;height:0%;width:0%}@keyframes appear{0%{width:100%;height:0}100%{width:100%;height:100%}}@keyframes disappear{0%{width:100%;height:100%}100%{width:0;height:100%}}.shop h1{margin-bottom:.625vw}.shop .card{margin-right:3.75vw}.shop .card:hover{cursor:default}.shop .card:last-child{margin-right:0}.shop .card--bought .shop__cardOverlay{opacity:1}.shop__cardswrapper{display:flex;margin:2.5vw 0 5vw}.shop__controls{display:flex;justify-content:space-between}.shop__cardOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border-radius:.39062vw .39062vw 2.92969vw;z-index:101;background:radial-gradient(ellipse at center, #000, transparent 70%);display:flex;flex-direction:column;justify-content:center;align-items:center;color:White;font-weight:700;font-size:calc(1rem + .03906vw * 20 - 16 * 1px);opacity:0;transition:0.3s ease-out opacity;text-align:center}.shop__cardOverlay:hover{opacity:1;pointer-events:all}.message{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;z-index:99;font-size:calc(1rem + .03906vw * 100 - 16 * 1px);font-weight:700;animation:fadeInOut 0.7s forwards linear;line-height:100%}.message span{display:inline-block;padding:2.5vw;background:rgba(0,10,20,0.5);border-radius:15.625vw}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}20%{opacity:1}100%{opacity:0}}.arena{position:absolute;top:5vw;left:50%;width:31.25vw;display:flex;justify-content:center;transform:translateX(-50%)}.arena .card{transform:scale(0.615);transform-origin:center top;height:auto;cursor:default;animation:layDown 0.5s ease-out;margin:0 -3.51562vw 0;background:radial-gradient(ellipse at center, rgba(0,0,0,0.7), transparent 70%);pointer-events:none}@keyframes layDown{0%{transform:scale(0.8) translate(10%, 40%) rotate(5deg)}100%{transform:scale(0.615) translate(0, 0) rotate(0)}}.arena--ended .card{transition:transform 0.5s ease-out, opacity 0.5s ease-out;transform:translate(250%, 230%) scale(0.1);opacity:0}.arena--ended .card:nth-child(1){transition-delay:.1s}.arena--ended .card:nth-child(2){transition-delay:.2s}.arena--ended .card:nth-child(3){transition-delay:.3s}.arena--ended .card:nth-child(4){transition-delay:.4s}.deck{position:absolute;bottom:.97656vw;left:0;height:17.57812vw;width:100%;display:flex;justify-content:space-between;animation:slide-deck-in 1s ease-out}.deck__endTurn{position:absolute;top:0;left:50%;transform:translate(-50%, -180%);z-index:99}.deck__hand{position:relative;width:62.5vw;height:100%}.deck__hand .card{position:absolute;top:50%;transform:translateY(-50%);transition:transform 0.2s ease-out, left 0.5s ease-out}.deck__hand .card--new{animation:SlideSingleIn 0.3s ease-in forwards;pointer-events:none}@keyframes SlideSingleIn{0%{transform:translateX(-35.15625vw) translateY(3.90625vw);opacity:0.3}100%{transform:translate(0, 0) translateY(-50%);opacity:1}}.deck__hand .card:first-child{margin-left:0}.deck__hand .card:last-child{margin-right:0}.deck__hand .card:hover{animation:none !important;transform:translateY(-50%) scale(1.1) rotate(3deg) !important;z-index:3}.deck__hand--started .card{animation:SlideIn 0.3s ease-in forwards;pointer-events:none}@keyframes SlideIn{0%{transform:translateX(-7.8125vw) translateY(-50%);opacity:0}100%{transform:translateX(0) translateY(-50%);opacity:1}}.deck__hand--ended .card{animation:SlideOut 0.3s ease-in forwards;pointer-events:none}@keyframes SlideOut{0%{transform:translateX(0) translateY(-50%);opacity:1}100%{transform:translateX(7.8125vw) translateY(-50%);opacity:0}}@keyframes slide-deck-in{0%{transform:translateY(120%)}100%{transform:translateY(0%)}}.deck__drawPile,.deck__discardPile{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:14.84375vw}.pile{display:flex;flex-direction:column;justify-content:center;align-items:center}.pile__number{width:4.6875vw;height:4.6875vw;border-radius:.78125vw;display:flex;justify-content:center;align-items:center;font-size:calc(1rem + .03906vw * 45 - 16 * 1px);font-weight:700;border-top:solid .19531vw #c8e6ff;border-bottom:solid .19531vw #c8e6ff}.pile__number>span{transform:translateY(-12%)}.pile__title{width:100%;font-size:calc(1rem + .03906vw * 24 - 16 * 1px);text-transform:uppercase;font-weight:700;text-align:center;border-radius:.19531vw;min-width:100%;box-sizing:border-box;margin-top:-.58594vw;color:#23a5e1;transform:translateY(1.5625vw)}.pile--ap span{padding:0 .07812vw;padding-left:0;color:#c8e6ff;font-weight:400}.pile--ap span:first-of-type{color:#ebd00e;font-weight:700}.pile--ap span:last-of-type{padding-left:.15625vw}.pile--ap .pile__number,.pile--ap .pile__title{color:#ebd00e}.card{position:relative;width:11.71875vw;min-height:16.01562vw;border-right:none;box-sizing:border-box;z-index:1;cursor:pointer;display:flex;flex-direction:column;background:radial-gradient(ellipse at bottom center, rgba(200,230,255,0.1), transparent 50%)}.card:hover .card__svg path,.card:hover .card__svg polyline,.card:hover .card__svg circle{stroke:#23a5e1;stroke-width:.27344vw}.card__svg{position:absolute;top:0;left:0;width:100%;height:100%}.card__svg path,.card__svg polyline,.card__svg circle{fill:none;stroke:#c8e6ff;stroke-width:.19531vw;transition:stroke 0.3s ease-out, stroke-width 0.3s ease-out}.card__name{position:absolute;right:.58594vw;bottom:1.25vw;transform-origin:right bottom;font-weight:700;font-size:calc(1rem + .03906vw * 40 - 16 * 1px);text-transform:uppercase;color:#23a5e1}.card__description{font-size:calc(1rem + .03906vw * 24 - 16 * 1px);line-height:150%;box-sizing:border-box;text-align:right;margin-top:2.8125vw;margin-left:3.90625vw;padding-right:.50781vw}.card__description span{font-weight:700;color:#fff}.card__description span.redHealth{color:#e31b0e}.card__description span.blueBlock{color:#14a1cc}.card__description span.yellowAP{color:#ebd00e}.card__stats_wrapper{font-weight:700;font-size:calc(1rem + .03906vw * 32 - 16 * 1px);position:absolute;top:2.73438vw;left:-.39062vw;width:90%;justify-content:space-between;display:flex;flex-wrap:wrap;flex-direction:column}.card__stats_bubble,.card__cost{position:relative;display:block;width:2.73438vw;height:2.73438vw;border-radius:0;display:flex;justify-content:center;align-items:center;margin:0;padding:0;color:#ebd00e;border:solid .11719vw #c8e6ff;border-radius:50%;margin-bottom:.9375vw;background:radial-gradient(#000a14 40%, transparent 100%)}.card__stats_bubble--health,.card__cost--health{color:#e31b0e}.card__stats_bubble--block,.card__cost--block{color:#14a1cc}.card__stats_bubble span,.card__cost span{transform:translateY(-5%)}.card__stats{margin-bottom:0;display:flex;align-items:center}.card__unit{font-size:calc(1rem + .03906vw * 20 - 16 * 1px);font-weight:400;margin-left:.3125vw}.characters{position:absolute;top:8.90625vw;left:0;width:100%;height:25.85938vw;display:flex;justify-content:space-between;font-size:calc(1rem + .03906vw * 26 - 16 * 1px);line-height:170%;font-weight:700}.characters__character{position:relative;width:14.84375vw}.characters__character--hero{text-align:right}.characters__character--hero .characters__health_bar{flex-direction:row-reverse}.characters__character--hero .characters__health_bar_block{position:absolute;top:0;left:0;height:100%;transform:translateX(-100%);background:#14a1cc}.characters__character--monster .characters__health_bar_wrapper{padding-right:5.07812vw;padding-left:0}.characters__next_attack{font-size:calc(1rem + .03906vw * 32 - 16 * 1px);transition:transform 0.2s linear;transform-origin:center right;margin-top:3.125vw}.characters__next_attack *{margin-bottom:0}.characters__health_bar_wrapper{position:relative;display:inline-block;width:7.8125vw;padding-left:5.07812vw;overflow:hidden}.characters__health_bar{position:relative;display:flex;height:.78125vw;width:100%;border:solid #fff 1px;box-sizing:border-box}.characters__health_bar_health{position:relative;display:inline-block;height:100%;background:#e31b0e;transition:0.3s ease-out width}.characters__health_bar_block{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);background:#14a1cc;transition:0.3s ease-out width}.info{position:absolute;bottom:0;left:0;width:100%;height:95%;background:rgba(255,255,255,0.5);z-index:149;font-size:calc(1rem + .03906vw * 32 - 16 * 1px);font-weight:700}.info__you{position:absolute;top:9.17969vw;left:17.57812vw;display:block;margin-bottom:0}.info__monster{position:absolute;top:9.17969vw;right:17.57812vw;display:block;text-align:right;margin-bottom:0}.info__ap{position:absolute;top:42.96875vw;left:1.95312vw}.info__banish{position:absolute;top:42.96875vw;left:82.8125vw}.info__draw{position:absolute;top:51.5625vw;left:1.95312vw}.info__discard{position:absolute;top:51.5625vw;left:82.8125vw}.info__hand{position:absolute;top:51.5625vw;left:41.79688vw}.info__endturn{position:absolute;top:28.90625vw;left:46.09375vw}.info__enemyattack{position:absolute;top:18.75vw;right:17.57812vw;text-align:right}.animationLayer{width:100%;height:100%}.animationLayer canvas{width:100%}.map{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;z-index:501}.map .button{pointer-events:all}