body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{align-items:center;display:flex;flex-direction:column}body,html{background-color:#282c34;color:#fff;font-family:monospace;font-size:calc(10px + 2vmin);justify-content:center;max-height:100vh;min-height:100vh;overflow:hidden}pre{font-size:medium}.canvas-container{margin:1rem auto 0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;canvas{display:block;max-height:calc(100vh - 10rem);max-width:90vw}}.fps-counter{color:lime;font-family:monospace;font-size:16px;left:8px;position:absolute;text-shadow:1px 1px 2px #000;top:8px}.resolution-controls{align-items:center;display:flex;font-family:monospace;font-size:14px;gap:1rem;padding:.5rem 0}.resolution-controls select{-webkit-appearance:none;appearance:none;background:#3a3f4b;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%23c8ccd4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:none;border-radius:6px;box-shadow:0 2px 0 #1a1d24,0 0 0 1px #1a1d24;color:#c8ccd4;cursor:pointer;font-family:monospace;font-size:13px;padding:.3rem 1.8rem .3rem .5rem}.controles{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-bottom:1rem;width:90vw}.buttons{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);justify-items:center;padding:.5rem 0;width:calc(10.5rem + 8px)}.buttons button{aspect-ratio:1;background:#3a3f4b;border:none;border-radius:6px;box-shadow:0 4px 0 #1a1d24,0 0 0 1px #1a1d24;color:#c8ccd4;cursor:pointer;display:block;font-family:monospace;font-size:11px;font-weight:700;letter-spacing:.03em;transition:background 80ms,box-shadow 80ms,-webkit-transform 80ms;transition:background 80ms,transform 80ms,box-shadow 80ms;transition:background 80ms,transform 80ms,box-shadow 80ms,-webkit-transform 80ms;-webkit-user-select:none;user-select:none;width:3.5rem}.buttons button:hover{background:#4a5060;color:#e8ecf4}.buttons button.active,.buttons button:active{background:#2e3240;box-shadow:0 1px 0 #1a1d24,0 0 0 1px #1a1d24;-webkit-transform:translateY(3px);transform:translateY(3px)}
/*# sourceMappingURL=main.902a18cc.css.map*/