:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--box-primary-color: white;--box-secondary-color: darkgray;--box-tertiary-color: #606060;--box-background-color: #333333;--background-color: black}html,body{margin:0}#main{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#463b3b}#canvas{background-color:var(--background-color);width:100%;height:100%;position:absolute;top:0;left:0}svg{fill:currentColor;pointer-events:none}.mini-box{position:absolute;display:flex;align-items:center;color:var(--box-primary-color);border:1px solid var(--box-tertiary-color);padding:1em;border-radius:15px;background-color:var(--background-color)}.spacer{margin-right:.6em;border-collapse:collapse;border-right:2px solid var(--box-tertiary-color)}.spacer:before{display:block;width:.2em;height:1em;content:""}#stats{top:20px;left:20px;background-color:var(--box-background-color)}#stats>span>svg{width:18px;height:16px;margin-right:8px;color:var(--box-secondary-color)}#stats>span:nth-child(2n){margin-right:12px}#stats>span:last-child{margin-right:0}#controls-wrapper{width:100%;display:flex;justify-content:center}#controlsFeedback{bottom:90px;position:absolute;font-weight:bolder;font-size:2.5em}#controls{bottom:20px;background-color:var(--box-background-color)}#controls>button{border:none;width:36px;height:36px;background-repeat:no-repeat;background-color:var(--box-background-color);background-size:18px 16px;color:var(--box-primary-color)}#controls>button:not(:last-child){margin-right:8px}#controls>button:hover{background-color:#f3296980}#controls>button.selected{background-color:#f32969}#debug{position:absolute;top:5px;right:5px;font-size:.8em;background-color:#8b0000}#settings-controls{display:flex;justify-content:center;align-items:center;height:10vh}#settings-controls>button{margin:0 .5em;padding:.5em 1em;border:1px solid #606060;border-radius:4px;background-color:#333;color:#fff;font-size:1em;cursor:pointer}.row{display:flex;justify-content:center;max-width:40rem;margin:0 auto}.column{flex:1;margin:.2em;padding:.2em}.align-right{text-align:right}.small{font-size:.8em}