*,:after,:before{box-sizing:border-box}:root{font-size:14px}body{--color-text:#fff;--color-bg:#343c3c;--color-link:#aaa;--color-link-hover:#fff;--anim-time:7s;--anim-delay-first:1s;--anim-delay-second:calc(var(--anim-delay-first) + var(--anim-time));--anim-time-total:calc(var(--anim-time) + var(--anim-delay-first)/3 + var(--anim-delay-second));--color-title:#fff;color:var(--color-text);background-color:var(--color-bg);background-position:50%;background-size:cover;margin:0}.p5Canvas{z-index:0;width:100%;height:100%;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.hidden{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.p5_loading{background:var(--color-bg);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.p5_loading__inner{opacity:.4;background:var(--color-link);border-radius:50%;width:60px;height:60px;animation:.7s linear infinite alternate forwards loaderAnim}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);outline:none;text-decoration:none}a:hover,a:focus{color:var(--color-link-hover);outline:none}.button{-webkit-appearance:none;-moz-appearance:none;color:var(--color-link);cursor:pointer;background:0 0;border:0;margin:0;padding:0;pointer-events:all!important}.button--box{pointer-events:auto;border-radius:1.25rem;margin:2rem;font-family:inherit;font-size:1rem}.button:hover,.button:focus{color:var(--color-link-hover);outline:none}.button--box:hover,.button--box:focus{background:var(--color-link);color:var(--color-bg)}.toggle__icon{fill:currentColor;width:1.6rem;height:1.6rem;margin:0 auto;display:block;position:relative}.start-anim .toggle{pointer-events:auto}.start-anim .button--box{pointer-events:none}.content{justify-content:flex-center;z-index:600;cursor:default;text-transform:uppercase;pointer-events:none;border-radius:12px;flex-direction:column;align-items:center;width:93vw;height:87vh;margin:2vh 0 2vh 4vw;padding:0 1.5rem;display:flex;position:relative}.intro-content-block{margin:12vh 0 1vh 4vw!important}.final-content-block{margin:1vh 0 12vh 4vw!important}.cardlist-content-block{pointer-events:auto!important}.content a{pointer-events:auto}.content__subtitle{font-size:1.35rem;font-weight:inherit;margin:0 0 1rem}.content__title{font-size:3rem;font-weight:inherit;color:var(--color-title);margin:0}.content__credits{text-align:center;max-width:37rem;margin:4rem 0}.screen{pointer-events:none;background:var(--color-bg);z-index:1300;background-color:#000;width:100%;height:100%;position:fixed;top:0;left:0}.screen--grid{grid-template-rows:100%;grid-template-columns:100%;place-items:center;display:grid}.screen--flex{flex-direction:column;justify-content:center;align-items:center;display:flex}@keyframes v-oscilllate{0%{text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;transform:translateY(0)}to{text-shadow:0 -1px #555,0 -2px #555,0 -3px #555,0 -4px #555,0 -5px #555,0 -6px #555,0 -7px #555,0 -8px #555;transform:translateY(8px)}}.screen>svg{color:#fff;pointer-events:all;animation:3s steps(3,end) infinite fadeInOutColor;-webkit-animation:.6s linear 15 alternate forwards v-oscillate;height:30vh;animation:.6s linear 15 alternate forwards v-oscilllate}.screen>svg:hover{color:#fff;transform:scale(1.1)}@keyframes fadeOut{to{opacity:0}}.intro__content{text-align:center;pointer-events:none;opacity:0;grid-area:1/1/2/2;margin:0;font-size:4vw}.intro__content-line{margin:1rem 0;display:block}.intro__content-line--small{font-size:1.5rem}.no-js .intro{display:none}.start-anim .intro__content{animation:fadeInOut var(--anim-time)var(--anim-delay-first)linear forwards}.start-anim .intro__content:nth-child(2){animation-delay:var(--anim-delay-second)}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0;pointer-events:none}}.action__line{cursor:default;margin:1rem 0}.quickjump{pointer-events:auto;gap:1rem;display:flex}.quickjump a:hover{transform:scale(1.1)}.quickjump a svg{fill:#aaa;margin-bottom:-.15rem}.start-anim .action{opacity:0;pointer-events:none;transition:opacity .3s}@media screen and (width>=53em){.toggle{margin:0 0 0 4rem}.content__title{font-size:8.75vw}}.action{text-align:center;color:#787675;z-index:1300;pointer-events:none;width:100%;top:0%}.landing-page-intro{justify-content:center;align-items:center;width:33vw;height:5vh;display:flex}.landing-page-intro>span{color:#e5e5e5;text-shadow:0 0 7px #ffffff4d,0 0 3px #ffffff4d;text-transform:uppercase}.landing-page-intro-highlight{color:#d97043}.landing-page-intro-highlight-bottom-line{border-bottom:1px solid #d97043}@keyframes fadeIn{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.hud{z-index:1;-webkit-background-size:cover;-moz-background-size:cover;background:url(hud.78657c0f.png) 50%/cover no-repeat fixed;width:100vw;height:100vh;position:fixed;top:0;left:0;pointer-events:none!important}.content_wrap{scroll-snap-type:y mandatory}.footer-block{z-index:1;grid-template-columns:1fr 1fr 2fr 2fr;height:15vh;padding:1vh 1vw;display:grid;position:relative}.footer-left-card{flex:auto;height:10vh;display:flex}.tag>img{width:10vh}.tag{border:5px solid #0000!important}.t-text{margin:0 auto;font-size:xx-small}.tag:hover{border-image-source:conic-gradient(from var(--startDeg,0deg),#d2530a,#efe706,#cc8f0a)!important}.footer-center{justify-content:space-evenly;align-items:center;display:flex}.footer-right{margin:auto}.footer-text-info{flex-direction:column;flex-grow:3;gap:2em;display:flex}.footer-text-top{flex-direction:row;justify-content:space-around;align-items:center;gap:1vw;display:flex}.footer-text-bottom{text-transform:uppercase;margin:0 auto}.cross-btn{text-transform:uppercase;text-align:center;letter-spacing:2px;font-size:small;font-weight:500;text-decoration:none}.cross-btn:hover{text-decoration:line-through}@media screen and (width<=53em){.sr-tag{display:none!important}.footer-right{border-top:1px solid #fff;border-right:1px solid #fff;width:3vw;height:3vw;transform:rotate(-45deg)}.footer-left-text{display:none}.footer-center{font-size:2.5vw;margin:0 7vw!important}.footer-text-top>.cross-btn{font-size:2.5vw}}.card-list{pointer-events:all;padding:3rem;display:flex}.card-list::-webkit-scrollbar{width:10px;height:10px}.card-list::-webkit-scrollbar-thumb{background:#2b2b2b;border-radius:10px}.card-list::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,#17141d 0,#17141d)}.card{scroll-snap-align:start;clear:both;-webkit-user-select:none;user-select:none;background:#0f0f0f;border-radius:16px;flex-direction:column;width:22vw;height:50vh;margin:0;padding:1.5rem;transition:all .2s;display:flex;position:relative;box-shadow:-1rem 0 1rem #000}.card:focus-within~.card,.card:hover~.card{transform:translate(12vw)}.card:hover{transform:translateY(-5vh)}.card:not(:first-child){margin-left:-12vw}.card-header{margin-bottom:auto}.card-header p{color:#7a7a8c;margin:0 0 1rem;font-size:1rem}.card-header h2{color:inherit;cursor:pointer;border:0;margin:.25rem 0 auto;font-size:1.5rem;text-decoration:none;display:inline-block}.card-header h2:hover{text-shadow:none;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ffa53e,#f7471b,#e52e71);-webkit-background-clip:text;background-clip:text}.card-author{grid-template-columns:200px 1fr;align-items:center;display:grid;position:relative}.author-avatar img{filter:grayscale();border-radius:50%;width:40px;height:40px;margin:16px 10px;display:block;overflow:hidden}.author-name{box-sizing:border-box;grid-area:auto}.author-name-prefix{color:#7a7a8c;font-style:normal;font-weight:700}.tags{margin:1rem 0 0;padding:.5rem 0 1rem;line-height:2}.tags a{color:#7a7a8c;text-transform:uppercase;border:3px solid #28242f;border-radius:2rem;padding:.2rem .85rem .25rem;font-size:.66rem;font-style:normal;font-weight:700;position:relative}.tags a:hover{text-shadow:none;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;background-clip:text;border-color:#fff}.master-cheif-quote{-webkit-animation:2s linear infinite flutter;grid-template-columns:1fr 4fr;justify-content:center;width:65vw;margin:auto;padding:15vw;animation:2s linear infinite text-flutter;display:grid}.master-cheif-quote-left>img{pointer-events:none;clip-path:circle(20vh);height:25vh}.master-cheif-quote-left{margin:auto}.master-cheif-quote-right{text-align:left;margin:auto 1px;padding:10px;font-size:1.5rem}.neon-blue{color:#fff;text-shadow:0 0 5px #2ea3da,0 0 10px #0db0fb,0 0 20px #1b8cc0,0 0 40px #0db0fb,0 0 80px #1b99d3,0 0 90px #1ab3f9,0 0 100px #06adfa,0 0 150px #00aeff}.gray{color:#6e6e6e;text-shadow:none}.neon-gold{color:#e8b923;text-shadow:0 0 5px #e8b923,0 0 10px #e8b923,0 0 20px #e8b923,0 0 40px #e8b923,0 0 80px #e8b923,0 0 90px #e8b923,0 0 100px #e8b923,0 0 150px #e8b923}.tag-master-cheif{font-size:medium;transform:rotateX(45deg)}@media screen and (width<=53em){.master-cheif-quote{padding:5vw!important}.master-cheif-quote-left>img{clip-path:circle(7vh);height:10.5vh!important}.master-cheif-quote-right{padding:0 10px;font-size:.4rem}.tag-master-cheif{font-size:.5rem}.loadingcortana-wrapper{transform:scale(.9)}}.loading-cortana>img{height:70vh}.label-marker-field{width:300px;height:64px;margin:14px 0;position:relative}.label-marker-field__container{background-color:#5e70847d;border:2px solid #5e7084;width:100%;height:48px;padding:3px;position:absolute;bottom:2px}.label-marker-field__container:after,.label-marker-field__container:before{content:"";z-index:1;background:#5e5f84;border-radius:5px;width:11.5px;height:2px;display:block;position:absolute;transform:rotate(45deg)}.label-marker-field__container:before{top:1.6px;right:-3.1px}.label-marker-field__container:after{bottom:1.6px;left:-3.1px}.label-marker-field__bottom{content:"";clip-path:polygon(0 0,100% 0,100% 100%,calc(0 + 2px) 100%);background:#5e5f84;height:-moz-fit-content;height:fit-content;display:block;position:absolute;bottom:0;right:0}.label-marker-field__bottom_btn{color:#7fff00;cursor:pointer;pointer-events:all;padding:0 10px;font-weight:700}.label-marker-field__label-container{position:absolute;top:0}.label-marker-field__label-container:after{content:"";-webkit-clip-path:polygon(0 0,calc(100% - 2px) 0,100% 100%,22% 100%);clip-path:polygon(0 0,calc(100% - 2px) 0,100% 100%,0 100%);background:#5e5f84;width:32px;height:2px;display:block;position:absolute;bottom:2px;right:-29px}.label-marker-field__label{color:#0f1020;text-transform:uppercase;letter-spacing:1.25px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%);background:#5e5f84;align-items:center;width:auto;height:16px;padding:0 24px 0 16px;font-size:9px;font-weight:600;display:flex;position:relative;left:0}@keyframes blink{0%{background:#0f1020}to{background:#111223}}.label-marker-field:hover .label-marker-field__bottom{background:#008dff}.label-marker-field:hover .label-marker-field__container{border-color:#008dff}.label-marker-field:hover .label-marker-field__container:after,.label-marker-field:hover .label-marker-field__container:before{background:#008dff!important}.label-marker-field:hover .label-marker-field__label-container:after,.label-marker-field:hover .label-marker-field__label{background:#008dff}.gradient-card{--startDeg:0deg;border:5px solid #33b8ff;border-image-slice:1;border-image-source:conic-gradient(from var(--startDeg,0deg),red,#e7ff33,#ff7a33);box-sizing:border-box;place-content:center;padding:5px;font-size:10px;display:grid}.gradient-card:hover{--startDeg:90deg;border-image-source:conic-gradient(from var(--startDeg,0deg),#f18408,#e7ff33,red)}.planet-intro-scene-info{flex-flow:column;place-content:space-around center;align-items:center;display:flex}.star{float:left;pointer-events:all;background:0 0;border:1px solid #708090;border-radius:100px;gap:10px;width:30px;height:30px;margin:5vh auto 1vh;box-shadow:inset 0 -13px 10px 2px #000;cursor:pointer!important;background-size:auto 100%!important}@keyframes glitch{0%{filter:hue-rotate();background-position:50%}10%{background-position:calc(50% - 4px)}20%{background-position:calc(50% + 4px)}30%{background-position:calc(50% - 12px)}40%{background-position:calc(50% + 12px)}50%{background-position:calc(50% + 16px)}60%{background-position:calc(50% + 24px)}70%{background-position:calc(50% + 52px)}80%{background-position:50% calc(50% - 22px)}90%{background-position:calc(50% + 40px) calc(50% + 10px)}to{filter:hue-rotate(360deg);background-position:50%}}div.loading-cortana{cursor:none;background:url(cortana.329d1435.png) 50%/contain no-repeat;width:20vh;height:30vh;margin:auto;animation:5s 1s infinite reverse forwards fillUp}@keyframes fillUp{0%{clip-path:inset(0)}20%{clip-path:inset(20% 0 0)}60%{clip-path:inset(60% 0 0)}to{clip-path:inset(100% 0 0)}}.cortana-quote{text-align:center;margin:auto;padding:.5em;font-size:xx-small;font-style:normal;position:absolute;top:50%}.cortana-quote>p{padding:0 .5em}