:root{font-family:system-ui,sans-serif;color:#233e45;background:#fff;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}body{overflow:hidden}main{width:100%;height:100%;display:grid;place-items:center}canvas{display:block;width:min(100vw,calc(100dvh * 740 / 720));height:auto;aspect-ratio:740 / 720;image-rendering:pixelated;outline:none;-webkit-tap-highlight-color:transparent}canvas:focus-visible{outline:1px dotted #91b0b5;outline-offset:-5px}.error{position:absolute;bottom:2rem;padding:1rem;max-width:32rem}