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}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}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%;-webkit-user-select:none;user-select:none;width:100%}body{overflow:hidden}a{color:#ecdfcc;color:var(--text-color);text-decoration:underline;text-decoration-thickness:.5px;text-underline-offset:2.5px}.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}@keyframes wave-animation{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.wave{animation:wave-animation .3s ease-in-out calc((var(--row) + var(--col))*30ms) both}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-2px,1px)}30%{transform:translate(1px,-2px)}45%{transform:translate(-1px,-1px)}60%{transform:translate(2px,1px)}75%{transform:translate(1px,-1px)}90%{transform:translate(-1px,2px)}}.wrong{animation:shake .5s ease-in-out}@keyframes success-pop{0%{outline:0 solid #fff0;transform:scale(1)}30%{outline:3px solid #ffffff80;transform:scale(1.08)}to{outline:0 solid #fff0;transform:scale(0)}}.success{animation:success-pop .12s cubic-bezier(.4,0,1,1) forwards}.highlight,.success{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}@keyframes gleam-wave{0%{filter:brightness(1)}30%{filter:brightness(2)}to{filter:brightness(1)}}.done{animation:gleam-wave .2s ease-in-out;animation-delay:calc((var(--row) + var(--col) + 1)*50ms);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{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141414bf;border:.5px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0000004d,inset 0 .5px 0 #ffffff1a;font-size:.9rem;padding:.5rem 1rem;position:absolute;z-index:1000}.help{font-size:16px;margin:25px;max-width:400px;min-height:350px}.invisible-hud{background:#0000;font-size:.9rem;padding:.5rem 1rem;position:absolute;z-index:1000}.footer{bottom:1rem;opacity:.25}.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{animation:stripe-move .7s linear infinite;background:repeating-linear-gradient(-45deg,#0000,#0000 10px,#ecdfcc 0,#ecdfcc 20px);background:repeating-linear-gradient(-45deg,#0000 0,#0000 10px,var(--text-color) 10px,var(--text-color) 20px);background-size:28.28px 28.28px;border:1px solid #ecdfcc;border:1px solid var(--text-color);opacity:.15;pointer-events:none}@keyframes stripe-move{0%{background-position:0 0}to{background-position:28.28px 0}}.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}.content-page{flex-direction:column;padding:2rem}.about-content,.content-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){.content-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}}.trophy{animation:trophy-wobble 2s ease-in-out infinite;transform-origin:bottom center}.trophy .shine{animation:shine-sweep 2s ease-in-out infinite}@keyframes shine-sweep{0%,to{transform:translateX(-10px)}50%{transform:translateX(30px)}}@keyframes trophy-wobble{0%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.bottom-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141414bf;border:.5px solid #ffffff1a;border-radius:10px;bottom:1.5rem;box-shadow:0 2px 8px #0000004d,inset 0 .5px 0 #ffffff1a;display:flex;gap:6px;left:50%;padding:6px 20px;position:fixed;transform:translateX(-50%)}.nav-highlight{background:var(--text-color);border-radius:100px;box-shadow:inset 0 .5px 0 #ffffff1a;left:20px;opacity:.1;position:absolute;top:6px;transition:transform .15s ease-in}.nav-highlight,.nav-item{height:36px;transform-origin:center;width:56px}.nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;transition:transform .25s ease;z-index:1}.nav-item:hover .nav-icon{opacity:.6}.nav-icon{align-items:center;display:flex;justify-content:center;opacity:.35;transition:opacity .25s linear}.nav-item.active .nav-icon{opacity:1}.nav-item{position:relative}.notification-dot{background-color:#ef4444;border:2px solid #1a1a2e;border:2px solid var(--bg-primary,#1a1a2e);border-radius:50%;height:8px;position:absolute;right:14px;top:6px;width:8px}.stats-container{margin:0 auto;max-width:350px;padding:20px}.stats-title{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:1.25rem;text-align:center}.stats-table{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141414bf;border:.5px solid #ffffff1a;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000004d,inset 0 .5px 0 #ffffff1a;overflow:hidden;width:100%}.stats-table tr{border-bottom:1px solid #ffffff14}.stats-table tr:last-child{border-bottom:none}.stats-table td{padding:14px 18px}.stat-label{color:var(--text-color);font-size:.85rem;opacity:.7}.stat-value{color:var(--cell-bg-color);font-size:1rem;font-weight:600;text-align:right}.pie-chart-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:300px;padding:20px}.pie-chart-title{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 1.25rem;opacity:.9;text-align:center}.pie-chart-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.pie-chart{box-shadow:0 4px 12px #0006,inset 0 1px 0 #ffffff1a;height:160px;width:160px}.pie-chart,.pie-chart-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.pie-chart-inner{background:var(--main-bg-color);box-shadow:inset 0 4px 12px #00000080,inset 0 -2px 4px #ffffff0d,0 2px 4px #0000004d;flex-direction:column;gap:2px;height:100px;width:100px}.pie-chart-total{color:var(--text-color);font-size:1.75rem;font-weight:700;line-height:1}.pie-chart-label{color:var(--text-color);font-size:.7rem;opacity:.6}.pie-chart-legend{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141414bf;border:.5px solid #ffffff1a;border-radius:10px;box-shadow:0 2px 8px #0000004d,inset 0 .5px 0 #ffffff1a;display:flex;gap:1.5rem;margin-top:1.25rem;padding:12px 20px}.stats-tab{flex-direction:column;gap:1rem;padding:1rem}.legend-item,.stats-tab{align-items:center;display:flex}.legend-item{gap:8px}.legend-dot{border-radius:50%;display:inline-block;height:10px;min-height:10px;min-width:10px;width:10px}.legend-dot.clear{background-color:#f5c842;box-shadow:0 0 6px #dbb76380}.legend-dot.complete{background-color:#a8a8a8;box-shadow:0 0 6px #a8a8a866}.legend-dot.unsolved{background-color:#ffffff26}.legend-label{color:var(--text-color);font-size:.85rem;opacity:.7}.legend-value{color:var(--text-color);font-size:.9rem;font-weight:600;margin-left:2px}
/*# sourceMappingURL=main.7bad9f89.css.map*/