body{margin:0;overflow:hidden;background-color:#9ba506}canvas{display:block;position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#9ba506}#details{position:absolute;bottom:10px;right:10px;color:purple;z-index:1000;font-family:monospace;opacity:.8;line-height:1.5;display:none}#details p{margin:0}.titlebar{height:30px;background:#ffffff80;-webkit-user-select:none;user-select:none;justify-content:flex-end;position:fixed;top:0;left:0;right:0;z-index:1000;opacity:0;display:none}.titlebar.active{display:flex;transition:opacity .3s ease}.titlebar.active:hover{opacity:1}#fullscreen-button{position:fixed;top:10px;right:10px;width:30px;height:30px;background:#ffffff80;border-radius:4px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000;opacity:.5;transition:opacity .3s ease}#fullscreen-button:hover{opacity:1}#fullscreen-button img{width:20px;height:20px}:fullscreen #fullscreen-button{display:none}.titlebar-button{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;user-select:none;-webkit-user-select:none;cursor:pointer}.titlebar-button:hover{background:#5bbec3}