@font-face{font-family:Source Code Pro;font-style:normal;font-weight:300;src:url(../SourceCodePro-Light.83b04718.ttf)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:400;src:url(../SourceCodePro-Regular.f7311868.ttf)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Dosis;font-style:normal;font-weight:200 800;src:url(../Dosis-VariableFont_wght.8a4ca780.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}body{color:#fff;background-color:#000;place-content:center;width:100vw;height:100vh;margin:0;font-family:Dosis,sans-serif;font-size:16px;display:grid;overflow:hidden}header{z-index:3;border-bottom:1px solid #444;justify-content:space-between;align-items:flex-start;width:100vw;padding:1em;font-family:Source Code Pro,monospace;display:flex;position:absolute;top:0}.logo{color:#888;text-transform:uppercase}.logo h1{margin:0;font-size:1.5em;font-weight:300;line-height:1em}nav[role=navigation]{justify-content:space-between;line-height:1.5em;display:flex}nav[role=navigation] ul{margin:0;padding:0;list-style:none;display:flex}nav[role=navigation] ul li{text-transform:uppercase;margin-right:2.5em;padding:0}nav[role=navigation] ul li:last-child{margin-right:.5em}nav[role=navigation] ul li a{color:#666;text-decoration:none}nav[role=navigation] ul li a.current{border-bottom:2px solid #666}nav[role=navigation] ul li a:hover{color:#fff;border-bottom:2px solid #fff}#menu{text-align:center}.hidden{display:none!important}button{color:#fff;text-transform:uppercase;background-color:#000;border:2px solid #666;padding:5px 10px;font-family:Dosis,sans-serif;font-size:16px}button:hover{cursor:pointer;background-color:#222;border-color:#888}.modal-wrapper{z-index:1;background-color:#0006;place-content:center;width:100vw;height:100vh;display:grid;position:fixed;top:0;left:0}.modal{background-color:#000000b3;border:2px solid #666;width:544px;padding:20px}.modal h2{text-transform:uppercase;margin-top:0}.modal ul{scrollbar-color:#666 black;scrollbar-width:thin;width:100%;height:500px;padding:0;list-style:none;overflow:hidden scroll}.modal ul>li{opacity:.8;cursor:pointer;background-color:#141414cc;margin-bottom:10px;padding:10px;display:flex}.modal ul>li:hover{opacity:1;background-color:#282828cc}.modal ul>li.current{opacity:1;border:1px solid #fff}.modal ul>li img{width:140px;height:140px}.modal ul>li div{margin-left:10px}.modal ul>li div h3{text-transform:uppercase;margin:0}.modal ul>li div h3+p{margin-top:0}.modal ul>li div p.details{color:#aaa;margin-bottom:0;font-size:15px}main{width:500px;height:500px}main>p{text-align:center}main>canvas{width:100%;height:100%}canvas.map{border:1px solid #666;margin-bottom:10px}div.joystick{opacity:0;background-color:#ffffff80;border-radius:40px;width:60px;height:60px;position:absolute;top:0;left:0}a:link,a:visited{color:#fff}.muted{color:#999}
/*# sourceMappingURL=index.23ba675b.css.map */