:root{--color-main: #163262;--color-secondary: #b12f2f;--color-background: #1e1e1e;--color-text: white;--color-text-faded: rgb(130, 130, 130);--font-main: "Komika_Axis";--font-secondary: "Inter", sans-serif;--font-logo: "Badaboom";--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100svh;color:var(--color-text);background:var(--color-background);background-color:var(--color-background);line-height:1.6;font-family:var(--font-secondary);font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track-piece{background-color:#595959}::-webkit-scrollbar-thumb{background-color:silver;outline-offset:-2px;border:.1px solid #ffffff;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#909090}@font-face{font-family:Badaboom;src:url(/assets/BADABB__-807627b7.TTF) format("truetype")}@font-face{font-family:Komika_Axis;src:url(/assets/KOMIKAX_-d2c790c5.ttf) format("truetype")}#app{margin:0 auto;width:100vw;height:100svh;font-weight:400}h1,h2{font-family:var(--font-main)}a{text-decoration:none;color:#ff9500}.whowins-logo{font-family:var(--font-logo);font-size:calc(2.5em + 2vw);color:#fff}.fighter-percentage[data-v-23d8b63b]{color:#fff;font-weight:500;font-size:5em;transition:.3s ease-out}h2[data-v-d6aea7c0]{color:#fff;font-weight:500;font-size:clamp(2.3rem,8vw,4em);font-family:var(--font-main);text-align:center;transition:.3s ease-out;text-shadow:5px 5px 0 var(--color-background),-3px 3px 0 var(--color-background),-3px -3px 0 var(--color-background),3px -3px 0 var(--color-background)}.percentage[data-v-d6aea7c0]{position:relative;z-index:1}.mainColor[data-v-d6aea7c0]{background-color:var(--color-main)}.secondaryColor[data-v-d6aea7c0]{background-color:var(--color-secondary)}.card[data-v-d6aea7c0]{padding:0 1em;display:flex;align-items:center;justify-content:center;flex-direction:column;height:50svh;cursor:pointer;overflow:hidden}.data-wrapper[data-v-d6aea7c0]{position:absolute;z-index:1;transform:translateY(20px)}.fighter-img[data-v-d6aea7c0]{mix-blend-mode:screen;width:calc(100% + 2em);height:100%;object-fit:contain;transition:.3s ease-out}.card:hover h2[data-v-d6aea7c0]{transform:translateY(-15px)}.card:hover .fighter-img[data-v-d6aea7c0]{transform:scale(105%)}.lowOpacity[data-v-d6aea7c0]{opacity:.3}.highOpacity[data-v-d6aea7c0]{opacity:.5}.shake[data-v-d6aea7c0]{animation:shake-d6aea7c0 .1s;animation-delay:.55s}@keyframes shake-d6aea7c0{0%{transform:translate(1px,1px)}20%{transform:translate(-3px)}50%{transform:translate(-2px,2px)}70%{transform:translate(3px,1px)}to{transform:translate(2px,-2px)}}.shake2[data-v-d6aea7c0]{animation:shake-d6aea7c0 .1s;animation-delay:.55s}@keyframes shake2-d6aea7c0{0%{transform:translate(-2px,-1px)}20%{transform:translate(2px)}50%{transform:translate(-2px,2px)}70%{transform:translate(-3px,-1px)}to{transform:translate(-1px,-2px)}}@media (max-device-aspect-ratio: 3/5){.fighter-img[data-v-d6aea7c0]{object-fit:cover}}@media (min-device-aspect-ratio: 1.3/1){.card[data-v-d6aea7c0]{height:100svh;width:50vw}.fighter-img[data-v-d6aea7c0]{object-position:center;height:100svh;max-width:50vw;object-fit:cover}h2[data-v-d6aea7c0]{font-size:clamp(2.3rem,4vw,4em)}}.slide-menu-icon{position:fixed;top:12px;right:10px;z-index:4;width:50px;height:50px;cursor:pointer;transition:.2s ease-in-out}#menu_burger{width:57px}#icon_x{margin-right:3px}.slide-menu h1{transition:.2s ease-in-out;cursor:pointer}.slide-menu{width:100vw;height:100svh;background-color:var(--color-background);position:fixed;top:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center}.links-wrapper{margin:auto;display:flex;flex-direction:column;gap:1.5em;text-align:center;transform:translateY(-40%)}.links-wrapper a{color:#fff;text-decoration:none;font-family:var(--font-main);font-size:2em;text-align:center;transition:.2s ease-in-out}.v-enter-active,.v-leave-active{transition:all .3s ease-in-out}.v-enter-from,.v-leave-to{transform:translateY(-100%)}@media (hover: hover){#menu_burger:hover{margin-top:-2px;margin-right:2px;filter:drop-shadow(5px 5px 0px var(--color-background))}.slide-menu-icon:hover{filter:invert(39%) sepia(87%) saturate(3855%) hue-rotate(340deg) brightness(100%) contrast(90%)}.slide-menu h1:hover,.slide-menu a:hover{text-shadow:-3px -3px 0 var(--color-secondary),3px -3px 0 var(--color-main),5px 5px 0 var(--color-main),-3px 3px 0 var(--color-main)}}#wrapper[data-v-29f1b8e6]{position:fixed;top:50%;left:50%;z-index:2}#line[data-v-29f1b8e6]{position:absolute;top:50%;left:-50vw;transform-origin:center;background-color:#fff;height:6px;width:100vw;z-index:2}#VS[data-v-29f1b8e6]{position:absolute;top:calc(50% - 33px);left:50%;transform:translate(-50%);z-index:2;font-family:var(--font-logo);font-size:clamp(3em,5vw,5em);color:var(--color-background)}p[data-v-29f1b8e6]:after{content:"VS";-webkit-text-stroke:8px #ffffff;position:absolute;left:50%;transform:translate(-50%);z-index:-1}@media (min-device-aspect-ratio: 1.3/1){#line[data-v-29f1b8e6]{top:-50svh;width:8px;height:101svh;left:calc(50% - 8px)}#VS[data-v-29f1b8e6]{top:50%;left:45%;transform:translate(-60%,-30%)}p[data-v-29f1b8e6]:after{left:50%;transform:translate(-50%)}}.shake[data-v-29f1b8e6]{animation:shake-29f1b8e6 .1s;animation-delay:.55s}@keyframes shake-29f1b8e6{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.wrapper[data-v-957fb141]{display:flex;flex-direction:column;overflow:hidden}.secondCard[data-v-957fb141]{order:1}.bottom-left[data-v-957fb141]{position:fixed;bottom:10px;right:5px}#cycle-arrows[data-v-957fb141]{transition:.5s}.fromTop-enter-active[data-v-957fb141],.fromBottom-enter-active[data-v-957fb141]{transition:all .5s ease-in}.fromTop-enter-from[data-v-957fb141]{transform:translateY(-100%)}.fromBottom-enter-from[data-v-957fb141]{transform:translateY(100%)}.fromLeft-enter-active[data-v-957fb141]{transition:all .5s ease-in}.fromLeft-enter-from[data-v-957fb141]{transform:translate(-100%);opacity:0}.fromRight-enter-active[data-v-957fb141]{transition:all .5s ease-in}.fromRight-enter-from[data-v-957fb141]{transform:translate(100%);opacity:0}@media (hover: hover){#cycle-arrows[data-v-957fb141]:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin-top:-2px;margin-left:-2px;filter:drop-shadow(-5px -5px 0px var(--color-background))}}@media (min-device-aspect-ratio: 1.3/1){.wrapper[data-v-957fb141]{display:flex;flex-direction:row;place-items:flex-start;flex-wrap:wrap}}