#info,#overlay{top:0;width:100%}#overlay button,button{text-transform:uppercase;cursor:pointer}.controls,body{font-family:Monospace;font-size:13px}#info,.controls,.controls.hidden{pointer-events:none}body{margin:0;background-color:#000;color:#fff;line-height:24px;overscroll-behavior:none}a{color:#ff0;text-decoration:none}a:hover{text-decoration:underline}#info{position:absolute;padding:10px;box-sizing:border-box;text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:1}a,button,input,select{pointer-events:auto}.lil-gui{z-index:2!important}@media all and (max-width:640px){.lil-gui.root{right:auto;top:auto;max-height:50%;max-width:80%;bottom:0;left:0}.controls{display:none!important}}#overlay,.controls{position:absolute;display:flex}#overlay{font-size:16px;z-index:2;left:0;height:100%;align-items:center;justify-content:center;flex-direction:column;background:rgba(0,0,0,.7)}#overlay button{background:0 0;border:1px solid #fff;border-radius:4px;color:#fff;padding:12px 18px}#notSupported{width:50%;margin:20px auto auto;background-color:red;padding:10px}.controls{bottom:10px;left:10px;padding:5px;color:#afafaf;line-height:14px;opacity:1;z-index:10;flex-direction:column;max-width:300px}.controls.hidden{opacity:0}.controls p{margin:2px 0;white-space:nowrap}.controls span{color:#fff;font-weight:700}.controls .indicator{display:inline-block;width:.8em;height:.8em;border-radius:50%;margin-left:.3em;margin-right:.1em;position:relative;top:.05em;box-sizing:border-box;border:1px solid transparent}.controls .indicator.active{background-color:rgba(0,255,120,.8);border-color:#00ff78;box-shadow:0 0 3px rgba(0,255,120,.6)}.controls .indicator.inactive{background-color:rgba(160,160,160,.3);border-color:rgba(200,200,200,.5)}