:root{--color-accent:#e01414;--color-accent-contrast:#fff;--color-bg-card:#fff;--color-bg:#ddd;--color-bg-contrast:#333;--color-cta-contrast:#fff;--color-cta:#000;--color-fg:#000}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#ddd;background-color:var(--color-bg);color:#000;color:var(--color-fg);font-family:"Exo 2",sans-serif;font-feature-settings:"smcp";font-variant:small-caps;margin:0;padding:1em 1em 15em;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease}body.is-hero-phase{--color-bg:#daecfb}body.is-villain-phase{--color-bg:#fde3e3}body.no-scroll{overflow:hidden}main{margin:auto}fieldset{border:0;padding:0;margin:1em 0}legend{margin-bottom:.2em}.is-disabled{opacity:.3;pointer-events:none}.is-aggression{--color-accent:#e01414;--color-accent-contrast:#fff}.is-minion,.is-tough,.is-villain{--color-accent:#e06614}.is-justice,.is-scenario,.is-scheme,.is-side-scheme{--color-accent:#f2ca00;--color-accent-contrast:#000}.is-protection,.is-scheme-win,.is-stunned,.is-winner{--color-accent:#00cc4e}.is-ally,.is-extra,.is-hero,.is-leadership{--color-accent:#3499eb}.is-confused{--color-accent:#9b069b;--color-accent-contrast:#fff}button{align-items:center;background-color:#000;background-color:var(--color-cta);border:0;box-sizing:border-box;color:#fff;color:var(--color-cta-contrast);font-family:"Exo 2",sans-serif;font-size:20px;font-feature-settings:"smcp";font-variant:small-caps;justify-content:center;margin:.3em;padding:.5em 1em .7em}form{margin:.2em 0}.fraction{display:inline-block;font-size:.6em;margin:0 .2em;opacity:.5}body.is-dark{--color-bg-card:#000;--color-bg:#333;--color-bg-contrast:#ddd;--color-cta-contrast:#000;--color-cta:#fff;--color-fg:#fff}.u-ellipsis{overflow:hidden;text-overflow:ellipsis}.is-filter{color:#e01414;color:var(--color-accent)}.accent-button{--color-cta-contrast:var(--color-accent-contrast);--color-cta:var(--color-accent)}@media (prefers-color-scheme:dark){body:not(.is-light){--color-bg-card:#000;--color-bg:#333;--color-bg-contrast:#ddd;--color-cta-contrast:#000;--color-cta:#fff;--color-fg:#fff}body:not(.is-light).is-hero-phase{--color-bg:#09375d}body:not(.is-light).is-villain-phase{--color-bg:#5e0808}}.option{display:flex;justify-content:space-between;white-space:nowrap;overflow:hidden;padding:.2em 0}.option--inline{display:inline-flex}.option--inline+.option--inline,.option__flag{margin-left:.5em}.option__flag{opacity:.6}.option input.is-hidden{visibility:hidden;width:0;height:0;margin:0}.box{position:relative;text-align:center;max-width:500px;margin:0 auto;padding:2.5em 0 1em;width:100%}.use-compact .box{padding-top:.5em;padding-bottom:0}.box--flag{text-align:left}.box__wrapper{display:grid;justify-content:space-around;grid-gap:0 1em;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.box__title{position:relative;background-color:var(--color-bg-card);font-size:1.4em;padding:0 .6em;line-height:1.05;text-transform:uppercase;border-left:4px solid var(--color-accent);width:-webkit-max-content;width:-moz-max-content;width:max-content}.use-compact .box__title{top:.25em;position:static;font-size:1em;transform:none;max-width:100%;box-shadow:0 0 15px rgba(0,0,0,.2)}.box__title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box__highlight{position:absolute;margin-left:-12px;left:100%;bottom:50%;width:2em;height:2em}.use-compact .box__highlight{width:1.75em;height:1.75em;bottom:100%;left:100%;transform:translateY(110%)}.box__content{background-color:var(--color-bg-card);box-shadow:0 0 15px rgba(0,0,0,.2);padding:.8em;font-size:1.1em;border-left:4px solid var(--color-accent);position:relative}.use-compact .box__content{transform:none;padding:.2em .5em}.box--flat .box__content{transform:none}.box.is-log .box__content{max-height:40vh;overflow:auto}.box__legend{margin-top:1.5em}.box__band{color:var(--color-accent-contrast);font-size:1.4em;margin:.8em -.56em;padding:.2em .3em;text-transform:uppercase;white-space:nowrap}.box__band,.dot{background:var(--color-accent)}.dot{border-radius:100px;display:inline-block;height:1em;margin-right:.3em;vertical-align:bottom;width:1em}.dot+.dot{margin-left:-.5em}.dot.is-small{font-size:.65em;vertical-align:baseline}.setup__hero{font-size:1.8em}.setup__hero:nth-last-child(n+2),.setup__hero:nth-last-child(n+2)~.setup__hero{font-size:1.4em}.setup__scenario{font-size:2em;margin-bottom:.3em}.setup__scenario-info{margin-bottom:.4em}.counter__wrapper{display:flex;flex-direction:column;align-items:center;margin-top:.2em;position:relative}.counter__wrapper+.counter__wrapper{margin-top:.8em}.use-compact .counter__wrapper+.counter__wrapper{margin-top:.2em}.counter{font-size:20px;display:grid;grid-template-columns:2.2em 2.2em 32% 2.2em 2.2em;grid-template-areas:"prev reduce value add next";grid-gap:.5em;position:relative;align-items:center;justify-content:center;width:100%}@media (max-width:359px){.counter{font-size:14px;grid-template-columns:2.2em 2.2em 2.2em 2.2em;grid-template-areas:"value value value value" "prev reduce add next";margin-bottom:1em}}@media (max-width:559px){.counter{font-size:16px}}.counter:not(:last-child){margin-bottom:.5em}.counter__title{display:flex;align-items:center;justify-content:center;margin-bottom:.4em;text-transform:capitalize;flex-wrap:wrap}.counter__value{white-space:nowrap;grid-area:value;font-size:1.75em;text-align:center}.counter__value small{opacity:.5}.counter__next{grid-area:next}.counter__prev{grid-area:prev}.counter__add{grid-area:add}.counter__reduce{grid-area:reduce}.counter__btn{background-color:var(--color-cta);color:var(--color-cta-contrast);width:1.1em;height:1.2em;font-size:2em;line-height:1;position:relative;text-align:center}.counter.is-ally .counter__btn.is-danger,.counter.is-hero .counter__btn.is-danger,.counter.is-minion .counter__btn.is-danger,.counter.is-villain .counter__btn.is-danger{--color-cta:#e06614;--color-cta-contrast:#fff}.counter__badge{position:absolute;color:var(--color-cta);background-color:var(--color-cta-contrast);border-radius:100px;font-size:.5em;width:1.2em;height:1.2em;line-height:1.1;text-align:center;display:block;bottom:0;right:0;border:2px solid var(--color-cta)}.counter__warning{position:absolute;bottom:30%;width:100%;height:100%;left:50%;color:var(--color-accent);z-index:100;-webkit-filter:drop-shadow(1px 2px 0 var(--color-bg-card));filter:drop-shadow(1px 2px 0 var(--color-bg-card))}.counter__btn svg{width:100%;height:100%;object-fit:contain;object-position:center center}.counter__icons{position:absolute;right:0;-webkit-filter:drop-shadow(2px 2px 0 var(--color-bg-card));filter:drop-shadow(2px 2px 0 var(--color-bg-card));bottom:0;top:0;display:flex;flex-direction:column;justify-content:flex-end;margin-right:-.5em;transform:translateX(50%)}.counter__icons svg{width:2em;height:2em;display:block}.status{display:flex;justify-content:center;margin-left:.4em}.status__toggle{margin:.2em;padding:.2em .5em;opacity:.5}.use-compact .status__toggle{padding:.1em .2em}.status__toggle.is-active{opacity:1;background-color:var(--color-accent);color:var(--color-accent-contrast)}.modal{padding:.5em;display:flex;flex-direction:column;justify-content:center;align-items:center;bottom:0;left:0;background:rgba(0,0,0,.8);z-index:11000;overflow:auto;transform:translateZ(1000px)}.modal,.timer{position:fixed;top:0;right:0}.timer{padding:.2em;z-index:2000}.actions{justify-content:space-around}.actions,.actions__button{display:flex;align-items:center}.actions__button{padding:.7em;font-size:.7em;flex:0 1 100%;flex-direction:column;justify-content:center;min-height:1.8em}.actions__button svg{height:2.2em;width:2.2em}.actions__button.is-active{color:var(--color-accent)}.log{display:flex;line-height:1;margin-bottom:.4em;justify-content:space-between}.log__text span{color:var(--color-accent)}.log__time{opacity:.6;display:inline-block;margin-left:.5em;margin-top:.15em}.navbar{position:fixed;padding:0;bottom:0;left:0;right:0;background:var(--color-bg-card);color:var(--color-fg);z-index:1000;transform:translateZ(100px);opacity:.9;box-shadow:0 0 15px rgba(0,0,0,.2);font-size:1.4em}.navbar.is-result{background:var(--color-accent);color:var(--color-accent-contrast)}.report{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.5em}.report__progress{flex:1 0 100%;display:grid;grid-template-columns:auto auto;grid-gap:.5em;align-items:end;margin-bottom:.4em}.report__bar{width:100%;height:3px;margin-bottom:.1em;overflow:hidden;position:relative}.report__bar:after,.report__bar:before{width:100%;height:100%;position:absolute;top:0;left:0;content:"";background:var(--color-accent);transform-origin:left center;transition:all 50ms ease}.report__bar.is-revert:after{transform-origin:right center}.report__bar:before{opacity:.35}.report__bar:after{transform:scaleX(var(--val))}.report__btn{background-color:var(--color-accent);color:var(--color-accent-contrast);width:1.1em;height:1.25em;font-size:1.1em;line-height:1;margin-right:.3em;text-align:center;display:inline-block}.report__btn svg{width:100%;height:100%;object-fit:contain;object-position:center center}.report_phase{color:var(--color-accent);display:flex;align-items:center}.report_phase span+span{margin-left:.3em}.report__icons{display:flex}.report__icons svg{width:1.3em;height:1.3em;margin-left:.3em}.report__log{flex:1 0 100%;text-align:left;margin-top:.7em;font-size:.7em;display:flex;white-space:nowrap}.report__log .log+.log{margin-left:2em}.login-form.is-loading:before{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--color-accent);transform-origin:left center;animation:load 2s linear infinite;z-index:1}.login-form.is-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.75}.login-form__label{display:grid;width:100%;grid-template-columns:1fr 3fr;grid-gap:10px;margin-bottom:10px;text-align:left}.login-form__error{color:var(--color-accent);margin-bottom:10px}@keyframes load{0%{transform:scaleX(0)}25%{transform:scaleX(1)}to{transform:scaleX(0) translateX(100%)}}.match{margin:0 -.8em .5em;padding:.2em .8em;display:flex;justify-content:space-between;align-items:center}.match:hover{background:hsla(0,0%,100%,.26666666666666666)}.match__info{text-align:right}.match__date{opacity:.6;display:block}.match__mode{opacity:.6}.match__vs{color:var(--color-accent)}.statistics__table{width:100%;text-align:right;line-height:1.5em;overflow:hidden}.statistics__table td,.statistics__table th{padding:3px 0}.statistics__table small{opacity:.6}.statistics__table th{text-align:left;padding-right:10px}.statistics__table tr.has-progress{position:relative;overflow:hidden}.statistics__table tr.has-progress td,.statistics__table tr.has-progress th{padding-bottom:10px}.statistics__table tr.has-progress .statistics__value:after,.statistics__table tr.has-progress .statistics__value:before{content:"";background:var(--color-accent);position:absolute;height:4px;width:100%;left:0;bottom:5px;transform-origin:left}.statistics__table tr.has-progress .statistics__value:before{opacity:.5}.statistics__table tr.has-progress .statistics__value:after{transform:scaleX(var(--val))}.statistics__table tr th.has-next,.statistics__table tr th.has-prev{padding-left:16px}.statistics__table tr th.has-next:after{content:"";width:2px;height:100%;background-color:currentColor;position:absolute;top:16px;left:4px}.statistics__table tr th.has-next:before,.statistics__table tr th.has-prev:before{content:"";width:10px;height:10px;background-color:currentColor;position:absolute;top:12px;left:0;border-radius:50%}.statistics__table input{margin-right:10px}.statistics__bar{width:100%;overflow:hidden;position:relative}.statistics__bar:after{width:100%;content:"";height:10px;margin-left:10px;display:block;background-color:var(--color-accent);transform-origin:left center;transform:scaleX(1);transform:scaleX(var(--val,1))}.statistics__value{color:var(--color-accent)}.filters{position:fixed;top:0;left:0;right:0;background:var(--color-bg-card);color:var(--color-fg);z-index:1000;transform:translateZ(100px);opacity:.9;box-shadow:0 0 15px rgba(0,0,0,.2)}.filters__element{background:var(--color-accent);color:var(--color-accent-contrast);display:inline-block;padding:1px 20px 3px 5px;border-radius:100px;margin:10px 5px;position:relative;cursor:pointer}.filters__element:after,.filters__element:before{content:"";width:.6em;height:2px;background:currentColor;position:absolute;top:50%;right:.3em;transform:translateY(-1px) rotate(45deg);transform:translateY(-1px) rotate(var(--deg,45deg))}.filters__element:before{--deg:-45deg}
/*# sourceMappingURL=main.a4f183e4.chunk.css.map */