:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}@media(prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#8c8c8c}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:AlternateGothic3;src:url(/fonts/alt-gothic.woff2) format("woff2"),url(/fonts/alt-gothic.woff) format("woff");font-weight:400;font-style:normal}.social-icon{text-decoration:none!important;border:none!important;padding:0 .3em;opacity:.7}.social-icon:hover{opacity:1}.loading,.loading .background{position:absolute;height:100%;width:100%}.loading .background{top:0;left:0;background:url(/img/start.jpg) no-repeat 50% fixed;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;pointer-events:none;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.loading.started{pointer-events:none}.loading.started .background{opacity:0}.loading .border{position:absolute;top:0;left:0;height:100%;width:100%;border:2.0625em solid #d3eff0;pointer-events:none;-webkit-transition:border-width .4s ease-out;-moz-transition:border-width .4s ease-out;-ms-transition:border-width .4s ease-out;-o-transition:border-width .4s ease-out;transition:border-width .4s ease-out}.loading .border.hidden{border-width:0}.loading .panel-container{position:absolute;bottom:0;left:0;width:100%;height:auto}.loading .panel{height:auto;width:100%;background:#d3eff0;position:relative;color:#383838;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:width .6s cubic-bezier(.77,0,.175,1),opacity .3s linear;-moz-transition:width .6s cubic-bezier(.77,0,.175,1),opacity .3s linear;-ms-transition:width .6s cubic-bezier(.77,0,.175,1),opacity .3s linear;-o-transition:width .6s cubic-bezier(.77,0,.175,1),opacity .3s linear;transition:width .6s cubic-bezier(.77,0,.175,1),opacity .3s linear;pointer-events:auto}.loading .panel a{text-decoration:none;color:#383838;border-bottom:1px solid #383838}.loading .panel a:hover{color:#fefefe;border-color:#fefefe}.loading .panel.hidden{width:2.0625em;pointer-events:none}.loading .panel.hidden>div{opacity:0}.loading .about,.loading .main{position:absolute;top:0;left:0;transition:transform .5s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1);transition:-moz-transform .5s cubic-bezier(.165,.84,.44,1);-webkit-transition:transform .5s cubic-bezier(.165,.84,.44,1);-webkit-transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1);-webkit-transition:-moz-transform .5s cubic-bezier(.165,.84,.44,1);-moz-transition:transform .5s cubic-bezier(.165,.84,.44,1);-moz-transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1);-moz-transition:-moz-transform .5s cubic-bezier(.165,.84,.44,1);padding:3.28125em 3em 0 3.28125em}.loading .main{position:relative;width:fit-content;margin:0 auto;font-weight:500;padding:20px}.loading .main .copy{margin-top:1.7em;font-size:1.5em;margin-bottom:1.7em;line-height:1.65}.loading .about{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.loading .about .close{height:2.1875em;width:2.1875em;background:url(/img/close.png) no-repeat;background-size:100%;position:absolute;top:4em;right:3.5em;cursor:pointer}.loading .about .close:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.loading .about .copy{margin-top:2.1em}.loading .about p{margin-top:1em;font-size:.9375em;line-height:1.5}.loading .state-about .about{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.loading .state-about .main{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.loading .in-app .panel{float:right;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .5s cubic-bezier(.77,0,.175,1);-moz-transition:all .5s cubic-bezier(.77,0,.175,1);-ms-transition:all .5s cubic-bezier(.77,0,.175,1);-o-transition:all .5s cubic-bezier(.77,0,.175,1);transition:all .5s cubic-bezier(.77,0,.175,1);pointer-events:none}.loading .in-app .panel.visible{pointer-events:auto;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.loading .in-app .about{padding:2.75em 3em 0 3.0625em}.loading .in-app .about .close{top:3.5em}.loading a{text-decoration:none;color:#383838;border-bottom:1px solid #383838}.loading a:hover{color:#fffa71;border-color:#fffa71}.loading footer{position:absolute;bottom:0;left:0;padding:0 3em 3.28125em 3.28125em;width:30.5625em}.loading .title{font-family:AlternateGothic3;text-transform:uppercase;font-weight:400;line-height:1}.loading h1{text-align:center;font-size:4em}.loading h2{font-size:3.75em}.loading strong{font-weight:700}.loading .progress,.loading .start{font-family:AlternateGothic3;text-transform:uppercase;font-size:1.68em;line-height:1.68em;display:block;padding:.22em .45em .2em;text-align:center;width:80%}.loading .progress{background:#ddd;width:100%;display:none}.loading .start{width:100%;display:none;cursor:pointer;background:#fff725}.loading .start:hover{background:#e6df22}.loading .start .icon{float:left;width:3.8125rem;height:2.25rem;background:url(/img/vr.png) no-repeat;background-size:100%;position:relative;top:.125rem;margin-right:1.25rem}.loading .build-number{position:absolute;bottom:2rem;right:2.5rem;color:#fff;font-size:12px}.loading .credits{line-height:1.6;font-size:.9375rem}.loading .warning{margin-top:8px;margin-bottom:8px;font-size:80%;color:#8c8c8c;line-height:1.5;position:relative;display:flex;justify-content:center;align-items:center;gap:8px;padding:0 12px}.loading .warning img{width:4em}.loading .sharing{margin-bottom:1em}.loading .sharing:after,.loading .sharing:before{content:" ";display:table}.loading .sharing:after{clear:both}.loading .sharing .icons:after,.loading .sharing .icons:before{content:" ";display:table}.loading .sharing .icons:after{clear:both}.loading .sharing .icon{height:3em;width:3em;float:left;background:url(/img/sharing.png) no-repeat;background-size:auto 100%;opacity:.25;cursor:pointer}.loading .sharing .icon.social_t{background-position:0 0}.loading .sharing .icon.social_f{background-position:50% 0}.loading .sharing .icon.social_l{background-position:100% 0}.loading .sharing .icon:hover{opacity:.8}.mobile .loading .warning{display:none}@media screen and (min-width:800px){.loading .illustration{display:none}}@media screen and (max-width:800px){.loading{background:none}.loading .panel{width:100%;padding:2.0625em}.loading .main .main-content{padding-top:2em}.loading .illustration{background:url(/img/start-mobile.jpg) 50%;background-size:cover;height:70%;min-height:460px}.loading .about,.loading .main{padding:2.0625em;width:100%}.loading h1{font-size:3.5em}.loading .main .copy{margin-top:1em;margin-bottom:1.5em}.loading .progress,.loading .start{width:100%;font-size:200%}.loading .about .copy{font-size:140%}.loading .about .close{top:2.7em}.loading footer{padding:0 2.0625em 2.0625em;width:100%}.loading footer .sharing{float:right;margin-bottom:0}.loading footer .credits{width:70%}.in-app .panel{display:none}.in-app .panel.visible{display:block!important}}@media screen and (max-width:800px)and (orientation:landscape){.loading .about .copy{font-size:100%}.loading .main .illustration{display:none}.loading .main .main-content{padding-top:0}}@media screen and (max-width:320px)and (max-height:500px){.loading .about .copy{font-size:130%}}@media screen and (min-width:2100px){html{font-size:21px}}@media screen and (max-width:2000px){html{font-size:20px}}@media screen and (max-width:1900px){html{font-size:19px}}@media screen and (max-width:1800px){html{font-size:18px}}@media screen and (max-width:1700px){html{font-size:17px}}@media screen and (max-width:1500px){html{font-size:16px}}@media screen and (max-width:1300px){html{font-size:15px}}@media screen and (max-width:1100px){html{font-size:14px}}@media screen and (max-width:900px){html{font-size:13px}}@media screen and (max-width:800px){.loading .panel,.loading .panel-container{height:100%}.loading .main{height:100%;padding:0}}@media screen and (max-width:700px){html{font-size:13px}.title{text-align:center;padding:30px 0 40px}.main{padding:20px}}@media screen and (max-width:600px){html{font-size:12px}.title{text-align:center;padding:30px 0 40px}}@media screen and (max-width:500px){html{font-size:11px}.title{text-align:center;padding:30px 0 40px}}@media screen and (max-width:450px){html{font-size:10px}.title{text-align:center;padding:30px 0 40px}}@media screen and (max-width:350px){html{font-size:9px}.title{text-align:center;padding:30px 0 40px}}*{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{height:100%;width:100%;overflow:hidden}.preloading{display:none}body.hovering canvas{cursor:pointer}body.rotating canvas{cursor:grabbing;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing}body canvas{cursor:grab;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab}body .about-button{position:absolute;top:3em;right:3em;height:2.875em;width:2.875em;background:url(/img/about.png) no-repeat;background-size:100%;cursor:pointer;z-index:2;opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear;pointer-events:none}body .about-button.visible{opacity:1;pointer-events:auto}.mobile .about-button{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}@-webkit-keyframes handAnimation{0%{-webkit-transform:translateX(3em);-moz-transform:translateX(3em);-ms-transform:translateX(3em);-o-transform:translateX(3em);transform:translateX(3em)}to{-webkit-transform:translateX(-3em);-moz-transform:translateX(-3em);-ms-transform:translateX(-3em);-o-transform:translateX(-3em);transform:translateX(-3em)}}@-moz-keyframes handAnimation{0%{-webkit-transform:translateX(3em);-moz-transform:translateX(3em);-ms-transform:translateX(3em);-o-transform:translateX(3em);transform:translateX(3em)}to{-webkit-transform:translateX(-3em);-moz-transform:translateX(-3em);-ms-transform:translateX(-3em);-o-transform:translateX(-3em);transform:translateX(-3em)}}@-ms-keyframes handAnimation{0%{-webkit-transform:translateX(3em);-moz-transform:translateX(3em);-ms-transform:translateX(3em);-o-transform:translateX(3em);transform:translateX(3em)}to{-webkit-transform:translateX(-3em);-moz-transform:translateX(-3em);-ms-transform:translateX(-3em);-o-transform:translateX(-3em);transform:translateX(-3em)}}@keyframes handAnimation{0%{-webkit-transform:translateX(3em);-moz-transform:translateX(3em);-ms-transform:translateX(3em);-o-transform:translateX(3em);transform:translateX(3em)}to{-webkit-transform:translateX(-3em);-moz-transform:translateX(-3em);-ms-transform:translateX(-3em);-o-transform:translateX(-3em);transform:translateX(-3em)}}@-webkit-keyframes tapAnimation{0%{-webkit-transform:translateY(1.5em);-moz-transform:translateY(1.5em);-ms-transform:translateY(1.5em);-o-transform:translateY(1.5em);transform:translateY(1.5em)}to{-webkit-transform:translateY(-1.5em);-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);transform:translateY(-1.5em)}}@-moz-keyframes tapAnimation{0%{-webkit-transform:translateY(1.5em);-moz-transform:translateY(1.5em);-ms-transform:translateY(1.5em);-o-transform:translateY(1.5em);transform:translateY(1.5em)}to{-webkit-transform:translateY(-1.5em);-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);transform:translateY(-1.5em)}}@-ms-keyframes tapAnimation{0%{-webkit-transform:translateY(1.5em);-moz-transform:translateY(1.5em);-ms-transform:translateY(1.5em);-o-transform:translateY(1.5em);transform:translateY(1.5em)}to{-webkit-transform:translateY(-1.5em);-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);transform:translateY(-1.5em)}}@keyframes tapAnimation{0%{-webkit-transform:translateY(1.5em);-moz-transform:translateY(1.5em);-ms-transform:translateY(1.5em);-o-transform:translateY(1.5em);transform:translateY(1.5em)}to{-webkit-transform:translateY(-1.5em);-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);transform:translateY(-1.5em)}}.instructions{position:absolute;top:50%;left:50%;height:20em;width:40em;margin:-10em 0 0 -20em;pointer-events:none;display:table;background:url(/img/instructions-bg.png) no-repeat;background-size:100%;padding-top:5em;-webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-ms-transition:opacity 1s linear;-o-transition:opacity 1s linear;transition:opacity 1s linear;opacity:0}.instructions.visible{opacity:1}.instructions:not(.visible) *{-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none;animation:none}.instructions.visible.fadeout{opacity:0;-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear}.instructions .inner{display:table-row;vertical-align:middle;height:100%;width:100%;text-align:center}.instructions .copy{color:#fff;font-size:2em;text-align:center}.instructions .hand{height:5em;background:url(/img/hand.png) no-repeat 50%;background-size:auto 100%;-webkit-animation:handAnimation 2s cubic-bezier(.445,.05,.55,.95) infinite alternate;-moz-animation:handAnimation 2s cubic-bezier(.445,.05,.55,.95) infinite alternate;-ms-animation:handAnimation 2s cubic-bezier(.445,.05,.55,.95) infinite alternate;-o-animation:handAnimation 2s cubic-bezier(.445,.05,.55,.95) infinite alternate;animation:handAnimation 2s cubic-bezier(.445,.05,.55,.95) infinite alternate}.instructions .hand,.instructions .tap{position:relative;left:0;margin-bottom:2em}.instructions .tap{height:4em;background:url(/img/tap.png) no-repeat 50%;background-size:auto 100%;-webkit-animation:tapAnimation 1s cubic-bezier(.445,.05,.55,.95) infinite alternate;-moz-animation:tapAnimation 1s cubic-bezier(.445,.05,.55,.95) infinite alternate;-ms-animation:tapAnimation 1s cubic-bezier(.445,.05,.55,.95) infinite alternate;-o-animation:tapAnimation 1s cubic-bezier(.445,.05,.55,.95) infinite alternate;animation:tapAnimation 1s cubic-bezier(.445,.05,.55,.95) infinite alternate}.instructions.material{background:url(/img/material-instructions-bg.png) no-repeat;background-size:100%;top:70%}.mobile .instructions{width:100%;left:0;margin-left:0}.mobile .instructions.look{display:none}.about-show{margin:20px 0;display:flex;flex-direction:column;gap:8px}@media screen and (max-width:700px){.instructions .copy{font-size:1.35em}}@media screen and (max-width:700px)and (orientation:portrait){.instructions.material{top:80%}}@media screen and (max-width:700px)and (orientation:landscape){.instructions.material{background-position:center 25%;background-size:50%;top:75%}.instructions.material .copy{font-size:1.5em}}