: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}body{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;height:100vh;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAQCAYAAACm53kpAAAAAXNSR0IArs4c6QAAALVJREFUWIXtljEOgCAMRdXgxuzlPY5X8BTObgw6kYBoA/0FErAbCe/TlFL+uO7bNSTGoo23Ps45VcLTQHj0bJVMMw+V1kB4lyULIHVLXL5EDmQBat5SqRwmSL2BUEiLPYehhAbCc1glNUxqaaD5/08gZpP0v8/RQHiKjSpAC63+FcETWLR5HW6xgfKlcwg6oIe/3w2WFZZ0ZxIaCM+ywtwBZDmUj9WgimTXWa2whEZun9K9D7gBFVmIXXRmfEIAAAAASUVORK5CYII=);background-repeat:repeat}h1,h2,h3{margin:0;padding:0}h1{font-size:3.2em}button{border-radius:8px;color:"white";border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.start-ui-container{width:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAD9JREFUKFNjPHCl4D8DiYBx8Gp68u4zA0nOA2mQEeKlkiaYafgCFKvzCGkkWhOyQUQFBLrNtNOEHihE2YSuCQCe80H6C48EQAAAAABJRU5ErkJgggAA);width:70%;padding:40px 0;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:40px}.initial-ui-title{color:#181818;text-align:center;padding:0;margin:0}.difficulty-container{display:flex;flex-direction:column;gap:6px}.difficulty-container label{font-size:14px;color:#3d3d3d;font-weight:700}.difficulty-container select{font-size:14px;color:#fff;font-weight:500;padding:6px 10px;border-radius:8px;background-color:#1a1a1a;border-color:#1a1a1a}canvas{display:none;border-radius:8px}progress{display:block}.health-container{margin-top:10px;display:none;width:25%}progress{width:100%;height:20px;accent-color:rgb(5,128,1)}progress.play{display:block}progress.low-health{accent-color:rgb(168,0,8)}.final-screen{position:absolute;display:none;top:0;left:0;opacity:88%;background-color:#000;height:100svh;width:100svw;flex-direction:column;align-items:center;justify-content:center}.win-screen{display:none}.timer-container{margin-top:10px;display:none;flex-direction:column;font-size:18;background-color:#f4f4f4;padding:4px 16px;border-radius:8px;color:#000}.timer{font-family:monospace;font-size:18px;text-align:center}.score-container{margin-bottom:24px;font-weight:700;display:flex;flex-direction:column;gap:4px}#difficulty-select{display:none}.difficulty-container{height:60px}.rules-header-title{margin-top:6rem;border-bottom:3px solid black}.rulesContainer{display:flex;gap:40px}.rule{background-color:#1a1a1a;border-radius:8px}.rule ul{padding:0 40px}.rule-header{padding:10px 20px;font-size:20px;border-bottom:1px solid rgb(255,255,255)}