/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[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{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.inter-normal{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"slnt" 0}.button{cursor:pointer;display:inline-block;width:fit-content;background-color:var(--link-color);padding:8px 15px;border:2px solid var(--link-color);border-radius:5px;box-shadow:0 0 20px var(--text-color-transparent),0 0 20px var(--text-color-transparent);transition:color 250ms ease-in-out,background-color 250ms ease-in-out,border 250ms ease-in-out,box-shadow 250ms ease-in-out;text-align:center;text-transform:uppercase;font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.button:hover{box-shadow:0 0 20px var(--link-color),0 0 20px var(--link-color);border:2px solid var(--link-color);color:var(--text-color);background-color:var(--link-color-hover)}:root{--background-color: #121212;--background-color-transparent: rgba(18, 18, 18, 0);--text-color: #f1f1f1;--text-glow-1: rgba(241, 241, 241, 0.9);--text-glow-2: rgba(241, 241, 241, 0.8);--text-glow-3: rgba(241, 241, 241, 0.7);--text-color-transparent: rgba(241, 241, 241, 0);--text-color-semi-transparent: rgba(241, 241, 241, 0.6);--text-color-semi-very-transparent: rgba(241, 241, 241, 0.2);--text-color-shadow-semi-transparent: rgba(18, 18, 18, 0.6);--text-color-shadow-abit-transparent: rgba(18, 18, 18, 0.9490196078);--link-color: #dd0525;--link-color-glow-1: rgba(249.8451327434, 27.1548672566, 60.1460176991, 0.5);--link-color-glow-2: rgba(250.9734513274, 77.0265486726, 102.796460177, 0.5);--link-color-glow-3: rgba(252.1017699115, 126.8982300885, 145.4469026549, 0.5);--link-color-active: rgb(250.9734513274, 77.0265486726, 102.796460177);--link-color-transparent: rgba(221, 5, 37, 0);--link-color-hover: rgb(249.8451327434, 27.1548672566, 60.1460176991);--gradient-color: #dd0525;--gradient-color-2: #00ff00;--gradient-color-3: #0a84ff;--responsive-menu-background-color: #252525;--responsive-menu-border: #dd0525;--responsive-menu-bottom-color: rgb(71.3849557522, 1.6150442478, 11.9513274336);--font-size-smallest: 0.5rem;--font-size-tiny: 0.75rem;--font-size-small: 0.875rem;--font-size-smaller: 1rem;--font-size-normal: 1.25rem;--font-size-large: 1.5rem;--font-size-largest: 2rem;--font-size-huge: 3rem;--font-size-hugest: 4.375rem;--rules-sub-color-even: #0e0e0e;--rules-sub-color-odd: #0a0a0a;--rules-font-color-even: #151515;--rules-font-color-odd: #121212;--rules-font-color-even-hover: #171717;--rules-font-color-odd-hover: #141414;--header-color-background: var(--background-color);--header-color-border-bottom: var(--text-color-semi-very-transparent);--footer-color-background: var(--background-color);--footer-color-border-top: var(--text-color-semi-very-transparent);--module-bg: rgba(18, 18, 18, 0.9568627451);--module-window-bg: #101010;--module-window-border-color: rgba(221, 5, 37, 0.8);--module-window-close-button-color: #dd0525;--steps-progress-bar-main-color: #dd0525;--steps-progress-bar-main-color-shine: rgb(252.1017699115, 126.8982300885, 145.4469026549);--steps-progress-bar-glow-color: #dd0525;--steps-progress-circle-color: #dd0525;--steps-progress-circle-glow: rgb(249.8451327434, 27.1548672566, 60.1460176991)}#main #connect{position:relative;display:flex;flex-direction:column;width:100vw;height:70vh;padding:3vw 0 0 0;margin:-3vw 0 0 0}#main #connect:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:url("/play/img/header_image_1.webp") right bottom/cover no-repeat var(--background-color);opacity:.3;z-index:200}#main #connect .content-wrapper{display:flex;width:100%;margin:180px 0 0 0;z-index:300}@media only screen and (max-width: 650px){#main #connect .content-wrapper{margin:150px 0 0 0}}#main #connect .content-wrapper .content{position:relative;display:inline-flex;flex-direction:column;border-radius:25px;margin:0 4vw 0 4vw;align-self:self-end}@media only screen and (max-width: 650px){#main #connect .content-wrapper .content .description{font-size:var(--font-size-normal) !important}}@media only screen and (max-width: 650px){#main #connect .content-wrapper .content{margin:0 30px 0 30px}}#main #connect .content-wrapper .content #connect-number{position:relative;display:inline-flex;flex-direction:column;overflow:hidden;height:1.25rem}@media only screen and (max-width: 650px){#main #connect .content-wrapper .content #connect-number{font-size:var(--font-size-normal)}}#main #connect .content-wrapper .content #connect-number .number-prototype{visibility:hidden;height:1.25rem}#main #connect .content-wrapper .content #connect-number #connect-number-animation{position:absolute;display:flex;flex-direction:column;top:0;left:0;transform:translateY(-75px);transition:transform .2s ease-in-out}#main #connect .content-wrapper .content #connect-number #connect-number-animation .number{color:var(--text-color);display:flex;justify-items:center;align-items:center;height:1.25rem;line-height:1.25rem;transition:color 750ms ease-out}#main #connect .content-wrapper .content #connect-number #connect-number-animation.animate .number{color:var(--link-color);transition:color 0ms ease-out}#main #connect .content-wrapper .content .sub-headline{margin:0}#main #connect .content-wrapper .content .sub-headline::after{content:"";position:absolute;width:2px;height:100%;top:0;left:-10px;background-color:var(--link-color);animation:blinking 1500ms linear 0ms infinite forwards}@keyframes blinking{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@media only screen and (max-width: 650px){#main #connect .content-wrapper .content .sub-headline{font-size:var(--font-size-tiny)}}#main #connect .content-wrapper .content h1{font-size:var(--font-size-huge);margin:.5vw 0;text-transform:uppercase}@media only screen and (max-width: 650px){#main #connect .content-wrapper .content h1{margin:2vw 0}}#main #connect .content-wrapper .content .description{font-size:var(--font-size-normal);margin:0 25vw 0 0;text-transform:uppercase;line-height:.99}@media only screen and (max-width: 650px){#main #connect .content-wrapper .content .description{font-size:var(--font-size-smaller);margin:0 10vw 0 0}}#main #connect .content-wrapper .content .button{margin:1.9vw 0 0 0;font-size:var(--font-size-normal)}#main #connect .content-wrapper .content .live-data{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;margin:5vw 0 0 0}#main #connect .content-wrapper .content .live-data .data{display:flex;flex-direction:row;margin:1vw 0 0 0;text-transform:uppercase;align-items:center}#main #connect .content-wrapper .content .live-data .data:nth-child(1) .icon svg,#main #connect .content-wrapper .content .live-data .data:nth-child(1) .icon::after{animation-delay:0s}#main #connect .content-wrapper .content .live-data .data:nth-child(1) .value-wrapper .value::after,#main #connect .content-wrapper .content .live-data .data:nth-child(1) .value-wrapper .text::after{animation-delay:.1s}#main #connect .content-wrapper .content .live-data .data:nth-child(1) .value-wrapper .value span,#main #connect .content-wrapper .content .live-data .data:nth-child(1) .value-wrapper .text span{animation-delay:.4s}#main #connect .content-wrapper .content .live-data .data:nth-child(2) .icon svg,#main #connect .content-wrapper .content .live-data .data:nth-child(2) .icon::after{animation-delay:.1s}#main #connect .content-wrapper .content .live-data .data:nth-child(2) .value-wrapper .value::after,#main #connect .content-wrapper .content .live-data .data:nth-child(2) .value-wrapper .text::after{animation-delay:.2s}#main #connect .content-wrapper .content .live-data .data:nth-child(2) .value-wrapper .value span,#main #connect .content-wrapper .content .live-data .data:nth-child(2) .value-wrapper .text span{animation-delay:.5s}#main #connect .content-wrapper .content .live-data .data:nth-child(3) .icon svg,#main #connect .content-wrapper .content .live-data .data:nth-child(3) .icon::after{animation-delay:.2s}#main #connect .content-wrapper .content .live-data .data:nth-child(3) .value-wrapper .value::after,#main #connect .content-wrapper .content .live-data .data:nth-child(3) .value-wrapper .text::after{animation-delay:.3s}#main #connect .content-wrapper .content .live-data .data:nth-child(3) .value-wrapper .value span,#main #connect .content-wrapper .content .live-data .data:nth-child(3) .value-wrapper .text span{animation-delay:.6s}#main #connect .content-wrapper .content .live-data .data:nth-child(4) .icon svg,#main #connect .content-wrapper .content .live-data .data:nth-child(4) .icon::after{animation-delay:.3s}#main #connect .content-wrapper .content .live-data .data:nth-child(4) .value-wrapper .value::after,#main #connect .content-wrapper .content .live-data .data:nth-child(4) .value-wrapper .text::after{animation-delay:.4s}#main #connect .content-wrapper .content .live-data .data:nth-child(4) .value-wrapper .value span,#main #connect .content-wrapper .content .live-data .data:nth-child(4) .value-wrapper .text span{animation-delay:.7s}#main #connect .content-wrapper .content .live-data .data .icon{position:relative;margin:-20px 0 -20px -20px;padding:0 5px 0 0;fill:var(--link-color);width:70px;height:70px}@keyframes animateOpacityIn{0%{opacity:0}40%{opacity:0}50%{opacity:0}60%{opacity:1}70%{opacity:0}80%{opacity:0}100%{opacity:1}}#main #connect .content-wrapper .content .live-data .data .icon svg{animation:400ms ease-out 0s 1 normal both running animateOpacityIn}#main #connect .content-wrapper .content .live-data .data .icon svg path{filter:url(#glow)}#main #connect .content-wrapper .content .live-data .data .icon::after{content:"";position:absolute;right:8px;top:10px;bottom:10px;width:1px;height:calc(100% - 20px);background-color:var(--link-color);box-shadow:0 0 10px var(--link-color),0 0 5px var(--link-color);animation:400ms ease-out 0s 1 normal both running animateOpacityIn}#main #connect .content-wrapper .content .live-data .data .value-wrapper{position:relative;overflow:hidden;display:flex;padding:5px;flex-direction:column;flex-wrap:nowrap}#main #connect .content-wrapper .content .live-data .data .value-wrapper .value,#main #connect .content-wrapper .content .live-data .data .value-wrapper .text{word-break:keep-all;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}#main #connect .content-wrapper .content .live-data .data .value-wrapper .value span,#main #connect .content-wrapper .content .live-data .data .value-wrapper .value .invisible,#main #connect .content-wrapper .content .live-data .data .value-wrapper .text span,#main #connect .content-wrapper .content .live-data .data .value-wrapper .text .invisible{word-break:keep-all;flex-wrap:nowrap;white-space:nowrap}#main #connect .content-wrapper .content .live-data .data .value-wrapper .value span,#main #connect .content-wrapper .content .live-data .data .value-wrapper .text span{position:absolute}#main #connect .content-wrapper .content .live-data .data .value-wrapper .value .invisible,#main #connect .content-wrapper .content .live-data .data .value-wrapper .text .invisible{color:rgba(0,0,0,0);text-shadow:none}#main #connect .content-wrapper .content .live-data .data .value-wrapper .value{position:relative;font-size:var(--font-size-large);font-weight:800;margin:-1px 0 -3px 0;padding:5px}@media only screen and ((max-height: 650px) or (max-width: 1000px)){#main #connect .content-wrapper .content .live-data .data .value-wrapper .value{font-size:var(--font-size-normal)}}#main #connect .content-wrapper .content .live-data .data .value-wrapper .value span{top:0;opacity:0;line-height:1.65;animation:500ms ease-out 0s 1 normal both running animateInDownUp}@keyframes animateInDownUp{0%{opacity:0;top:30px}50%{opacity:1}100%{opacity:1;top:0}}#main #connect .content-wrapper .content .live-data .data .value-wrapper .value::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--link-color);box-shadow:0 0 10px var(--link-color),0 0 5px var(--link-color);animation:400ms ease-out 0s 1 normal both running animateOpacityIn}#main #connect .content-wrapper .content .live-data .data .value-wrapper .text{position:relative;font-size:var(--font-size-smaller);margin:3px .5vw 0 0;padding:2px 0 0 0;overflow:hidden;width:100%}@media only screen and ((max-height: 650px) or (max-width: 1000px)){#main #connect .content-wrapper .content .live-data .data .value-wrapper .text{font-size:var(--font-size-small)}}#main #connect .content-wrapper .content .live-data .data .value-wrapper .text span{top:2px;opacity:0;animation:500ms ease-out 0s 1 normal both running animateInUpDown}@keyframes animateInUpDown{0%{opacity:0;top:-30px}50%{opacity:1}100%{opacity:1;top:2px}}#main #connect .content-wrapper .content .live-data .data .value-wrapper .text::after{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background-color:var(--link-color);box-shadow:0 0 10px var(--link-color),0 0 5px var(--link-color);animation:400ms ease-out 0s 1 normal both running animateOpacityIn}@media only screen and ((max-height: 650px) or (max-width: 1000px)){#main #connect .content-wrapper .content .live-data{display:grid;grid-template-columns:1fr 1fr}#main #connect .content-wrapper .content .live-data .data{margin:2vw 0 2vw 0}}@media only screen and (max-width: 650px){#main #connect .content-wrapper .content .live-data{grid-template-columns:1fr}}#main #connect .scroll-to-systems{position:relative;display:flex;margin:3vw 0 1vw 0;width:100%;height:100%;align-items:end;justify-content:center;pointer-events:none;z-index:300}@media only screen and (max-width: 650px){#main #connect .scroll-to-systems{display:none}}#main #connect .scroll-to-systems .scroll{width:25px;height:25px;padding:10px;cursor:pointer;pointer-events:all}#main #connect .scroll-to-systems .scroll svg{width:100%;height:100%;fill:#fefefe}#main #connect .scroll-to-systems .scroll svg polygon{opacity:.3;animation:animate 1500ms linear 0ms infinite forwards}#main #connect .scroll-to-systems .scroll svg polygon:nth-child(1){animation-delay:0ms}#main #connect .scroll-to-systems .scroll svg polygon:nth-child(2){animation-delay:250ms}@keyframes animate{0%{opacity:.3}25%{opacity:1}50%{opacity:.3}100%{opacity:.3}}#main #connect .scroll-to-systems .scroll:hover svg polygon{animation:none}#main #connect .scroll-to-systems::after{content:"";position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0}#main #introduction{position:relative;display:flex;flex-direction:column;width:100vw;height:70vh;padding:3vw 0 0 0;margin:-3vw 0 0 0}@media only screen and ((max-width: 650px) or (max-height: 1000px)){#main #introduction{height:auto;margin:-3vw 0 10vw 0}}#main #introduction:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:url("/play/img/header_image_1.webp") right bottom/cover no-repeat var(--background-color);opacity:.3;z-index:200}#main #introduction .content-wrapper{display:flex;width:100%;margin:180px 0 0 0;z-index:300}@media only screen and (max-width: 650px){#main #introduction .content-wrapper{margin:150px 0 0 0}}#main #introduction .content-wrapper .content{position:relative;display:inline-flex;flex-direction:column;border-radius:25px;margin:0 4vw 0 4vw;align-self:self-end}@media only screen and (max-width: 650px){#main #introduction .content-wrapper .content{margin:0 30px 0 30px}}#main #introduction .content-wrapper .content .sub-headline{margin:0}#main #introduction .content-wrapper .content .sub-headline::after{content:"";position:absolute;width:2px;height:100%;top:0;left:-10px;background-color:var(--link-color);animation:blinking 1500ms linear 0ms infinite forwards}@keyframes blinking{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@media only screen and (max-width: 650px){#main #introduction .content-wrapper .content .sub-headline{font-size:var(--font-size-tiny)}}#main #introduction .content-wrapper .content h1{font-size:var(--font-size-huge);margin:.5vw 0;text-transform:uppercase}@media only screen and (max-width: 650px){#main #introduction .content-wrapper .content h1{margin:2vw 0}}#main #introduction .content-wrapper .content .description{font-size:var(--font-size-normal);margin:0 25vw 0 0;text-transform:uppercase;line-height:.99}@media only screen and (max-width: 650px){#main #introduction .content-wrapper .content .description{font-size:var(--font-size-smaller);margin:0 10vw 0 0}}#main #introduction .content-wrapper .content .button{margin:1.9vw 0 0 0;font-size:var(--font-size-normal)}#main #introduction .content-wrapper .content .live-data{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;margin:5vw 0 0 0}#main #introduction .content-wrapper .content .live-data .data{display:flex;flex-direction:row;margin:1vw 0 0 0;text-transform:uppercase;align-items:center}#main #introduction .content-wrapper .content .live-data .data:nth-child(1) .icon svg,#main #introduction .content-wrapper .content .live-data .data:nth-child(1) .icon::after{animation-delay:0s}#main #introduction .content-wrapper .content .live-data .data:nth-child(1) .value-wrapper .value::after,#main #introduction .content-wrapper .content .live-data .data:nth-child(1) .value-wrapper .text::after{animation-delay:.1s}#main #introduction .content-wrapper .content .live-data .data:nth-child(1) .value-wrapper .value span,#main #introduction .content-wrapper .content .live-data .data:nth-child(1) .value-wrapper .text span{animation-delay:.4s}#main #introduction .content-wrapper .content .live-data .data:nth-child(2) .icon svg,#main #introduction .content-wrapper .content .live-data .data:nth-child(2) .icon::after{animation-delay:.1s}#main #introduction .content-wrapper .content .live-data .data:nth-child(2) .value-wrapper .value::after,#main #introduction .content-wrapper .content .live-data .data:nth-child(2) .value-wrapper .text::after{animation-delay:.2s}#main #introduction .content-wrapper .content .live-data .data:nth-child(2) .value-wrapper .value span,#main #introduction .content-wrapper .content .live-data .data:nth-child(2) .value-wrapper .text span{animation-delay:.5s}#main #introduction .content-wrapper .content .live-data .data:nth-child(3) .icon svg,#main #introduction .content-wrapper .content .live-data .data:nth-child(3) .icon::after{animation-delay:.2s}#main #introduction .content-wrapper .content .live-data .data:nth-child(3) .value-wrapper .value::after,#main #introduction .content-wrapper .content .live-data .data:nth-child(3) .value-wrapper .text::after{animation-delay:.3s}#main #introduction .content-wrapper .content .live-data .data:nth-child(3) .value-wrapper .value span,#main #introduction .content-wrapper .content .live-data .data:nth-child(3) .value-wrapper .text span{animation-delay:.6s}#main #introduction .content-wrapper .content .live-data .data:nth-child(4) .icon svg,#main #introduction .content-wrapper .content .live-data .data:nth-child(4) .icon::after{animation-delay:.3s}#main #introduction .content-wrapper .content .live-data .data:nth-child(4) .value-wrapper .value::after,#main #introduction .content-wrapper .content .live-data .data:nth-child(4) .value-wrapper .text::after{animation-delay:.4s}#main #introduction .content-wrapper .content .live-data .data:nth-child(4) .value-wrapper .value span,#main #introduction .content-wrapper .content .live-data .data:nth-child(4) .value-wrapper .text span{animation-delay:.7s}#main #introduction .content-wrapper .content .live-data .data .icon{position:relative;margin:-20px 0 -20px -20px;padding:0 5px 0 0;fill:var(--link-color);width:70px;height:70px}@keyframes animateOpacityIn{0%{opacity:0}40%{opacity:0}50%{opacity:0}60%{opacity:1}70%{opacity:0}80%{opacity:0}100%{opacity:1}}#main #introduction .content-wrapper .content .live-data .data .icon svg{animation:400ms ease-out 0s 1 normal both running animateOpacityIn}#main #introduction .content-wrapper .content .live-data .data .icon svg path{filter:url(#glow)}#main #introduction .content-wrapper .content .live-data .data .icon::after{content:"";position:absolute;right:8px;top:10px;bottom:10px;width:1px;height:calc(100% - 20px);background-color:var(--link-color);box-shadow:0 0 10px var(--link-color),0 0 5px var(--link-color);animation:400ms ease-out 0s 1 normal both running animateOpacityIn}#main #introduction .content-wrapper .content .live-data .data .value-wrapper{position:relative;overflow:hidden;display:flex;padding:5px;flex-direction:column;flex-wrap:nowrap}#main #introduction .content-wrapper .content .live-data .data .value-wrapper .value,#main #introduction .content-wrapper .content .live-data .data .value-wrapper .text{word-break:keep-all;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}#main #introduction .content-wrapper .content .live-data .data .value-wrapper .value span,#main #introduction .content-wrapper .content .live-data .data .value-wrapper .value .invisible,#main #introduction .content-wrapper .content .live-data .data .value-wrapper .text span,#main #introduction .content-wrapper .content .live-data .data .value-wrapper .text .invisible{word-break:keep-all;flex-wrap:nowrap;white-space:nowrap}#main #introduction .content-wrapper .content .live-data .data .value-wrapper .value span,#main #introduction .content-wrapper .content .live-data .data .value-wrapper .text span{position:absolute}#main #introduction .content-wrapper .content .live-data .data .value-wrapper .value .invisible,#main #introduction .content-wrapper .content .live-data .data .value-wrapper .text .invisible{color:rgba(0,0,0,0);text-shadow:none}#main #introduction .content-wrapper .content .live-data .data .value-wrapper .value{position:relative;font-size:var(--font-size-large);font-weight:800;margin:-1px 0 -3px 0;padding:5px}@media only screen and ((max-height: 650px) or (max-width: 1000px)){#main #introduction .content-wrapper .content .live-data .data .value-wrapper .value{font-size:var(--font-size-normal)}}#main #introduction .content-wrapper .content .live-data .data .value-wrapper .value span{top:0;opacity:0;line-height:1.65;animation:500ms ease-out 0s 1 normal both running animateInDownUp}@keyframes animateInDownUp{0%{opacity:0;top:30px}50%{opacity:1}100%{opacity:1;top:0}}#main #introduction .content-wrapper .content .live-data .data .value-wrapper .value::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--link-color);box-shadow:0 0 10px var(--link-color),0 0 5px var(--link-color);animation:400ms ease-out 0s 1 normal both running animateOpacityIn}#main #introduction .content-wrapper .content .live-data .data .value-wrapper .text{position:relative;font-size:var(--font-size-smaller);margin:3px .5vw 0 0;padding:2px 0 0 0;overflow:hidden;width:100%}@media only screen and ((max-height: 650px) or (max-width: 1000px)){#main #introduction .content-wrapper .content .live-data .data .value-wrapper .text{font-size:var(--font-size-small)}}#main #introduction .content-wrapper .content .live-data .data .value-wrapper .text span{top:2px;opacity:0;animation:500ms ease-out 0s 1 normal both running animateInUpDown}@keyframes animateInUpDown{0%{opacity:0;top:-30px}50%{opacity:1}100%{opacity:1;top:2px}}#main #introduction .content-wrapper .content .live-data .data .value-wrapper .text::after{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background-color:var(--link-color);box-shadow:0 0 10px var(--link-color),0 0 5px var(--link-color);animation:400ms ease-out 0s 1 normal both running animateOpacityIn}@media only screen and ((max-height: 650px) or (max-width: 1000px)){#main #introduction .content-wrapper .content .live-data{display:grid;grid-template-columns:1fr 1fr}#main #introduction .content-wrapper .content .live-data .data{margin:2vw 0 2vw 0}}@media only screen and (max-width: 650px){#main #introduction .content-wrapper .content .live-data{grid-template-columns:1fr}}#main #introduction .scroll-to-systems{position:relative;display:flex;margin:3vw 0 1vw 0;width:100%;height:100%;align-items:end;justify-content:center;pointer-events:none;z-index:300}@media only screen and (max-width: 650px){#main #introduction .scroll-to-systems{display:none}}#main #introduction .scroll-to-systems .scroll{width:25px;height:25px;padding:10px;cursor:pointer;pointer-events:all}#main #introduction .scroll-to-systems .scroll svg{width:100%;height:100%;fill:#fefefe}#main #introduction .scroll-to-systems .scroll svg polygon{opacity:.3;animation:animate 1500ms linear 0ms infinite forwards}#main #introduction .scroll-to-systems .scroll svg polygon:nth-child(1){animation-delay:0ms}#main #introduction .scroll-to-systems .scroll svg polygon:nth-child(2){animation-delay:250ms}@keyframes animate{0%{opacity:.3}25%{opacity:1}50%{opacity:.3}100%{opacity:.3}}#main #introduction .scroll-to-systems .scroll:hover svg polygon{animation:none}#main #introduction .scroll-to-systems::after{content:"";position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0}#main #systems{position:relative;width:100%;color:var(--text-color);overflow:hidden}@media only screen and (max-width: 650px){#main #systems{margin:0 0 10vw 0}}#main #systems h2{margin:2vw 4vw 0 4vw}@media only screen and (max-width: 650px){#main #systems h2{margin:10px 30px 0 30px}}#main #systems .pagination{display:flex}#main #systems .system{position:absolute;top:0;left:0;min-height:40vw;width:100%;overflow:hidden;transition:box-shadow 250ms ease-in-out,border 250ms ease-in-out,visibility 250ms ease-in-out,opacity 250ms 250ms ease-in-out}#main #systems .system.active{transition:box-shadow 250ms ease-in-out,border 250ms ease-in-out,visibility 250ms ease-in-out,opacity 250ms 0ms ease-in-out}#main #systems .system .image{position:absolute;width:104%;height:104%;left:-2%;top:-2%;filter:blur(2px);overflow:hidden;z-index:200;transition:background-color 250ms ease-in-out}#main #systems .system .image::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.45);transition:background-color 250ms ease-in-out}#main #systems .system.character-creation-wrapper .image{background:url("/play/img/systems/1.webp") center center/cover no-repeat var(--background-color)}#main #systems .system.cop-wrapper .image{background:url("/play/img/systems/2.webp") center center/cover no-repeat var(--background-color)}#main #systems .system.medic-wrapper .image{background:url("/play/img/systems/3.webp") center center/cover no-repeat var(--background-color)}#main #systems .system.farming-wrapper .image{background:url("/play/img/systems/4.webp") center center/cover no-repeat var(--background-color)}#main #systems .system .headline{position:relative;display:flex;font-size:var(--font-size-huge);margin:10px 50px 0 50px;padding:0 0 1vw 0;text-transform:uppercase;font-weight:800;z-index:300}#main #systems .system .headline .icons{opacity:.2;margin:0 5px 0 0;line-height:.94}@media only screen and (max-width: 650px){#main #systems .system .headline{font-size:var(--font-size-large);margin:15px 30px 15px 30px}}#main #systems .system .underline-divider{z-index:300;margin:0 50px;width:calc(100% - 100px)}@media only screen and (max-width: 650px){#main #systems .system .underline-divider{margin:0 30px;width:calc(100% - 60px)}}#main #systems .system .description{position:relative;z-index:300;font-size:var(--font-size-normal);min-height:300px;margin:30px 50px;font-weight:600;text-transform:uppercase}@media only screen and (max-width: 650px){#main #systems .system .description{margin:10px 30px 0 30px;padding:0 0 50px 0;font-size:var(--font-size-smaller)}}@media only screen and (max-width: 650px){#main #play-now{margin:0 0 10vw 0}}#main #play-now .be-part{position:relative}#main #play-now .be-part .step{position:relative;display:flex;flex-direction:row;width:100vw;padding:0 0 25px 0}#main #play-now .be-part .step:nth-child(1)::before{animation:be-part-anim 3000ms 0ms linear infinite forwards normal}#main #play-now .be-part .step:nth-child(2)::before{animation:be-part-anim 3000ms 0ms linear infinite forwards normal}#main #play-now .be-part .step:nth-child(3)::before{animation:be-part-anim 3000ms 0ms linear infinite forwards normal}@media only screen and (max-width: 650px){#main #play-now .be-part .step:last-child{padding:0}#main #play-now .be-part .step:last-child .step-title-wrapper{margin:0 0 0 70px}}#main #play-now .be-part .step::before{content:"";position:absolute;top:0;left:calc(50% - 1px);width:1px;height:100%;background:linear-gradient(180deg, var(--steps-progress-bar-main-color) 0%, var(--steps-progress-bar-main-color-shine) 6%, var(--steps-progress-bar-main-color-shine) 10%, var(--steps-progress-bar-main-color-shine) 14%, var(--steps-progress-bar-main-color) 20%, var(--steps-progress-bar-main-color) 100%);background-size:100% 200%;box-shadow:0 0 10px var(--steps-progress-bar-glow-color),0 0 5px var(--steps-progress-bar-glow-color);animation:be-part-anim 3000ms 0ms linear infinite forwards normal;z-index:200}@media only screen and (max-width: 650px){#main #play-now .be-part .step::before{display:none}}@keyframes be-part-anim{0%{background-position:0 400%}100%{background-position:0 0%}}#main #play-now .be-part .step a{cursor:pointer}#main #play-now .be-part .step .video-wrapper{display:inline-flex;width:50%;height:20vw;margin:0 50px 25px 50px;overflow:hidden}@media only screen and (max-width: 650px){#main #play-now .be-part .step .video-wrapper{width:100%;height:40vw;margin:0 50px 25px 0}}#main #play-now .be-part .step .video-wrapper .video{display:inline-flex;justify-items:center;align-items:center;width:100%;margin:0;opacity:1;transition:margin 600ms ease-out,opacity 600ms ease-out}#main #play-now .be-part .step .video-wrapper .video.visible-on-scroll{opacity:0;margin:0 10vw 0 0}#main #play-now .be-part .step .video-wrapper .video video{width:100%;height:100%;object-fit:cover}#main #play-now .be-part .step:nth-child(odd){flex-direction:row-reverse}#main #play-now .be-part .step:nth-child(odd) .step-title-wrapper .step-count{right:-20px;left:inherit}@media only screen and (max-width: 650px){#main #play-now .be-part .step:nth-child(odd) .step-title-wrapper .step-count{left:-30px;right:0}}@media only screen and (max-width: 650px){#main #play-now .be-part .step:nth-child(odd){flex-direction:column}}#main #play-now .be-part .step .step-title-wrapper{position:relative;display:flex;flex-direction:row;width:50%}#main #play-now .be-part .step .step-title-wrapper .step-count{position:absolute;display:flex;align-items:center;top:calc(50% - 20px);left:-20px;width:40px;z-index:300}@media only screen and (max-width: 650px){#main #play-now .be-part .step .step-title-wrapper .step-count{top:calc(50% - 20px);left:-30px;right:0}}#main #play-now .be-part .step .step-title-wrapper .step-count .circle{display:flex;align-items:center;justify-content:center;border-radius:100%;width:40px;height:40px;background-color:var(--steps-progress-circle-color);box-shadow:0 0 10px var(--steps-progress-circle-glow),0 0 5px var(--steps-progress-circle-glow)}#main #play-now .be-part .step .step-title-wrapper .step-count .circle span{font-size:20px;line-height:.7;text-shadow:0 0 2px var(--text-glow-2),0 0 4px var(--text-glow-2)}@media only screen and (max-width: 650px){#main #play-now .be-part .step .step-title-wrapper .step-count .circle span{font-size:max(14px,min(4vw,40px))}}#main #play-now .be-part .step .step-title-wrapper .responsive-divider{display:none;width:1px;min-width:1px;height:auto;margin:50px 0 0 50px;background:linear-gradient(180deg, var(--steps-progress-bar-main-color) 0%, var(--steps-progress-bar-main-color-shine) 6%, var(--steps-progress-bar-main-color-shine) 10%, var(--steps-progress-bar-main-color-shine) 14%, var(--steps-progress-bar-main-color) 20%, var(--steps-progress-bar-main-color) 100%);background-size:100% 200%;box-shadow:0 0 10px var(--steps-progress-bar-glow-color),0 0 5px var(--steps-progress-bar-glow-color);animation:be-part-anim 3000ms 0ms linear infinite forwards normal;z-index:200}@keyframes be-part-anim{0%{background-position:0 400%}100%{background-position:0 0%}}@media only screen and (max-width: 650px){#main #play-now .be-part .step .step-title-wrapper .responsive-divider{display:block;margin:0 0 0 50px}}@media only screen and (max-width: 400px){#main #play-now .be-part .step .step-title-wrapper .responsive-divider{display:block;margin:0 0 0 30px}}#main #play-now .be-part .step .step-title-wrapper .title-description{display:flex;flex-direction:column;width:50vw;margin:0 5vw 25px 5vw;transition:250ms opacity ease-out;opacity:1}#main #play-now .be-part .step .step-title-wrapper .title-description.visible-on-scroll .sub-headline{opacity:0;margin:4vw 50px 0 50px}@media only screen and (max-width: 650px){#main #play-now .be-part .step .step-title-wrapper .title-description.visible-on-scroll .sub-headline{margin:2vw 25px 0 25px}}#main #play-now .be-part .step .step-title-wrapper .title-description.visible-on-scroll .title{opacity:0;margin:5px 0 0 4vw}#main #play-now .be-part .step .step-title-wrapper .title-description.visible-on-scroll .description{opacity:0;margin:0 0 0 4vw}#main #play-now .be-part .step .step-title-wrapper .title-description .sub-headline{transition:500ms 0ms opacity ease-out}#main #play-now .be-part .step .step-title-wrapper .title-description .title{font-size:var(--font-size-largest);text-transform:uppercase;font-weight:800;margin:5px 0 0 0;transition:500ms 100ms opacity ease-out}@media only screen and (max-width: 1000px){#main #play-now .be-part .step .step-title-wrapper .title-description .title{font-size:var(--font-size-large)}}#main #play-now .be-part .step .step-title-wrapper .title-description .description{position:relative;font-size:var(--font-size-smaller);font-weight:300;transition:500ms 200ms opacity ease-out}#main #play-now .be-part .step .step-title-wrapper .title-description .description a{display:inline-flex;width:inherit;margin:0;color:var(--link-color);text-shadow:0 0 2px var(--link-color-glow-1),0 0 6px var(--link-color-glow-2),0 0 17px var(--link-color-glow-3)}#main #play-now .be-part .step .step-title-wrapper .title-description .description a:hover{color:var(--link-color-hover)}#main #play-now .be-part .step .step-title-wrapper .title-description .description a:active{color:var(--link-color-active)}@media only screen and (max-width: 650px){#main #play-now .be-part .step .step-title-wrapper .title-description{width:auto;margin:0 35px 25px 25px}}@media only screen and (max-width: 650px){#main #play-now .be-part .step .step-title-wrapper{width:calc(100% - 70px);flex-direction:row;margin:0 0 5vw 70px}}@media only screen and (max-width: 400px){#main #play-now .be-part .step .step-title-wrapper{margin:0 0 5vw 50px}}@media only screen and (max-width: 650px){#main #play-now .be-part .step{flex-direction:column}}#main #rules{position:relative;width:100%;color:var(--text-color);overflow:hidden}#main #rules .general{margin:10px 30px 0 40px;padding:0 0 20px 0}#main #rules .general .general-subline{text-transform:uppercase;font-size:var(--font-size-normal);font-weight:800;margin:25px 0 -5px 5px}#main #rules .general .text{font-size:var(--font-size-small);font-weight:300;margin:10px 0 10px 15px}#main #rules .accordion{width:100%;height:auto}#main #rules .accordion .accordion-item{position:relative;cursor:pointer}#main #rules .accordion .accordion-item:hover .accordion-headline::before{visibility:visible}#main #rules .accordion .accordion-item:nth-child(even){background-color:var(--rules-font-color-odd)}#main #rules .accordion .accordion-item:nth-child(odd){background-color:var(--rules-font-color-even)}#main #rules .accordion .accordion-item:hover:nth-child(even){background-color:var(--rules-font-color-odd)}#main #rules .accordion .accordion-item:hover:nth-child(odd){background-color:var(--rules-font-color-even)}#main #rules .accordion .accordion-item .accordion-headline{position:relative;display:flex;font-size:var(--font-size-large);font-weight:800;text-transform:uppercase;padding:3vw 2vw 3vw 5vw}#main #rules .accordion .accordion-item .accordion-headline::before{content:"";position:absolute;top:50%;left:2.5vw;width:8px;height:8px;transform:translateY(-50%);background-color:var(--link-color);box-shadow:0 0 2px var(--link-color-glow-1),0 0 6px var(--link-color-glow-2),0 0 17px var(--link-color-glow-3);border-radius:100%;visibility:hidden;animation:blinking 1s infinite}#main #rules .accordion .accordion-item .accordion-headline.visible{color:var(--link-color)}@keyframes blinking{0%{opacity:1}50%{opacity:0}100%{opacity:1}}#main #rules .accordion .accordion-item .accordion-content{display:flex;flex-direction:column;overflow:hidden;height:0;transition:all 250ms ease-in-out;cursor:default}#main #rules .accordion .accordion-item .accordion-content.visible{height:max-content;background-color:#151515}#main #rules .accordion .accordion-item .accordion-content .accordion-sub-item{cursor:pointer}#main #rules .accordion .accordion-item .accordion-content .accordion-sub-item:nth-child(even){background-color:var(--rules-font-color-even)}#main #rules .accordion .accordion-item .accordion-content .accordion-sub-item:nth-child(even) .accordion-sub-content{background-color:var(--rules-sub-color-even)}#main #rules .accordion .accordion-item .accordion-content .accordion-sub-item:nth-child(even) .accordion-subheadline{background-color:var(--rules-font-color-odd)}#main #rules .accordion .accordion-item .accordion-content .accordion-sub-item:nth-child(odd){background-color:var(--rules-font-color-odd)}#main #rules .accordion .accordion-item .accordion-content .accordion-sub-item:nth-child(odd) .accordion-subheadline{background-color:var(--rules-sub-color-odd)}#main #rules .accordion .accordion-item .accordion-content .accordion-sub-item:hover:nth-child(even){background-color:var(--rules-font-color-even)}#main #rules .accordion .accordion-item .accordion-content .accordion-sub-item:hover:nth-child(odd){background-color:var(--rules-font-color-odd)}#main #rules .accordion .accordion-item .accordion-content .accordion-subheadline{text-transform:uppercase;font-size:var(--font-size-normal);font-weight:600;padding:4vw 20px 4vw 50px}#main #rules .accordion .accordion-item .accordion-content .accordion-subheadline.visible{color:var(--link-color)}#main #rules .accordion .accordion-item .accordion-content .accordion-subheadline::before{content:"";position:absolute;top:12px;left:-10px;width:8px;height:8px;background-color:var(--link-color);box-shadow:0 0 2px var(--link-color-glow-1),0 0 6px var(--link-color-glow-2),0 0 17px var(--link-color-glow-3);border-radius:100%;visibility:hidden;animation:blinking 1s infinite}#main #rules .accordion .accordion-item .accordion-content .accordion-sub-content{padding:0 12vw 0 12vw;overflow:hidden;height:0;cursor:default}#main #rules .accordion .accordion-item .accordion-content .accordion-sub-content.visible{padding:4vw 12vw 0 12vw;height:max-content}#main #rules .accordion .accordion-item .accordion-content .accordion-sub-content .accordion-subheadline{cursor:pointer}#main #rules .accordion .accordion-item .accordion-content .accordion-sub-content .list-headline{text-transform:uppercase}#main #rules .accordion .accordion-item .accordion-content ul{margin:1.5vw 4vw 1.5vw 4vw;font-size:var(--font-size-smaller);font-weight:500;list-style:none;padding:0}#main #rules .accordion .accordion-item .accordion-content ul li{position:relative;margin:1.5vw 0 1.8vw 0}#main #rules .accordion .accordion-item .accordion-content ul li::before{content:"";position:absolute;top:7px;left:-15px;width:8px;height:8px;background-color:var(--link-color);box-shadow:0 0 2px var(--link-color-glow-1),0 0 6px var(--link-color-glow-2),0 0 17px var(--link-color-glow-3);border-radius:100%}#main #rules .headline{position:relative;display:flex;margin:50px 50px 0 50px;padding:0 0 1vw 0;text-transform:uppercase;font-weight:800;z-index:300}#main #rules .link{position:relative;display:flex;width:92vw;height:40vw;margin:3vw 4vw;text-transform:uppercase;font-size:var(--font-size-huge);color:var(--text-color);align-items:center;justify-content:center;justify-items:center}#main #rules .link .text-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;background:url("/play/img/empty_book.webp") center center/cover no-repeat var(--background-color)}#main #rules .link .text-wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--text-color-shadow-semi-transparent);z-index:200}#main #rules .link .text-wrapper svg{fill:var(--text-color);z-index:300;margin:0 3vw 0 3vw;max-width:100px;min-width:20px;width:8vw}#main #rules .link .text-wrapper .text{z-index:300}@media only screen and (max-width: 650px){#main #rules .link .text-wrapper .text{font-size:var(--font-size-largest)}}@media only screen and (max-width: 650px){#main #rules .link{width:100%;margin:3vw 0}}footer{display:flex;flex-direction:row;width:90vw;margin:8vw 5vw 0 5vw;overflow:hidden;border-top:1px solid var(--footer-color-border-top);background-color:var(--footer-color-background);text-transform:uppercase;font-size:var(--font-size-small);align-items:stretch}footer .logo{display:flex;align-items:center;margin:2vw}footer .logo polygon{filter:url(#glow)}footer .logo svg{width:100px;height:100px;filter:drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));fill:var(--link-color);overflow:hidden}footer .footer-divider{width:1px;margin:2vw 0;background-color:var(--text-color)}@media only screen and (max-width: 650px){footer .footer-divider{display:none}}footer .copyright{margin:2vw}@media only screen and (max-width: 650px){footer .copyright{margin:0 2vw;width:calc(82vw - 50px)}}footer .info{margin:2vw;text-wrap:nowrap}footer .info .link{cursor:pointer;margin:0 2vw;text-shadow:0 0 20px var(--text-color-transparent),0 0 20px var(--text-color-transparent);transition:color 250ms ease-in-out,background-color 250ms ease-in-out,border 250ms ease-in-out,text-shadow 250ms ease-in-out}footer .info .link:hover{color:var(--link-color-hover);text-shadow:0 0 20px var(--link-color),0 0 20px var(--link-color)}@media only screen and (max-width: 650px){footer .info{display:flex;width:100%;margin:2vw 0;text-wrap:wrap;overflow-wrap:anywhere}}@media only screen and (max-width: 650px){footer{width:96vw;margin:10vw 2vw 2vw 2vw;flex-flow:wrap;font-size:var(--font-size-tiny)}}#modules{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;user-select:none}#modules .module{position:absolute;display:none;justify-content:center;align-items:center;top:0;left:0;width:100vw;height:100vh;background-color:var(--module-bg);color:var(--text-color);overflow:hidden;pointer-events:none;user-select:none;z-index:500}#modules .module .module-window{width:50vw;max-width:600px;padding:15px;border:1px solid var(--module-window-border-color);background-color:var(--module-window-bg);border-radius:5px;transform:matrix(1, -0.055, 0, 1, 0, 0)}#modules .module .module-window .header{display:flex;justify-content:space-between;font-size:var(--font-size-large);margin:0 0 5px 0;padding:0 0 5px 0;border-bottom:1px solid var(--module-window-border-color)}#modules .module .module-window .header .title{margin:10px;font-weight:800;line-height:1.27}#modules .module .module-window .header .close-button{position:relative;display:flex;width:30px;height:30px;margin:10px;cursor:pointer;flex-shrink:0}#modules .module .module-window .header .close-button .line{position:absolute;top:50%;left:0;width:100%;height:2px;background-color:var(--module-window-close-button-color)}#modules .module .module-window .header .close-button .line:first-child{transform:rotate(45deg)}#modules .module .module-window .header .close-button .line:last-child{transform:rotate(-45deg)}#modules .module .module-window .body{margin:20px 10px;font-size:var(--font-size-small);max-height:50vh;overflow-y:auto}#modules .module .module-window .body .big-headline{font-size:var(--font-size-largest);font-weight:700;margin:40px 0 20px 0}#modules .module .module-window .body .big-headline:first-child{margin:0 0 0 0}#modules .module .module-window .body .medium-headline{font-size:var(--font-size-large);font-weight:700;margin:30px 0 15px 0}#modules .module .module-window .body .small-headline{font-size:var(--font-size-normal);font-weight:700;margin:20px 0 5px 0}#modules .module .module-window .body .smallest-headline{font-size:var(--font-size-smaller);font-weight:700;margin:10px 0 5px 0}#modules .module .module-window .body p{padding:0;margin:0;font-weight:300}@media only screen and (max-width: 650px){#modules .module .module-window{width:86vw}}#modules .module.visible{display:flex;pointer-events:all}html,body{background-color:var(--background-color);font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"slnt" 0;font-size:var(--font-size-normal);line-height:1.1;user-select:none;-webkit-font-smoothing:antialiased;overflow:hidden;width:100%;height:100%}html a:focus,html div:focus,html input:focus,body a:focus,body div:focus,body input:focus{outline:none}html ::-webkit-scrollbar,html ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-track,body ::-webkit-scrollbar,body ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-track{width:8px;border:none;background:rgba(0,0,0,0)}html ::-webkit-scrollbar-button,html ::-webkit-scrollbar-track-piece,html ::-webkit-scrollbar-corner,html ::-webkit-resizer,body ::-webkit-scrollbar-button,body ::-webkit-scrollbar-track-piece,body ::-webkit-scrollbar-corner,body ::-webkit-resizer{display:none}html ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-thumb{background-color:#797979}html a,body a{color:inherit;text-decoration:none}html a:link,body a:link{color:inherit}html a:visited,body a:visited{color:inherit}html.loading #menu,body.loading #menu{transition:background-color 0ms ease-in-out}html h1,html h2,html h3,html h4,body h1,body h2,body h3,body h4{text-shadow:0 2px 1px var(--text-color-shadow-semi-transparent),0 0 20px var(--text-color-shadow-semi-transparent),0 0 5px var(--text-color-semi-very-transparent),0 0 10px var(--text-color-semi-very-transparent)}html .underline-divider,body .underline-divider{position:relative;width:80%;margin:0 10%;height:1px;background-color:var(--link-color);box-shadow:0 0 10px var(--link-color),0 0 5px var(--link-color)}#app{height:100%}#menu{position:fixed;display:flex;top:0;left:0;width:100%;padding:15px 0;background-color:var(--background-color-transparent);border-bottom:1px solid var(--background-color-transparent);color:var(--text-color);z-index:300;transition:background-color 125ms ease-in-out,border-bottom 125ms ease-in-out;overflow:hidden}#menu.bg{border-bottom:1px solid var(--header-color-border-bottom);background-color:var(--header-color-background)}#menu .logo{display:flex;flex:1;align-items:center;padding:0 20px 0 40px}#menu .logo polygon{filter:url(#glow)}#menu .logo svg{width:100px;height:100px;fill:var(--link-color);overflow:hidden}#menu .menu-items{display:grid;flex:2;grid-template-columns:repeat(4, 1.5fr);align-items:center;margin:0 30px 0 0;text-align:center;text-transform:uppercase;font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-size:var(--font-size-smaller)}#menu .menu-items .menu-item{position:relative;opacity:0;animation:fadeIn .5s ease-in-out forwards;color:var(--text-color);transition:color 250ms ease-in-out,text-shadow 250ms ease-in-out}#menu .menu-items .menu-item.no-wrap{white-space:nowrap}#menu .menu-items .menu-item.no-wrap .internal-link{white-space:nowrap}#menu .menu-items .menu-item:nth-child(1){animation-delay:.2s}#menu .menu-items .menu-item:nth-child(2){animation-delay:.3s}#menu .menu-items .menu-item:nth-child(3){animation-delay:.4s}#menu .menu-items .menu-item:nth-child(4){animation-delay:.5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}#menu .menu-items .menu-item:hover:not(.no-hover){color:var(--link-color);text-shadow:0 0 1px var(--text-color-shadow-semi-transparent),0 0 5px var(--text-color-shadow-semi-transparent),0 0 20px var(--link-color),0 0 20px var(--link-color)}@media only screen and (max-width: 1000px){#menu .menu-items{position:fixed;top:0;left:100vw;width:60%;height:100vh;display:flex;flex-direction:column;align-items:flex-start;flex:0;visibility:hidden;border-left:1px solid var(--responsive-menu-border);background:linear-gradient(90deg, var(--responsive-menu-bottom-color) 0%, var(--responsive-menu-background-color) 100%);transition:left 125ms ease-in-out,visibility 125ms ease-in-out;border-bottom-left-radius:10px;border-top-left-radius:10px}#menu .menu-items .menu-item:nth-child(1){margin:60px 0 0 0}#menu .menu-items .menu-item{padding:10px 20px}}@media only screen and (max-width: 1100px){#menu .menu-items{flex:3}}#menu .responsive-menu{position:absolute;display:none;right:30px;transform:translate(0%, 50%)}#menu .responsive-menu .line-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;padding:10px;cursor:pointer}#menu .responsive-menu .line{height:3px;margin:2px;width:100%;background-color:var(--text-color);transition:margin 250ms 0ms ease-in-out,transform 250ms 0ms ease-in-out,width 250ms 0ms ease-in-out}#menu .responsive-menu .line:nth-child(1){width:100%}#menu .responsive-menu .line:nth-child(2){width:80%}#menu .responsive-menu .line:nth-child(3){width:100%}@media only screen and (max-width: 1000px){#menu .responsive-menu{display:flex}}#main{position:relative;height:100%;width:100%;user-select:none;background-color:var(--background-color);color:var(--text-color);z-index:200;overflow:hidden;overflow-y:auto}#main .section{transform:matrix(1, -0.055, 0, 1, 0, 0);-webkit-backface-visibility:visible;margin:0 0 1vw 0}#main::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--text-color-shadow-abit-transparent);z-index:400;opacity:0;pointer-events:none;transition:opacity 250ms ease-in-out}#main h2{text-transform:uppercase;font-weight:800;margin:10px 30px 0 30px;padding:0 0 20px 0}@media only screen and (max-width: 650px){#main h2{font-size:var(--font-size-largest)}}#main .divider-red{position:relative;width:100%;height:2px;background:linear-gradient(90deg, var(--gradient-color) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color) 60%, var(--gradient-color-2) 80%, var(--gradient-color-3) 100%);background-size:400% 100%;animation:gradient 10s linear infinite forwards normal;z-index:600}@keyframes gradient{0%{background-position:0 0}100%{background-position:80% 0}}.sub-headline{position:relative;color:var(--link-color);font-size:var(--font-size-normal);font-weight:600;text-transform:uppercase;margin:30px 50px 0 50px;z-index:300}.sub-headline.no-margin-bottom{margin-bottom:0}.sub-headline.no-margin-left{margin-left:0}.sub-headline.no-margin-right{margin-right:0}@media only screen and (max-width: 1000px){.sub-headline{font-size:var(--font-size-smaller)}}@media only screen and (max-width: 650px){.sub-headline{margin:30px 50px 0 30px}}body.responsive-menu-opened #main{overflow-y:hidden;pointer-events:none;filter:blur(2px)}body.responsive-menu-opened #main::after{opacity:1;pointer-events:all}body.responsive-menu-opened #menu .menu-items{visibility:visible;left:40%;transition:left 125ms ease-in-out,visibility 125ms ease-in-out}body.responsive-menu-opened #menu .responsive-menu{transition:opacity 150ms 80ms ease-in-out,margin 80ms 0ms ease-in-out,transform 250ms 80ms ease-in-out,width 250ms 80ms ease-in-out}body.responsive-menu-opened #menu .responsive-menu .line:nth-child(1){transform:rotate(45deg) translate(14%, 0%);margin:0 14% 0 0}body.responsive-menu-opened #menu .responsive-menu .line:nth-child(2){width:0;margin:0}body.responsive-menu-opened #menu .responsive-menu .line:nth-child(3){transform:rotate(-45deg) translate(14%, 0%);margin:0 14% 0 0}.pagination{position:relative}.pagination .page{opacity:0;visibility:hidden;z-index:200}.pagination .page.active{position:relative !important;visibility:visible !important;opacity:1 !important;z-index:300 !important}.pagination .pagination-controller{position:absolute;bottom:25px;left:0;width:100%;display:flex;justify-content:center;align-items:center;background-color:var(--background-color-transparent);z-index:400}.pagination .pagination-controller .page-controller{position:relative;display:flex;margin:0 4px;padding:8px;justify-content:center;align-items:center;cursor:pointer}.pagination .pagination-controller .page-controller::after{content:"";position:absolute;top:calc(50% - 3.5px);left:calc(50% - 3.5px);border-radius:50%;width:7px;height:7px;background-color:var(--text-color);transition:background-color 150ms ease-in-out,box-shadow 150ms ease-in-out;box-shadow:0 0 5px var(--text-color-semi-very-transparent),0 0 10px var(--text-color-semi-very-transparent)}.pagination .pagination-controller .page-controller.active::after{background-color:var(--link-color);box-shadow:0 0 5px var(--link-color),0 0 10px var(--link-color)}.pagination .pagination-controller .page-controller:hover::after{background-color:var(--link-color-hover);box-shadow:0 0 5px var(--link-color-hover),0 0 10px var(--link-color-hover)}.pagination .pagination-controller .page-controller:active::after{background-color:var(--link-color-active);box-shadow:0 0 5px var(--link-color-active),0 0 10px var(--link-color-active)}/*# sourceMappingURL=style.min.css.map */