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{align-items:center;display:flex;gap:.9rem;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)}}:root{--unlimited-color:var(--cell-bg-color);--unlimited-color-bright:#ffe7ad;--unlimited-color-deep:#c9a85e;--unlimited-tint:#ffdd931f;--unlimited-edge:#ffdd9366}.unlimited-cta,.unlimited-inline{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;box-shadow:none;color:var(--cell-bg-color);color:var(--unlimited-color);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:10px 14px;transition:color .2s ease,opacity .15s ease,transform .15s ease;white-space:nowrap}.unlimited-cta:hover,.unlimited-inline:hover{color:#ffe7ad;color:var(--unlimited-color-bright)}.unlimited-cta{bottom:6rem;left:50%;position:fixed;transform:translateX(-50%);z-index:1000}.unlimited-cta:active{opacity:.7;transform:translateX(-50%) scale(.96)}.unlimited-inline{margin:.25rem auto 0}.unlimited-inline:active{opacity:.7;transform:scale(.96)}.unlimited-cta-mark{opacity:.8}.unlimited-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2000}.unlimited-card{border-radius:12px;box-sizing:border-box;font-size:16px;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;padding:1.75rem 1.5rem 1.25rem;position:relative;text-align:left;touch-action:pan-y;width:min(380px,100%)}.unlimited-close{background:none;border:none;box-shadow:none;color:var(--text-color);cursor:pointer;font-size:.9rem;opacity:.5;padding:4px;position:absolute;right:.9rem;top:.75rem}.unlimited-close:hover{opacity:1}.unlimited-head{margin-bottom:1.25rem;text-align:center}.unlimited-badge{color:var(--cell-bg-color);color:var(--unlimited-color);display:block;font-size:.65rem;font-weight:600;letter-spacing:.22em;opacity:.75;text-transform:uppercase}.unlimited-head h2{font-size:1.4rem;margin:.6rem 0 .25rem}.unlimited-sub{font-size:.85rem;margin:0;opacity:.65}.unlimited-perks{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0 0 1.5rem;padding:0}.unlimited-perks li{align-items:center;display:flex;gap:.85rem}.unlimited-perk-icon{align-items:center;color:var(--cell-bg-color);color:var(--unlimited-color);display:flex;flex-shrink:0;justify-content:center;opacity:.85;width:24px}.unlimited-perk-body{display:flex;flex-direction:column;gap:2px}.unlimited-perk-title{font-size:.95rem;font-weight:600}.unlimited-perk-detail{font-size:.8rem;line-height:1.35;opacity:.6}.unlimited-buy{background-color:var(--cell-bg-color);background-color:var(--unlimited-color);border-radius:10px;box-shadow:inset 0 2px 0 #ffffff59,inset 0 -2px 0 #0000001a,0 4px 0 #c9a85e,0 4px 8px #0006;box-shadow:inset 0 2px 0 #ffffff59,inset 0 -2px 0 #0000001a,0 4px 0 var(--unlimited-color-deep),0 4px 8px #0006;color:var(--main-bg-color);display:block;font-size:16px;padding:14px 20px;width:100%}.unlimited-buy:hover{background-color:#ffe7ad;background-color:var(--unlimited-color-bright)}.unlimited-buy:disabled,.unlimited-restore:disabled{cursor:default;opacity:.5}.unlimited-buy:disabled:active{transform:none}.unlimited-buy:active{box-shadow:inset 0 2px 4px #0000004d,0 1px 0 #c9a85e;box-shadow:inset 0 2px 4px #0000004d,0 1px 0 var(--unlimited-color-deep);transform:translateY(3px)}.unlimited-restore{background:none;border:none;box-shadow:none;color:var(--text-color);cursor:pointer;display:block;font-size:.8rem;font-weight:500;margin-top:.75rem;opacity:.55;padding:6px;width:100%}.unlimited-restore:hover{opacity:.85}.unlimited-stat{color:var(--cell-bg-color);color:var(--unlimited-color);font-size:.8rem;margin:0 0 .9rem;opacity:.75;text-align:center}.unlimited-legal{font-size:.7rem;margin:.9rem 0 0;opacity:.4;text-align:center}.unlimited-note,.unlimited-status{font-size:.75rem;margin:.75rem 0 0;opacity:.55;text-align:center}@media (max-width:480px){.unlimited-card{padding:1.5rem 1.25rem 1rem}.unlimited-head h2{font-size:1.25rem}}.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}.history-list{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;max-height:55vh;max-height:52dvh;overflow-y:auto;overscroll-behavior:contain;padding:4px;touch-action:pan-y;width:min(360px,calc(100vw - 1.5rem))}.history-item{-webkit-tap-highlight-color:transparent;align-items:center;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;color:var(--text-color);display:flex;font:inherit;gap:14px;min-height:64px;padding:12px 14px;text-align:left;transition:background-color .2s ease,transform .1s ease;width:100%}@media (hover:hover){.history-item:hover{background:#282828d9}.history-item:hover .history-replay{opacity:1}}.history-item:active{background:#303030e6;transform:scale(.98)}.history-item:active .history-replay{opacity:1}.history-replay{color:var(--cell-bg-color);flex-shrink:0;opacity:.55;transition:opacity .2s ease}.history-thumb{grid-gap:1px;background:#0000004d;border-radius:4px;display:grid;gap:1px;grid-template-columns:repeat(var(--cols),1fr);min-width:44px;padding:3px;width:44px}.history-thumb-cell{aspect-ratio:1;background-color:var(--cell-bg-color);border-radius:1px}.history-item-body{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.history-status{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;gap:8px}.history-dot{border-radius:50%;display:inline-block;height:10px;min-height:10px;min-width:10px;width:10px}.history-dot.clear{background-color:#f5c842;box-shadow:0 0 6px #dbb76380}.history-dot.complete{background-color:#a8a8a8;box-shadow:0 0 6px #a8a8a866}.history-dot.unsolved{background-color:#ffffff26}.history-meta{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-empty,.history-meta{color:var(--text-color);opacity:.6}.history-empty{font-size:.85rem;max-width:260px}@media (max-width:480px){.history-header h1{font-size:1.75rem}.history-header{margin-bottom:.5rem}.history-list{max-height:60dvh}}.history-truncated{color:var(--text-color);font-size:.7rem;opacity:.4;padding-top:4px;text-align:center}.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.2b74483e.css.map*/