*{box-sizing:border-box}body{color:#ddd;background:#000;margin:0;font-family:Cascadia Code,Fira Mono,monospace;font-size:13px}#canvas{position:absolute;object-fit:contain;width:100vw;height:100vh;top:0;left:0}#settings{position:absolute;display:flex;background:#00000080;flex-direction:column;min-width:45ch;top:0;right:0}#settings summary{user-select:none;background:#20202080;padding:.25rem 1ch}#settings summary:hover{background:#28282880}#settings details>div{display:grid;grid-template-columns:1fr 12ch;grid-gap:.2rem 1ch;text-align:right;align-items: center;padding:1ch}#settings input{color:inherit;font:inherit;background:#00000080;border:1px solid #222;width:100%}#settings input[type=checkbox]{justify-self:start;width:auto;margin:2.5px 0;padding:0}#settings button{color:inherit;font:inherit;background:#30303080;border:none;padding:.25rem 1ch}#settings button:hover{background:#38383880}#settings button:active{color:#0000;text-shadow:0 1px #aaa;background:#28282880}