:root{--muted-color: #969faf;--key-gradient: linear-gradient(-225deg, #d5dbe4, #f8f8f8);--key-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, .4)}html,body{height:100vh}body{margin:0;position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center;justify-content:center;accent-color:#010101;background-color:#f9f9f9}#app{width:100vw;height:100vh}#app canvas{z-index:1}#domProgressList{gap:1em;padding:0;right:20px;bottom:20px;z-index:100;display:flex;position:fixed;min-width:180px;flex-direction:column}#domProgressList li{flex:1;display:flex;font-size:90%;color:#010101;flex-direction:column;align-items:flex-end}#domProgressList li progress{width:100%}#domGear{width:80px;height:80px;bottom:20px;right:20px;z-index:100;position:absolute;display:flex;align-items:center;justify-content:center;border-radius:1em;border:.2em solid rgba(255,255,255,.5019607843)}#domGear #domGearCurrent{margin:0;padding:0;font-size:3em;color:#fff}#domAlert{width:80px;height:80px;bottom:80px;z-index:100;position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;border:.3em solid rgba(0,0,0,.5019607843)}#domAlert #domAlertText{margin:0;padding:0;font-size:3em;color:#000}#navInstructions{left:20px;bottom:20px;position:fixed;z-index:100}#navInstructions ul{margin:0;padding:0;color:var(--muted-color);display:flex;list-style:none}#navInstructions ul li{display:flex;align-items:center}#navInstructions ul li kbd{border:0;width:20px;height:18px;padding:0 0 2px;border-radius:2px;box-shadow:var(--key-shadow);color:var(--muted-color);display:flex;align-items:center;justify-content:center;margin-right:.4em;background:var(--key-gradient)}#navInstructions ul li kbd svg{box-sizing:border-box}#navInstructions ul li span{font-size:1em;line-height:20px;margin-bottom:.4em}#navInstructions ul li:not(:last-of-type){margin-right:.8em}[hidden]{display:none!important}