@font-face{font-family:'matrix';src:url("../assets/ScreenMatrix.ttf")}@font-face{font-family:'mono';src:url("../assets/Mono.ttf")}html{width:100%;height:100%;padding:0;margin:0}body{width:100%;height:100%;margin:0;padding:0;background:#eef;user-select:none;}body #debug{width:100%;height:20px;text-align:center;font-size:12px;color:#000;position:absolute;left:0;bottom:0;z-index:99;background-color:#f0f;display:none}body #main{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1}body #bg{background:-moz-linear-gradient(bottom,#c6caff 0%,#ffeee9 100%);background:-webkit-linear-gradient(bottom,#c6caff 0%,#ffeee9 100%);background:linear-gradient(bottom top,#c6caff 0%,#ffeee9 100%);mix-blend-mode:multiply;position:fixed;width:100%;height:100%;z-index:9}body #intro{text-rendering:geometricPrecision;width:100%;left:0;height:100%;position:fixed;z-index:10;color:#fff;font-family:mono;background:rgba(0,0,0,0.2);}body #intro #credits{position:absolute;width:100%;text-align:center;text-decoration:none;color:#dedede;font-size:12px;bottom:20px;}body #intro #credits a{color:#dedede}body #intro #skipbut{position:absolute;width:100%;text-align:center;text-decoration:none;color:#fff;font-size:12px;bottom:25%}body #intro.webvr #screen4 .copy .option.o2{display:block;margin-left:-48px !important}body #intro.cardboard #screen4 .copy .option.o1{display:block;}body #intro.cardboard #screen4 .copy .option.o1 .altcopy{display:block}body #intro.cardboard #screen4 .copy .option.o1 .defcopy{display:none}body #intro.cardboard #screen4 .copy .option.o2{display:block;margin-left:55px;}body #intro.cardboard #screen4 .copy .option.o2 .altcopy{display:block}body #intro.cardboard #screen4 .copy .option.o2 .defcopy{display:none}body #intro.desktop #screen4 .copy .option.o3{display:block;margin-left:-40px}body #intro .screenHolder{opacity:0;transform:translate3d(0,10px,0);transition:opacity 2s,transform 1s;top:50%;left:0;position:absolute;width:100%;margin-top:-80px;text-align:center;font-size:12px;}body #intro .screenHolder.active{transform:translate3d(0,0,0);opacity:1}body #intro .screenHolder #title{color:#fff;font-size:59px;position:relative;top:20px;transform:translate3d(0,0,0)}body #intro .screenHolder .over{position:relative;top:-38px;left:150px;transform:translate3d(0,0,0)}body #intro .screenHolder .copy{line-height:14px;}body #intro .screenHolder .copy .altcopy{display:none;transform:translate3d(0,0,0)}body #intro .screenHolder .copy .loading{opacity:0;transform:translate3d(0,0,0);}body #intro .screenHolder .copy .loading.active{opacity:1}body #intro .screenHolder#screen2 #gaze{position:absolute;width:100%;top:0;left:0;height:34px;background:url("../assets/gaze.webp") center center no-repeat;background-size:auto 34px}body #intro .screenHolder#screen2 #target{position:absolute;width:100%;top:0;left:0;height:15px;background:url("../assets/target.webp") center center no-repeat;background-size:auto 15px;opacity:1}body #intro .screenHolder#screen3 #prizes{position:absolute;width:100%;top:-45px;left:0;height:106px;background:url("../assets/prizes.webp") center center no-repeat;background-size:auto 106px}body #intro .screenHolder#screen4 .copy .option{position:absolute;left:50%;color:#fff;text-decoration:none;display:none;}body #intro .screenHolder#screen4 .copy .option img{position:absolute;left:50%;margin-left:-41px;top:0;margin-top:-55px}body #intro .screenHolder#screen4 .copy .option.o1{margin-left:-180px}body #intro .screenHolder#screen4 .copy .option.o2{margin-left:55px}body #intro .screenHolder#screen4 .copy .option.o3 img{top:-30px}body #intro #loader{width:100px;height:100px;position:absolute;left:50%;top:50%;margin-left:-50px;margin-top:-50px}body #mode-button{position:absolute;z-index:20;bottom:30px;left:40px;float:left;width:40px;height:25px;background:url("../assets/mode-button.webp") no-repeat 0 0;background-size:40px 100px;cursor:pointer;display:none;opacity:.001;}body #mode-button.cardboard{background-position:0 0}body #mode-button.phone{background-position:0 -25px}body #mode-button.pointerlock{background-position:0 -50px}body #mode-button.drag{background-position:0 -75px}body #audio-toggle{position:absolute;z-index:20;bottom:30px;right:40px;float:left;width:25px;height:25px;text-indent:-9999px;will-change:opacity,transform;transform:translate3d(0,0,0);background:url("../assets/audio.webp") no-repeat 0 0;background-size:25px 50px;background-position:0 -25px;cursor:pointer;display:none;opacity:.001;}body #audio-toggle.playing{background-position:0 0}@media screen and (max-device-width:480px){body{-webkit-text-size-adjust:none}}