*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:calc(1em + .5rem)}p{margin:0;min-width:320px;min-height:100vh;text-overflow:pretty}#root{display:flex;flex-direction:column;margin:0 auto;text-align:center}.controls{width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto}.controls:before,.controls:after{content:"";width:100%}.button-group{display:flex;margin-left:8px;margin-right:8px}.controls button{width:min-content;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;background:#f5f4f4;color:#000;border:2px solid transparent;border-radius:8px;margin-left:1px;margin-right:1px;padding:8px;transition:background .2s,border-color .2s}.controls button:hover{background:#ddd;border-color:#555}.controls button:focus,.controls button:focus-visible{outline:4px auto #000;outline:4px auto -webkit-focus-ring-color}.controls button svg{width:16px;height:16px}.controls button[aria-pressed=true]{border:2px solid black}.controls .print{color:#fff;background:#006d00;transition:background .2s ease-in-out}.controls .print:hover{background:#004d00}.controls .reset{color:#fff;background:#c30000;transition:background .2s ease-in-out;margin-left:4px}.controls .reset:hover{background:#ab0000}#page{width:min-content;margin:40px auto 16px}#workspace{width:100%;height:100%;--cursor-hot: 2 3}#workspace.cursor-rotate-cw{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAkCAMAAACkEQocAAAAvVBMVEUAAAAAAAAAAAAAAAAAAACIiIgGBgYMDAyzs7MCAgJCQkJAQEDm5uZ6enrY2Njc3Nyamprx8fHy8vLi4uLz8/Py8vLMzMzd3d3Dw8Pw8PDy8vLR0dHz8/PY2Njm5ubu7u7Y2Nj////x8fHs7Ozp6enm5ubj5OTh4eHf39/c3Nza2trT09PNzc3BwcG0tLSwsLCpqamjo6OUlJSHiIh4eHhqampeXl5PT08/Pz8zMzMmJiYdHR0UFBQMDAwAAAAuMfwaAAAAI3RSTlMAAQIFCQ8PGRwqMzxIT1Voam9yfH6Or7q+zNnY4ers8/v//lcBhsUAAAFtSURBVHjandFrb4IwFIDhSbHVbSqb8zIRRChXQS6CyMX+/5+1Q9qRGNyXvR9IOE9OSsPLP5JW0nOQj38IPp64DKHlMgTWnr6kpyBkCCABlwGwBmQIXD6lAQj5kIZwg65mLz1k5q5r/z56hHT3Nu0iWHqAdPdKMDSZjB83vl8xmqz2JrRfTXrD3XxxMEWHhSRAJhgtLfNcMXYvz5ZlLYUghObwmt7yS9GynFrWfMRlNNZpkVGbUhoULLcsfcxBWlCaZ90csGQxpeIYtKGGY4uie0npBvHTdbu9OA4YPNy6tW1d5t9r20no/FbdYQ9zcBw/dCEvOHteU4MK0Ny88roSFqascF1NwNoLI59DUjWR5605yArMroXbQdPG8KLwwxFRfT/LTlUcM8aqq68SxG+OZ4bv+2GdRHXTtKUxwyNxdaIYQZ+hiAVYQWSmBiJ1RhAsCJHJVNlqhqFtlSmR+VzsYDIVvx2JeU8yhuR+/APP7z0ROuBoIgAAAABJRU5ErkJggg==) var(--cursor-hot),auto}#workspace.cursor-rotate-ccw{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAkCAQAAAA5xjKlAAACEklEQVR42r2TsWvbQBTGD4wGgRECTwZnvcWj6BzoH2DnX/BmBIauNqFzlpJsBa2dPAXjLUPAZI0HJYtVJCgRxG4qglqXou3109PVOUVpEi3xh+7O977fvXvSnXib359P9fwmUS1EWkTXtRCbqFULASAY2X6sAdRAGFBIAOT1ALRHIZAaQIH8+vAyUAPRgH2lAaVAXgQ+U/bj99cHRQfPAl/op//+XaNbSMhmW1r/B5Q9NxWad+ad5wC2C1sY887dSbpOSWl9dzLvPAH8s4fD+21KZd1vw2HleDfbuf3mMGHLjHokWA7GCXRzWAYMYQojOshD32nER2RARzSmfdSWsCpvTFqbDQIwCZgDgLluMXNMI4w2m0evIBzmhhnsPfS6PBpzX67EiM4wCXOLFnSrFHOLPJwxOhOGtqE4RRB2STEb+VHjI8zjXyotDYCdAYdiXQwsacpRvQq7CEraQ/oQtQQ7ewwg5LGwNSBa51MjPlNLtFP6xorxODRGH601QFqXp3l4gQwOzACUOYQWtMTo8lTfkum5AKAZtQABUOYRDVQuzxXmA2A02/4qRNAhwZpBDl3jjhwz6K9wfIzSl570g6yXrw9JbGOKFuWygmzSVxvSc3hukAX0hDLPLdavIJO+v3ps91eT/s5ePeaNrudenF8lufUquTj33EYX9l25lSzSQliWb3Z19crtgMkWNlqzav4LCqpYY2fEZYsAAAAASUVORK5CYII=) var(--cursor-hot),auto}.board{--shadow: 10px 10px 0px 0px rgba(0, 0, 0, 1);box-shadow:var(--shadow);-webkit-box-shadow:var(--shadow);-moz-box-shadow:var(--shadow)}.tile{display:grid;justify-content:center;width:40px;height:40px;background:#fff;padding:2px;margin:-2px;border:2px solid black}.tile-content,.hover-content{display:flex;grid-area:1/1/2/2;width:36px;height:36px;position:relative;top:-2px}.hover-content{display:flex;opacity:0}.hover-content:hover{opacity:.6}@media print{#page{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.controls{display:none}}