canvas#main{width:100vw;height:100vh;background-color:#000}#alert{z-index:-1;position:absolute;color:#fff;font-size:xx-large;width:100%;height:100%;text-align:center;align-content:center}#alert.error{color:red}body{width:100vw;height:100vh;margin:0;overflow:hidden;background-color:#000}#info{position:fixed;padding:2px;color:#fff;opacity:50%;font-family:monospace;transition:opacity .2s;&:hover{background-color:#000;opacity:100%}z-index:10}#chevron{height:1em;aspect-ratio:1;float:right;transform:rotate(180deg)}#chevron.collapsed{transform:rotate(0)}#content.collapsed{height:0;opacity:0}input[type=range]{appearance:none;height:1em;background:gray;opacity:.7;transition:opacity .2s;border-radius:10000px}input[type=range]::-webkit-slider-thumb{appearance:none;width:1em;height:1em;background:#ae1adb;cursor:pointer;border-radius:10000px}input[type=range]::-moz-range-thumb{appearance:none;width:1em;height:1em;background:#ae1adb;cursor:pointer;border-radius:10000px}#help{height:1em;aspect-ratio:1;display:inline-block}dialog{border:solid 1px white;border-radius:1em;width:90vw;height:85vh;padding:2em;z-index:999;background-color:transparent;color:#fff;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}&::backdrop{backdrop-filter:blur(4px)}&:focus{outline-width:0}h1,h2,h3{margin:.5em 0}}#close{width:2em;aspect-ratio:1;position:fixed;right:calc(5vw - 2em);top:calc(5vh - 1em)}