*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;height:100vh;max-height:100vh;display:flex;flex-direction:column;background-color:#333;color:#ffffffde;font-size:14px}button,input{min-width:8em;border-radius:8px;border:1px solid transparent;padding:.7em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a50;cursor:pointer;transition:border-color .25s;pointer-events:all}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#canvas-scores{position:absolute;top:0;left:0;box-sizing:border-box}#canvas-wrapper{position:absolute;display:flex;justify-content:center;align-items:center;justify-items:center;top:0;left:0;box-sizing:border-box;width:100vw;height:100vh}#canvas{box-sizing:border-box;flex:0 1 0;max-width:100vw;max-height:100vh;outline:10px solid #ff000033;background-color:#444}.normal{width:110px}.wide{width:220px}#github{margin-left:auto;display:block;display:flex;flex-direction:row;align-items:center;gap:1em}#github img{height:32px;width:32px}footer{z-index:1;position:fixed;bottom:0;left:0;width:100vw;display:flex;flex-direction:row;justify-content:center;gap:.5em;padding:.5em;pointer-events:none}header{z-index:1;position:fixed;top:0;left:0;width:100vw;pointer-events:none;flex:0 0 60px;padding:1em;display:flex;gap:1em;flex-direction:row}a{color:#ddd;pointer-events:all}#side{z-index:1;position:fixed;right:0;top:50%;transform:translateY(-50%);padding:1em;display:flex;flex-direction:column;gap:1em;align-items:flex-end}#side.hide{display:none}#dialog{display:flex;flex-direction:column;gap:1em;justify-items:center;align-items:center;justify-content:center;position:fixed;background-color:#222d;margin:auto;padding:2em}.inline{display:flex;flex-direction:row;gap:1em}#dialog.hide{display:none}.backdrop{pointer-events:none;position:fixed;height:100vh;width:100vw;display:flex;justify-items:center;justify-content:center;align-items:center}.hide{display:none}