:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}body{margin:0;width:100%;height:100%;container:root-container / size}#app{margin:0;padding:0;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:center;position:relative}#ttt-canvas{width:auto;height:100%;aspect-ratio:1;background-color:#7c3636}#controls{position:absolute;display:flex;flex-direction:column;row-gap:1em;right:1em;top:.5em}#controls button{font-weight:700;padding:.5em;border-radius:2em;cursor:pointer}@container root-container (aspect-ratio < 1){#app{flex-direction:column}#app #ttt-canvas{width:100%;height:auto}}