.mobile-warning{align-items:center;background:#000;box-sizing:border-box;display:flex;flex-direction:column;font-size:16px;height:100%;left:0;opacity:0;position:fixed;top:0;transform:scale(.8);transition:.25s;transition:visibility 10ms linear,opacity transform .15s linear;visibility:hidden;width:100%;z-index:10000}.mobile-warning.active{opacity:1;transform:scale(1);visibility:visible}.mobile-warning__container{flex:1;max-width:600px;padding:var(--spacing-large);padding-top:0;text-align:center}.mobile-warning__actions{display:flex;flex-direction:column;gap:var(--spacing-small)}.mobile-warning__actions .button{flex:1}.header_image{align-items:center;display:flex;flex:1;justify-content:center;overflow:hidden;position:relative;width:100%}.header_image .cover{height:auto;position:relative;transition:.25s;width:120px;z-index:1}.header_image img.contain{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:.25s;width:100%}.hero{align-items:flex-end;background-position:50%;background-size:cover;border-radius:16px 16px 0 0;display:flex;height:40vw;max-height:90vh;min-height:600px;opacity:0;overflow:hidden;position:relative;transition:.35s}.hero .background,.hero .background img{height:100%;left:0;position:absolute;top:0;width:100%}.hero .background img{-o-object-fit:cover;object-fit:cover}.hero .container h1{opacity:0;transform:translateY(40px);transition:.45s .25s;text-wrap:balance}.hero .container p{opacity:0;transform:translateY(40px);transition:.45s .5s}.hero .container .button--container{opacity:0;transform:translateY(40px);transition:.45s .75s}.hero.loaded{opacity:1}.hero.loaded .button--container,.hero.loaded .container h1,.hero.loaded p{opacity:1;transform:translateY(0)}@media only screen and (max-width:40em){.hero{margin-bottom:var(--spacing-large)}}.hero-fade-enter-active{transition:all .3s ease}.hero-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.hero-fade-enter,.hero-fade-leave-to{opacity:0;transform:translate(10px)}.character{bottom:0;height:80%;opacity:0;position:absolute;right:15vw;transition:opacity .5s,transform 2s ease-in-out;width:406px}.character img{height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}@media only screen and (max-width:60em){.character{right:5vw}}@media only screen and (max-width:40em){.character{right:0}}.hero.loaded .character{opacity:1;transform:translate(-20px)}.video,.video video{-o-object-fit:cover;object-fit:cover;top:0}.overlay,.video,.video video{height:100%;left:0;position:absolute;width:100%}.overlay{background:linear-gradient(1turn,#0e0e0e,#0d0d0d00 100%,#0e0e0e 0);bottom:0}.container{max-width:500px;padding:var(--spacing-large);position:relative}.container p{color:var(--secondary-color);font-size:18px}.carousel_parent{display:flex;margin:0;padding:0;width:100%}.carousel_parent .title{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:var(--spacing-medium);padding:0 var(--spacing-large);width:100%}.title h2{margin:0;padding:0}.stepper{display:flex}.stepper svg path{stroke:#fff;opacity:.5}.stepper .step__next,.stepper .step__previous{align-items:center;background:var(--accent-background);border:1px solid #272727;display:flex;height:42px;justify-content:center;position:relative;transition:.25s;width:42px}.stepper .step__next:hover,.stepper .step__previous:hover{background:#fffc}.stepper .step__next:hover svg path,.stepper .step__previous:hover svg path{opacity:1;stroke:#000}.stepper .step__previous{border-radius:8px 0 0 8px;margin-left:-1px}.stepper .step__next{border-radius:0 8px 8px 0;margin-left:-1px}.carousel{width:100%}.hide__desktop{visibility:hidden}@media only screen and (max-width:60em){.hide__desktop{visibility:visible}.carousel{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:0 var(--spacing-large);-webkit-overflow-scrolling:touch;scroll-snap-stop:always;scroll-snap-type:x mandatory;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-overflow-style:none;scrollbar-width:none}.carousel::-webkit-scrollbar{background-color:transparent;display:none!important;height:0;width:0}.carousel .box{flex:0 0 calc(100vw - var(--spacing-large)*2);scroll-snap-align:center}}.animated-component.fade-enter-from[data-v-9907c008],.animated-component.zoom-enter-from[data-v-9907c008]{transition:none}.fade-enter-active[data-v-9907c008],.fade-leave-active[data-v-9907c008]{transition:opacity .3s ease}.fade-enter-from[data-v-9907c008],.fade-leave-to[data-v-9907c008]{opacity:0}.zoom-enter-active[data-v-9907c008],.zoom-leave-active[data-v-9907c008]{transition:.3s ease}.zoom-enter-from[data-v-9907c008],.zoom-leave-to[data-v-9907c008]{opacity:0;transform:scale(.95)}.developer{align-items:center;background:var(--accent-background);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);box-sizing:border-box;display:flex;height:30vw;margin-bottom:var(--spacing-large);min-height:600px;overflow:hidden;padding:0 var(--spacing-large);position:relative}.developer>div{flex:1}.developer .slide__content{margin-left:0;margin-right:var(--spacing-large);min-width:300px;padding:var(--spacing-large) 0;position:relative;z-index:2}.developer .slide__image{z-index:1}.blinker{animation:blinker .25s ease-in-out infinite;animation-direction:alternate;background:#fff;border-radius:2px;display:inline-block;height:14px;width:8px}@keyframes blinker{0%{opacity:0}30%{opacity:0}70%{opacity:.8}to{opacity:.8}}.developer p{color:var(--secondary-color);font-size:18px}.code-editor{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121313cc;border-radius:16px;box-sizing:border-box;cursor:default;font-family:Roboto Mono,monospace;height:300px;max-width:100%;overflow:hidden;padding-right:var(--spacing-large);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.code-editor .code-editor__header{align-items:center;background:#121313;border-bottom:2px solid var(--accent-background);color:#b0b0b0;display:flex;height:30px;justify-content:center;width:100%}.code-editor .code-editor__sidebar{align-items:center;border-right:1px solid var(--accent-background);color:#333;display:flex;flex-direction:column;min-width:30px;padding:4px;text-align:center}.code-editor__container{display:flex}.code-editor__content{padding:4px 0}.code-editor__content .comment{color:#797979}.code-editor .code-editor__sidebar span{display:block}.code-editor__sidebar .highlight{color:#fff}.code-editor__content .highlight{background:#1b1c1d}.code{padding:var(--spacing-small)}.code-editor pre{align-items:center;display:flex;margin:0;padding:0}code.red{color:#e17a71}code.blue{color:#87bef9}pre.indent__0{padding-left:12px}pre.indent__1{padding-left:30px}pre.indent__2{padding-left:60px}pre.indent__3{padding-left:90px}.gradient{animation:spin 5s ease-in-out infinite;animation-direction:alternate;display:flex;height:100%;justify-content:flex-end;-o-object-fit:cover;object-fit:cover;opacity:.5;position:absolute;right:0;top:0;width:150vh}.gradient img{height:100%;width:auto}@keyframes spin{0%{right:-100px}to{right:0}}.nerd{bottom:0;height:90%;right:0;width:406px;z-index:2}.nerd,.nerd img{position:absolute}.nerd img{height:100%;left:0;-o-object-fit:contain;object-fit:contain;top:0;width:100%}@media only screen and (max-width:80em){.nerd{right:-100px}}@media only screen and (max-width:60em){.nerd{right:-220px}}.gamemode{display:flex;height:25vw;margin-top:var(--spacing-medium);min-height:400px;position:relative}.gamemode .background{height:100%;position:absolute;right:0;top:0;width:100%}.gamemode .background img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.gamemode__container{align-items:center;background:linear-gradient(1turn,#090909cc,#09090980);display:flex;flex:1;flex-direction:column;justify-content:flex-end;padding:var(--spacing-medium);position:relative}@media only screen and (min-width:60em){.gamemode__container{background:linear-gradient(1turn,#090909cc,#09090900)}}.gamemode__statistics{display:flex;flex-direction:column;margin-bottom:var(--spacing-medium)}@media only screen and (min-width:60em){.gamemode__statistics{flex-direction:row}}.gamemode__statistics .gamemode__content{margin:var(--spacing-medium);text-align:center;width:200px}.gamemode__statistics .gamemode__content .title{font-family:var(--font-accent);font-size:5rem}.gamemode__statistics .gamemode__content .subtitle{color:var(--secondary-color);font-size:18px}
