html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}body{font-family:'Inconsolata', monospace;font-size:14px;line-height:1.4em}html,body{position:relative;overflow:hidden;background-color:#000;color:#00ff66;height:100vh;width:100vw;padding-top:0}#ar{opacity:0;-webkit-transition:2s opacity;transition:2s opacity}#ar[visible='true']{opacity:1}.instructions{position:fixed;top:40px;z-index:100;width:100%;text-align:center;background-color:rgba(0,0,0,0.5);padding:5px;line-height:1em}.too-far{position:fixed;top:40%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:100;width:230px;text-align:center;background-color:rgba(0,0,0,0.5);padding:10px;display:none}#scenes.decrypting ~ #ar .instructions{display:none}#three-container{position:absolute;top:0;left:0;width:100%;height:100%}.video-background{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover}#loaded{position:fixed;bottom:0;left:0;z-index:1;padding:5px;text-align:center;color:#fff;background-color:#000;display:none}#loaded.visible{display:block}.map-container{opacity:0;pointer-events:none;position:absolute;z-index:1;bottom:0;left:0;width:100vw;height:40vh}.map-container[visible='true']{opacity:1;pointer-events:all}.map-container .instructions{background-color:transparent}.map-container #mapbox{position:absolute;bottom:-40px;left:0;width:100vw;height:calc(40vh + 40px)}.map-container .marker{border:none;cursor:pointer;height:32px;width:32px;background-image:url(/img/onion.svg);background-size:50%;background-repeat:no-repeat;background-position:50%;border-radius:50%;opacity:.25}.map-container .marker svg path{fill:#000}.map-container .marker span{position:absolute;bottom:100%;width:100%;text-align:center}body[route-cursor='0'] .marker:nth-of-type(1),body[route-cursor='1'] .marker:nth-of-type(2),body[route-cursor='2'] .marker:nth-of-type(3),body[route-cursor='3'] .marker:nth-of-type(4){opacity:1}#scenes{position:relative;z-index:1}#scenes>*{position:absolute;top:0;left:0;height:100vh;width:100vw;display:none}#scenes[show-scene=test] #scene-test{display:-webkit-box;display:-ms-flexbox;display:flex}#scenes[show-scene='1'] #scene-1{display:-webkit-box;display:-ms-flexbox;display:flex}#scenes[show-scene='2'] #scene-2,#scenes.decrypting #scene-2{display:-webkit-box;display:-ms-flexbox;display:flex}#scenes[show-scene='3'] #scene-3{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed}#scene-1{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 40px}#scene-1 h1{font-size:24px;margin-bottom:20px;max-width:400px;display:inline-block;line-height:24px}#scene-1 p{max-width:600px;margin-bottom:20px}#scene-1 span.button{padding:20px;border:1px solid #fff;text-transform:uppercase;max-width:250px;text-align:center;-webkit-box-shadow:-4px 4px 0px 0px #fff;box-shadow:-4px 4px 0px 0px #fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#scene-2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px;display:none;bottom:0;background-color:rgba(0,0,0,0.6)}#scene-2 #encryption-level{color:#fff;display:block;margin-bottom:1em}#scene-2 p{max-width:400px;word-break:break-all;margin-bottom:20px}#scene-2.no-justify p{word-break:initial}#scene-2 a{color:#fff}#scene-3{background-color:rgba(0,0,0,0.6);text-align:center;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:auto;bottom:0}#scene-3 .map-icon{display:none}#scene-3.collapsed{height:70px}#scene-3.collapsed .map-icon{display:block;width:30px;height:45px;position:absolute;bottom:15px;right:15px;cursor:pointer}#scene-3.collapsed .map-icon img,#scene-3.collapsed .map-icon span{display:block}#scene-3.collapsed .map-icon img{width:30px;height:30px}#scene-3.collapsed>span{display:none}#scene-3.collapsed .route-nodes{margin-top:20px}#scene-3.collapsed .route-nodes div{height:20px;width:20px;opacity:.5}#scene-3.collapsed .route-nodes div:after{top:-25px !important;left:7px;font-size:14px !important}#scene-3.collapsed #node-1:after{content:'1' !important}#scene-3.collapsed #node-2:after{content:'2' !important}#scene-3.collapsed #node-3:after{content:'3' !important}#scene-3.collapsed #node-4:after{content:'4' !important}#scene-3>span{margin-top:-110px}#scene-3 .route-nodes{margin-top:20px}#scene-3 .route-nodes div{width:40px;height:40px;border-radius:50%;background-color:#fff;display:inline-block;position:relative;-webkit-transition:1s height, 1s width;transition:1s height, 1s width;margin-bottom:-10px}#scene-3 .route-nodes #node-1:before{content:'';position:absolute;top:110%;height:140px;border-left:1px solid}#scene-3 .route-nodes #node-1:after{content:'ENTRANCE_NODE';position:absolute;top:calc(110% + 140px);text-align:left;font-size:10px}#scene-3 .route-nodes #node-2:before{content:'';position:absolute;top:110%;height:100px;border-left:1px solid}#scene-3 .route-nodes #node-2:after{content:'MIDDLE_NODE';position:absolute;top:calc(110% + 100px);text-align:left;font-size:10px}#scene-3 .route-nodes #node-3:before{content:'';position:absolute;top:110%;height:60px;border-left:1px solid}#scene-3 .route-nodes #node-3:after{content:'EXIT_NODE';position:absolute;top:calc(110% + 60px);text-align:left;font-size:10px}#scene-3 .route-nodes #node-4:before{content:'';position:absolute;top:110%;height:20px;border-left:1px solid}#scene-3 .route-nodes #node-4:after{content:'REQUESTED SERVER';position:absolute;top:calc(110% + 20px);text-align:left;font-size:10px}body[route-cursor='0'] .route-nodes div:nth-child(1),body[route-cursor='1'] .route-nodes div:nth-child(2),body[route-cursor='2'] .route-nodes div:nth-child(3),body[route-cursor='3'] .route-nodes div:nth-child(4){opacity:1 !important;margin-bottom:0px !important}header{background-color:#000;color:#fff;font-size:10px;letter-spacing:.15em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:100;position:fixed;top:0;left:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header a{cursor:pointer;text-decoration:none;color:#fff;display:inline-block;padding:10px 20px 0;background-color:#333;min-height:40px}header span{text-align:center;line-height:12px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:#222;min-height:40px;padding-top:8px}#log{position:absolute;bottom:0;left:0;background-color:#fff;color:#000;font-size:10px;z-index:9999999;opacity:.8;line-height:1em;padding:5px;word-break:break-all}