body{background-color:#666;background-size:cover;min-height:100vh;margin:0;display:flex;flex-direction:row}#root{width:640px;height:480px;margin:auto}aside{background-color:#fff;padding:20px}h1{margin-top:0}main{flex-grow:1;text-align:center;background-color:#666;color:#000}table{border-collapse:separate;border-spacing:5px}.pixel-grid td{width:20px;height:20px;-webkit-user-select:none;user-select:none;padding:5px;text-align:center}.palette td{background-image:url(data:image/png;base64,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);background-size:cover;width:35px;height:35px}.palette td[selected=true]{background-image:url(data:image/png;base64,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)}td[color=red]{background-color:red}td[color=blue]{background-color:#00f}td[color=green]{background-color:green}td[color=yellow]{background-color:#ff0}td[color=jet]{background-color:#3c3744}td[color=duke-blue]{background-color:#090c9b}td[color=true-blue]{background-color:#3066be}td[color=powder-blue]{background-color:#b4c5e4}td[color=ivory]{background-color:#fbfff1}td[locked=true]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABqCAYAAABH9oRjAAAACXBIWXMAAAsSAAALEgHS3X78AAAEWklEQVR4nO2d7XHyRhSFjzL57+3Amw5IBRYVhBL0VhA6CKmApAKSChhXIFwBuAKUCoAKTn5IMJJg+VzENT7PjGasEd672kd7tVoJAQghhBBCCCGEEEJ8eZJHV+ASSHoAvWp5BeBbHykA/AdgAWCWJMm6w+o9NyQ9yRHJOS9nTnJYCRTXQDIlOb2i8UNMLAsxl5pIOgBjANmh7YvFArPZDJvNBrPZrLEtTVO8vLwgTVP0er1QiL8A/Km0dQSSA5KrvfwynzPLMjrnCOCsxTnH4XDI5XJ5qHcsSQZNfWtYngca5HnONE3PbvzQkqZpSEjW+Y5apsrfO1arFYfD4c0C2stotOdaMra0Jcznc3rvo0vYLr1ej6vVXvbLOtxle7AcWjYkXHIeuHZxznE+3xsND7rb830eNmoimQLIt+uLxQL9fh/r9fHBjHNuNyp6e3trbPv4+NiNqs4pJ8/z+uhqDeDXJEmKi3fmq0LSVSOXs3uC956TyaR9FAeZTCYnU9yBNJUfqu/TwtYIqdfrXXOSPYvRaHS07MFg0P6X7AFN0j0spyzOaqhALifL3jQmmbG8Ak+rv8es9bQtp3rcdNq4gF8+pmU6pmqsco+Xy0slLM85YispDSHHZDjn2inqZIwvD2tXzlmWBUXked6WMLki1qReQJ7n56a/5+4V1ZFKsrxoQ6BRhsPGqJYkRzfEHNcLCl0oeu/bMZ93CqR+hI7H43PTxMU94Vjc1WoVTFGtc8X41rhmqael0BxSK0WsWM7G3hrX1WOHBghZltVjz2+NaxK2RksIpKXW5NwoYvyd4dAgwTnHVh2fD5ZDTJLhk+aBPH1zb6jFb7Ry6GKvdSCkseKf4qeuAqG8zwwAwemH1s2cqPecq7JmgVg7iqKor0Y7EE7RpYjdTn1+fh78QKtxFneow67MkIjFohG2s5FTlyIuZfOIMjebe4Q9jWUR3wqJMIJEGEEijCARRpAII0iEESTCCBJhBIkwws/3KDQwa/l6YTGvd5j9jFKHJElmUWpTI6qI6v7B74gza5kh8Gh+hxysA8k1gL+TJBnFChRNBMtbmlms8ozjAPxB8jVJkh8xCowiouq+2Xa9KIr2vH6D0LaiKPa+fHIvrq2D9x7e++1qRvLfe6Sqq2Dt5vx0Oj36ZN0zLK2HDG5+uCEaJPPdvcUIXyyxvqRpWheRx2hDDV+NIBFGkAgjSIQRJMIIEmEEiTCCRBhBIowgEUaQCCNIhBEkwggSYQSJMIJEGEEijCARRpAII0iEESTCCBJhBIkwgkQYQSKMIBFGkAgjSIQRJMIIEmEEiTCCRBhBIowgEUaQCCNIhBEkwggSYQSJMIJEGCG6iNrrEZ6We+xjrJeivANIAWA8Ln924di7OL4y3vvdPla8xyg3yu/QVW+1X6LDl5obYQ3glxgvk4+SmqqK9FFW7LuwBtCP9Ub/qL/MWPWMDMBvMcs1yDuAf/Sb2EIIIYQQQgghhBAN/geESHvsvlzEiwAAAA5lWElmTU0AKgAAAAgAAAAAAAAA0lOTAAAAAElFTkSuQmCC);background-size:75%;background-position:center;background-repeat:no-repeat}.pixel-grid-container,canvas,.timer{background-color:#00527f;border:10px solid;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAAE0CAMAAACRqu+QAAAAUVBMVEXxWiS1WDr3jx7yYSP0diGsYEX1hSD3kx4AUn9mZmZvZWL1fiAPU3mJY1XyaCPXXDC9Xj2aYU2jYUmSYlHUWS/GXjjxXSTgWyzyZSPFWTX2jB8KwDPGAAAACXBIWXMAAAsSAAALEgHS3X78AAAESUlEQVR4nO3X7W6iQBhAYQXUooKK373/C10ZDIJUZU82gWbP+dVMafLmyQxMJ6mBJkMP8DuTDSUbqsuWFTNrVWSf2HbHif3QcfeGbX8eerzxdt6/YFtuhx5t3G2XP7EtN0PPNfY2yy5brXbKE2uVnzpuNdv9hMarhXVaxZXO9pltX60nQw841pLKZ//EVn1D3WovWwWgc5tt5177VLXfdi22cMuNh55s3IX327HF5hH9XHVMm2xZuHk0n4nmduu7aRLuIVmDrSgX8odZEv/La+JvLk6imiUvF4oG26xcqD8I0WXYUcfVpXYLH4XZKzbV2tVu79mSYaccX0kvtuq9dpja9BAo4j5s3+HR6/rLvtbXgBH1YJuHvaZaaB3227wv23ToecfSVDaSbCjZULKhZEPJhpINJRtKNpRsKNlQsqFkQ8mGkg0lG0o2lGwo2VCyoWRDyYaSDSUbSjaUbCjZULKhZEPJhpINJRtKNpRsKNlQsqFkQ8mGkg0lG0o2lGwo2VCyoWRDyYaSDSUbSjaUbCjZULKhZEPJhpINJRtKNpRsKNlQsqFkQ8mGkg0lG0o2lGwo2VCyoWRDyYaSDSUbSjaUbCjZULKhZEPJhpINJRtKNpRsKNlQsqFkQ8mGkg0lG0o2lGwo2VCyoWRDyYaSDSUbSjaUbCjZULKhZEPJhpINJRtKNpRsKNlQsqFkQ8mGkg0lG0o2lGwo2VCyoWRDyYaSDSUbSjaUbCjZULKhZEPJhpINJRtKNpRsKNlQsqFkQ8mGkg0lG0o2lGwo2VCyoWRDyYaSDSUbSjaUbCjZULKhZEPJhpINJRtKNpRsKNlQsqFkQ8mGkg0lG0o2lGwo2VCyoWRDyYaSDSUbSjaUbCjZULKhZEPJhpINJRtKNpRsKNlQsqFkQ8mGkg0lG0o2lGwo2VCyoWRDyYaSDSUbSjaUbCjZULKhZEPJhpINJRtKNpRsKNlQsqFkQ8mGkg0lG0o2lGwo2VCyoWRDyYaSDSUbSjaUbCjZULKhZEPJhpINJRtKNpRsKNlQsqFkQ8mGkg0lG0o2lGwo2VCyoWRDyYaSDSUbSjaUbCjZULKhZEPJhpINJRtKNpRsKNlQsqFkQ8mGkg0lG0o2lGwo2VB/x3ZYDz3vOFof+rJF5c+Tq2631teAEfVgW8Th0cPUpmGvTeJFH7bwW3uU9GKLLsNOObYuUS823VrVal22olzIF7VbEg876niKk1ptkZcLRYMtKxdOi0bR3G5FTZNTqZQ12NIgu1rYm1YBKW2yHcOGHHqwcRdeXMcW2y5IJp//9v+tupftWmzp2WP6vuqIntM2237ifnvX/X+A/RNbur1/cN1wP7S6X8i26TPbcnO/qZzyxFrlpzvNZtlhe7jZix5qDbZ0uR16rnG3fag12W7fhfPQo423874p1WK73d+OQ483zo67ttMT262smFmrIusgddmsR7KhZEPJhvoD5QZO+7+BQngAAAAASUVORK5CYII=) 30 round}.timer{width:fit-content;margin:auto;color:#fff;font-family:monospace;font-weight:700;font-size:25pt;padding:0 5px}button:not(#tries){box-shadow:inset 0 1px #97c4fe;background:linear-gradient(to bottom,#3d94f6 5%,#1e62d0);background-color:#3d94f6;border-radius:6px;border:1px solid #337fed;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:15px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #1570cd}button:hover{background:linear-gradient(to bottom,#1e62d0 5%,#3d94f6);background-color:#1e62d0}button:active{position:relative;top:1px}.canvas-parent{position:relative;width:fit-content}#score{position:absolute;top:0;right:0;margin:20px 25px;font-size:20pt;font-weight:700;font-family:Myriad Pro,sans-serif;color:#fff}.strike-through{text-decoration:line-through!important;text-decoration-color:red!important}button#tries{width:75px;height:85px;background:none;border:none;background-image:url(/assets/scale-0-0FMwutsY.png);background-position:center;background-size:contain;cursor:pointer}button#tries[value="4"]{background-image:url(/assets/scale-4-VatOQhlR.png)}button#tries[value="3"]{background-image:url(/assets/scale-3-Dqubp4xi.png)}button#tries[value="2"]{background-image:url(/assets/scale-2-DrhxmAUc.png)}button#tries[value="1"]{background-image:url(/assets/scale-1-CNt2AYIK.png)}button#tries[value="0"]{background-image:url(/assets/scale-0-0FMwutsY.png)}main{display:flex;flex-direction:row;height:100%;margin:2px}main>div{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:10px;margin:10px 0;flex-grow:1}.stat-parent{display:flex;flex-direction:row;gap:10px}button.arrow{height:50px;margin:auto;font-weight:700;font-size:15pt;font-family:sans-serif}.canvas-parent{position:relative}.canvas-parent img{position:absolute;box-sizing:border-box;width:100%;height:100%;padding:10px}