#root{max-width:1280px;margin:0 auto;text-align:center}.title{color:orange;margin-top:0}.check-btn,.submit-btn,.hint-btn{align-items:center;background-clip:padding-box;background-color:#fa6400;border:1px solid transparent;border-radius:.25rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:system-ui,-apple-system,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;justify-content:center;line-height:1.25;margin-right:2em;min-height:3rem;padding:calc(.875rem - 1px) calc(1.5rem - 1px);position:relative;text-decoration:none;transition:all .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;width:auto}.submit-btn{background-color:#0dc92c}.hint-btn{background-color:#e8d82bdb}.submit-btn:hover,.submit-btn:focus,.hint-btn:hover,.hint-btn:focus{background-color:#fb8332;box-shadow:#0000001a 0 4px 12px}.submit-btn:hover,.submit-btn:focus{background-color:#0ce130}.hint-btn:hover,.hint-btn:focus{background-color:#e8d507db}.check-btn:hover,.submit-btn:hover,.hint-btn:hover{transform:translateY(-1px)}.submit-btn:active,.hint-btn:active{background-color:#c85000;box-shadow:#0000000f 0 2px 4px;transform:translateY(0)}.submit-btn:active{background-color:#07b624}.hint-btn:active{background-color:#e8d507ec}.check-btn{background-color:#60e6b9}.check-btn:hover{box-shadow:#0000001a 0 4px 12px}.check-mode-colour{background-color:#4332fb76}.check-mode-colour:focus{background-color:#4332fb76}.check-mode-colour:active{background-color:#4332fb76}.grid-container{margin:1rem;display:grid;grid-template-columns:auto;border-left:2px solid black;border-top:2px solid black}.grid-row{display:grid;grid-template-columns:repeat(9,1fr);border-bottom:1px solid gray}.grid-row:nth-child(3n){border-bottom:2px solid black}.grid-cell{border:0;outline:none;padding:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;color:#8a2be2;border-right:1px solid gray;width:4rem;height:4rem;text-align:center;font-size:2em;caret-color:#eee8aa;line-height:200%}.grid-cell:nth-child(3n){border-right:2px solid black}.clashing-cell{animation:pop .6s ease forwards}.preset-num{color:#696969}.hint{animation:flash 3s ease forwards}@keyframes pop{0%{color:#ff00004b;text-decoration-color:#f000}20%{color:#ff000069;text-decoration-color:#ff00004f}37%{color:#ff00009a}50%{color:#ff0000bf;text-decoration-color:#ff00008d}63%{color:#ff00009a}75%{color:#ff000069;text-decoration-color:#ff0000b3}to{text-decoration:underline rgba(255,0,0,.731) dotted .12em}}@keyframes flash{0%{color:#ffea00f2}25%{color:#ffea0073}37%{color:#ffea00f2}50%{color:#ffea0073}63%{color:#ffea00f2}75%{color:#ffea0073}to{color:#ffea00f2}}.modal{background:rgba(227,227,227,.699);position:fixed;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center}.inner-modal{margin:auto;padding:2rem;font-size:2rem;line-height:2rem;width:30vw;border-radius:2%;background-color:#fff}.inner-modal-title{color:#07b607;line-height:3rem}.play-again-btn{align-items:center;background-clip:padding-box;background-color:#fa6400;border:1px solid transparent;border-radius:.25rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:system-ui,-apple-system,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;justify-content:center;line-height:1.25;margin:0;min-height:3rem;padding:calc(.875rem - 1px) calc(1.5rem - 1px);position:relative;text-decoration:none;transition:all .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;width:auto}.play-again-btn:hover,.play-again-btn:focus{background-color:#fb8332;box-shadow:#0000001a 0 4px 12px}.play-again-btn:hover{transform:translateY(-1px)}.play-again-btn:active{background-color:#c85000;box-shadow:#0000000f 0 2px 4px;transform:translateY(0)}.modal{background:rgba(227,227,227,.699);z-index:1;position:fixed;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center}.inner-modal{margin:auto;padding:2rem;font-size:2rem;line-height:2rem;width:50vw;border-radius:2%;background-color:#fff}.inner-modal-title{color:#07b624;font-size:xx-large;line-height:2rem}.inner-modal-description{color:#07b624;font-size:large}.difficulty-btn{align-items:center;background-clip:padding-box;background-color:#fa6400;border:1px solid transparent;border-radius:.25rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:system-ui,-apple-system,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;justify-content:center;line-height:1.25;margin:.5rem;min-height:3rem;padding:calc(.875rem - 1px) calc(1.5rem - 1px);position:relative;text-decoration:none;transition:all .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;width:auto}.flex-container{display:flex;justify-content:center;align-items:center}.medium-btn{background-color:#f80}.easy-btn{background-color:#0dc92c}.hard-btn{background-color:#c90d0d}.difficulty-btn:hover,.difficulty-btn:focus{background-color:#4332fb76;box-shadow:#0000001a 0 4px 12px}.difficulty-btn:hover{transform:translateY(-1px)}.difficulty-btn:active{background-color:#c85000;box-shadow:#0000000f 0 2px 4px;transform:translateY(0)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}