@font-face{font-family:Inter;src:url(./Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:MilSpec;src:url(./MilSpec33558-CWgqZnzM.ttf) format("truetype");font-display:swap}input,select,button{background-color:#000a;border:1px solid white;color:#fff;font-size:16px;padding:4px}button,input[type=button]{cursor:pointer}button:hover,input[type=button]:hover{background-color:#222a}.border{border:1px solid white}html,body{margin:0;color:#fff;background-color:#000;font-family:Inter,sans-serif}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes unblur{0%{filter:blur(3px)}to{filter:none}}body.demo #help{animation:fade-in 1s ease-in-out;opacity:1}body.demo #content{animation:fade-out 1s ease-in-out;opacity:0}body.demo #game{animation:unblur 1s ease-in-out;filter:none;pointer-events:initial}body #help{position:absolute;top:0;left:0;opacity:0;padding:10px;margin:10px;background:#000a;border:1px solid white}body #help h2{margin-top:0;margin-bottom:10px}body #help ul{margin:0;padding-left:16px}body #help ul li{margin:4px 0}body #game{position:fixed;top:0;left:0;width:100%;height:100%;filter:blur(3px);z-index:-1;pointer-events:none}body #content{position:absolute;display:flex;flex-direction:column;width:100%;top:0;left:0}body #content.none{display:none}header,main{align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center}header{text-align:center;height:100vh;text-shadow:white 0 0 3px}header h1{font-size:48px;font-family:MilSpec}header h2{font-weight:400;width:90%;max-width:600px}header #try-demo{font:inherit}header .scroll-down{position:absolute;margin-top:96vh}main{line-height:1.6rem;width:calc(100% - 60px);padding:30px;background-color:#000;border-top:1px solid white;gap:30px}main a{color:#348efc}main section{display:flex;flex-direction:column;width:750px;max-width:100%}main section iframe#video{width:650px;max-width:100%;aspect-ratio:16/9;align-self:center}main ul.links{list-style-type:none;padding:0;margin:0}main ul.links li:before{content:"> "}@media (max-width: 768px){header h1{font-size:36px}header .scroll-down{margin-top:90vh}main{padding:16px;width:calc(100% - 32px);gap:16px}main section{width:100%}main section iframe#video{width:100%}}
