body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--main-bg-color:#1e201e;--cell-bg-color:#ffdd93;--text-color:#ecdfcc}body,html{background-color:#1e201e;background-color:var(--main-bg-color);background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff03 0,#ffffff03 11px),repeating-linear-gradient(-45deg,#0000,#0000 10px,#00000005 0,#00000005 11px);color:#ecdfcc;color:var(--text-color);touch-action:none}html{height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;width:100%}.app{font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;text-align:center}.app,.title-section{align-items:center;display:flex;flex-direction:column}.title-section{gap:.25rem;margin-bottom:1rem}.title-section h1{margin:0}.title-section small{color:#ecdfcc;color:var(--text-color);font-size:.75rem;margin:0;opacity:.7}.grid{flex-direction:column;font-family:Rubik,sans-serif}.grid,.row{display:flex;justify-content:center}.row{flex-direction:row}.cell{align-items:center;background-color:#ffdd93;background-color:var(--cell-bg-color);border-radius:3px;box-shadow:inset 0 1px 0 #fff6,inset 0 -1px 0 #0000001a,0 2px 0 #c9a85e,0 4px 8px #0006;color:#1e201e;color:var(--main-bg-color);display:flex;font-size:20px;font-weight:700;height:25px;justify-content:center;margin:4px;-webkit-user-select:none;user-select:none;width:25px}.highlight{background-color:#fafad2!important;box-shadow:inset 0 2px 0 #ffffff80,inset 0 -2px 0 #0000001a,0 2px 0 #d8d8b9,0 4px 8px #0006!important;color:#000}.done{background-color:#90ee90!important;box-shadow:inset 0 2px 0 #ffffff80,inset 0 -2px 0 #0000001a,0 2px 0 #2d8a2d,0 4px 8px #0006!important;color:#006400!important}.hud{background:#00000080;border-radius:8px;box-shadow:0 2px 6px #00000026;font-size:.9rem;padding:.5rem 1rem;position:absolute;z-index:1000}.help{background:#000000f2;margin:15px;max-width:400px}.invisible-hud{background:#0000;font-size:.9rem;padding:.5rem 1rem;position:absolute;z-index:1000}.footer{bottom:1rem;opacity:.5}.help-button-container{right:1rem;top:1rem}.help-button{background:none;border:none;color:#ecdfcc;color:var(--text-color);cursor:pointer;font:inherit;opacity:.7;padding:0}.help-button:hover{opacity:1}.difficulty-selector{left:1rem;top:1rem}button{border:none;border-radius:6px;box-shadow:0 4px 6px #0000001a;cursor:pointer;font-weight:700;transition:background-color .3s ease}.button-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:15px;padding:10px}.play-again-btn{background-color:#90ee90;box-shadow:inset 0 2px 0 #ffffff80,inset 0 -2px 0 #0000001a,0 4px 0 #2d8a2d,0 4px 8px #0006;color:#006400;font-size:16px;padding:12px 24px}.play-again-btn:hover{background-color:#82d782;box-shadow:inset 0 2px 0 #ffffff80,inset 0 -2px 0 #0000001a,0 4px 0 #3a9a3a,0 4px 8px #0006}.play-again-btn:active{background-color:#3e8e41;box-shadow:inset 0 2px 4px #0000004d,0 1px 0 #2d6a2d;transform:translateY(3px)}.try-again-btn{background-color:initial;border:1px solid #ecdfcc;border:1px solid var(--text-color);border-radius:8px;color:#ecdfcc;color:var(--text-color);font-size:16px;opacity:.7;padding:12px 24px;transition:all .2s ease}.try-again-btn:hover{opacity:.8}.try-again-btn:active{opacity:1;transform:translateY(2px)}.select-box{background-color:#ecdfcc;background-color:var(--text-color);border-color:#ecdfcc;border-color:var(--text-color);border-style:solid;border-width:1;opacity:.1;pointer-events:none}.difficulty-selector label{background:none;border:none;font:inherit;opacity:.7;padding:0}.difficulty-selector label,select{color:#ecdfcc;color:var(--text-color);cursor:pointer}select{background-color:#0000;border:1px solid #fff3;border-radius:8px;margin-left:5px;padding:2px 10px}select:hover{background-color:#0006}select option{background-color:#1a1a2e;color:#ecdfcc;color:var(--text-color)}select:focus{border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a;outline:none}.about-page{flex-direction:column;padding:2rem}.about-content,.about-page{align-items:center;justify-content:center}.about-content{display:flex;flex-direction:row;gap:4rem;max-width:900px;width:100%}.about-text{max-width:400px}.about-mockup{align-items:center;display:flex;justify-content:center}@media (max-width:768px){.about-page{overflow:hidden;padding:0}.about-content{flex-direction:column;gap:0}.about-mockup{height:220px;position:relative;width:100%}.about-mockup img{max-height:400px;position:absolute;right:-60px;top:-40px;transform:rotate(12deg)}.about-text{max-width:100%;padding:0 1.5rem;z-index:1}.about-text p{margin:0}}
/*# sourceMappingURL=main.7b5f0ac7.css.map*/