body{background:#331;color:#fff;font-family:sans-serif;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}body,html{margin:0;overflow:hidden;padding:0;touch-action:none;background:#222}canvas.fs{width:100%;height:100%}canvas{width:1024px;max-width:100%}a{color:#666;display:block;margin-top:10px}svg{position:absolute;z-index:100}#d,#e,#t{position:fixed;left:0;top:0;width:256px;height:auto}#control.hidden{display:none}#control{background:#2225;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100vh;overflow:auto;pointer-events:all;position:fixed;width:100vw;z-index:1;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}#control .content{padding:50px;text-shadow:0px -1px #111111AA;max-width:900px}ul.nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center}ul.nav li button{background:#222;color:#fff;border:0;padding:10px 20px;margin:0 10px 0 0;cursor:pointer;border-radius:5px}ul.nav li button:hover{background:#333}@media (max-height: 600px),(max-width: 600px){#control{justify-content:flex-start}#control .content{padding:20px;margin:20px 0}}.hidden{display:none}